@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root{--ink:#06121d;--navy:#091b2a;--navy-2:#0d2638;--panel:#0e2b3e;--paper:#f8f6f1;--muted:#9eb0bd;--line:rgba(235,242,247,.14);--gold:#d8a63d;--gold-light:#efc768;--success:#83d5a8;--shadow:0 24px 70px rgba(0,0,0,.28);--radius:22px;--header:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:#f6f5f1;font-family:'DM Sans',Arial,sans-serif;line-height:1.5;overflow-x:clip}body.menu-open,body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.page{min-height:100vh}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:fixed;z-index:1000;top:9px;left:9px;padding:10px 14px;background:#fff;color:#000;transform:translateY(-160%);transition:transform .2s}.skip:focus{transform:translateY(0)}

/* Navigation */
.site-head{position:sticky;z-index:80;top:0;background:rgba(5,16,26,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;min-width:206px;gap:10px}.logo img{width:42px;height:46px;object-fit:contain}.logo strong{font-size:12px;letter-spacing:.05em;color:#f1bc4b;white-space:nowrap}.logo small{display:block;color:#b6c3cc;font-size:7px;font-weight:700;letter-spacing:.16em;margin-top:3px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:14px}.nav-links a{font-size:12px;color:#dbe3e8;transition:color .2s;white-space:nowrap}.nav-links a:hover{color:var(--gold-light)}.nav-links .founder{display:none;color:var(--gold-light);border:1px solid rgba(216,166,61,.42);padding:8px 11px;border-radius:8px}.nav-links .founder.show{display:inline-flex}.nav-account{border:0;border-radius:10px;background:linear-gradient(135deg,#edc45f,#bd7e19);color:#16120a;padding:12px 15px;font-weight:700;font-size:12px;white-space:nowrap}.nav-toggle,.menu-close{display:none}.nav-scrim{display:none}

/* Type and common primitives */
.eyebrow{margin:0 0 14px;color:var(--gold-light);font-size:11px;font-weight:700;letter-spacing:.18em}.display{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:clamp(42px,6.8vw,88px);line-height:.98;letter-spacing:-.04em}.display em{color:var(--gold-light);font-style:normal}.title{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:clamp(35px,4.4vw,60px);line-height:1.04;letter-spacing:-.035em}.lede{font-size:clamp(16px,1.5vw,20px);line-height:1.65;color:#c1ced5;max-width:670px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border-radius:11px;border:1px solid transparent;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.gold{background:linear-gradient(135deg,#efc967,#b97918);box-shadow:0 12px 32px rgba(186,122,19,.24);color:#15120c}.button.ghost{border-color:rgba(239,201,103,.6);background:transparent;color:#f5ecd6}.button.dark{border-color:rgba(10,29,43,.2);background:#092131;color:#fff}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--gold-light);font-weight:700;font-size:14px}.text-link:hover{gap:12px}.section{padding:clamp(76px,11vw,150px) 0;position:relative}.surface{background:var(--paper);color:#0b1b27}.surface .lede{color:#566673}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.section-head .lede{margin:0;max-width:420px}.reveal{animation:rise .65s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:3px solid #f6cd71;outline-offset:4px}

/* Hero */
.hero17{position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 28%,#18445c 0,transparent 28%),radial-gradient(circle at 13% 90%,#123041 0,transparent 33%),linear-gradient(115deg,#040d15,#071927 65%,#081923)}.hero17:before{content:'';position:absolute;inset:0;opacity:.38;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-inner{position:relative;z-index:2;padding:clamp(74px,8vw,112px) 0 clamp(70px,7vw,96px)}.hero-copy{max-width:790px}.hero-copy .lede{max-width:700px;margin:27px 0 30px}.hero-mark{position:absolute;z-index:-1;width:clamp(245px,32vw,450px);height:clamp(245px,32vw,450px);object-fit:contain;right:clamp(1rem,5vw,5rem);bottom:clamp(-5px,1vw,16px);top:auto;transform:none;opacity:.075;filter:blur(.25px) drop-shadow(0 0 30px rgba(224,174,66,.2));pointer-events:none}.hero-side-note{display:flex;gap:10px;align-items:center;margin-top:21px;font-size:13px;color:#d2dde2}.hero-side-note i{width:7px;height:7px;border-radius:50%;background:#8dd7a6}.search-hero{max-width:1000px;margin-top:38px;padding:8px;background:#fff;border:1px solid rgba(255,255,255,.38);border-radius:17px;box-shadow:0 24px 65px rgba(0,0,0,.28);display:grid;grid-template-columns:1.25fr 1fr .8fr auto;align-items:center}.search-hero label{padding:6px 16px;border-right:1px solid #dce2e6}.search-hero label span{display:block;color:#52636e;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}.search-hero input,.search-hero select{width:100%;border:0;outline:0;background:transparent;color:#10202b;font-size:14px}.search-hero .button{min-height:52px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.chips a{font-size:12px;padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:99px;color:#eef4f6;transition:background .2s,border-color .2s}.chips a:hover{background:rgba(237,196,95,.14);border-color:rgba(237,196,95,.55)}.hero-buttons{display:flex;gap:12px;margin-top:27px}

/* Experience cards */
.experience-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.experience{min-height:300px;border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;border:1px solid var(--line);background:#0a2232;color:#f8fafb;transition:transform .25s,border-color .25s,box-shadow .25s}.experience:hover{transform:translateY(-5px);border-color:rgba(232,190,91,.55);box-shadow:var(--shadow)}.experience:before{content:'';position:absolute;inset:0;opacity:.92;background:linear-gradient(180deg,transparent 20%,rgba(3,11,18,.92)),radial-gradient(circle at 78% 23%,rgba(218,169,61,.5),transparent 24%)}.experience>*{position:relative;z-index:2}.experience:first-child{grid-row:span 2;min-height:616px;background:linear-gradient(145deg,#193c4c,#071725)}.experience:nth-child(2){background:linear-gradient(145deg,#223f46,#101b21)}.experience:nth-child(3){background:linear-gradient(145deg,#1b293d,#081925)}.experience:nth-child(4){background:linear-gradient(145deg,#3b2d1d,#15120d)}.experience:nth-child(5){background:linear-gradient(145deg,#172535,#071321)}.experience .icon{font-size:30px;margin-bottom:auto;color:#f4c75f}.experience h3{font-family:'Playfair Display',serif;font-size:29px;margin:0 0 7px;color:#fffaf1}.experience p{color:#e0e7ea;margin:0 0 16px;max-width:360px}.experience .eyebrow{color:#f2c765}.experience .text-link{color:#ffe091}.experience-card .experience-hit{position:absolute;inset:0;z-index:1;border-radius:inherit}.experience-card .experience-hit:focus-visible{outline:3px solid #f8d271;outline-offset:-5px}.experience-card:active{transform:translateY(-1px)}

/* Feature previews */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,8vw,110px);align-items:center}.figure-card{min-height:420px;border-radius:var(--radius);overflow:hidden;position:relative;background:linear-gradient(140deg,#0d2b3b,#08151f);border:1px solid var(--line);box-shadow:var(--shadow)}.figure-card .gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px;opacity:.35}.mini-window{position:absolute;inset:32px;border-radius:15px;background:rgba(7,24,35,.91);border:1px solid rgba(255,255,255,.14);padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.mini-window .dots{display:flex;gap:6px}.mini-window .dots i{width:7px;height:7px;border-radius:50%;background:#d7ab46}.mini-window h4{font-size:23px;margin:24px 0 12px}.mini-window p{color:#abbbc4;margin:0}.mini-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.mini-row b{color:#efc768}.timeline-preview{display:grid;gap:18px;margin-top:30px}.timeline-preview div{display:grid;grid-template-columns:30px 1fr;gap:15px;align-items:start}.timeline-preview b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e7bb59;color:#1a160d;font-size:11px}.timeline-preview strong{display:block}.timeline-preview span{display:block;color:#63727d;font-size:14px;margin-top:3px}

/* Portal/grid content */
.portal-hero{padding:clamp(66px,9vw,112px) 0 66px;background:linear-gradient(140deg,#081a28,#0c2a3c)}.portal-hero .display{max-width:800px}.portal-hero .lede{margin:22px 0 0}.filter-bar{margin-top:34px;padding:12px;border-radius:18px;background:#fff;display:grid;grid-template-columns:1fr 1fr .9fr auto;gap:0;box-shadow:var(--shadow)}.filter-bar input,.filter-bar select{padding:14px;border:0;border-right:1px solid #e0e6e8;outline:0;color:#0f202a;background:transparent}.market-layout{display:grid;grid-template-columns:260px 1fr;gap:26px}.filter-aside{border:1px solid #d9e0e2;border-radius:16px;padding:22px;height:max-content}.filter-aside h3{margin:0 0 18px;font-size:15px}.filter-aside label{display:flex;gap:9px;margin:12px 0;color:#51626c;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.business-card{overflow:hidden;border:1px solid #d9e1e4;border-radius:18px;background:#fff;box-shadow:0 5px 16px rgba(9,34,47,.05);transition:transform .22s,box-shadow .22s}.business-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(9,34,47,.16)}.business-cover{height:155px;padding:15px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#243f4b,#0d1c2d 70%)}.business-cover.tone-1{background:linear-gradient(135deg,#574025,#152433 75%)}.business-cover.tone-2{background:linear-gradient(135deg,#21494a,#102034 75%)}.business-cover.tone-3{background:linear-gradient(135deg,#482a2c,#122234 75%)}.business-logo{display:grid;place-items:center;width:45px;height:45px;background:#fff;color:#0d2334;font-weight:800;border-radius:13px}.verify{background:#fbdf91;color:#35260b;font-weight:700;font-size:10px;letter-spacing:.07em;padding:6px 8px;border-radius:99px}.business-body{padding:18px}.business-meta{color:#657581;font-size:12px;display:flex;justify-content:space-between;gap:9px}.business-body h3{font-size:20px;margin:8px 0 5px}.business-body p{font-size:13px;color:#5c6c75;margin:0}.rating{margin:15px 0;color:#ca9422;font-size:12px;font-weight:700}.card-actions{display:grid;grid-template-columns:1fr 39px 39px;gap:8px}.card-actions a,.card-actions button{display:grid;place-items:center;height:40px;border-radius:9px;font-size:12px;font-weight:700}.card-actions a{background:#0a2232;color:#fff}.card-actions button{border:1px solid #d9e1e4;background:#fff;color:#52616b}.empty{border:1px dashed #b6c2c8;border-radius:18px;padding:55px 22px;text-align:center;grid-column:1/-1}.empty h3{margin:0 0 8px}.empty p{color:#61717b;margin:0 auto 18px;max-width:480px}

/* Dedicated story / product pages */
.story-hero{background:linear-gradient(145deg,#091827,#1c3540);padding:clamp(72px,10vw,135px) 0}.quote{margin:0;font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,57px);line-height:1.12;max-width:900px}.quote span{color:var(--gold-light)}.chapter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border:1px solid #d8e0e3;background:#d8e0e3}.chapter{min-height:220px;padding:20px;background:#f9f7f2}.chapter b{color:#bd8621;font-size:12px;letter-spacing:.1em}.chapter h3{font-family:'Playfair Display',serif;font-size:22px;margin:30px 0 8px}.chapter p{font-size:13px;color:#60707b;margin:0}.book-card{display:grid;grid-template-columns:260px 1fr;gap:42px;align-items:center;max-width:900px;margin:auto}.book-cover{box-shadow:0 25px 50px rgba(0,0,0,.35);border-radius:5px}.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.product-visual{border-radius:var(--radius);min-height:470px;background:radial-gradient(circle at 50% 30%,rgba(227,178,71,.35),transparent 18%),linear-gradient(140deg,#152b3b,#080f16);position:relative;overflow:hidden}.product-visual:after{content:'THE ZOE UNION';position:absolute;bottom:25px;left:25px;font:700 12px 'DM Sans';letter-spacing:.22em;color:#edc66c}.product-shape{position:absolute;inset:15% 19%;border:1px solid rgba(239,201,103,.55);border-radius:46% 46% 18% 18%;background:linear-gradient(120deg,#111,#47433a);box-shadow:inset 0 0 80px rgba(216,166,61,.2),0 40px 80px rgba(0,0,0,.3)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.contact-card{padding:34px;border:1px solid #d9e2e4;border-radius:var(--radius);background:#fff}.contact-card h3{margin-top:0;font-size:22px}.contact-links{display:grid;gap:9px}.contact-links a{padding:13px 0;border-bottom:1px solid #e0e5e7;color:#0d3349;font-weight:700}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #cbd6db;border-radius:9px;padding:13px;background:#fff}.contact-form textarea{min-height:120px;resize:vertical}

/* Auth modal */
.auth-dialog{width:min(480px,calc(100% - 30px));border:1px solid rgba(231,194,103,.35);border-radius:22px;color:#eef3f4;background:#092131;padding:0;box-shadow:var(--shadow)}.auth-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.auth-wrap{padding:34px}.modal-x{position:absolute;right:18px;top:14px;border:0;background:none;color:#cfdae0;font-size:29px}.auth-wrap h2{font:600 37px/1.05 'Playfair Display',serif;margin:0 0 9px}.auth-wrap>p{color:#b4c3ca}.auth-form{display:grid;gap:14px;margin-top:23px}.auth-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.auth-form input{border:1px solid #456277;border-radius:8px;padding:13px;background:#061723;color:#fff}.auth-note{min-height:21px;color:#a8e1b9;font-size:13px}.auth-note.error{color:#ffaaa0}.auth-swap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.plain-button{border:0;background:none;color:#f0c55f;padding:0;text-decoration:underline;font-size:13px}

/* Footer */
.site-foot{background:#04101a;border-top:1px solid var(--line);padding:50px 0}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.foot .logo img{width:55px}.foot p{color:#92a7b3;font-size:14px;max-width:370px}.foot h4{margin:0 0 14px;font-size:13px;color:#f1c765}.foot a{display:block;color:#c6d0d5;font-size:13px;margin:9px 0}.foot a:hover{color:#f2c96b}.copyright{border-top:1px solid var(--line);margin-top:36px;padding-top:18px;color:#718795;font-size:12px}

@media(max-width:1050px){.shell{width:min(100% - 36px,1180px)}.logo{min-width:auto}.market-layout{grid-template-columns:1fr}.filter-aside{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-grid{grid-template-columns:1fr 1fr}.experience:first-child{grid-row:auto;grid-column:1/-1;min-height:400px}.chapter-grid{grid-template-columns:repeat(3,1fr)}.chapter:nth-child(4),.chapter:nth-child(5){min-height:180px}.hero-mark{right:-6%;opacity:.1}.split,.product-hero,.contact-grid{grid-template-columns:1fr}.book-card{grid-template-columns:190px 1fr;gap:28px}.nav-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#0d2638;color:#f5cd6b}.nav-toggle i,.nav-toggle:before,.nav-toggle:after{content:'';display:block;width:17px;height:1.5px;background:currentColor;transition:transform .2s}.nav-toggle:before{transform:translateY(5px)}.nav-toggle:after{transform:translateY(-5px)}.nav-links{position:fixed;right:0;top:0;bottom:0;width:min(340px,89vw);z-index:100;padding:85px 28px 30px;display:flex;flex-direction:column;align-items:stretch;gap:5px;background:#091c2b;box-shadow:-25px 0 70px rgba(0,0,0,.35);transform:translateX(110%);transition:transform .28s ease}.nav-links.open{transform:translateX(0)}.nav-links a,.nav-links .founder{padding:13px 0;font-size:16px;border-bottom:1px solid var(--line)}.nav-links .founder{border:0;border-radius:0}.nav-account{margin-top:17px}.menu-close{display:block;position:absolute;top:18px;right:22px;border:0;background:none;color:#fff;font-size:32px}.nav-scrim.open{display:block;position:fixed;z-index:90;inset:0;border:0;background:rgba(0,0,0,.58)}}
@media(max-width:700px){:root{--header:68px}.shell{width:min(100% - 30px,1180px)}.nav{height:var(--header)}.logo strong,.logo small{display:none}.logo img{width:43px;height:47px}.hero17{min-height:auto}.hero-inner{padding:78px 0 66px}.hero-mark{width:255px;height:255px;right:-36px;top:27px;transform:none;opacity:.075}.display{font-size:clamp(43px,13vw,62px);max-width:540px}.hero-copy .lede{font-size:16px;margin:22px 0}.search-hero,.filter-bar{grid-template-columns:1fr;padding:8px;border-radius:15px;margin-top:29px}.search-hero label,.filter-bar input,.filter-bar select{border-right:0;border-bottom:1px solid #e1e4e5;padding:11px 13px}.search-hero .button{margin-top:7px}.chips{margin-top:12px}.hero-buttons{margin-top:18px;display:grid;grid-template-columns:1fr 1fr}.hero-buttons .button{padding:0 12px}.section{padding:72px 0}.section-head{display:block;margin-bottom:28px}.section-head .lede{margin-top:16px}.experience-grid,.cards{grid-template-columns:1fr}.experience,.experience:first-child{min-height:280px}.experience:first-child{min-height:360px}.split{gap:32px}.figure-card{min-height:340px}.mini-window{inset:20px;padding:17px}.chapter-grid{grid-template-columns:1fr 1fr}.book-card{grid-template-columns:1fr}.book-cover{max-width:220px}.product-visual{min-height:370px}.foot{grid-template-columns:1fr 1fr;gap:28px}.foot>div:first-child{grid-column:1/-1}.contact-card{padding:24px}.filter-bar .button{margin-top:7px}.business-cover{height:160px}.product-hero{gap:28px}}
@media(max-width:390px){.hero-buttons{grid-template-columns:1fr}.display{font-size:43px}.section{padding:60px 0}.chapter-grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.hero-side-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V17.1 correction pass: contrast, real product imagery, and tighter rhythm */
.experience{color:#f9fbfc}.experience h3{color:#fffaf0}.experience p{color:#e2e9ec}.experience .eyebrow,.experience .text-link{color:#f6ce72}.experience-card .experience-hit{position:absolute;inset:0;z-index:1;border-radius:inherit}.experience-card .experience-hit:focus-visible{outline:3px solid #f8d271;outline-offset:-5px}.experience-card:active{transform:translateY(-1px)}
.hero17{min-height:0}.hero-inner{padding:clamp(74px,8vw,112px) 0 clamp(70px,7vw,96px)}.hero-mark{width:clamp(245px,32vw,450px);height:clamp(245px,32vw,450px);right:clamp(1rem,5vw,5rem);bottom:clamp(-5px,1vw,16px);top:auto;transform:none;opacity:.075;filter:blur(.25px) drop-shadow(0 0 30px rgba(224,174,66,.2))}.hero-side-note{color:#d2dde2}.search-hero label span{color:#52636e}.chips a{color:#eef4f6;border-color:rgba(255,255,255,.2)}.chips a:hover{border-color:rgba(237,196,95,.55)}
.apparel-feature{margin:0;border-radius:var(--radius);overflow:hidden;position:relative;min-height:clamp(330px,42vw,540px);background:#090d10;border:1px solid var(--line);box-shadow:var(--shadow)}.apparel-feature img{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center;opacity:.92}.apparel-feature figcaption{position:absolute;left:25px;right:25px;bottom:23px;color:#fffaf0;display:flex;justify-content:space-between;gap:16px;align-items:end}.apparel-feature figcaption strong{font:600 clamp(24px,3vw,38px)/1.05 'Playfair Display',serif}.apparel-feature figcaption span{font-size:12px;color:#f5d486;text-align:right}.collection-showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.collection-shot{position:relative;min-height:360px;border:1px solid var(--line);border-radius:var(--radius);background:#0a1014;overflow:hidden}.collection-shot img{width:100%;height:100%;object-fit:cover}.collection-shot.contain img{object-fit:contain}.collection-shot figcaption{position:absolute;inset:auto 18px 16px;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 12px #000}.company-vision{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#071017;box-shadow:var(--shadow)}.company-vision img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}.company-vision figcaption{padding:17px 20px;background:#091a29;color:#d7e1e6;font-size:14px}.poster-figure{max-width:330px;border-radius:14px;overflow:hidden;box-shadow:0 28px 65px rgba(0,0,0,.4)}.poster-figure img{width:100%;height:auto}.brand-reference{border:1px solid var(--line);border-radius:var(--radius);background:#050809;overflow:hidden}.brand-reference img{width:100%;height:auto}.foot .logo img{width:86px;height:auto}
@media(max-width:1050px){.hero-mark{right:2%;bottom:0;opacity:.065}.nav-links a[aria-current="page"]{color:#f5cc70}}
@media(max-width:700px){.hero-mark{display:none}.collection-showcase{grid-template-columns:1fr}.collection-shot{min-height:260px}.apparel-feature{min-height:330px}.apparel-feature img{object-fit:contain;background:#080b0e}.apparel-feature figcaption{left:17px;right:17px;bottom:17px;display:block}.apparel-feature figcaption span{display:block;text-align:left;margin-top:6px}.company-vision img{aspect-ratio:4/3}.poster-figure{max-width:250px}}

/* V17.1 signed-in account treatment: user controls remain separate from founder controls. */
#collection{scroll-margin-top:calc(var(--header) + 24px)}
.account-shell{position:relative}.nav-account{display:inline-flex;align-items:center;gap:8px}.account-avatar{display:none;place-items:center;width:23px;height:23px;border-radius:50%;background:#0b2230;color:#f5cd6a;font-size:9px;font-weight:800;letter-spacing:.03em}.account-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:110;min-width:205px;padding:8px;background:#092131;border:1px solid rgba(239,201,103,.28);border-radius:12px;box-shadow:0 22px 48px rgba(0,0,0,.35)}.account-menu[hidden]{display:none}.account-menu a,.account-menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#dce5e9;text-align:left;font-size:13px}.account-menu a:hover,.account-menu button:hover{background:rgba(239,201,103,.12);color:#f5cf74}.account-menu button{color:#f7d0c7}@media(max-width:1050px){.account-shell{margin-top:12px}.account-avatar{display:grid}.account-menu{position:static;margin-top:8px;width:100%;box-shadow:none}.nav-account{width:100%;justify-content:center}}

/* V17.2 final visual corrections: promise contrast, apparel framing, contact rhythm, mobile navigation. */
.promise-card .mini-window{background:#071a29;border-color:rgba(224,235,240,.2)}.promise-card .mini-window h4{color:#fffaf0}.promise-card .mini-window .mini-row{border-color:rgba(217,232,238,.18);color:#e5edf1}.promise-card .mini-window .mini-row span{color:#e5edf1}.promise-card .mini-window .mini-row b{color:#f2c95f;font-size:21px;line-height:1}.promise-card .mini-window .eyebrow{color:#f3cd72}
.apparel-home-section{padding-top:clamp(72px,9vw,112px);padding-bottom:clamp(72px,9vw,112px)}.apparel-showcase{display:grid;gap:14px;align-content:start}.apparel-showcase .apparel-feature{min-height:0;aspect-ratio:5/4;background:#090d10}.apparel-showcase .apparel-feature img{height:100%;min-height:0;object-fit:contain;object-position:center;opacity:1}.apparel-caption{display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding:0 2px;color:#f7f2e9}.apparel-caption strong{font:600 clamp(21px,2.4vw,32px)/1.1 'Playfair Display',Georgia,serif}.apparel-caption span{font-size:12px;color:#e2c071;text-align:right}.apparel-showcase .apparel-feature figcaption{display:none}
.contact-main{background:var(--paper);padding:0}.contact-hero{padding:clamp(54px,7vw,88px) 0 clamp(46px,6vw,70px);background:linear-gradient(140deg,#081a28,#0c2a3c)}.contact-section{padding:clamp(48px,6vw,78px) 0}.contact-grid{align-items:start}.contact-card{min-height:0}.contact-aside{background:linear-gradient(145deg,#092131,#0b2c3e);color:#f8fafb}.contact-aside h3{color:#fffaf0}.contact-aside .lede{color:#cbd7dc}.contact-aside .quote{margin:22px 0 26px;color:#f1ca6b;font-size:clamp(26px,3vw,38px)}.contact-aside .button{margin-top:0}.contact-note{font-size:12px;color:#61717c;margin:20px 0 0}.contact-links a{display:flex;justify-content:space-between;gap:15px}.contact-links a span{color:#c99525}
@media(max-width:1050px){.site-head{z-index:1200;isolation:isolate}.nav-scrim.open{z-index:1201;background:rgba(1,8,14,.72);backdrop-filter:blur(2px)}.nav-links{z-index:1202;background:#081d2d!important;border-left:1px solid rgba(239,201,103,.24);padding:78px 25px 30px;overflow-y:auto;overscroll-behavior:contain}.nav-links a{color:#f6f8f9!important;padding:15px 2px!important;border-bottom:1px solid rgba(224,235,240,.17)!important}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#f3cd72!important}.nav-links .founder{color:#f3cd72!important;border-color:rgba(239,201,103,.38)!important}.menu-close{z-index:1203;color:#fff!important;background:#102e40!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%;width:40px;height:40px;line-height:35px;text-align:center}.account-shell{border-top:1px solid rgba(224,235,240,.2);padding-top:18px;margin-top:12px}.nav-account{min-height:48px;background:linear-gradient(135deg,#efc967,#b97918)!important}.account-menu{background:#0c2738;border:1px solid rgba(239,201,103,.23)}.account-menu a,.account-menu button{color:#f2f5f6}.account-menu button{color:#ffd1ca}}
@media(max-width:700px){.apparel-home-section{padding-top:62px;padding-bottom:62px}.apparel-caption{display:block}.apparel-caption span{display:block;text-align:left;margin-top:6px}.contact-hero{padding:52px 0 46px}.contact-section{padding:42px 0 58px}.contact-aside{padding:26px 24px}.contact-links a{padding:15px 0}.nav-links{width:min(360px,92vw);padding:76px 22px 28px}.nav-links a{font-size:16px!important}.nav-links .founder{padding:13px 2px!important}.nav-scrim.open{display:block}.site-head{background:#071724}.menu-close{top:16px;right:18px}}
@media(max-width:390px){.nav-links{width:92vw;padding-left:19px;padding-right:19px}.apparel-caption strong{font-size:24px}.contact-hero .display{font-size:42px}}

/* V17.3 final navigation, slideshows, and mobile business-application clarity. */
.site-head{position:sticky;top:0;z-index:1200}.nav{position:relative}.nav-toggle{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 15px;border:1px solid rgba(239,201,103,.35);border-radius:10px;background:#0d2638;color:#f5cd6b;font-weight:700;font-size:12px}.nav-toggle i,.nav-toggle:before,.nav-toggle:after{content:'';display:block;width:17px;height:1.5px;background:currentColor;transition:transform .2s}.nav-toggle:before{transform:translateY(5px)}.nav-toggle:after{transform:translateY(-5px)}
.nav-links{position:absolute;z-index:1202;top:100%;left:0;right:0;display:block;padding:0;max-height:calc(100vh - var(--header));overflow:auto;background:#081d2d;border-top:1px solid rgba(239,201,103,.23);border-bottom:1px solid rgba(239,201,103,.23);box-shadow:0 22px 60px rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-9px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.nav-links.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-menu-head{width:min(1180px,calc(100% - 48px));margin:auto;padding:24px 0 17px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(224,235,240,.16)}.nav-menu-head .eyebrow{margin:0 0 4px}.nav-menu-head strong{font:600 25px/1.1 'Playfair Display',Georgia,serif;color:#fffaf0}.menu-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(224,235,240,.2);border-radius:50%;background:#102e40;color:#fff;font-size:28px;line-height:1}.nav-menu-list{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:10px 0 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}.nav-menu-list a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 3px;border-bottom:1px solid rgba(224,235,240,.14);color:#f6f8f9;font-size:14px;font-weight:600;transition:color .2s,padding .2s,background .2s}.nav-menu-list a span{color:#dcae48;opacity:0;transition:opacity .2s,transform .2s}.nav-menu-list a:hover,.nav-menu-list a[aria-current="page"]{color:#f4cc70;padding-left:8px}.nav-menu-list a:hover span,.nav-menu-list a[aria-current="page"] span{opacity:1;transform:translateX(-3px)}.account-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:20px 0 26px;border-top:1px solid rgba(224,235,240,.16)}.account-shell>.eyebrow{margin-bottom:9px}.nav-account{width:min(360px,100%);display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;min-height:50px;padding:0 16px;border:1px solid rgba(239,201,103,.34);border-radius:10px;background:#102e40;color:#fff;font-weight:700}.nav-account:hover{border-color:#efc967}.account-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#efc967,#b97918);color:#17120b;font-size:10px}.account-menu{width:min(360px,100%);margin-top:9px;padding:8px 14px;border:1px solid rgba(239,201,103,.22);border-radius:10px;background:#0c2738}.account-menu[hidden]{display:none}.account-menu a,.account-menu button{display:flex;align-items:center;width:100%;min-height:42px;padding:0;border:0;border-bottom:1px solid rgba(224,235,240,.12);background:transparent;color:#f2f5f6;font-size:13px;font-weight:600;text-align:left}.account-menu a:last-of-type,.account-menu button:last-child{border-bottom:0}.account-menu .founder{display:none;color:#f3cd72}.account-menu .founder.show{display:flex}.account-menu button{color:#ffd1ca}.nav-scrim.open{display:block;position:fixed;z-index:1201;inset:var(--header) 0 0;border:0;background:rgba(1,8,14,.7);backdrop-filter:blur(2px)}
.media-slideshow{position:relative;overflow:hidden;border:1px solid rgba(229,195,109,.35);border-radius:var(--radius);background:#08131d;box-shadow:var(--shadow)}.slideshow-track{position:relative;aspect-ratio:16/10;min-height:280px}.slideshow-slide{position:absolute;inset:0;margin:0;display:grid;grid-template-rows:1fr auto;background:#07121c;animation:slideFade .45s ease both}.slideshow-slide[hidden]{display:none}.slideshow-slide img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;background:#07121c}.slideshow-slide figcaption{padding:12px 16px;background:linear-gradient(90deg,rgba(5,17,28,.96),rgba(9,31,45,.88));color:#f7f1e8;font-size:13px}.slideshow-controls{position:absolute;z-index:3;right:14px;bottom:53px;display:flex;gap:8px}.slideshow-control{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(6,22,34,.8);color:#fff;font-size:18px;transition:background .2s,transform .2s}.slideshow-control:hover{background:#dcae48;color:#15120c;transform:translateY(-2px)}.slideshow-dots{position:absolute;z-index:3;bottom:17px;right:18px;display:flex;gap:7px}.slideshow-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45)}.slideshow-dot[aria-current="true"]{background:#f0c45d;transform:scale(1.2)}@keyframes slideFade{from{opacity:.2;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}
body[data-page="business-portal"] .contact-form label{color:#102432;font-size:13px;font-weight:800;letter-spacing:.01em}body[data-page="business-portal"] .contact-form input,body[data-page="business-portal"] .contact-form select,body[data-page="business-portal"] .contact-form textarea{min-height:50px;border:1.5px solid #9aadb8;border-radius:10px;color:#102432;background:#fff;font-weight:600;box-shadow:0 1px 0 rgba(11,37,52,.03)}body[data-page="business-portal"] .contact-form textarea{min-height:134px}body[data-page="business-portal"] .contact-form input::placeholder,body[data-page="business-portal"] .contact-form textarea::placeholder{color:#667784;opacity:1}body[data-page="business-portal"] .contact-form select{appearance:auto}body[data-page="business-portal"] .contact-form input:focus,body[data-page="business-portal"] .contact-form select:focus,body[data-page="business-portal"] .contact-form textarea:focus{outline:3px solid rgba(221,174,72,.28);outline-offset:1px;border-color:#a86d15}body[data-page="business-portal"] .contact-form input:disabled,body[data-page="business-portal"] .contact-form select:disabled,body[data-page="business-portal"] .contact-form textarea:disabled{background:#edf1f3;color:#71808a;border-color:#c2cdd2;cursor:not-allowed}body[data-page="business-portal"] .contact-form [aria-invalid="true"]{border-color:#b3342d}body[data-page="business-portal"] .contact-form input:-webkit-autofill,body[data-page="business-portal"] .contact-form textarea:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#102432}body[data-page="business-portal"] #business-application{padding-bottom:max(24px,env(safe-area-inset-bottom))}body[data-page="business-portal"] #business-application .button{margin-top:4px}
@media(max-width:1050px){.nav-toggle{position:relative;z-index:1204}.nav-links{position:fixed;inset:0;width:100vw;max-height:none;min-height:100dvh;padding:0 22px 34px;overflow-y:auto;background:#081d2d!important;border:0;transform:translateX(100%);transition:transform .28s ease,opacity .2s ease;opacity:1;visibility:visible}.nav-links.open{transform:translateX(0)}.nav-menu-head,.nav-menu-list,.account-shell{width:100%;margin:0}.nav-menu-head{padding:24px 0 20px}.nav-menu-list{display:block;padding:7px 0 18px}.nav-menu-list a{min-height:58px;padding:0 3px!important;font-size:17px!important}.nav-menu-list a span{opacity:1}.account-shell{padding:19px 0 max(28px,env(safe-area-inset-bottom))}.nav-scrim.open{inset:0;z-index:1201}.slideshow-track{min-height:220px}.slideshow-controls{bottom:52px}}
@media(max-width:1050px){.nav-links:not(.open){visibility:hidden;pointer-events:none}.nav-links.open{visibility:visible;pointer-events:auto}}
@media(max-width:700px){.nav-toggle{width:auto;height:42px;padding:0 12px}.nav-toggle span{display:inline}.slideshow-track{aspect-ratio:4/5;min-height:0}.slideshow-slide img{object-fit:contain}.slideshow-controls{right:12px}.slideshow-dots{right:14px}.contact-card{padding-bottom:calc(28px + env(safe-area-inset-bottom))}body[data-page="business-portal"] .contact-form{gap:16px}body[data-page="business-portal"] .contact-form input,body[data-page="business-portal"] .contact-form select,body[data-page="business-portal"] .contact-form textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.nav-links,.nav-menu-list a,.slideshow-slide,.slideshow-control{transition:none!important;animation:none!important}}

/* Restored V17.2 navigation treatment: keep V17.3's account security and form fixes,
   but remove the broad mega-menu treatment that changed the site's overall appearance. */
@media(min-width:1051px){
  .nav-toggle{display:none}
  .nav-links{position:static;z-index:auto;display:flex;align-items:center;gap:14px;max-height:none;overflow:visible;padding:0;background:transparent;border:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .nav-menu-head{display:none}
  .nav-menu-list{width:auto;margin:0;padding:0;display:flex;align-items:center;gap:14px}
  .nav-menu-list a{display:inline-flex;min-height:auto;padding:0;border:0;color:#dbe3e8;font-size:12px;font-weight:400}
  .nav-menu-list a:hover,.nav-menu-list a[aria-current="page"]{padding-left:0;color:var(--gold-light)}
  .nav-menu-list a span{display:none}
  .menu-close{display:none}
  .account-shell{position:relative;width:auto;margin:0;padding:0;border:0}
  .account-shell>.eyebrow{display:none}
  .nav-account{width:auto;min-height:auto;padding:12px 15px;border:0;border-radius:10px;background:linear-gradient(135deg,#edc45f,#bd7e19);color:#16120a;font-size:12px}
  .account-avatar{display:none}
  .account-menu{position:absolute;right:0;top:calc(100% + 10px);width:205px;margin:0;padding:8px;background:#092131;border:1px solid rgba(239,201,103,.28);border-radius:12px;box-shadow:0 22px 48px rgba(0,0,0,.35)}
}
@media(max-width:1050px){
  .nav-toggle{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:10px;background:#0d2638;color:#f5cd6b}
  .nav-links{position:fixed;inset:0 0 0 auto;width:min(340px,89vw);min-height:0;max-height:none;padding:85px 28px 30px;display:flex;flex-direction:column;align-items:stretch;gap:5px;overflow-y:auto;background:#091c2b!important;border:0;box-shadow:-25px 0 70px rgba(0,0,0,.35);opacity:1;visibility:visible;pointer-events:auto;transform:translateX(110%);transition:transform .28s ease}
  .nav-links:not(.open){visibility:visible;pointer-events:none}
  .nav-links.open{visibility:visible;pointer-events:auto;transform:translateX(0)}
  .nav-menu-head{display:none}
  .nav-menu-list{width:auto;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:5px}
  .nav-menu-list a{display:flex;min-height:auto;padding:13px 0!important;border-bottom:1px solid var(--line)!important;color:#f6f8f9!important;font-size:16px!important;font-weight:400}
  .nav-menu-list a:hover,.nav-menu-list a[aria-current="page"]{padding-left:0!important;color:var(--gold-light)!important}
  .nav-menu-list a span{display:none}
  .menu-close{display:block;position:absolute;top:18px;right:22px;width:auto;height:auto;border:0;border-radius:0;background:none!important;color:#fff!important;font-size:32px;line-height:1}
  .account-shell{position:relative;width:auto;margin-top:12px;padding:0;border-top:0}
  .account-shell>.eyebrow{display:none}
  .nav-account{width:100%;min-height:48px;justify-content:center;margin-top:17px;background:linear-gradient(135deg,#edc45f,#bd7e19)!important;color:#16120a}
  .account-avatar{display:grid}
  .account-menu{position:static;width:100%;margin-top:8px;box-shadow:none}
}
@media(max-width:700px){.nav-links{width:min(340px,89vw);padding:85px 28px 30px}.nav-toggle{width:42px;height:42px;padding:0}.nav-toggle span{display:none}}

/* Compact Menu: a short vertical list instead of the wide Explore panel. */
.nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;height:44px;min-height:44px;padding:0 15px;border-color:rgba(239,201,103,.46);font-size:13px;letter-spacing:.04em}.nav-toggle span{display:inline}.nav-toggle i{margin-left:0}.nav-links{position:absolute;top:calc(100% + 9px);right:0;left:auto;width:min(300px,calc(100vw - 32px));min-height:0;max-height:min(510px,calc(100vh - var(--header) - 28px));padding:11px 17px 16px;display:block;overflow-y:auto;border:1px solid rgba(239,201,103,.28);border-radius:14px;background:#091d2c!important;box-shadow:0 24px 56px rgba(0,0,0,.42);transform:translateY(-8px) scale(.98);transform-origin:top right;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}.nav-links.open{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}.nav-menu-list{display:block;width:auto;margin:0;padding:0}.nav-menu-list a{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 2px!important;border-bottom:1px solid rgba(224,235,240,.14)!important;color:#f2f6f8!important;font-size:14px!important;font-weight:600}.nav-menu-list a:hover,.nav-menu-list a[aria-current="page"]{padding-left:5px!important;color:#f2c866!important}.nav-menu-list a span{display:block;color:#dcae48;opacity:.9}.menu-close{display:none}.account-shell{width:auto;margin:8px 0 0;padding:11px 0 0;border-top:1px solid rgba(224,235,240,.14)}.account-shell>.eyebrow{display:none}.nav-account{width:100%;min-height:42px;margin:0;justify-content:center;padding:0 13px;background:linear-gradient(135deg,#edc45f,#bd7e19)!important;color:#17120b}.account-menu{width:100%;margin-top:7px}.nav-scrim.open{display:block;position:fixed;z-index:1199;inset:var(--header) 0 0;background:rgba(1,8,14,.36);backdrop-filter:blur(1px)}

/* Cinematic image sequences: layered fades, deliberate motion, and restrained gold light. */
.media-slideshow{isolation:isolate;background:#04101a;border-color:rgba(230,190,90,.33)}.media-slideshow:before{content:'';position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 19%,rgba(235,190,84,.24),transparent 29%),linear-gradient(90deg,rgba(3,12,20,.33),transparent 55%),linear-gradient(0deg,rgba(3,12,20,.84),transparent 46%)}.slideshow-track{position:relative;overflow:hidden;aspect-ratio:16/10;background:#06131e}.slideshow-slide{display:block!important;position:absolute;inset:0;margin:0;visibility:hidden;opacity:0;transform:scale(1.045);transition:opacity .8s ease,transform 6s cubic-bezier(.2,.65,.25,1),visibility .8s}.slideshow-slide.is-active{visibility:visible;opacity:1;transform:scale(1)}.slideshow-slide img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.04) brightness(.86)}.slideshow-slide figcaption{position:absolute;z-index:3;right:0;bottom:0;left:0;padding:20px 22px 18px;background:linear-gradient(0deg,rgba(3,12,20,.9),transparent);color:#fffaf0;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.slideshow-controls{z-index:4;right:18px;bottom:62px}.slideshow-control{width:37px;height:37px;background:rgba(5,19,30,.78);border-color:rgba(255,255,255,.3);backdrop-filter:blur(8px)}.slideshow-dots{z-index:4;right:20px;bottom:16px}.slideshow-dot{box-shadow:0 0 0 1px rgba(255,255,255,.24)}body[data-page="apparel"] .slideshow-slide img,body[data-page="book"] .slideshow-slide img{object-fit:contain;background:#050a0d}
@media(max-width:1050px){.nav-links{position:fixed;top:calc(var(--header) + 10px);right:12px;left:12px;width:auto;max-height:calc(100dvh - var(--header) - 24px);padding:10px 17px 16px;transform:translateY(-10px) scale(.98)}.nav-links:not(.open){visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.98)}.nav-links.open{visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.nav-menu-list{display:block}.nav-menu-list a{min-height:45px;font-size:15px!important}.nav-toggle{position:relative;z-index:1204;width:auto;height:42px;padding:0 14px}.nav-scrim.open{inset:var(--header) 0 0}.account-shell{padding:10px 0 0}.nav-account{min-height:44px}.slideshow-track{min-height:260px}.slideshow-slide figcaption{padding:17px 18px 15px}.slideshow-controls{bottom:56px}}
@media(max-width:700px){.nav-links{right:10px;left:10px;width:auto;max-height:calc(100dvh - var(--header) - 20px)}.nav-toggle span{display:inline}.slideshow-track{aspect-ratio:4/5;min-height:0}.slideshow-slide img{object-fit:cover}body[data-page="apparel"] .slideshow-slide img,body[data-page="book"] .slideshow-slide img{object-fit:contain}.slideshow-slide figcaption{padding:16px 16px 14px;font-size:10px}.slideshow-controls{right:13px;bottom:50px}.slideshow-dots{right:16px;bottom:14px}}

/* Mobile menu integrity: keep the compact Menu treatment, but explicitly clear the
   older full-screen menu measurements that were making the live panel collapse. */
@media(max-width:1050px){
  .nav-links{
    position:fixed!important;
    top:calc(var(--header) + 8px)!important;
    right:10px!important;
    bottom:auto!important;
    left:10px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - var(--header) - 20px)!important;
    padding:58px 18px 16px!important;
    display:block!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    background:#091d2c!important;
    border:1px solid rgba(239,201,103,.32)!important;
    border-radius:14px!important;
    box-shadow:0 24px 56px rgba(0,0,0,.46)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px) scale(.985)!important;
  }
  .nav-links.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }
  .nav-menu-list{display:block!important;width:auto!important;margin:0!important;padding:0!important}
  .nav-menu-list a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:45px!important;padding:0 2px!important;color:#f6f8f9!important;font-size:15px!important;font-weight:600!important;border-bottom:1px solid rgba(224,235,240,.16)!important}
  .nav-menu-list a span{display:block!important;color:#dcae48!important;opacity:.92!important}
  .menu-close{display:grid!important;place-items:center!important;position:absolute!important;top:13px!important;right:14px!important;width:35px!important;height:35px!important;margin:0!important;padding:0!important;border:1px solid rgba(224,235,240,.25)!important;border-radius:50%!important;background:#102e40!important;color:#fff!important;font-size:24px!important;line-height:1!important}
  .account-shell{width:auto!important;margin:10px 0 0!important;padding:12px 0 0!important;border-top:1px solid rgba(224,235,240,.16)!important}
  .nav-account{width:100%!important;min-height:44px!important;margin:0!important;justify-content:center!important}
  .nav-scrim.open{display:block!important;position:fixed!important;z-index:1201!important;inset:var(--header) 0 0!important;background:rgba(1,8,14,.68)!important;backdrop-filter:blur(2px)!important}
}
@media(max-width:390px){
  .nav-links{right:8px!important;left:8px!important;padding-right:15px!important;padding-left:15px!important}
  .nav-menu-list a{min-height:43px!important;font-size:14px!important}
}

/* V17.4: focused membership information and a clean Menu label. */
.nav-toggle::before,.nav-toggle::after{content:none!important;display:none!important}
.nav-toggle{gap:0!important}

body[data-page="business-portal"] .business-pricing{background:#f6f4ee}
body[data-page="business-portal"] .business-pricing-intro{max-width:720px;margin-bottom:30px}
body[data-page="business-portal"] .business-pricing-intro .lede{max-width:650px}
body[data-page="business-portal"] .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body[data-page="business-portal"] .pricing-plan,
body[data-page="business-portal"] .commission-card{min-height:260px;padding:26px;border:1px solid #d8e0e3;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(10,31,45,.06)}
body[data-page="business-portal"] .pricing-plan.featured{border-color:rgba(193,142,35,.62);background:linear-gradient(145deg,#fffdf7,#f4ead0)}
body[data-page="business-portal"] .pricing-plan .eyebrow,
body[data-page="business-portal"] .commission-card .eyebrow{margin:0 0 16px}
body[data-page="business-portal"] .plan-price{margin:0 0 14px;color:#0b2638;font:700 clamp(36px,4vw,50px)/1 'Playfair Display',Georgia,serif}
body[data-page="business-portal"] .plan-price span{font:600 14px 'DM Sans',sans-serif;color:#60707b}
body[data-page="business-portal"] .pricing-plan>p:not(.eyebrow):not(.plan-price),
body[data-page="business-portal"] .commission-card>p:not(.eyebrow):not(.commission-value){color:#5d6c75;font-size:14px;line-height:1.6}
body[data-page="business-portal"] .pricing-plan .button{width:100%;margin-top:14px}
body[data-page="business-portal"] .pricing-plan .button:disabled{opacity:1;cursor:not-allowed}
body[data-page="business-portal"] .commission-card{background:#092033;color:#f8f4ea;border-color:#173b51}
body[data-page="business-portal"] .commission-card .eyebrow{color:#efc967}
body[data-page="business-portal"] .commission-card>p:not(.eyebrow):not(.commission-value){color:#c9d6dc}
body[data-page="business-portal"] .commission-value{margin:2px 0 16px;color:#f0c45d;font:700 clamp(50px,5vw,68px)/.9 'Playfair Display',Georgia,serif}
body[data-page="business-portal"] .pricing-benefits{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;margin-top:18px;padding:26px;border:1px solid #d8e0e3;border-radius:14px;background:#fff}
body[data-page="business-portal"] .pricing-benefits h3{margin:0 0 14px;color:#0b2638;font-family:'Playfair Display',Georgia,serif;font-size:25px}
body[data-page="business-portal"] .pricing-benefits ul{display:grid;grid-template-columns:1fr 1fr;gap:11px 24px;margin:0;padding:0;list-style:none}
body[data-page="business-portal"] .pricing-benefits li{position:relative;padding-left:19px;color:#455964;font-size:13px;line-height:1.5}
body[data-page="business-portal"] .pricing-benefits li::before{content:'✓';position:absolute;left:0;color:#bd8621;font-weight:800}
body[data-page="business-portal"] .pricing-disclaimer{align-self:end;margin:0;padding:16px;border-left:3px solid #d2a344;background:#f8f4e9;color:#576a75;font-size:13px;line-height:1.6}
body[data-page="business-portal"] .plan-selection,
body[data-page="business-portal"] .terms-acknowledgements{display:grid;gap:10px;margin:4px 0 0;padding:16px;border:1px solid #d0dbe0;border-radius:10px;background:#f8faf9}
body[data-page="business-portal"] .plan-selection legend,
body[data-page="business-portal"] .terms-acknowledgements legend{padding:0 5px;color:#102432;font-size:13px;font-weight:800}
body[data-page="business-portal"] .plan-selection>p{margin:-1px 0 3px;color:#64747d;font-size:12px;line-height:1.5}
body[data-page="business-portal"] .contact-form .plan-option,
body[data-page="business-portal"] .contact-form .acknowledgement{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;padding:10px 0;color:#1d3543;font-size:13px;font-weight:600;line-height:1.45}
body[data-page="business-portal"] .contact-form .plan-option{padding:11px 12px;border:1px solid #d3dde1;border-radius:8px;background:#fff}
body[data-page="business-portal"] .contact-form .plan-option span{display:grid;gap:2px}
body[data-page="business-portal"] .contact-form .plan-option small{color:#637681;font-size:12px;font-weight:600}
body[data-page="business-portal"] .contact-form .plan-option input[type="radio"],
body[data-page="business-portal"] .contact-form .acknowledgement input[type="checkbox"]{width:17px;min-width:17px;height:17px;min-height:17px;margin:1px 0 0;padding:0;accent-color:#b7801e;box-shadow:none}
body[data-page="business-portal"] .form-disclaimer{margin:0;color:#677780;font-size:12px;line-height:1.5}

@media(max-width:850px){
  body[data-page="business-portal"] .pricing-grid{grid-template-columns:1fr 1fr}
  body[data-page="business-portal"] .commission-card{grid-column:1/-1;min-height:0}
  body[data-page="business-portal"] .pricing-benefits{grid-template-columns:1fr}
}
@media(max-width:560px){
  body[data-page="business-portal"] .pricing-grid{grid-template-columns:1fr}
  body[data-page="business-portal"] .commission-card{grid-column:auto}
  body[data-page="business-portal"] .pricing-plan,
  body[data-page="business-portal"] .commission-card{min-height:0;padding:22px}
  body[data-page="business-portal"] .pricing-benefits{padding:21px}
  body[data-page="business-portal"] .pricing-benefits ul{grid-template-columns:1fr}
}

/* Book page: one complete cover, with the mindset poster kept in its own section. */
body[data-page="book"] .book-card{grid-template-columns:minmax(250px,330px) minmax(0,1fr);max-width:1040px;gap:clamp(32px,5vw,64px)}
body[data-page="book"] .book-showcase{width:100%;max-width:330px;margin:0;justify-self:center;overflow:hidden;border:1px solid rgba(199,151,41,.42);border-radius:14px;background:#08131d;box-shadow:0 24px 52px rgba(9,24,35,.22)}
body[data-page="book"] .book-showcase img{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:contain;background:#08131d}
@media(max-width:700px){
  body[data-page="book"] .book-card{grid-template-columns:1fr;gap:30px}
  body[data-page="book"] .book-showcase{max-width:min(100%,300px)}
}

/* Our Story: the official Zoe Union story, presented as a focused visual journey. */
body[data-page="our-story"] .our-story-hero{position:relative;overflow:hidden;padding:clamp(88px,11vw,158px) 0 clamp(70px,9vw,122px);background:radial-gradient(circle at 78% 30%,rgba(197,151,42,.2),transparent 28%),linear-gradient(135deg,#061923,#0d2c3e 62%,#081b29);color:#fbfaf6}
body[data-page="our-story"] .our-story-hero::after{content:"";position:absolute;inset:auto -12% -42% 45%;height:90%;border:1px solid rgba(224,180,79,.17);border-radius:50%;pointer-events:none}
body[data-page="our-story"] .story-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:clamp(32px,7vw,100px)}
body[data-page="our-story"] .story-hero-grid .display{max-width:820px;margin:0;color:#fcfbf7;font-size:clamp(46px,6.2vw,92px);line-height:.96;letter-spacing:-.05em}
body[data-page="our-story"] .story-hero-grid .display em{color:#e8ba50;font-style:normal}
body[data-page="our-story"] .story-hero-grid .lede{max-width:590px;margin:26px 0 0;color:#cad6da;font-size:clamp(18px,2vw,23px);line-height:1.55}
body[data-page="our-story"] .story-hero-mark{display:grid;place-items:center;min-height:290px;opacity:.88}
body[data-page="our-story"] .story-hero-mark img{display:block;width:min(100%,345px);max-height:370px;object-fit:contain;filter:drop-shadow(0 18px 38px rgba(0,0,0,.35))}
body[data-page="our-story"] .story-section{padding:clamp(72px,9vw,130px) 0}
body[data-page="our-story"] .story-section-paper{background:#f7f5ef;color:#0a2030}
body[data-page="our-story"] .story-section-navy{background:#081b29;color:#fbfaf6}
body[data-page="our-story"] .story-section-dream{background:radial-gradient(circle at 15% 8%,rgba(198,149,41,.17),transparent 29%),#071620;color:#fbfaf6}
body[data-page="our-story"] .story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.86fr);align-items:start;gap:clamp(36px,7vw,98px)}
body[data-page="our-story"] .story-layout-reverse>.story-copy{grid-column:2}
body[data-page="our-story"] .story-layout-reverse>.story-visual{grid-column:1;grid-row:1}
body[data-page="our-story"] .story-copy{max-width:680px}
body[data-page="our-story"] .story-copy .title{margin:0 0 28px;color:#0a2030;font-size:clamp(38px,4vw,62px);line-height:1.02;letter-spacing:-.04em}
body[data-page="our-story"] .story-section-navy .title,body[data-page="our-story"] .story-section-dream .title{color:#fcfbf7}
body[data-page="our-story"] .story-copy>p:not(.eyebrow){margin:0 0 16px;color:#526773;font-size:clamp(16px,1.45vw,19px);line-height:1.7}
body[data-page="our-story"] .story-section-navy .story-copy>p:not(.eyebrow),body[data-page="our-story"] .story-section-dream .story-copy>p:not(.eyebrow){color:#ccd8de}
body[data-page="our-story"] .story-copy .story-emphasis{margin-top:22px!important;color:#b9801c!important;font-family:'Playfair Display',Georgia,serif;font-size:clamp(24px,2.5vw,34px)!important;font-weight:700;line-height:1.28}
body[data-page="our-story"] .story-section-navy .story-copy .story-emphasis,body[data-page="our-story"] .story-section-dream .story-copy .story-emphasis{color:#edc25c!important}
body[data-page="our-story"] .story-copy .story-motto{margin-top:31px!important;color:#edc25c!important;font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,3vw,43px)!important;font-style:italic;line-height:1.15}
body[data-page="our-story"] .story-copy .button{margin-top:18px}
body[data-page="our-story"] .story-visual{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(145,170,181,.32);border-radius:18px;background:#0b1b26;box-shadow:0 24px 56px rgba(3,18,28,.18)}
body[data-page="our-story"] .story-visual img{display:block;width:100%;height:100%;object-fit:cover}
body[data-page="our-story"] .visual-brand{min-height:430px;background:#0b1b26}
body[data-page="our-story"] .visual-brand img{object-fit:cover}
body[data-page="our-story"] .visual-cover{min-height:470px}
body[data-page="our-story"] .visual-book{width:min(100%,340px);justify-self:center;background:#0a1721}
body[data-page="our-story"] .visual-book img{height:auto;aspect-ratio:2/3;object-fit:contain}
body[data-page="our-story"] .visual-lockup{display:grid;min-height:390px;place-items:center;background:#07131c}
body[data-page="our-story"] .visual-lockup img{width:100%;height:100%;padding:44px;object-fit:contain}
body[data-page="our-story"] .visual-founder{min-height:520px}

@media(max-width:750px){
  body[data-page="our-story"] .our-story-hero{padding:80px 0 68px}
  body[data-page="our-story"] .story-hero-grid{grid-template-columns:1fr;gap:30px}
  body[data-page="our-story"] .story-hero-grid .display{font-size:clamp(45px,13vw,68px)}
  body[data-page="our-story"] .story-hero-mark{min-height:0;justify-items:start;opacity:.64}
  body[data-page="our-story"] .story-hero-mark img{width:min(185px,44vw);max-height:210px}
  body[data-page="our-story"] .story-layout{grid-template-columns:1fr;gap:34px}
  body[data-page="our-story"] .story-layout-reverse>.story-copy,body[data-page="our-story"] .story-layout-reverse>.story-visual{grid-column:auto;grid-row:auto}
  body[data-page="our-story"] .story-layout-reverse>.story-visual{order:2}
  body[data-page="our-story"] .story-visual{border-radius:14px}
  body[data-page="our-story"] .visual-brand,body[data-page="our-story"] .visual-cover{min-height:0}
  body[data-page="our-story"] .visual-brand img,body[data-page="our-story"] .visual-cover img,body[data-page="our-story"] .visual-founder img{height:auto;aspect-ratio:auto;object-fit:contain}
  body[data-page="our-story"] .visual-founder{min-height:0}
  body[data-page="our-story"] .visual-lockup{min-height:270px}
  body[data-page="our-story"] .visual-lockup img{padding:30px}
}

/* Official social links: TikTok and Instagram only. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.social-links{display:flex;align-items:center;gap:9px}
.social-links a{display:inline-grid;place-items:center;width:34px;height:34px;margin:0!important;border:1px solid rgba(239,201,103,.35);border-radius:50%;color:#efc967;transition:background .18s,color .18s,border-color .18s,transform .18s}
.social-links a:hover{transform:translateY(-2px);border-color:#efc967;background:#efc967;color:#0a2030}
.social-links svg{width:17px;height:17px}
.nav-social{margin-left:1px}
.footer-social{margin-top:18px}
.story-social{margin-top:24px}
.contact-social{margin:0 0 22px}
@media(max-width:1050px){.nav-social{padding:10px 0 8px;border-top:1px solid rgba(224,235,240,.14)}.nav-social a{width:36px;height:36px}.nav-social a:hover{padding:0!important}}
