@font-face{font-family:"Playfair Display Local";src:url(fonts/playfair-display-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display Local";src:url(fonts/playfair-display-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display Local";src:url(fonts/playfair-display-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Hanken Grotesk Local";src:url(fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk Local";src:url(fonts/hanken-grotesk-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  /* ClearMinds brand kit, flat. Photos carry the depth. Editorial 12-column grid; motion follows the scroll. */
  --midnight:#0F3C36;
  --eggshell:#F7F5EF;
  --sand:#D6CFC4;
  --stone:#C1B8AE;
  --charcoal:#2B2B2B;
  --gold:#C6A667;
  --ink:#30423D;
  --ink-2:#5A6660;
  --ink-inv:#DDE0D5;
  --ink-inv-2:#B4BFB7;
  --display:"Playfair Display", "Playfair Display Local", Georgia, "Times New Roman", serif;
  --body:"Hanken Grotesk", "Hanken Grotesk Local", "Helvetica Neue", Arial, sans-serif;
  --gutter:clamp(20px, 5vw, 64px);
  --max:1320px;
  --ease-out:cubic-bezier(.16, 1, .3, 1);
  --ease-curtain:cubic-bezier(.65, 0, .35, 1);
  --spring:cubic-bezier(.34, 1.45, .5, 1);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:rgba(198,166,103,.18)}
html{background:var(--eggshell);-webkit-text-size-adjust:100%}
html.motion:not(.lenis){scroll-behavior:smooth}
html.lenis, html.lenis body{height:auto}
html.menu-open{overflow:hidden}
body{margin:0;background:var(--eggshell);color:var(--ink);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3,p,figure,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%}
a{color:inherit}
cite{font-style:italic}
::selection{background:var(--gold);color:var(--midnight)}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:2px}

.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));column-gap:24px}
.display{font-family:var(--display);font-weight:400;letter-spacing:0;text-wrap:balance}
.dark{background:var(--midnight);color:var(--eggshell)}
.lead{font:400 clamp(18px, 1.45vw, 21px)/1.55 var(--body);color:#1E3F39;text-wrap:pretty}
p{text-wrap:pretty}

.skip{position:absolute;left:-9999px;top:12px;z-index:100;padding:10px 16px;background:var(--eggshell);color:var(--midnight)}
.skip:focus{left:16px}

/* Buttons and links */
.btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 26px;border-radius:5px;font:500 15px/1 var(--body);letter-spacing:.01em;text-decoration:none;white-space:nowrap;transition:background-color .25s var(--ease-out), color .25s var(--ease-out), transform .12s ease}
.btn:active{transform:scale(.98)}
.btn:active .chip{background:var(--gold);color:var(--midnight)}
.tlink:active{text-decoration-color:var(--gold)}
.fee-row:active{background:rgba(198,166,103,.12)}
.btn{padding-right:14px}
.btn.no-chip{padding-right:26px}
.btn .chip{width:32px;height:32px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease, color .3s ease, transform .5s var(--spring)}
.btn .arr{width:14px;height:11px;flex:none}
.btn-dark .chip{background:rgba(247,245,239,.14)}
.btn-light .chip{background:rgba(15,60,54,.1)}
.btn:hover .chip{background:var(--gold);color:var(--midnight);transform:translateX(3px)}
.btn:hover{transform:translateY(-1px)}

.btn-dark{background:var(--midnight);color:var(--eggshell)}
.btn-dark:hover{background:var(--charcoal)}
.btn-light{background:var(--eggshell);color:var(--midnight)}
.btn-light:hover{background:var(--sand)}
.tlink{font:500 15px/1.4 var(--body);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:currentColor;text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);transition:text-decoration-color .2s ease}
.tlink:hover{text-decoration-color:var(--gold)}

