html{scroll-padding-top:24px}
.hero{padding-top:28px;padding-bottom:56px;grid-template-columns:1.12fr .88fr;gap:64px;align-items:start}
.hero-copy{padding-top:18px}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(2.8rem,2.1rem + 2.3vw,4.25rem);line-height:1.04;margin-bottom:28px}
.hero .lede{font-size:1.125rem;line-height:1.65;max-width:43ch}
.hero-last{font-size:1rem;max-width:48ch;line-height:1.65}
.hero-experience{font-size:.75rem;line-height:1.5;color:var(--muted);max-width:51ch;margin-top:18px}
.hero-art{min-width:0;max-width:480px;padding:20px;background:#eee9dc}
.hero-art .product-view-label{max-width:none;width:100%;margin-bottom:14px;min-height:20px}
.hero-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;overscroll-behavior-x:contain;aspect-ratio: .91;touch-action:pan-x pan-y}
.hero-track::-webkit-scrollbar{display:none}
.hero-slide{flex:0 0 100%;min-width:0;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:3px}
.hero-slide>button{width:100%;height:100%;padding:4px;border:1px solid var(--line);border-radius:5px;background:var(--white);display:flex;align-items:center;justify-content:center}
.hero-slide img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.hero-carousel-controls{width:100%;display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:12px}
.hero-carousel-controls button{min-width:44px;min-height:44px;padding:6px;border:0;background:transparent;color:var(--gold);font-size:1rem;border-radius:4px}
.hero-carousel-controls button:hover{background:#e2d8bf}
.hero-carousel-controls #hero-play{font-size:.75rem;min-width:48px}
.hero-dots{display:flex;align-items:center;justify-content:center;gap:0}
.hero-dots button{min-width:44px;width:44px;position:relative}
.hero-dots button:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:transparent;border:1px solid var(--gold);left:calc(50% - 3px);top:calc(50% - 3px)}
.hero-dots button[aria-pressed=true]:after{background:var(--gold)}
.recognition{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;width:min(1180px,calc(100% - 64px));padding:56px 0 64px;border-top:1px solid var(--line);margin:0 auto}
.recognition-heading{padding-top:4px}
.recognition-heading .eyebrow{max-width:26ch;margin-bottom:20px}
.recognition h2{font-size:3rem}
.recognition p:not(.eyebrow){font-size:1rem;line-height:1.75}
.recognition-scenes{padding-left:22px;border-left:2px solid #c6b588;margin-bottom:22px;color:var(--ink)!important}
.recognition-scenes span{display:block;margin-bottom:12px}
.recognition-scenes span:last-child{margin-bottom:0}
.recognition-body>p+p{margin-top:22px}
.recognition-relief{padding-top:22px;border-top:1px solid var(--line)}
.story{padding:48px;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.story-photo{max-width:360px}
.story-photo img{max-height:520px;aspect-ratio:4/5;object-fit:cover}
.story-copy h2{font-size:3.2rem;line-height:1.06;margin-bottom:24px}
.story-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75}
.story-copy strong{font-weight:600;color:var(--ink)}
.story-turn{margin:24px 0;padding:22px 24px;border-left:2px solid #b8a476;background:#f0eadb}
.story-turn p{font-size:1.06rem;line-height:1.6}
.story-copy .source-note{margin-top:18px}
.demo-sticky{top:24px}
.portfolio-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 20px;flex-wrap:wrap}
.portfolio-filters{display:flex;gap:6px;flex-wrap:wrap}
.portfolio-filters button{min-height:44px;border:1px solid var(--line);border-radius:4px;padding:10px 15px;background:transparent;color:var(--muted);font-size:.875rem}
.portfolio-filters button[aria-pressed=true]{background:#e8dec5;border-color:#b6a579;color:var(--ink)}
.portfolio-count{font-size:.75rem;color:var(--muted)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.portfolio-grid figure{margin:0;min-width:0}
.portfolio-grid figure[hidden]{display:none}
.portfolio-grid .image-button{border:1px solid var(--line);padding:0;width:100%;aspect-ratio:4/5;background:#eae5d9;border-radius:5px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.portfolio-grid img{height:100%;width:100%;object-fit:contain;transition:transform .25s ease}
.portfolio-grid .image-button:hover img{transform:scale(1.025)}
.portfolio-grid .enlarge-label{position:absolute;right:8px;bottom:8px;font-size:.75rem;padding:7px 10px;background:var(--white);border:1px solid var(--line);border-radius:3px;min-height:32px}
.portfolio-grid figcaption{font-size:1rem;line-height:1.4;padding:12px 0 2px;color:var(--ink)}
.portfolio-grid figcaption span{display:block;font-size:.75rem;letter-spacing:.06em;color:var(--gold);margin-bottom:4px}
.creative>.micro{margin-top:22px}
.ai-foundation{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;border-top:1px solid #c9bfa7;border-bottom:1px solid #c9bfa7;padding:30px 0;margin:30px 0}
.ai-foundation h3{font:500 2rem/1.15 var(--display)}
.ai-foundation p:not(.eyebrow){font-size:1rem;color:var(--muted)}
.ai-platforms{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.ai-platforms span{border:1px solid #c8bda5;border-radius:4px;background:#f7f3e8;padding:8px 14px;font-size:.875rem}
.ai-foundation p.micro{font-size:.75rem}
.install>.container{padding:44px}
.install-list{padding:0 28px}
.install-list article{padding:26px 0;gap:18px}
.install-list h3{font-size:1.1rem;margin-bottom:10px}
.install-list p{font-size:1rem;line-height:1.7}
.install-list small{display:block;font-size:.75rem;color:var(--gold);margin-top:14px;line-height:1.6}
.handoff-standard{padding:28px 0 8px;display:grid;grid-template-columns:.7fr 1.3fr;gap:35px}
.handoff-standard h3{font:500 1.85rem/1.2 var(--display)}
.handoff-standard p{font-size:1rem;color:var(--muted)}
.install-note{line-height:1.6}
.install-apply{border:0;background:none;padding:0;margin-top:16px;text-decoration:underline;text-underline-offset:5px;text-align:left}
.apply-dialog{width:min(680px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:32px;overflow-y:auto;overscroll-behavior:contain}
.apply-dialog h2{font-size:2.65rem}
.intake-intro{font-size:.9375rem;color:var(--muted)}
.intake-progress{margin:24px 0;color:var(--gold);font-size:.75rem}
.intake-progress-track{height:3px;background:#ddd5c3;margin-top:10px}
.intake-progress-track i{height:3px;width:25%;display:block;background:var(--gold);transition:width .25s ease}
#application-form fieldset{border:0;padding:0;margin:0;min-width:0}
#application-form legend{font:500 1.8rem/1.2 var(--display);padding:0;margin-bottom:22px}
#application-form textarea{resize:vertical}
.intake-actions{display:flex;gap:14px;align-items:center;margin:24px 0 4px}
.intake-actions .form-submit{flex:1}
.intake-back{min-height:48px;min-width:68px;border:0;background:none;color:var(--gold);font-size:.875rem;padding:10px 12px}
#application-result h3{font:500 2rem/1.15 var(--display);margin-bottom:18px}
#intake-summary{margin:24px 0}
#intake-summary dt{font-size:.75rem;color:var(--gold);margin:20px 0 6px}
#intake-summary dd{font-size:.9375rem;margin:0;padding-bottom:14px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap}
#application-back{min-height:48px}
@media(max-width:1050px){
 .hero{gap:36px;grid-template-columns:1.05fr .95fr}
 .hero h1{font-size:3.35rem}
 .hero-carousel-controls{display:grid;grid-template-columns:44px 1fr 44px}
 .hero-dots{grid-column:1/-1;grid-row:2}
 #hero-prev{grid-column:1;grid-row:1}
 #hero-next{grid-column:3;grid-row:1}
 .hero-carousel-controls #hero-play{grid-column:2;grid-row:1;justify-self:center}
 .recognition{width:calc(100% - 40px);gap:40px}
 .recognition h2{font-size:2.65rem}
 .story{gap:36px;padding:32px}.story-copy h2{font-size:2.7rem}
}
@media(max-width:760px){
 html{scroll-padding-top:16px}
 .hero{padding-top:30px;padding-bottom:36px;gap:28px}
 .hero h1{font-size:clamp(2.4rem,9.25vw,3.3rem);margin-bottom:22px}
 .hero .lede,.hero-last{font-size:1rem}
 .hero-experience{margin-top:12px}
 .hero-art{width:100%;max-width:440px;padding:14px}
 .hero-track{aspect-ratio:.96}
 .recognition{display:block;width:calc(100% - 40px);padding:36px 0 44px}
 .recognition h2{font-size:2.35rem;margin-bottom:28px}
 .recognition-heading .eyebrow{max-width:none;margin-bottom:14px}
 .recognition-scenes{padding-left:18px}
 .story{padding:24px;gap:24px}
 .story-copy h2{font-size:2.5rem}
 .story-photo img{width:110px;max-height:none}
 .story-turn{padding:18px;margin:22px 0}
 .demo-sticky{top:0}
 .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
 .portfolio-grid figcaption{font-size:.875rem}
 .portfolio-grid figcaption span{font-size:.75rem;letter-spacing:.015em}
 .portfolio-grid .enlarge-label{font-size:.75rem;min-height:28px;padding:4px 7px;right:5px;bottom:5px}
 .portfolio-controls{gap:12px}
 .portfolio-filters{gap:6px}
 .portfolio-filters button{font-size:.75rem;padding:9px 11px}
 .install>.container{padding:24px 20px}
 .ai-foundation{display:block;padding:24px 0;margin:24px 0}
 .ai-foundation>div+div{margin-top:18px}
 .ai-foundation h3{font-size:1.9rem}
 .install-list{padding:0 18px}
 .install-list article{grid-template-columns:22px 1fr;gap:12px;padding:22px 0}
 .install-list h3{font-size:1rem}.install-list p{font-size:.9375rem}
 .handoff-standard{display:block;padding-top:24px}
 .handoff-standard h3{font-size:1.75rem;margin-bottom:14px}
 .apply-dialog{padding:28px 20px;max-height:calc(100dvh - 24px)}
 .apply-dialog h2{font-size:2.2rem}
 .apply-dialog .form-grid{grid-template-columns:1fr;gap:0}
 .footer>div{gap:12px;flex-wrap:wrap;justify-content:center}
}
@media(max-width:760px) and (max-height:520px){.demo-sticky{top:12px}}
@media(max-width:560px) and (max-height:520px),(max-width:760px) and (max-height:320px){.demo-sticky{position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){.hero-track{scroll-behavior:auto}.portfolio-grid img,.intake-progress-track i{transition:none}}

/* v10: ad viewer, bio section */
.ad-dialog{width:min(1040px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);padding:0;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);overflow:hidden}
.ad-dialog::backdrop{background:rgba(38,39,33,.72)}
.ad-dialog .dialog-close{position:absolute;top:10px;right:10px;z-index:2;background:var(--white)}
.ad-dialog-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-height:calc(100vh - 34px)}
.ad-dialog-image{margin:0;background:#eee9dc;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:hidden}
.ad-dialog-image img{width:100%;max-width:420px;height:auto;display:block;border-radius:4px;box-shadow:0 12px 30px rgba(38,39,33,.14)}
.ad-dialog-copy{padding:36px 40px 32px;overflow-y:auto;max-height:calc(100vh - 34px)}
.ad-dialog-copy .eyebrow{margin-bottom:18px}
.ad-dialog-label{font-size:.6875rem;letter-spacing:.12em;color:var(--muted);margin:0 0 6px;font-weight:500}
.ad-dialog-copy h3{font-family:var(--display);font-size:1.75rem;line-height:1.15;margin:0 0 22px;font-weight:500}
.ad-dialog-body p{font-size:.9375rem;line-height:1.6;margin:0 0 12px;white-space:pre-line;max-width:52ch}
.ad-dialog-meta{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}
.about{padding-top:72px;padding-bottom:64px}
.about h2{margin-bottom:28px}
.about-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px;align-items:start}
.about-grid p{font-size:1.0625rem;line-height:1.65;margin:0 0 16px;max-width:56ch}
.about .quiet-link{margin-top:6px}
.about-facts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.about-facts li{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px solid var(--line)}
.about-facts strong{font-family:var(--display);font-size:1.6rem;font-weight:500;color:var(--gold);line-height:1.1}
.about-facts span{font-size:.875rem;color:var(--muted)}
@media(max-width:900px){.ad-dialog-grid{grid-template-columns:1fr;max-height:none}.ad-dialog{max-height:calc(100vh - 24px);overflow-y:auto}.ad-dialog .dialog-close{position:sticky;top:8px;float:right;margin:8px 8px -52px 0;border-radius:50%;border:1px solid var(--line);box-shadow:0 4px 14px rgba(38,39,33,.16)}.ad-dialog-image{padding-top:60px}.ad-dialog-image{padding:18px 18px 0}.ad-dialog-image img{max-width:300px}.ad-dialog-copy{padding:24px 22px 28px;max-height:none;overflow:visible}.about-grid{grid-template-columns:1fr;gap:28px}.about{padding-top:56px}}

/* v11: proof strip, shift section, install CTA, mobile filters */
.hero-proof{list-style:none;margin:40px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hero-proof li{display:flex;flex-direction:column;gap:2px}
.hero-proof strong{font-family:var(--display);font-weight:500;font-size:1.5rem;line-height:1.1;color:var(--gold)}
.hero-proof span{font-size:.75rem;line-height:1.4;color:var(--muted)}
.shift{padding-top:0;padding-bottom:72px}
.shift-grid{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:0;align-items:stretch}
.shift-grid article{border:1px solid var(--line);border-radius:8px;padding:32px 34px 28px;background:var(--white)}
.shift-after{background:#eee9dc;border-color:#d9cfb6}
.shift-label{display:block;font-size:.6875rem;letter-spacing:.12em;color:var(--gold);font-weight:500;margin-bottom:14px}
.shift-grid h3{font-family:var(--display);font-weight:500;font-size:1.75rem;line-height:1.15;margin:0 0 22px}
.shift-grid ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.shift-grid li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--line);align-items:start}
.shift-grid li span{font-size:.9375rem;font-weight:500;color:var(--ink);line-height:1.4}
.shift-grid li small{font-size:.875rem;line-height:1.5;color:var(--muted)}
.shift-before li span{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(121,100,56,.55);text-decoration-thickness:1px}
.shift-before li:last-child span{text-decoration:none;color:var(--ink)}
.shift-sum{margin:20px 0 0;font-size:.9375rem;line-height:1.55;color:var(--muted)}
.shift-sum strong{font-family:var(--display);font-size:1.5rem;font-weight:500;color:var(--ink);margin-right:6px}
.shift-arrow{display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.75rem}
.install-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}
.install-cta span{font-size:.875rem;color:var(--muted)}
@media(max-width:1050px){.hero-proof{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}}
@media(max-width:900px){.shift-grid{grid-template-columns:1fr}.shift-arrow{transform:rotate(90deg);padding:6px 0;height:52px}.shift-grid article{padding:24px 22px 22px}.shift-grid li{grid-template-columns:1fr;gap:4px}.shift{padding-bottom:56px}}
@media(max-width:760px){.hero-proof{margin-top:26px;padding-top:18px;gap:14px}.hero-proof strong{font-size:1.3rem}.portfolio-filters{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:4px}.portfolio-filters::-webkit-scrollbar{display:none}.portfolio-filters button{flex:0 0 auto}}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.intake-privacy{font-size:.8125rem;color:var(--muted);margin:0 0 22px;padding:10px 14px;border:1px solid var(--line);border-radius:4px;background:var(--white)}
.thanks{padding:96px 0 64px;max-width:760px}
.thanks h1{font-size:clamp(2.6rem,2rem + 2vw,3.9rem);line-height:1.05;margin:0 0 24px}
.thanks .lede{font-size:1.125rem;line-height:1.65;max-width:52ch;margin:0 0 40px}
.thanks-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:40px}
.thanks-steps>div{border:1px solid var(--line);border-radius:8px;background:var(--white);padding:22px 22px 20px}
.thanks-steps span{display:block;font-size:.6875rem;letter-spacing:.12em;color:var(--gold);margin-bottom:12px}
.thanks-steps h3{font-family:var(--display);font-weight:500;font-size:1.35rem;line-height:1.2;margin:0 0 10px}
.thanks-steps p{font-size:.9375rem;line-height:1.55;color:var(--muted);margin:0}
.thanks-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.thanks-actions .primary{text-decoration:none;display:inline-flex;align-items:center;gap:10px}
@media(max-width:760px){.thanks{padding:56px 0 40px}.thanks-steps{grid-template-columns:1fr}}

/* v12: approval flow */
.approval-flow-wrap{margin:30px 0 0;padding:26px 0 34px;border-top:1px solid var(--line)}
.approval-flow-wrap>.eyebrow{margin-bottom:16px}
.approval-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:14px}
.af-stage .eyebrow{margin-bottom:10px}
.af-card{position:relative;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:18px 18px 14px;display:flex;flex-direction:column;gap:9px;min-height:132px;height:100%;box-sizing:border-box;transition:border-color .5s,box-shadow .5s}
.af-line{display:block;height:8px;border-radius:4px;background:#e6e0cf}
.af-card em{font-style:normal;font-size:.8125rem;color:var(--muted);margin-top:auto;padding-top:8px}
.af-arrow{align-self:center;color:var(--gold);font-size:1.4rem;padding-top:22px}
.af-buttons{display:flex;gap:8px;margin-top:4px}
.af-buttons span{flex:1;text-align:center;font-size:.75rem;padding:7px 6px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--paper)}
.af-buttons .af-approve{color:var(--ink);background:#f1eddf;border-color:#cbbf9d;position:relative}
.af-row{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--ink)}
.af-row i{width:10px;height:10px;border-radius:50%;background:#cfc6b3;flex:0 0 auto}
.af-badge{margin-left:auto;font-size:.625rem;letter-spacing:.1em;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:3px 6px;background:var(--paper)}
.af-s1 .af-card{animation:af-stage 7.5s infinite}
.af-s2 .af-card{animation:af-stage 7.5s infinite;animation-delay:2.5s}
.af-s3 .af-card{animation:af-stage 7.5s infinite;animation-delay:5s}
.af-s1 .af-line{transform-origin:left;animation:af-write 7.5s infinite}
.af-s1 .af-line:nth-child(2){animation-delay:.25s}.af-s1 .af-line:nth-child(3){animation-delay:.5s}.af-s1 .af-line:nth-child(4){animation-delay:.75s}
.af-approve{animation:af-approve 7.5s infinite}
.af-badge{animation:af-badge 7.5s infinite}
.af-row i{animation:af-dot 7.5s infinite}
@keyframes af-stage{0%,4%{border-color:var(--line);box-shadow:none}8%,30%{border-color:var(--gold);box-shadow:0 8px 24px rgba(121,100,56,.12)}36%,100%{border-color:var(--line);box-shadow:none}}
@keyframes af-write{0%{transform:scaleX(0)}4%{transform:scaleX(0)}18%,100%{transform:scaleX(1)}}
@keyframes af-approve{0%,44%{background:#f1eddf;color:var(--ink);transform:scale(1)}50%{background:var(--gold);color:#fff;border-color:var(--gold);transform:scale(1.04)}66%{background:var(--gold);color:#fff;border-color:var(--gold);transform:scale(1)}72%,100%{background:#f1eddf;color:var(--ink);border-color:#cbbf9d;transform:scale(1)}}
@keyframes af-badge{0%,66%{opacity:0;transform:translateY(4px)}72%,100%{opacity:1;transform:translateY(0)}}
@keyframes af-dot{0%,66%{background:#cfc6b3}72%,100%{background:var(--gold)}}
@media(max-width:760px){.approval-flow{grid-template-columns:1fr;gap:16px}.approval-flow-wrap{margin:24px 0 0;padding-bottom:30px}.af-arrow{display:none}.af-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.af-s1 .af-card,.af-s2 .af-card,.af-s3 .af-card,.af-s1 .af-line,.af-approve,.af-badge,.af-row i{animation:none}.af-card{border-color:var(--gold)}.af-badge{opacity:1}.af-row i{background:var(--gold)}.af-approve{background:var(--gold);color:#fff;border-color:var(--gold)}}
/* v12: gallery caption reveal */
.portfolio-grid .image-button{position:relative}
.tile-headline{position:absolute;left:0;right:0;bottom:0;padding:48px 14px 14px;text-align:left;font:400 .9375rem/1.4 var(--body);color:#fff;background:linear-gradient(180deg,rgba(38,39,33,0) 0%,rgba(38,39,33,.78) 100%);opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}
.tile-headline small{display:block;font:500 .625rem/1.3 var(--body);letter-spacing:.1em;color:#e7d9b1;margin-bottom:6px}
@media(hover:hover){.portfolio-grid .image-button:hover .tile-headline,.portfolio-grid .image-button:focus-visible .tile-headline{opacity:1;transform:translateY(0)}.portfolio-grid .image-button:hover .enlarge-label{opacity:0}}
@media(prefers-reduced-motion:reduce){.tile-headline{transition:none}}
/* v13: wordmark */
.site-mark{display:flex;justify-content:center;padding:22px 0 0}
.site-mark a{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--ink)}
.site-mark .mark-name{font:500 1.35rem/1 var(--display);letter-spacing:.01em}
.site-mark .mark-by{font:400 .6875rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
@media(max-width:760px){.site-mark{padding-top:16px}.site-mark .mark-name{font-size:1.2rem}}
.hero.container{padding-top:36px}
@media(max-width:760px){.hero.container{padding-top:26px}}
.thanks-page .thanks{padding-top:72px}

/* v14: mobile flow */
.step-nav{display:none}
.install-toggle{all:unset;font:inherit;color:inherit;display:block;width:100%;cursor:default}
.gallery-more{display:none}
@media(max-width:760px){
  /* hero: copy, then phone, then proof */
  .hero.container{display:flex;flex-direction:column}
  .hero-proof{margin-top:22px;padding-top:18px}
  /* walkthrough: tap through */
  #demo-layout .demo-sticky{position:static;top:auto;padding:0;background:transparent;z-index:auto}
  .demo-tools{display:none}
  .demo-steps{padding-bottom:12px}
  .demo-step{display:none;min-height:0;padding:16px 0 0;scroll-margin-top:0}
  .demo-step.is-active{display:block}
  .demo-step .step-card{background:var(--white);border-color:var(--line);padding:20px 18px 16px}
  .step-card h3{font-size:1.7rem;margin-bottom:12px}
  .step-nav{display:flex;gap:10px;margin-top:18px}
  .step-nav button,.step-nav a{flex:1;min-height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:var(--paper);font:500 .875rem/1 var(--body);color:var(--ink);text-decoration:none;padding:0 12px}
  .step-nav .step-next{background:var(--gold);color:#fff;border-color:var(--gold)}
  /* repeats that only make sense with two columns */
  .story-turn{display:none}
  .about-facts{display:none}
  /* install steps collapse */
  .install-toggle{cursor:pointer;position:relative;padding-right:28px}
  .install-toggle::after{content:"+";position:absolute;right:0;top:-2px;font:400 1.4rem/1 var(--display);color:var(--gold)}
  .install-toggle[aria-expanded="true"]::after{content:"−"}
  .install-list article.is-collapsed div>p,.install-list article.is-collapsed small{display:none}
  .install-list article.is-collapsed h3{margin-bottom:0}
  /* gallery clip */
  .portfolio-grid figure.is-clipped{display:none}
  .gallery-more{display:block;width:100%;margin-top:18px;min-height:48px;border:1px solid var(--line);border-radius:6px;background:var(--white);font:500 .9375rem/1 var(--body);color:var(--ink)}
  .gallery-more[hidden]{display:none}
}
@media(max-width:760px){#demo-layout .demo-screen-wrap{height:clamp(300px,58vw,380px)}}

/* v16: About portrait replaces the facts list */
.about-portrait{margin:0;position:relative;align-self:end;background:linear-gradient(180deg,#e9e3d2 0%,#dfd7c2 100%);border-radius:6px 6px 0 0;padding:28px 18px 0;display:flex;justify-content:center;overflow:hidden}
.about-portrait img{display:block;width:100%;max-width:300px;height:auto}
@media(max-width:760px){.about-portrait{order:-1;max-width:240px;margin:0 auto 22px}}

/* v17: new copy structure */
.site-mark{justify-content:space-between;align-items:center}
.site-mark .header-cta{font-size:.8125rem;padding:10px 16px;min-height:40px}
.hero-copy .eyebrow{max-width:38ch}
.hero-micro{margin-top:14px;max-width:48ch}
.recognition-body>p:not(.recognition-scenes){margin-bottom:16px}
.alternative,.fit{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-6);margin-bottom:var(--space-5)}
.alternative h2,.fit h2{margin-bottom:22px}
.alt-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px 40px;max-width:1040px}
.alt-body p{margin:0;font-size:1.0625rem;line-height:1.65}
.story-photo{background:linear-gradient(180deg,#e9e3d2,#dfd7c2);border-radius:6px;padding:24px 16px 0;overflow:hidden}
.story-photo img{aspect-ratio:auto;max-height:520px;object-fit:contain;border-radius:0}
.story-photo span{padding:10px 0 12px}
.handoff-standard p{margin:0;font-size:1.0625rem;line-height:1.65;max-width:62ch}
.closing button.closing-link{text-decoration:none;color:var(--paper);background:var(--ink);border:0;border-radius:6px;padding:14px 22px;gap:10px;cursor:pointer;font-family:var(--body);font-size:.95rem;margin:22px auto 0}
.closing button.closing-link:hover{background:#3a3b33}
.closing-micro{margin-top:14px;font-size:.8rem}
.closing .closing-micro{color:var(--muted)}
.footer-brand{font-family:var(--display);font-size:1.05rem;color:var(--ink)}
@media(max-width:760px){
  .site-mark .header-cta{display:none}
  .alternative,.fit{padding:var(--space-5);margin-bottom:var(--space-4)}
  .alt-body{gap:14px}
  .alt-body p,.handoff-standard p{font-size:1rem}
  .story-photo{background:none;padding:0;overflow:visible}
  .story-photo img{width:110px;max-height:none;object-fit:cover;aspect-ratio:4/5;object-position:top;border-radius:5px}
  .footer-brand{order:1;flex-basis:100%;text-align:center}
}
@media(min-width:761px){
  #demo-layout .demo-step{min-height:clamp(250px,34vh,330px);padding-block:18px}
  #demo-layout .step-card p{font-size:1.125rem;line-height:1.6;max-width:44ch}
  #demo-layout .step-card h3{margin-bottom:14px}
}
#demo-layout .demo-progress button{white-space:nowrap;padding-inline:8px}
#demo-layout .demo-progress button:last-child{flex:0 0 auto}

.nowrap{white-space:nowrap}
@media(max-width:760px){.wide-break{display:none}}