:root{--muted-dim:#a49a8a;}
html{scroll-padding-top:110px;} .btn{border:0;cursor:pointer;line-height:1.4;}
.hero{padding-top:70px}.hero h1{max-width:880px;font-size:clamp(2.25rem,5.1vw,4.1rem);line-height:1.13;font-weight:600;letter-spacing:-.045em}.hero .sub{font-style:normal;max-width:630px;margin-top:24px;}
.portrait-section{background:#0E0D0C}.portrait-wrap{max-width:1120px}.portrait-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0E0D0C,transparent 7%,transparent 93%,#0E0D0C);}
.callout{z-index:2;max-width:35%;font-size:clamp(.95rem,1.5vw,1.08rem)}.hotspot{z-index:3}.zone-ear{left:44%;top:20%;width:31%;height:15%;}.zone-face{left:44%;top:35%;width:31%;height:15%;}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:38px 0}.experience-grid h3{font-size:1.07rem}.experience-grid p,.background-list{color:var(--muted);line-height:1.75}.text-link{font-family:'Libre Franklin',sans-serif;font-size:.9rem}
.section{padding:68px 0}.example-slider{max-width:850px}.example-box{min-height:280px}.example-box h3{font-size:1.4rem;margin-bottom:16px}.example-box .roi-tag{background:transparent;color:var(--accent);padding:0;font-size:.8rem;text-transform:none;letter-spacing:0;}
.slider-nav{flex-wrap:wrap;gap:12px}.slider-dots{order:4;flex-basis:100%;flex-wrap:wrap;gap:8px;margin-top:10px}.slider-dot{width:auto;height:auto;min-height:38px;border:1px solid #4A453C;border-radius:4px;padding:7px 10px;color:var(--muted);background:transparent;font-size:.85rem;}.slider-dot.active{transform:none;background:rgba(189,139,82,.12);color:var(--ink);border-color:var(--accent)}
.pillar .tag,.eyebrow{font-size:.8rem}.pillar p{font-size:1rem}.form-privacy{font-size:.88rem;color:var(--muted);line-height:1.5}.background-list{padding-left:20px}.background-list li{margin:22px 0}.background-list strong{color:var(--ink)}
@media(max-width:760px){.experience-grid{grid-template-columns:1fr;gap:16px}.hero{padding-top:42px}.hero-copy{padding-bottom:30px}.section{padding:48px 0}nav ul{top:100%}.example-box{padding:24px;min-height:340px}}
@media(hover:none),(pointer:coarse){.callout,.hotspot{display:none}.portrait-captions-mobile{display:block;max-width:var(--max);margin:auto;padding:24px}.portrait-captions-mobile .cap{border-left:2px solid var(--accent-dim);padding-left:14px;color:#D9D4C9;line-height:1.6}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.scenario-note{font-size:.9rem;color:var(--muted);line-height:1.6;max-width:650px}