/* Navigation */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;color:var(--midnight);transition:transform .5s var(--ease-out), background-color .35s ease, color .35s ease}
.nav.solid{background:var(--eggshell)}
.nav[data-theme="dark"]{color:var(--eggshell)}
.nav.solid[data-theme="dark"]{background:var(--midnight)}
.nav.hide{transform:translateY(-100%)}
.nav-in{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.logo .mark{width:21px;height:25px;flex:none;background:currentColor;-webkit-mask:url(logo-mark.png) center/contain no-repeat;mask:url(logo-mark.png) center/contain no-repeat}
.logo .word{width:137px;height:19px;flex:none;background:currentColor;-webkit-mask:url(wordmark-green.svg) left center/contain no-repeat;mask:url(wordmark-green.svg) left center/contain no-repeat}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links > li > a, .dd-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 0;font:500 15px/1 var(--body);letter-spacing:.01em;color:inherit;text-decoration:none;background:none;border:0;cursor:pointer;transition:opacity .2s ease}
.nav-links > li > a:hover, .dd-btn:hover{opacity:.62}
.nav-links > li > a[aria-current="page"]{position:relative}
.nav-links > li > a[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--gold);transform:translateX(-50%)}
.dd-btn .chev{width:10px;height:6px;transition:transform .2s var(--ease-out)}
.dd-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.has-dd{position:relative}
.dd{position:absolute;top:calc(100% + 12px);left:-22px;min-width:300px;padding:8px;border-radius:6px;background:var(--eggshell);color:var(--midnight);box-shadow:0 22px 50px -24px rgba(15,60,54,.42), 0 0 0 1px rgba(15,60,54,.06);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:40px 0;transition:opacity .16s ease, transform .2s var(--ease-out), visibility 0s linear .2s}
.dd.open{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease, transform .2s var(--ease-out), visibility 0s}
.dd a{display:block;padding:10px 14px;border-radius:4px;font:500 16px/1.35 var(--body);text-decoration:none}
.dd a:hover{background:rgba(214,207,196,.5)}
.nav-cta{min-height:44px;padding:0 20px;font-size:15px}
.nav[data-theme="light"] .nav-cta{background:var(--midnight);color:var(--eggshell)}
.nav[data-theme="dark"] .nav-cta{background:var(--eggshell);color:var(--midnight)}
.menu-btn{display:none;min-height:44px;padding:0 2px;font:500 15px/1 var(--body);color:inherit;background:none;border:0;cursor:pointer}

/* Mobile menu */
.menu{position:fixed;inset:0;z-index:45;background:var(--midnight);color:var(--eggshell);overflow-y:auto;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .42s var(--ease-out), visibility 0s linear .42s}
.menu.open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .42s var(--ease-out), visibility 0s}
.menu-in{min-height:100%;display:flex;flex-direction:column;padding-top:104px;padding-bottom:40px}
.menu-big{display:grid;gap:2px}
.menu-big a{font:400 clamp(38px, 10vw, 58px)/1.18 var(--display);text-decoration:none;position:relative}
.menu-big a[aria-current="page"]::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-left:14px;vertical-align:middle}
.menu-small{display:grid;gap:14px;margin-top:30px;font:500 17px/1.3 var(--body)}
.menu-small a{text-decoration:none;color:var(--ink-inv-2)}
.menu-foot{margin-top:auto;padding-top:40px;display:grid;gap:24px;justify-items:start}
.menu-foot p{font-size:15px;line-height:1.7;opacity:.78}
.menu-foot a{text-decoration:none}
.mi{opacity:0;transform:translate3d(0, 22px, 0);transition:opacity .3s ease, transform .36s var(--ease-out)}
.menu.open .mi{opacity:1;transform:none;transition-delay:calc(90ms + var(--i) * 30ms)}

/* Hero */
.hero{padding-top:clamp(124px, 13vw, 176px);padding-bottom:clamp(72px, 9vw, 132px)}
.hero-grid{row-gap:clamp(30px, 4vw, 48px);align-items:start}
.hero-title{grid-column:1 / span 7;grid-row:1;font-size:clamp(52px, 9.8vw, 162px);line-height:.95;letter-spacing:-0.015em;color:var(--midnight)}
.hero-title .w{display:inline-block;vertical-align:top;overflow:hidden;padding:.08em .05em .26em;margin:-.08em -.05em -.26em}
.hero-title .w > span{display:inline-block}
.hero-photo{grid-column:8 / span 5;grid-row:1 / span 2;aspect-ratio:4 / 5}
.hero-copy{grid-column:1 / span 6;grid-row:2;align-self:start;max-width:33em}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px 30px;margin-top:28px}

