:root{--text-primary:#57282a;--band-oxblood:radial-gradient(80% 120% at 20% 0%,#a35e4f59,transparent 60%),linear-gradient(160deg,#6b242c 0%,#4a181e 55%,#3a1419 100%);--burgundy:#5f1920;--burgundy-deep:#461015;--copper:#a35e4f;--curve:cubic-bezier(.33,.1,.2,1);--font-display:"HT Display",Georgia,"Times New Roman",serif;--font-display-italic:"HT Approved Hero",Georgia,"Times New Roman",serif;--font-ui:"HT Approved UI","Segoe UI",system-ui,sans-serif;--ink:var(--text-primary);--ink-soft:var(--text-secondary);--ivory:#fbf3ef;--ivory-warm:#fff9f5;--line:#a35e4f55;--max:1280px;--photo:#e9e3d6;--text-on-dark-primary:#fff8ef;--text-on-dark-secondary:#f1ddd2;--text-on-dark-tertiary:#ddc4ba;--text-secondary:#704246;}
@font-face{font-family:"HT Approved Hero";font-style:italic;font-weight:400;font-display:swap;src:url("assets/approved-hero-display.woff2") format("woff2"),url("assets/approved-hero-display.ttf") format("truetype")}
@font-face{font-family:"HT Approved UI";font-style:normal;font-weight:400;font-display:swap;src:url("assets/approved-hero-ui.woff2") format("woff2"),url("assets/approved-hero-ui.ttf") format("truetype")}
@font-face{font-family:"HT Approved UI";font-style:normal;font-weight:600;font-display:swap;src:url("assets/approved-hero-ui-semibold.woff2") format("woff2"),url("assets/approved-hero-ui-semibold.ttf") format("truetype")}
@font-face{font-family:"HT Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("assets/bodoni-moda-upright.woff2") format("woff2"),url("assets/bodoni-moda-upright.ttf") format("truetype")}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:17px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased}[hidden]{display:none!important}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:disabled{opacity:.65}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.02;color:var(--burgundy)}h1{font-size:clamp(52px,6.3vw,90px);letter-spacing:-.035em;margin-bottom:24px}h2{font-size:var(--t-h2);letter-spacing:-.025em;margin-bottom:24px}h3{font-size:var(--t-h3);margin-bottom:8px}em{font-weight:500}p{margin-bottom:20px}img{max-width:100%}.wrap{width:min(calc(100% - 112px),var(--max));margin-inline:auto}.eyebrow{font:600 12px/1.5 var(--font-ui);letter-spacing:.15em;text-transform:uppercase;margin-bottom:24px;color:var(--burgundy)}.fine{font-size:14px;color:var(--ink-soft);line-height:1.6}.skip{position:fixed;top:8px;left:8px;z-index:100;padding:12px 18px;background:var(--burgundy);color:var(--ivory-warm);transform:translateY(-150%)}.skip:focus{transform:none}
/* <main tabindex="-1"> is the skip-link target, not a control: no focus ring on the whole page body. */
main:focus{outline:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:106px;border-bottom:1px solid var(--line)}.brand-lockup{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.monogram{display:inline-block;font:500 43px/.85 var(--font-display);letter-spacing:-.12em;padding-right:7px;color:var(--burgundy)}.wordmark{font:600 13px/1.4 var(--font-ui);letter-spacing:.24em}.desktop-nav,.nav-actions{display:flex;align-items:center;gap:32px}.desktop-nav a,.nav-actions a{font-size:15px;font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.menu-toggle{display:none;background:none;border:0;min-height:44px;padding:0}.mobile-nav{padding:16px 24px;border-bottom:1px solid var(--line);background:var(--ivory-warm)}.mobile-nav a{display:block;padding:12px 0;text-decoration:none;min-height:44px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;border:1px solid var(--burgundy);padding:14px 26px;border-radius:30px 4px 30px 4px;text-decoration:none;font-size:15px;font-weight:600;line-height:1.4;transition:background .18s var(--curve),color .18s var(--curve)}.btn-primary{background:var(--accent);color:var(--ivory-warm)}.btn-primary:hover:not(:disabled){background:var(--accent-deep)}
.header-account-action{padding:0 14px;border:1px solid var(--burgundy);border-radius:22px 3px 22px 3px;background:var(--burgundy);color:var(--ivory-warm)}.header-account-action:hover{background:var(--burgundy-deep)}.section-intro>p:last-child{max-width:320px;font-size:16px}.site-footer{border-top:1px solid var(--line);padding-block:40px 20px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:32px}.footer-top p{font-family:var(--font-display);font-size:24px;margin:0}.footer-top nav{display:flex;gap:24px;font-size:14px}.footer-top nav a{min-height:44px;display:flex;align-items:center}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--ink-soft)}
@media(min-width:761px){.mobile-nav{display:none!important}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:20px}.nav-actions{gap:18px}.footer-top{flex-wrap:wrap}.footer-top p{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:78px;gap:12px}.brand-lockup{gap:10px}.monogram{font-size:36px}.wordmark{font-size:11px;letter-spacing:.16em}.desktop-nav{display:none}.nav-actions{gap:16px}.nav-actions a,.nav-actions button{font-size:12px}.menu-toggle{display:inline-flex;gap:8px;align-items:center}.section-intro>p:last-child{max-width:330px}.footer-top{display:block}.footer-top nav{margin-top:24px;gap:22px}.footer-bottom{display:block;font-size:11px}.footer-bottom span{display:block;margin-bottom:10px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.wordmark{font-size:10px;letter-spacing:.12em}.nav-actions{gap:10px}.brand-lockup{gap:10px}.nav-actions a,.nav-actions button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Customer correction 2026-09-21: restore the selected Bronze Wall top fold.
   Existing approved assets copied locally; the source review site is untouched. */
.approved-wall-home .site-header{width:min(calc(100% - 112px),var(--max));margin-inline:auto;min-height:82px;padding-block:12px;background:#1b110d;color:var(--text-on-dark-primary);border-bottom:1px solid #c9975f38;font-family:"HT Approved UI",sans-serif}
.approved-wall-home .site-header .brand-lockup{gap:12px}.approved-wall-home .site-header .wordmark{font-family:"HT Approved UI",sans-serif;font-size:14px;letter-spacing:.26em;font-weight:600}
.approved-wall-home .site-header .header-account-action{background:var(--text-on-dark-primary);color:var(--burgundy-deep);border-color:var(--text-on-dark-primary)}.approved-wall-home .site-header .header-account-action:hover{background:#f1ddd2}
.approved-header-mark{display:block;width:56px;height:56px;object-fit:contain;object-position:center;filter:none}
@media(max-width:760px){.approved-wall-home .site-header .brand-lockup{gap:10px}.approved-header-mark{width:48px;height:48px}}
.approved-wall-home .mobile-nav{background:#1b110d;color:var(--text-on-dark-primary);border-color:#c9975f38}
.approved-wall-hero{position:relative;height:clamp(600px,calc(100svh - 82px),838px);overflow:hidden;color:var(--text-on-dark-primary);background:#3d291d}
.approved-wall-media{position:absolute;inset:0;isolation:isolate;background:#3d291d url("assets/her-way-bronze-wall-hw-sign-v3.webp?v=hw-media-20261009g") 30% center/cover no-repeat}
.approved-wall-media::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,transparent 23%,#24150f2e 30%,#24150f73 50%,#24150f4f 68%,transparent 80%);pointer-events:none}
.approved-wall-copy{position:relative;z-index:4;width:min(650px,44vw);height:100%;margin-left:34vw;padding:clamp(84px,12vh,120px) 0 clamp(34px,6vh,54px);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(18px,3vh,24px);font-family:"HT Approved UI",sans-serif}
.approved-wall-copy h1{margin:0;max-width:650px;font:italic 400 clamp(3.2rem,5.4vw,5.5rem)/1.02 "HT Approved Hero",serif;letter-spacing:-.055em;color:var(--text-on-dark-primary);text-shadow:0 2px 22px #1b0d0870}
.approved-wall-aside{width:100%;max-width:500px}.approved-wall-aside .eyebrow{margin:0 0 8px;color:var(--text-on-dark-primary);font:600 16px/1.4 "HT Approved UI",sans-serif;letter-spacing:.2em}
.approved-wall-aside>p:not(.eyebrow){margin:0 0 18px;font-size:18px;line-height:1.5}.approved-wall-actions{display:flex;flex-wrap:wrap;gap:10px}.approved-wall-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border:1px solid #fff8efbd;color:var(--text-on-dark-primary);text-decoration:none;font:600 12px/1.4 "HT Approved UI",sans-serif;letter-spacing:.1em;text-transform:uppercase;background:transparent}
.approved-wall-cta:hover{background:#fff8ef15}.approved-wall-cta--primary{background:var(--text-on-dark-primary);color:var(--burgundy-deep);border-color:var(--text-on-dark-primary)}.approved-wall-cta--primary:hover{background:#f1ddd2;color:var(--burgundy-deep)}
@media(prefers-reduced-motion:no-preference){.approved-wall-copy h1,.approved-wall-aside{animation:approvedWallCopyIn 380ms cubic-bezier(.22,1,.36,1) both}}
@keyframes approvedWallCopyIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:721px) and (max-width:1000px){.approved-wall-copy{width:57vw;margin-left:36vw}.approved-wall-copy h1{font-size:clamp(60px,8vw,80px)}.approved-wall-aside{max-width:90%}.approved-wall-aside>p:not(.eyebrow){font-size:16px}}
@media(max-width:720px){.approved-wall-home .site-header{min-height:64px;padding-block:7px;gap:12px}.approved-wall-home .approved-header-mark{width:48px;height:48px}.approved-wall-home .site-header .wordmark{display:none}.approved-wall-home .site-header .menu-toggle{font:400 13px "HT Approved UI",sans-serif}.approved-wall-hero{height:calc(100svh - 64px);min-height:504px;background:#2f1d15}.approved-wall-media{background-position:12% center}.approved-wall-media::after{background:linear-gradient(180deg,transparent 0 38%,#24140e4d 56%,#1a0e0ac7 78%,#140a08f5 100%)}.approved-wall-copy{position:absolute;inset:auto 0 0;width:100%;height:auto;margin:0;padding:0 20px clamp(18px,3.4svh,28px);gap:12px}.approved-wall-copy h1{max-width:100%;font-size:clamp(2rem,9.7vw,3.25rem);line-height:1.02}.approved-wall-aside{max-width:100%}.approved-wall-aside .eyebrow{font-size:12px;margin-bottom:6px}.approved-wall-aside>p:not(.eyebrow){font-size:14px;line-height:1.38;margin-bottom:12px;max-width:340px}.approved-wall-actions{gap:8px}.approved-wall-cta{min-height:44px;padding:9px 13px;font-size:11px}}

/* Warm-rich commerce widgets — burgundy / copper / ivory only (no purple). */
.ht-support-band{position:relative;background:linear-gradient(135deg,var(--burgundy-deep) 0%,#5f1920 58%,#742a2d 100%);color:var(--text-on-dark-primary);padding:72px 0;overflow:hidden;isolation:isolate}
.ht-support-band__inner{position:relative;z-index:1;display:grid;grid-template-columns:var(--split-wide) var(--split-narrow);gap:48px;align-items:center}
.ht-support-band .eyebrow,.ht-support-band h2,.ht-support-band p{color:var(--text-on-dark-primary)}
.ht-support-band h2{margin-bottom:0;max-width:520px}
.ht-support-band__copy p{max-width:440px;font-size:17px}
.ht-support-band .fine{color:var(--text-on-dark-secondary);margin-top:14px;margin-bottom:0}
@media(max-width:760px){
  .ht-support-band{padding:52px 0}
  .ht-support-band__inner{grid-template-columns:1fr;gap:24px}
}

/* Questionnaire-approved public information architecture. Bronze Wall remains unchanged above. */
.services-section,.founders-section,.faq-section,.contact-section{scroll-margin-top:24px}
.services-section{display:grid;grid-template-columns:var(--split-narrow) var(--split-wide);gap:clamp(48px,8vw,112px);padding-block:var(--section-y)}
.services-section .section-intro>p:last-child{max-width:430px;line-height:1.65}
.founders-section{background:var(--ivory-warm);border-block:1px solid var(--line);padding-block:var(--section-y)}
.founders-layout{display:grid;grid-template-columns:var(--split-narrow) var(--split-wide);gap:clamp(48px,8vw,112px);align-items:start}
.founders-heading{position:sticky;top:32px}
.founders-heading>p:last-child{max-width:430px;line-height:1.65}
.faq-section{display:grid;grid-template-columns:var(--split-narrow) var(--split-wide);gap:clamp(48px,8vw,112px);padding-block:var(--section-y)}
.faq-section>div:first-child{position:sticky;top:32px;align-self:start}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;position:relative;cursor:pointer;padding:25px 48px 25px 0;font:500 var(--t-h4)/1.2 var(--font-display);color:var(--burgundy)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'＋';position:absolute;right:4px;top:26px;font:400 20px/1 var(--font-ui);color:var(--copper)}
.faq-list details[open] summary::after{content:'−'}
.faq-list details p{max-width:650px;margin:0;padding:0 48px 26px 0;color:var(--ink-soft);font-size:16px;line-height:1.65}
.footer-top nav{flex-wrap:wrap;justify-content:flex-end}

@media(max-width:900px){
  .site-header{min-height:82px;gap:16px}
  .desktop-nav{display:none}
  .menu-toggle{display:inline-flex;gap:8px;align-items:center}
  .mobile-nav:not([hidden]){display:block!important}
  .footer-top nav{justify-content:flex-start}
}
@media(max-width:760px){

  .services-section,.faq-section{grid-template-columns:1fr;gap:34px}

  .founders-layout{grid-template-columns:1fr;gap:34px}
  .founders-heading,.faq-section>div:first-child{position:static}

  .faq-list summary{padding-block:22px}
  .faq-list summary::after{top:23px}
  .faq-list details p{padding-right:28px}
  .footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px}
}
@media(max-width:420px){
  .approved-wall-home .site-header .nav-actions{gap:10px}
}

/* Footer social marks: compact, monochrome, inherited text color. */
.social-icon{display:block;flex:0 0 20px;width:20px;height:20px}
.site-footer a[href^="https://www.tiktok.com/"],.site-footer a[href^="https://t.me/"]{gap:8px;white-space:nowrap}

/* 2026-09-22 type + paper pass. Headings share the hero's Bodoni; italic accents use the approved italic file.
   Surfaces read as thin paper resting on the page: near-square cut corners, fine grain, hairline edge, soft contact shadow. */
:root{--grain-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .34 0 0 0 0 .16 0 0 0 0 .16 .16 0 0 0 -.03'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grain-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .97 0 0 0 0 .93 .14 0 0 0 -.03'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--paper:#fffaf6;--paper-edge:#a35e4f2e;--paper-cut:3px;--paper-rest:0 1px 0 #ffffffb3 inset,0 1px 1px #46101508,0 8px 18px -12px #4610152e,0 26px 44px -34px #46101538;--paper-lift:0 1px 0 #ffffffb3 inset,0 2px 3px #4610150d,0 14px 26px -14px #46101540,0 34px 56px -38px #46101545}
h1,h2,h3{font-optical-sizing:auto}
h2 em,h3 em{font-family:var(--font-display-italic);font-weight:400}
/* Supplied portraits sit like a print: paper border around the photograph. */

/* Buttons: card stock. Primary carries the weight; secondary stays a quiet hairline. */
.btn,.header-account-action,.approved-wall-cta{border-radius:var(--paper-cut);transition:transform .22s var(--curve),box-shadow .22s var(--curve),background-color .22s var(--curve),color .22s var(--curve)}
.btn>span[aria-hidden],.approved-wall-cta>span[aria-hidden]{transition:transform .22s var(--curve)}
.btn:hover>span[aria-hidden]{transform:translate(2px,-2px)}
.btn-primary,.header-account-action{background:var(--grain-light),var(--accent);border-color:var(--accent-deep);color:var(--ivory-warm);box-shadow:0 1px 0 #ffffff24 inset,0 -1px 0 #2a080b66 inset,0 2px 3px #46101526,0 12px 22px -14px #46101599}
.btn-primary:hover:not(:disabled),.header-account-action:hover{background:var(--grain-light),var(--accent-deep);transform:translateY(-1px);box-shadow:0 1px 0 #ffffff24 inset,0 -1px 0 #2a080b66 inset,0 4px 6px #46101526,0 18px 30px -16px #461015b3}
.btn-primary:active:not(:disabled),.header-account-action:active,.approved-wall-cta--primary:active{transform:translateY(0);box-shadow:0 1px 2px #46101533 inset}

/* Light card stock on dark grounds: hero wall, dark header, contact band. */
.approved-wall-cta--primary,.approved-wall-home .site-header .header-account-action{background:var(--grain-dark),var(--text-on-dark-primary);color:var(--burgundy-deep);border-color:var(--text-on-dark-primary);box-shadow:0 1px 0 #fff inset,0 -1px 0 #c9a99a66 inset,0 3px 6px #0e050340,0 16px 30px -16px #0e0503b3}
.approved-wall-cta--primary:hover,.approved-wall-home .site-header .header-account-action:hover{background:var(--grain-dark),#fffdf9;color:var(--burgundy-deep);transform:translateY(-1px);box-shadow:0 1px 0 #fff inset,0 -1px 0 #c9a99a66 inset,0 5px 10px #0e050347,0 22px 38px -18px #0e0503cc}
.approved-wall-cta:not(.approved-wall-cta--primary){border-color:#fff8efbd;box-shadow:none}
.approved-wall-cta:not(.approved-wall-cta--primary):hover{border-color:#fff8efb3;background:#fff8ef12}

@media (prefers-reduced-motion:reduce){.btn:hover,.btn>span[aria-hidden],.header-account-action:hover,.approved-wall-cta:hover{transform:none!important}}
.approved-wall-copy h1{font-weight:400}
h2 em,h3 em{font-weight:400}
/* Faint edges and micro labels, strengthened. */
:root{--paper-edge:#a35e4f47}

/* 2026-09-22 Founders on the oxblood band: breaks the ivory run between Services and Education.
   Flat var(--burgundy-deep) with light grain (paper stock, not a gradient). Contrast on var(--burgundy-deep): var(--text-on-dark-primary) 14.8:1, #f1ddd2 11.9:1, #ddc4ba 9.4:1. */
.founders-section{background:var(--grain-light),var(--burgundy-deep);border-block:0;color:var(--text-on-dark-secondary)}
.founders-section h2,.founders-section h3{color:var(--text-on-dark-primary)}
.founders-section .eyebrow{color:var(--text-on-dark-secondary)}
.founders-section p{color:var(--text-on-dark-secondary)}
.founders-section .fine{color:var(--text-on-dark-tertiary)}
/* Portraits and placeholder rest on the dark ground as light paper; the shadow deepens to read against oxblood. */
.founders-section,.approved-wall-home .ht-support-band{background:var(--grain-light),var(--band-oxblood)}

/* 2026-09-22 focus on dark grounds: copper #a35e4f measured 2.2 to 3.0:1 on the oxblood bands, below the 3:1 non-text minimum. Ivory there. */
.founders-section :focus-visible,.ht-support-band :focus-visible,.approved-wall-hero :focus-visible,.approved-wall-home .site-header :focus-visible{outline-color:var(--text-on-dark-primary)}
h1 em{font-family:var(--font-display-italic);font-weight:400}

/* The header remains visible in both scroll directions. */
.header-dock{position:sticky;top:0;z-index:60}
.header-dock.is-stuck .site-header{box-shadow:0 10px 30px -12px #1b0d08a6}
/* anchored sections must clear the sticky bar */
main section[id]{scroll-margin-top:98px}
@media (max-width:720px){
  main section[id]{scroll-margin-top:76px}
}

/* --- Consolidated pass 2026-09-23 -------------------------------------- */
/* The dark bar stays full bleed; its CONTENT aligns to .wrap like everything else. */
.header-dock{background:#1b110d}
/* One control geometry. "Create account" shipped as four different buttons. */
.btn,.approved-wall-cta,.header-account-action{min-height:48px;padding:12px 22px;font:600 14px/1.4 "HT Approved UI",sans-serif;letter-spacing:.02em;text-transform:none;border-radius:var(--paper-cut)}
.approved-wall-cta{justify-content:center}
/* Lists ended with a hairline under nothing. */
.faq-list details:last-child{border-bottom:0}
/* 20 nav links had no pointer feedback at all. */
.desktop-nav a,.nav-actions a,.mobile-nav a,.footer-top nav a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:1px;transition:text-decoration-color .18s var(--curve)}
.desktop-nav a:hover,.nav-actions a:hover,.mobile-nav a:hover,.footer-top nav a:hover{text-decoration-color:currentColor}
/* The smallest hero text had the least protection over the brightest plaster. */
.approved-wall-aside .eyebrow,.approved-wall-aside>p:not(.eyebrow){text-shadow:0 1px 14px #1b0d0899}
/* Mobile fold showed zero pixels of the next section. */
@media(max-width:720px){.approved-wall-hero{height:calc(100svh - 64px - 40px);min-height:504px}}

/* --- Palette pass 2026-09-23 -------------------------------------------
   60 neutrals / 30 brand / 10 accent. Copper had been spent on 1px hairlines
   while burgundy owned bands, headings AND buttons, so nothing read as scarce.
   Copper now appears only as the primary CTA on light grounds; ivory stock
   keeps that job on dark grounds. Both verified above 4.5:1. */
:root{
  --accent:#a35e4f;        /* brand copper, unchanged value, new job */
  --accent-deep:#8f4b3e;   /* hover only */
  --ground-blush:#f6e7e0;  /* the missing comfort midtone */
}
/* one blush band gives the page light / blush / dark rhythm instead of
   three near-identical whites, and it lands on the conversion moment */

/* Founders return at the foot of the page, beside the social links. */

/* --- Scale and rhythm pass 2026-09-23 ----------------------------------
   Headings were on no ratio: an h3 (54px) outranked an h2 (52px), and a fixed
   48px section h2 exceeded the hero h1 on mobile. Sections used six padding
   values, and one narrow-left pattern used three different column ratios. */
:root{
  --t-h2:clamp(34px,4.2vw,58px);
  --t-h3:clamp(26px,2.6vw,38px);
  --t-h4:clamp(20px,2vw,26px);
  --section-y:clamp(58px,6.5vw,104px);
  --split-narrow:minmax(0,.8fr);
  --split-wide:minmax(0,1.2fr);
  --micro-size:12px;
  --micro-track:.12em;
}
.eyebrow{font-size:var(--micro-size);letter-spacing:var(--micro-track)}

/* Restored 2026-09-23. Bodoni Moda is variable with optical sizing; without this
   pin it renders hairline-thin at display sizes and washes out on both grounds.
   Lost when a dead-rule sweep matched .register-step__number inside a selector
   list that also carried h1,h2,h3. The approved hero italic stays weight 400. */
h1,h2,h3,.faq-list summary,.footer-top p{
  font-optical-sizing:none;
  font-variation-settings:"opsz" 11;
  font-weight:600;
}
.approved-wall-copy h1{font-variation-settings:normal;font-weight:400}

/* --- Register journey: quiet visual left, three numbered steps right ------
   Section Layout 6. The numeral supports the heading rather than outranking it
   (it was clamp(72px,7vw,104px) before, larger than the hero h1). Steps are h3
   under the section's own h2, so the document outline is correct. */
/* connector: a copper line and arrowhead travelling to the next step */

/* one pass, ~3s, then done. Static and fully visible without JS. */
.is-armed .register-step{opacity:.3;transform:translateY(8px)}
.is-armed .register-step:not(:last-child)::after{transform:scaleX(0)}
.is-armed .register-step:not(:last-child)::before{opacity:0}
.is-drawn .register-step{opacity:1;transform:none;transition:opacity .5s var(--curve) var(--in),transform .5s var(--curve) var(--in)}
.is-drawn .register-step:nth-child(1){--in:0s;--d:.35s}
.is-drawn .register-step:nth-child(2){--in:.8s;--d:1.15s}
.is-drawn .register-step:nth-child(3){--in:1.6s}
.is-drawn .register-step:not(:last-child)::after{transform:scaleX(1);transition:transform .7s var(--curve) var(--d)}
.is-drawn .register-step:not(:last-child)::before{opacity:1;transition:opacity .2s linear calc(var(--d) + .55s)}
.approved-wall-cta--quiet{border-color:transparent;padding-inline:4px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#fff8ef8f}
.approved-wall-cta--quiet:hover{background:transparent;text-decoration-color:var(--text-on-dark-primary)}
.menu-toggle{white-space:nowrap;flex-shrink:0}
@media(max-width:720px){
  /* the bar carries Create account + Menu only; Sign in lives in the drawer */
  /* vertical connectors in the number column */
  .is-armed .register-step:not(:last-child)::after{transform:scaleY(0)}
  .is-drawn .register-step:not(:last-child)::after{transform:scaleY(1)}
  /* hero: primary first and full width, founders demoted to a text link */
  .approved-wall-actions{flex-direction:column;align-items:stretch;gap:10px}
  .approved-wall-cta--primary{width:100%;order:-1}
  .approved-wall-cta--quiet{align-self:flex-start;width:auto}
}

/* The ghost-border rule below outranks .--quiet, so restate it at equal weight.
   A text link has no boundary to contrast, so 1.4.11 does not apply to it. */
.approved-wall-cta.approved-wall-cta--quiet{border-color:transparent;background:transparent;padding-inline:4px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#fff8ef8f}
.approved-wall-cta.approved-wall-cta--quiet:hover{border-color:transparent;background:transparent;text-decoration-color:var(--text-on-dark-primary)}
/* Step headings sit inside a dense 3-up; --t-h4 is the next defined step down,
   still above body. Level order is preserved (h2 58 > h3 38 > step 26 > body 15). */

/* PATH B — opening-soon early access. The approved Bronze Wall stays unchanged. */
.early-access-section{padding-block:var(--section-y);background:var(--ground-blush);scroll-margin-top:24px}
.early-access-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:clamp(32px,6vw,88px);align-items:center;padding:clamp(32px,5vw,68px);background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--paper-cut);box-shadow:var(--paper-rest)}
.early-access-card h2{margin-bottom:14px}.early-access-card>div>p:last-child{max-width:430px;margin-bottom:0;color:var(--ink-soft)}
.early-access-form label{display:block;margin-bottom:10px;font:600 var(--micro-size)/1.4 var(--font-ui);letter-spacing:var(--micro-track);text-transform:uppercase;color:var(--burgundy)}
.early-access-form__fields{display:flex;gap:10px;align-items:stretch}.early-access-form input{min-width:0;flex:1;border:1px solid var(--accent);border-radius:var(--paper-cut);padding:12px 16px;background:var(--ivory-warm);color:var(--ink)}
.early-access-form input::placeholder{color:var(--ink-soft)}.early-access-form .btn{flex-shrink:0;justify-content:center}.early-access-success{margin:14px 0 0;color:var(--burgundy);font-weight:600}
.whats-coming-copy{max-width:510px}.whats-coming-copy p{font-size:17px;line-height:1.65}
.approved-wall-copy>.eyebrow{margin:0;color:var(--text-on-dark-primary);font:600 16px/1.4 "HT Approved UI",sans-serif;letter-spacing:.2em;text-shadow:0 1px 14px #1b0d0899}
.approved-wall-aside .eyebrow{display:none}
.contact-section .ht-support-band__copy>p:first-child{margin-bottom:20px}
.approved-wall-home .site-footer .approved-header-mark{filter:none}
@media(max-width:720px){
  .approved-wall-home .site-header{width:calc(100% - 40px)}
  .approved-wall-home .site-header .header-account-action{display:none}
  .approved-wall-copy>.eyebrow{font-size:12px;margin-bottom:0}
  .early-access-card{grid-template-columns:1fr;gap:26px;padding:28px 22px}
  .early-access-form__fields{flex-direction:column}.early-access-form .btn{width:100%}
}

/* One printed-chip action and one quiet founder path on the approved Bronze Wall. */
.approved-wall-actions{gap:12px 14px}.approved-wall-actions::before{content:"";flex:0 0 100%;height:1px;margin:2px 0 4px;background:#fff8ef52}
.approved-wall-cta.approved-wall-cta--primary{padding:14px 24px;border-color:#c9975fad;background:var(--grain-dark),var(--text-on-dark-primary);color:var(--burgundy-deep);font:600 12px/1.3 "HT Approved UI",sans-serif;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 1px 0 #fff inset,0 -1px 0 #c9a99a66 inset,0 3px 7px #0e050340,0 12px 24px #c9975f4d}
.approved-wall-cta.approved-wall-cta--primary:hover{background:var(--grain-dark),#fffdf9;color:var(--burgundy-deep);box-shadow:0 1px 0 #fff inset,0 -1px 0 #c9a99a66 inset,0 4px 10px #0e050347,0 15px 28px #c9975f59}
.approved-wall-cta.approved-wall-cta--quiet{min-height:48px;padding:13px 17px;border:1px solid #fff8ef9c;background:transparent;color:var(--text-on-dark-primary);text-decoration:none;font:600 12px/1.3 "HT Approved UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:none}
.approved-wall-cta.approved-wall-cta--quiet:hover{border-color:var(--text-on-dark-primary);background:#fff8ef12;color:var(--text-on-dark-primary);box-shadow:none}
.early-access-motif{width:min(100%,420px);margin:0 0 20px 10px;opacity:.2}.early-access-motif img{display:block;width:100%;height:auto}
@media(max-width:720px){.approved-wall-actions{gap:10px}.approved-wall-actions::before{margin:2px 0}.approved-wall-cta.approved-wall-cta--primary{padding:13px 18px;letter-spacing:.11em}.approved-wall-cta.approved-wall-cta--quiet{min-height:44px;padding:11px 14px;font-size:11px}.early-access-motif{margin-left:4px}}

/* Supplied cream linen: a 4% wash behind unpainted main sections only. */
.approved-wall-home main{
  background-color:var(--ivory);
  background-image:linear-gradient(#fbf3eff5,#fbf3eff5),url("assets/texture-linen-cream.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* Calm, consistent founder rows within the established content width. */
.founders-layout{display:block}
.founders-heading{position:static;margin-bottom:clamp(26px,3.5vw,48px)}
/* The notebook stays beside the copy at a supporting scale. */
.whats-coming-section{grid-template-columns:minmax(0,30%) minmax(0,1fr);gap:clamp(36px,7vw,96px);align-items:center}
.whats-coming-photo{position:relative;width:min(100%,320px);aspect-ratio:4/5;margin:0;overflow:hidden;border:1px solid var(--paper-edge);border-radius:var(--paper-cut);box-shadow:var(--paper-rest)}
.whats-coming-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.whats-coming-content{max-width:620px}
@media(max-width:719px){
  .whats-coming-section{grid-template-columns:1fr;gap:28px}
  .whats-coming-photo{width:min(100%,260px)}
}

/* One supplied founders portrait, with two quiet credential columns beneath. */
.founders-content{max-width:760px}
.founder-duo{width:min(100%,600px);margin:0;padding:7px;background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--paper-cut);box-shadow:0 2px 4px #0e05034d,0 18px 34px -18px #0e0503b3}
.founder-duo img{display:block;width:100%;height:auto;aspect-ratio:1312/1199;object-fit:cover}
.founder-bios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,4vw,54px);margin-top:clamp(28px,4vw,44px)}
.founder-bio{padding-top:22px;border-top:1px solid #fff8ef2e}
.founder-bio .eyebrow{margin-bottom:10px}
.founder-bio h3{margin-bottom:10px}
.founder-bio p:last-child{max-width:290px;margin:0;color:var(--text-on-dark-tertiary)}
@media(max-width:719px){
  .founder-duo{width:100%}
  .founder-bios{grid-template-columns:1fr;gap:26px;margin-top:28px}
}

/* Path B: scarce asks inside the approved Bronze Wall direction. */
.approved-wall-home .site-header .header-account-action,
.approved-wall-home .site-header .header-account-action:hover{
  background:transparent;border-color:transparent;box-shadow:none;transform:none;
  color:var(--text-on-dark-primary);padding-inline:4px;text-decoration:underline;
  text-underline-offset:5px;
}
.approved-wall-aside .hero-loss-line{
  display:block;margin-top:6px;max-width:44ch;font-size:14px;line-height:1.45;
  color:var(--text-on-dark-secondary);
}
.approved-wall-cta.approved-wall-cta--quiet,
.approved-wall-cta.approved-wall-cta--quiet:hover{
  border-color:transparent;background:transparent;box-shadow:none;padding-inline:4px;
  text-decoration:underline;text-underline-offset:6px;
}
.proof-shelf:empty{display:none}
.whats-coming-copy .preparing-label{margin:24px 0 10px;font-weight:600}
.preparing-list{list-style:none;padding:0;margin:0;font-size:16px;line-height:1.6}
.preparing-list li{display:flex;align-items:flex-start;gap:12px}
.preparing-list li+li{margin-top:12px}
.preparing-icon{flex:0 0 auto;width:80px;height:80px;object-fit:contain;margin-top:0}
.early-access-form .fine{margin:12px 0 0}
.early-access-error{font-weight:600}
@media(max-width:720px){
  .approved-wall-aside .hero-loss-line{font-size:13px;line-height:1.4;margin-top:6px}
  .preparing-icon{width:68px;height:68px}
}

/* Approved founder facts and clearly labeled TikTok profile paths. */
.founder-bio .founder-credentials{margin:0 0 14px;font-size:15px;font-weight:600;color:var(--text-on-dark-secondary)}
.founder-competition{display:block;margin-top:12px}

/* Future community: a status label, not a join control. */
.coming-soon-chip{display:inline-block;padding:2px 8px;border-radius:var(--paper-cut);background:var(--ground-blush);color:var(--burgundy);font:600 12px/1.5 var(--font-ui);letter-spacing:.02em;vertical-align:middle;white-space:nowrap}

/* Restored client voices, after What's coming and before Early access. */
.proof-shelf{padding-block:var(--section-y);scroll-margin-top:100px}
.proof-heading{max-width:640px;margin-bottom:36px}
.proof-heading h2{margin-bottom:16px}
.proof-heading>p:last-child{margin-bottom:0;color:var(--ink-soft)}
.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:920px}
.proof-card{display:flex;flex-direction:column;min-width:0;padding:28px;background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--paper-cut);box-shadow:var(--paper-rest)}
.proof-card h3{font-size:var(--t-h4);margin-bottom:20px}
.proof-player{width:min(100%,280px);aspect-ratio:9/16;margin-inline:auto;background:var(--ivory);border:1px solid var(--paper-edge);border-radius:var(--paper-cut);overflow:hidden}
.proof-player iframe{display:block;width:100%;height:100%;border:0}
.proof-card blockquote{margin:24px 0 16px;font-family:var(--font-display);font-size:24px;line-height:1.35;color:var(--burgundy)}
.proof-card blockquote p{margin:0}
.proof-source{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;margin-top:auto;font-size:14px;font-weight:600}
@media(max-width:720px){
  .proof-grid{grid-template-columns:1fr;gap:24px}
  .proof-card{padding:22px 18px}
  .proof-heading{margin-bottom:28px}
}
/* Brand name as the first line of the hero (client request 2026-09-27). Mobile gets a local scrim so the line clears 4.5:1 over the lit plaster, and the header wordmark returns. */
.approved-wall-copy>.hero-brand{font-size:20px;letter-spacing:.3em}
@media(max-width:720px){.approved-wall-copy>.hero-brand{font-size:14px;letter-spacing:.26em}.approved-wall-copy::before{content:"";position:absolute;inset:-80px 0 0;z-index:-1;background:linear-gradient(180deg,#140a0800 0,#140a08c4 24%,#140a08c8 60%,#140a08d4 100%);pointer-events:none}.approved-wall-home .site-header .wordmark{display:block;font-size:11px;letter-spacing:.16em}}
/* Audit fixes 2026-09-27: one type treatment for every "Join early access" button; a founders-band peek on desktop like mobile; a persistent Join on mobile. */
.early-access-form .btn{font:600 12px/1.3 var(--font-ui);letter-spacing:.13em;text-transform:uppercase;padding:14px 24px}
@media(min-width:721px){.approved-wall-hero{height:clamp(600px,calc(100svh - 126px),838px)}}
@media(max-width:720px){.approved-wall-home .site-header .header-account-action{display:inline-flex;min-height:44px;padding:0 4px;font-size:13px}.approved-wall-home .site-header .nav-actions{gap:18px}.mobile-nav .mobile-nav__join{font-weight:600}}
/* What we're preparing: a flat blush tile behind each icon keeps the three rows on one even grid (replaces the old baked-in checkerboard). */
.preparing-icon{background:var(--ground-blush);border-radius:var(--paper-cut)}

/* Customer-selected Sculpted Atelier: real title over clear plaster, copy below the art. */
@media(max-width:768px){
  .approved-wall-home .site-header .wordmark{display:block}
  .approved-wall-hero{height:auto;min-height:0;background:#140a08}
  .approved-wall-media{
    position:relative;inset:auto;height:auto;aspect-ratio:auto;
    background:#c4a17c;
  }
  .approved-wall-media::after{
    background:linear-gradient(180deg,transparent 0 94%,#140a08 100%);
  }
  .approved-wall-copy{
    position:relative;inset:auto;width:100%;height:auto;margin:0;
    padding:28px 20px 28px;gap:12px;background:#140a08;
  }
  .approved-wall-copy::before{content:none}
  .approved-wall-copy>.hero-brand{display:none}
  .approved-wall-copy h1{
    max-width:100%;font-size:clamp(2rem,9.7vw,3.25rem);line-height:1.02;
  }
  .approved-wall-aside{max-width:100%}
  .approved-wall-actions{flex-direction:column;align-items:stretch;gap:10px}
  .approved-wall-cta--primary{width:100%;order:-1}
  .approved-wall-cta--quiet{align-self:flex-start;width:auto}
}

/* Desktop brand hierarchy: give HER WAY COLLECTIVE more weight without moving the hero copy. */
@media(min-width:769px){
  .approved-wall-copy>.hero-brand{
    font:600 clamp(24px,1.8vw,28px)/28px "HT Approved UI",sans-serif;
    letter-spacing:.22em;white-space:nowrap;color:var(--text-on-dark-primary);
  }
}

/* Accepted 2026-09-30 items 1–4: proportions within the approved wall direction. */
@media(max-width:768px){
  .approved-wall-copy{padding-top:18px}
}
@media(min-width:769px) and (max-width:1000px){
  .approved-wall-copy{width:57vw;margin-left:36vw;padding-top:64px;gap:20px}
  .approved-wall-copy h1{font-size:clamp(46px,6.1vw,62px)}
  .approved-wall-aside{max-width:100%}
}
.founder-bio .founder-credentials{line-height:1.5}
@media(min-width:721px) and (max-width:1000px){
  .founders-section{padding-block:56px}
  .founders-heading{margin-bottom:24px}
  .founders-heading .eyebrow{margin-bottom:12px}
  .founders-heading h2{margin-bottom:12px}
  .founders-heading>p:last-child{margin-bottom:0}
  .founder-duo{width:min(100%,460px)}
  .founder-bio p:last-child{max-width:none;font-size:16px;line-height:1.6}
}
@media(min-width:1001px){
  .founders-section{padding-block:56px}
  .founders-heading{margin-bottom:24px}
  .founders-heading .eyebrow{margin-bottom:12px}
  .founders-heading h2{margin-bottom:12px}
  .founders-heading>p:last-child{margin-bottom:0}
  .founders-content{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.2fr);gap:clamp(32px,4vw,56px);max-width:1120px;align-items:start}
  .founder-duo{width:min(100%,480px)}
  .founder-bios{grid-template-columns:1fr;gap:24px;margin-top:0}
  .founder-bio{padding-top:16px}
  .founder-bio .eyebrow{margin-bottom:6px}
  .founder-bio h3{font-size:30px;line-height:1.1;margin-bottom:8px}
  .founder-bio .founder-credentials{margin-bottom:10px}
  .founder-bio p:last-child{max-width:none;font-size:16px;line-height:1.55}
  .founder-competition{margin-top:10px}
}
@media(max-width:720px){
  .proof-shelf{padding-bottom:28px}
  .early-access-section{padding-top:28px}
  .early-access-motif{width:170px;margin-bottom:12px}
}

/* Live community links use the same paper-plane mark as the footer. */
.telegram-inline-link{display:inline-flex;align-items:center;gap:8px;max-width:100%;vertical-align:middle}

/* Telegram brand treatment: blue link and white plane in a blue circle. */
.telegram-link{color:#229ED9;text-decoration:underline;text-underline-offset:4px}
.telegram-icon{border-radius:50%}

/* Supplied social channels and a manually played introduction video. */
.contact-section .ht-support-band__copy{min-width:0}
.footer-social-link{gap:8px;white-space:nowrap}
.footer-top .footer-links{display:grid;grid-template-columns:repeat(4,max-content);gap:8px 24px}
@media(max-width:760px){.footer-top .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}}

/* The supplied founders video stays beneath both complete bios. */
.founder-video{width:100%;max-width:760px;margin:clamp(32px,4vw,48px) auto 0}
.founder-video-player{position:relative;width:100%;aspect-ratio:16/9;min-height:202px;overflow:hidden;border:1px solid var(--paper-edge);border-radius:var(--paper-cut);background:var(--burgundy-deep)}
.founder-video-poster,.founder-video-player iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.founder-video-poster{object-fit:cover;object-position:center}
.founder-video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--text-on-dark-primary);text-decoration:none;cursor:pointer}
.founder-video-action{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:14px 20px;border:1px solid #fff8ef99;background:var(--burgundy-deep);font:600 15px/1.3 var(--font-ui)}
.founder-video-play:hover .founder-video-action{border-color:var(--text-on-dark-primary)}
.founder-video-play:focus-visible,.founder-video-player iframe:focus-visible{outline:3px solid var(--text-on-dark-primary);outline-offset:-5px}
.founder-video figcaption{margin-top:12px;color:var(--text-on-dark-secondary);font:400 15px/1.5 var(--font-ui)}

@media(min-width:1001px){.founder-video{max-width:1120px;margin-inline:auto}}

/* Three supplied social destinations beneath the existing Contact introduction. */
.contact-picture-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;grid-column:1/-1;width:100%;align-items:stretch}
.contact-picture-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--paper-edge);border-radius:var(--paper-cut);background:var(--burgundy-deep);color:var(--text-on-dark-primary);text-decoration:none}
.contact-card-body{display:flex;flex-direction:column;flex:1;padding:24px}
.contact-card-body h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--text-on-dark-primary);font-size:clamp(24px,2.2vw,30px);line-height:1.15}
.contact-card-body h3>span[aria-hidden]{font:400 20px/1 var(--font-ui)}
.contact-card-name{min-width:0;flex:1}
.contact-section .contact-card-body p{margin:0;color:var(--text-on-dark-primary);font:400 16px/1.5 var(--font-ui)}
.contact-picture-card:where(a):hover{border-color:var(--text-on-dark-primary)}
.contact-picture-card:where(a):focus-visible{outline:3px solid var(--text-on-dark-primary);outline-offset:5px}
@media(max-width:900px){.contact-picture-cards{grid-template-columns:1fr;gap:24px}}
@media(max-width:720px){.contact-card-body{padding:22px}}

.founder-video-nojs{margin:12px 0 0;color:var(--text-on-dark-secondary);font:400 14px/1.5 var(--font-ui)}

.contact-card-icon{display:block;width:20px;height:20px;flex:0 0 20px;color:var(--text-on-dark-primary)}

/* One scene coordinate system. Desktop retains its approved cover composition;
   mobile has no video and uses a source-ratio canvas independent of toolbar height. */
@media(min-width:1001px){.approved-wall-copy h1{font-size:clamp(2.75rem,4.9vw,4.4rem)}}
.hero-scene{--hero-layer-x:30%;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;isolation:isolate}
.hero-scene>.hero-still,.hero-scene>.hero-loop,.hero-scene>.hero-sign-crisp{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.hero-scene>.hero-still{z-index:0}
.hero-scene>.hero-still>img,.hero-scene>.hero-sign-crisp>img,.hero-scene>.hero-loop{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-layer-x) 50%}
.hero-scene>.hero-loop{z-index:1;opacity:0;background:transparent;transition:opacity .9s ease}
.hero-scene>.hero-sign-crisp{z-index:3;opacity:0;background:transparent}
.approved-wall-media.hero-video-on .hero-loop,.approved-wall-media.hero-crisp-ready .hero-sign-crisp{opacity:1}
.approved-wall-media[data-hero-video="off"] .hero-loop,.approved-wall-media[data-hero-video="off"] .hero-sign-crisp{display:none}
/* One exported mobile composition and one matching light canvas. No crop,
   translation, separate sign layer or mobile video exists in the rendered DOM. */
.hero-mobile-media{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden}
.hero-mobile-base,.hero-mobile-glow{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.hero-mobile-base>img,.hero-mobile-glow>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.hero-mobile-base{z-index:0}
.hero-mobile-glow{z-index:1;opacity:.3;mix-blend-mode:normal;filter:none}
@media(min-width:769px){.hero-mobile-media{display:none}}
@media(max-width:768px){
  .approved-wall-media{position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;overflow:hidden;background:#140a08}
  .hero-mobile-media{width:min(100%,max(180px,calc((100svh - 350px)*1.333333)));margin-inline:auto}
  .approved-wall-media::after{content:none}
}
.hero-motion-toggle{position:absolute;z-index:5;inset:auto 16px 16px auto;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,248,239,.25);border-radius:50%;background:rgba(18,19,16,.35);color:var(--text-on-dark-primary);cursor:pointer}
.hero-motion-toggle[hidden]{display:none}
.hero-motion-toggle svg{display:block;width:18px;height:18px;fill:currentColor;opacity:.7;pointer-events:none}
.hero-motion-toggle:hover svg,.hero-motion-toggle:focus-visible svg{opacity:1}
.hero-motion-toggle:focus-visible{outline:3px solid var(--copper);outline-offset:5px}
.hero-motion-toggle[data-motion-state="playing"] .hero-motion-icon-play,.hero-motion-toggle:not([data-motion-state="playing"]) .hero-motion-icon-pause{display:none}
@media(max-width:768px){
  /* Control belongs to the mobile image frame and sits above its light layer. */
  .hero-mobile-media>.hero-motion-toggle{inset:auto;right:12px;bottom:12px;z-index:6}
  .hero-mobile-media>.hero-motion-toggle svg{opacity:1}
}
@media(prefers-reduced-motion:reduce){.hero-scene>.hero-loop,.hero-scene>.hero-sign-crisp{display:none!important}.hero-motion-toggle{display:none}.hero-scene>.hero-loop{transition:none}}

/* TikTok click-to-load facades (2026-10-08). Same 9:16 box as the old iframe, so nothing moves on load or play. */
.proof-player{position:relative}
.proof-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.proof-play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;padding:0 0 22px;border:0;background:linear-gradient(180deg,transparent 55%,#2a0f1499 100%);color:var(--text-on-dark-primary);cursor:pointer}
.proof-play-action{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 18px;border:1px solid #fff8ef99;background:var(--burgundy-deep);font:600 15px/1.3 var(--font-ui)}
.proof-play:hover .proof-play-action{border-color:var(--text-on-dark-primary)}
.proof-play:focus-visible{outline:3px solid var(--burgundy);outline-offset:-5px}
.proof-play:focus-visible .proof-play-action{outline:2px solid var(--text-on-dark-primary);outline-offset:2px}