
/* OCCIVO beta 0.2: mobile-first intake and visible actions */
.hero .actions{margin-top:24px;margin-bottom:16px}
.nav .nav-cta{background:var(--action);color:var(--surface);padding:9px 14px;border-radius:3px;font-weight:700}
.nav .nav-cta:hover{background:var(--hover);color:var(--surface)}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:240px 240px 3px 3px}
.hero-media{min-height:450px;border-radius:240px 240px 3px 3px;overflow:hidden;position:relative;background:#E8DFD0}
.hero-media .photo-credit{position:absolute;right:12px;bottom:12px;padding:3px 8px;font-size:.72rem;background:#F7F3ECdf;border-radius:3px;color:#2B2A28}
.hero-photo-caption{font-size:.82rem;color:var(--sage)}
.microtrust{display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center;color:var(--sage);font-size:.85rem;margin-top:20px}
.microtrust span:before{content:"✓";font-weight:700;margin-right:6px}
.intake-intro{padding-bottom:5px}
.intake-shell{margin:15px auto 70px}
.intake-shell .section-title{margin:8px 0 26px}
.form-fields{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}
.form-fields .field{min-width:0}
.form-fields .conditional.hidden{display:none}
.field-hint{font-size:.83rem;color:#54534D;margin:6px 0 0;line-height:1.45}
.deeper{border:1px solid var(--border);border-radius:4px;background:var(--surface);margin:18px 0 24px}
.deeper summary{padding:16px 18px;cursor:pointer;font-weight:700}
.deeper summary:focus-visible{outline:3px solid var(--action);outline-offset:3px}
.deeper-body{padding:2px 20px 20px;border-top:1px solid var(--line)}
.deeper .field{border:0;padding:0}
.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.checkbox-grid label{display:flex;gap:9px;align-items:flex-start;padding:8px 0;font-size:.93rem}
.checkbox-grid input{accent-color:var(--action);width:18px;height:18px;flex-shrink:0;margin-top:5px}
.consent{margin:22px 0}
.consent input{width:18px;height:18px;flex-shrink:0}
.confirmation{background:var(--sand)}
.reference{display:inline-block;font-size:1.6rem;letter-spacing:.06em;border:1px solid var(--sage);background:var(--surface);padding:10px 17px;color:var(--ink)}
.status{color:#9B3D2E;font-size:.94rem}
@media(max-width:820px){.hero-media{min-height:300px}}
@media(max-width:660px){.form-fields,.checkbox-grid{grid-template-columns:1fr}.hero{gap:20px}.hero h1{font-size:clamp(3.25rem,13vw,4.5rem)}.intake-intro{padding-top:36px}.intake-shell{margin-top:12px}.form-actions .btn{width:100%}.nav .nav-cta{padding:8px 11px}}

/* Fix image container dimensions across desktop and narrow mobile viewports */
.hero-media{height:450px;min-height:0}.hero-photo{height:100%}@media(max-width:820px){.hero-media{height:325px;min-height:0}}