/* Photo frames. The image is taller than its frame so it can drift with the scroll. */
.frame{position:relative;overflow:hidden;background:var(--sand)}
.frame .zoom{position:absolute;inset:0;transition:transform .9s var(--ease-out)}
.door:hover .zoom, .split .frame:hover .zoom, .founder .frame:hover .zoom{transform:scale(1.025)}
.frame img{position:absolute;left:0;top:-7%;width:100%;height:114%;object-fit:cover;backface-visibility:hidden}
.motion .frame img{will-change:transform}

/* Statement */
.statement{padding:clamp(96px, 14vw, 210px) 0}
.statement .big{font-size:clamp(30px, 4.3vw, 65px);line-height:1.2;max-width:17em;color:var(--eggshell)}
.signoff{margin-top:clamp(36px, 5vw, 64px);font:500 clamp(17px, 1.6vw, 21px)/1.4 var(--body);color:var(--gold);letter-spacing:.01em}

/* Three doors */
.doors{padding:clamp(96px, 13vw, 190px) 0 clamp(88px, 11vw, 160px)}
.doors-head{grid-column:1 / span 4}
.doors-head h2{position:sticky;top:124px;font-size:clamp(41px, 5vw, 79px);line-height:1.02;color:var(--midnight)}
.doors-list{grid-column:6 / span 7;display:grid;gap:clamp(80px, 10vw, 150px)}
.door .frame{margin-bottom:34px}
.door-a .frame{aspect-ratio:3 / 2}
.door-a img{object-position:74% 50%}
.door-b{width:86%;margin-left:auto}
.door-b .frame{aspect-ratio:4 / 3}
.door-c{width:68%}
.door-c .frame{aspect-ratio:4 / 5}
.door h3{font-size:clamp(29px, 2.8vw, 44px);line-height:1.08;color:var(--midnight);margin-bottom:18px}
.door p{max-width:34em}
.door .proof{margin-top:18px;color:var(--midnight);font-weight:500}
.door .tlink{display:inline-block;margin-top:24px;color:var(--midnight)}
.fine{grid-column:6 / span 7;margin-top:clamp(72px, 8vw, 112px);max-width:46em;font-size:14px;line-height:1.75;color:var(--ink-2)}

/* Method */
.method{padding:clamp(96px, 14vw, 200px) 0}
.method-head{grid-column:1 / span 5}
.method-head .sticky{position:sticky;top:132px}
.method-head h2{font-size:clamp(39px, 4.5vw, 69px);line-height:1.04}
.method-head p{margin-top:28px;max-width:30em;font:400 clamp(16px, 1.35vw, 19px)/1.66 var(--body);color:var(--ink-inv)}
.steps{grid-column:7 / span 6;display:grid;gap:clamp(64px, 13vh, 150px);padding:clamp(24px, 8vh, 96px) 0;position:relative}
.steps::before{content:"";position:absolute;left:0;top:clamp(24px, 8vh, 96px);bottom:clamp(24px, 8vh, 96px);width:2px;background:rgba(198,166,103,.22)}
.steps::after{content:"";position:absolute;left:0;top:clamp(24px, 8vh, 96px);bottom:clamp(24px, 8vh, 96px);width:2px;background:var(--gold);transform:scaleY(var(--thread, 0));transform-origin:top}
@media (min-width: 901px){ .steps{padding-left:44px} }
.step h3{font-size:clamp(57px, 8vw, 128px);line-height:1;color:var(--eggshell);opacity:var(--focus, 1)}
.step p{margin-top:16px;max-width:24em;font:400 clamp(16px, 1.35vw, 19px)/1.6 var(--body);color:var(--ink-inv)}

/* Founder */
.founder{padding:clamp(96px, 13vw, 190px) 0}
.founder-grid{align-items:center}
.founder .frame{grid-column:1 / span 5;aspect-ratio:4 / 5}
.founder-copy{grid-column:7 / span 6}
.founder h2{font-size:clamp(39px, 4.8vw, 75px);line-height:1.02;color:var(--midnight)}
.founder .lead{margin-top:30px}
.founder .p2{margin-top:20px;max-width:34em}
.founder .tlink{display:inline-block;margin-top:26px;color:var(--midnight)}
.creds{display:grid;gap:10px;margin-top:48px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.press{margin-top:40px}
.press-label{font:500 13px/1.4 var(--body);color:var(--ink-2)}
.press-list{display:flex;flex-wrap:wrap;gap:6px 30px;margin-top:12px;font:400 clamp(19px, 1.6vw, 23px)/1.35 var(--display);color:var(--midnight)}

/* Closing and footer */
.closing{padding:clamp(96px, 14vw, 200px) 0 0}
.closing h2{font-size:clamp(37px, 5.1vw, 82px);line-height:1.04;max-width:14em}
.closing .actions{margin-top:44px}
.closing .notes{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px 56px;margin-top:60px;max-width:62em;font-size:15px;line-height:1.7;color:var(--ink-inv)}
.footer{padding:clamp(110px, 13vw, 180px) 0 40px}
.footer-top{row-gap:48px}
.footer-brand{grid-column:1 / span 4}
.footer-brand .tagline{margin-top:20px;max-width:24em;font-size:15px;line-height:1.65;color:var(--ink-inv)}
.footer-brand .tlink{display:inline-block;margin-top:20px;font-size:14px}
.footer-cols{grid-column:6 / span 7;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:32px}
.footer h3{margin-bottom:16px;font:500 13px/1.4 var(--body);color:var(--ink-inv-2)}
.footer ul{display:grid;gap:9px;font-size:15px;line-height:1.45}
.footer ul a{text-decoration:none}
.footer ul a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-contact{display:flex;flex-wrap:wrap;gap:24px 64px;margin-top:64px;font-size:15px;line-height:1.7}
.footer-contact a{text-decoration:none}
.footer-contact .muted, .footer-legal, .copyright{color:var(--ink-inv-2)}
.footer-legal{margin-top:48px;max-width:74em;font-size:13px;line-height:1.75}
.copyright{margin-top:22px;font-size:13px}

/* Arrival. One slow entrance on the hero. Everything after it moves with the scroll. */
@keyframes rise{from{transform:translate3d(0, 108%, 0);filter:blur(7px)}60%{filter:blur(2px)}to{transform:none;filter:none}}
@keyframes unveil{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes settle{from{transform:scale(1.14)}to{transform:none}}
@keyframes fadeup{from{opacity:0;transform:translate3d(0, 18px, 0)}to{opacity:1;transform:none}}
.motion .hero-title .w > span{animation:rise 1.15s var(--ease-out) both}
.motion .hero-title .w:nth-child(1) > span{animation-delay:.12s}
.motion .hero-title .w:nth-child(2) > span{animation-delay:.19s}
.motion .hero-title .w:nth-child(3) > span{animation-delay:.26s}
.motion .hero-title .w:nth-child(4) > span{animation-delay:.33s}
.motion .hero-photo{animation:unveil 1.5s var(--ease-curtain) .05s both}
.motion .hero-photo .zoom{animation:settle 2.3s var(--ease-out) .05s both}
.motion .hero-copy{animation:fadeup 1s var(--ease-out) .62s both}

@media (max-width: 960px){
  .nav-links, .nav-cta{display:none}
  .menu-btn{display:inline-flex;align-items:center}
  .nav-in{height:64px}
}
@media (max-width: 900px){
  body{font-size:16px}
  .hero-title{grid-column:1 / -1;font-size:clamp(52px, 15.4vw, 116px)}
  .hero-copy{grid-column:1 / -1;grid-row:2;max-width:none}
  .hero-photo{grid-column:1 / -1;grid-row:3;margin:12px calc(-1 * var(--gutter)) 0}
  .doors-head, .doors-list, .fine{grid-column:1 / -1}
  .doors-head h2{position:static;margin-bottom:56px}
  .door-b, .door-c{width:auto}
  .door .frame{margin:0 calc(-1 * var(--gutter)) 28px}
  .door-c .frame{aspect-ratio:4 / 5}
  .method-head, .steps{grid-column:1 / -1}
  .method-head .sticky{position:static}
  .steps{margin-top:64px;padding:0 0 0 22px;gap:72px}
  .steps::before, .steps::after{top:0;bottom:0}
  .founder .frame{grid-column:1 / -1;margin:0 calc(-1 * var(--gutter)) 48px}
  .founder-copy{grid-column:1 / -1}
  .closing .notes{grid-template-columns:1fr}
  .footer-brand, .footer-cols{grid-column:1 / -1}
  .footer-cols{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (prefers-reduced-motion: reduce){
  .nav, .menu, .mi, .dd, .btn, .btn .arr{transition:none}
}

/* Inner pages */
.page-hero{padding-top:clamp(124px, 13vw, 180px);padding-bottom:clamp(56px, 7vw, 96px)}
.page-hero h1{letter-spacing:-0.015em;font-size:clamp(40px, 5.6vw, 92px);line-height:1.03;color:var(--midnight);max-width:12em}
.page-hero .lead{margin-top:30px;max-width:36em}
.page-hero .cta-row{margin-top:34px}
.band{position:relative;overflow:hidden}
.band .frame{aspect-ratio:21 / 9;margin:0}
.band-tall .frame{aspect-ratio:16 / 9}
.note{padding:clamp(88px, 11vw, 160px) 0}
.note .inner{max-width:760px}
.note .who{font:500 15px/1.4 var(--body);color:var(--gold);margin-bottom:26px}
.note p{font:400 clamp(19px, 1.7vw, 24px)/1.6 var(--display);margin:0 0 1em;color:var(--eggshell)}
.note p:last-child{margin-bottom:0}
.note .pull{color:var(--gold)}
.note-light .who{color:var(--ink-2)}
.note-light p{color:var(--midnight)}
.note-light .pull{color:var(--gold-text, #7A5A14);color:#7A5A14}
.sec{padding:clamp(80px, 10vw, 150px) 0}
.sec-head{font-size:clamp(34px, 4vw, 62px);line-height:1.05;color:var(--midnight);max-width:14em}
.dark .sec-head{color:var(--eggshell)}
.sec-sub{margin-top:22px;max-width:38em}
.list-flow{margin-top:clamp(40px, 5vw, 64px);display:grid;gap:18px;max-width:46em}
.list-flow li{font:400 clamp(17px, 1.5vw, 21px)/1.55 var(--body);padding-left:34px;position:relative}
.list-flow li::before{content:"";position:absolute;left:0;top:.62em;width:18px;height:2px;background:var(--gold)}
.offer-flow{margin-top:clamp(48px, 6vw, 80px);display:grid;gap:clamp(48px, 6vw, 72px)}
.offer{display:grid;grid-template-columns:repeat(12, minmax(0,1fr));column-gap:24px;row-gap:14px}
.offer h3{grid-column:1 / span 5;font-size:clamp(26px, 2.4vw, 38px);line-height:1.12;color:var(--midnight)}
.offer .body{grid-column:7 / span 6}
.offer .when{font:500 14px/1.5 var(--body);color:var(--ink-2);margin-top:10px}
.offer .fit{margin-top:14px;font-size:15px;color:var(--ink-2)}
.dark .offer h3{color:var(--eggshell)}
.dark .offer .when{color:var(--ink-inv-2)}
.dark .offer .fit{color:var(--ink-inv)}
.proof-wall{margin-top:clamp(44px, 6vw, 72px);display:grid;grid-template-columns:repeat(12, minmax(0,1fr));gap:40px 24px}
.proof{grid-column:span 4}
.proof .n{font:400 clamp(44px, 4.6vw, 76px)/1 var(--display);color:var(--gold)}
.proof p{margin-top:12px;font-size:15px;line-height:1.6;color:var(--ink-inv);max-width:22em}
.proof-note{margin-top:44px;font-size:14px;line-height:1.7;color:var(--ink-inv-2);max-width:52em}
.quote-block{max-width:820px}
.quote-block .q{font:400 clamp(24px, 2.6vw, 40px)/1.35 var(--display);color:var(--midnight)}
.quote-block .who{margin-top:24px;font:400 15px/1.5 var(--body);color:var(--ink-2)}
.fee-table{margin-top:clamp(44px, 6vw, 68px);max-width:760px}
.fee-row{display:flex;justify-content:space-between;gap:24px;padding:20px 12px;margin:0 -12px;border-top:1px solid rgba(48,66,61,.16);font-size:16px;transition:background-color .25s ease}
.fee-row:hover{background:rgba(198,166,103,.08)}
.fee-row:last-child{border-bottom:1px solid rgba(48,66,61,.16)}
.fee-row .k{font-weight:500;color:var(--midnight)}
.fee-row .v{text-align:right;max-width:30em}
.plain-steps{margin-top:clamp(44px, 6vw, 72px);display:grid;gap:clamp(40px, 5vw, 56px);max-width:700px}
.plain-steps h3{font-size:clamp(22px, 2vw, 30px);line-height:1.2;color:var(--midnight);margin-bottom:12px}
.dark .plain-steps h3{color:var(--eggshell)}
.dark .plain-steps p{color:var(--ink-inv)}
.video-frame{position:relative;overflow:hidden;background:var(--midnight);aspect-ratio:9 / 16}
.video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.split{align-items:center}
.split .frame{grid-column:1 / span 5}
.split .copy{grid-column:7 / span 6}
.split-r .frame{grid-column:8 / span 5;grid-row:1}
.split-r .copy{grid-column:1 / span 6;grid-row:1}
.eyebrowless{margin-bottom:18px}
.cred-grid{margin-top:clamp(44px, 6vw, 68px);display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px 48px;max-width:980px}
.cred-grid div{padding:16px 0;border-top:1px solid rgba(48,66,61,.16);font-size:15px;line-height:1.6}
.cred-grid .k{display:block;font-weight:500;color:var(--midnight)}
.pub{display:grid;grid-template-columns:repeat(12, minmax(0,1fr));column-gap:24px;row-gap:10px;padding:26px 0;border-top:1px solid rgba(48,66,61,.16)}
.pub .src{grid-column:1 / span 4;font:500 14px/1.5 var(--body);color:var(--ink-2)}
.pub .t{grid-column:5 / span 6;font:400 clamp(19px, 1.7vw, 25px)/1.3 var(--display);color:var(--midnight)}
.pub .go{grid-column:11 / span 2;justify-self:end;align-self:center}
@media (max-width: 900px){
  .offer h3, .offer .body{grid-column:1 / -1}
  .proof{grid-column:span 6}
  .split .frame, .split .copy, .split-r .frame, .split-r .copy{grid-column:1 / -1;grid-row:auto}
  .split .frame{margin:0 calc(-1 * var(--gutter)) 36px}
  .cred-grid{grid-template-columns:1fr}
  .pub .src, .pub .t{grid-column:1 / -1}
  .pub .go{grid-column:1 / -1;justify-self:start}
  .video-frame{margin:0 calc(-1 * var(--gutter))}
}


.two-col{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:clamp(36px, 5vw, 56px) 48px;max-width:980px}
.two-col p{max-width:30ch}
@media (max-width: 900px){ .two-col{grid-template-columns:1fr} }
.page-hero .founder-grid{align-items:center}
@media (max-width: 900px){
  .page-hero .founder-grid > *{grid-column:1 / -1 !important;grid-row:auto !important}
  .page-hero .founder-grid .frame{margin:36px calc(-1 * var(--gutter)) 0}
  .page-hero h1{letter-spacing:-0.015em;font-size:clamp(40px, 11vw, 64px)}
}

/* Mobile persistent action */
.cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--eggshell);border-top:1px solid rgba(48,66,61,.16);padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px));transform:translateY(110%);transition:transform .45s var(--ease-out)}
.cta-bar.on{transform:none}
.cta-bar .btn{width:100%;justify-content:space-between}
@media (min-width: 901px){ .cta-bar{display:none} }

/* Advisory: recommended entry point */
.start-tag{display:flex;align-items:center;gap:10px;font:500 12px/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin:0 0 10px;white-space:nowrap}
.start-tag::before{content:"";width:18px;height:2px;background:var(--gold)}

/* Client story */
.case-head{grid-column:1 / span 4}
.case-body{grid-column:6 / span 7}
@media (min-width: 901px){ .case-head.stick{position:sticky;top:120px;align-self:start} .case-body > .litany{margin-top:8px} }
@media (max-width: 900px){ .case-head, .case-body{grid-column:1 / -1} }

/* Mobile vertical rhythm */
@media (max-width: 900px){
  .sec{padding:56px 0}
  .closing{padding-top:72px}
}

/* Story panel: sand ground, gold bar, echoes the journal interiors */
.case-panel{background:#EFEBE2;border-top:2px solid var(--gold);padding:clamp(28px, 5vw, 64px) clamp(20px, 4vw, 56px);row-gap:clamp(20px, 3vw, 40px)}

/* Look inside: swipeable spreads */
.peek{display:grid;grid-auto-flow:column;grid-auto-columns:min(80vw, 440px);gap:clamp(14px, 2vw, 24px);overflow-x:auto;scroll-snap-type:x mandatory;padding:clamp(24px, 4vw, 40px) clamp(20px, 3vw, 48px) 14px;scrollbar-width:none;max-width:1480px;margin-inline:auto}
.peek::-webkit-scrollbar{display:none}
@media (hover: hover) and (pointer: fine){
  .peek{scrollbar-width:thin;scrollbar-color:rgba(48,66,61,.3) transparent}
  .peek::-webkit-scrollbar{display:block;height:4px}
  .peek::-webkit-scrollbar-thumb{background:rgba(48,66,61,.3)}
}
.peek figure{margin:0;scroll-snap-align:start}
.peek img{width:100%;height:auto;display:block}

/* Footer brand moment: the wordmark at architectural scale, tone on tone */
.brand-moment{width:100%;aspect-ratio:1374 / 190;background:currentColor;color:rgba(247,245,239,.07);-webkit-mask:url(wordmark-green.svg) center/contain no-repeat;mask:url(wordmark-green.svg) center/contain no-repeat;margin-top:clamp(48px, 7vw, 96px)}

/* The mark, shown at contemplative scale */
.mark-xl{display:block;width:clamp(96px, 11vw, 148px);aspect-ratio:1;background:currentColor;color:var(--midnight);-webkit-mask:url(logo-mark.png) center/contain no-repeat;mask:url(logo-mark.png) center/contain no-repeat;margin-top:18px}

/* Values litany: quiet, scroll-focused, one held at a time */
.litany{display:grid;gap:clamp(52px, 9vh, 112px);margin-top:clamp(44px, 7vw, 96px);max-width:900px;list-style:none;padding:0}
.lit{margin:0}
.lit::before{content:"";display:block;width:18px;height:2px;background:var(--gold);margin-bottom:16px;opacity:0;transform:scaleX(.4);transform-origin:left;transition:opacity .5s ease, transform .6s var(--ease-out)}
.lit h3{font:400 clamp(36px, 5vw, 68px)/1.04 var(--display);color:var(--eggshell);margin:0 0 14px;letter-spacing:-0.005em}
.lit p{font:400 clamp(16px, 1.25vw, 19px)/1.6 var(--body);color:var(--ink-inv);max-width:34em;margin:0}
.motion .lit{opacity:.24;transform:translate3d(0, 10px, 0);transition:opacity .55s ease, transform .65s var(--ease-out)}
.motion .lit.on{opacity:1;transform:none}
.motion .lit.on::before{opacity:1;transform:none}
.still .lit::before{opacity:1;transform:none}

.dd-btn{position:relative}
.dd-btn.dd-current::after{content:"";position:absolute;left:calc(50% - 7px);bottom:-4px;width:4px;height:4px;border-radius:50%;background:var(--gold)}