@font-face{font-family:GeneralSans;src:url('assets/stone-world/general-sans.woff2') format('woff2');font-weight:200 700;font-display:swap}
@font-face{font-family:Satoshi;src:url('assets/stone-world/satoshi.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{color-scheme:dark;--paper:#e8e5df;--muted:#aaa9a5;--ground:#090909;--serif:GeneralSans,Satoshi,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ground);color:var(--paper);font:15px/1.6 Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:1px solid var(--paper);outline-offset:8px}::selection{background:#d5d0c2;color:#121212}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.98;letter-spacing:-.035em}em{font-weight:400}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:12px;background:#eee;color:#111}.skip:focus{top:10px}
.site-scene{position:fixed;inset:0;z-index:0;container-type:size;pointer-events:none;background:var(--ground)}.site-scene img,.site-scene canvas{position:absolute;left:50%;top:50%;width:min(100cqw,calc(100cqh * 3836 / 2160));height:auto;aspect-ratio:3836/2160;transform:translate(-50%,-50%);mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 5%,#000 84%,transparent);mask-composite:intersect}.site-scene canvas{opacity:0}.site-scene canvas.ready{opacity:1}.site-scene:has(canvas.ready) .poster{opacity:0}
.header{position:absolute;z-index:5;top:0;left:0;width:100%;padding:32px 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:20px}.brand span{font:22px var(--serif);letter-spacing:.29em}.brand img{width:35px;height:35px;object-fit:contain}.header nav{display:flex;gap:35px;font-size:12px;color:#bdbbb7}.header nav a{transition:color .25s}.header nav a:hover{color:white}.entry-link{display:flex;align-items:center;gap:24px;font-size:12px}.entry-link span{font-size:24px;font-weight:400;color:#b4b2ad;transition:transform .35s}.entry-link:hover span:first-child{transform:translateX(-5px)}.entry-link:hover span:last-child{transform:translateX(5px)}
main{position:relative;z-index:1}.reveal{height:300svh}.stage{position:sticky;top:0;height:100svh;min-height:580px;--hero-opacity:1;--hero-visible:visible;--end-opacity:0;--end-visible:hidden}.hero-copy{position:absolute;left:4.5vw;top:22%;opacity:var(--hero-opacity);visibility:var(--hero-visible);transform:translateY(var(--hero-shift,0px));text-shadow:0 2px 35px #0008}.hero-copy h1{font-size:clamp(66px,6.5vw,122px)}.hero-copy h1 em{letter-spacing:-.045em}.signature{display:block;width:27px;height:27px;object-fit:contain;opacity:.72}.hero-copy .signature{margin:25px 0 23px}.hero-copy p{color:#b9b8b4;font-size:14px;line-height:1.65}.quiet-link{display:inline-flex;gap:30px;align-items:center;margin-top:26px;font-size:12px}.quiet-link span{transition:transform .3s}.quiet-link:hover span{transform:translate(4px,-4px)}.reveal-copy{position:absolute;top:24%;left:4.5vw;opacity:var(--end-opacity);visibility:var(--end-visible);font:clamp(36px,4.3vw,78px)/1 var(--serif);letter-spacing:-.035em;text-shadow:0 2px 30px #000}.scene-foot{position:absolute;bottom:32px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;font-size:11px;color:#999;opacity:var(--hero-opacity)}.scroll-arrow{font-size:21px}
.stone-world{position:relative;background:var(--ground);padding-top:1px}.stone-world:before{content:'';position:absolute;left:0;right:0;top:-160px;height:160px;background:linear-gradient(transparent,var(--ground));pointer-events:none}.approach{position:relative;padding:150px max(15vw,30px) 150px;min-height:900px;background:linear-gradient(var(--ground),transparent 15%,transparent 80%,var(--ground)),url('assets/stone-world/canyon.webp') center/cover no-repeat}.approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;max-width:1020px;margin:auto}.approach h2{font-size:clamp(50px,5vw,90px)}.approach-intro .signature{margin-top:27px}.approach-intro>p{max-width:330px;color:#b4b3af;font-size:15px;padding-top:8px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;max-width:1020px;margin:125px auto 0}.principle{display:block}.principle-arrow{display:block;color:#a9a6a0;font-size:23px;margin-bottom:22px;transition:transform .45s}.principle h3{font-size:clamp(32px,3vw,52px)}.short-rule{display:block;width:26px;height:1px;background:#a29f98;margin:23px 0}.principle p{font-size:14px;line-height:1.8;color:#aaa9a5;max-width:245px}.principle:hover .principle-arrow{transform:translate(5px,-5px)}.principle:hover h3{color:white}.principle:hover .short-rule{width:48px}.short-rule{transition:width .45s}
.access{position:relative;isolation:isolate;height:min(900px,65vw);min-height:660px;overflow:hidden;scroll-margin-top:0;outline:none}.monument{position:absolute;inset:0;z-index:-2;background:url('assets/stone-world/monument.webp') center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 14%,#000 90%,transparent);mix-blend-mode:lighten}.offer-heading{position:relative;text-align:center;padding-top:60px}.offer-heading h2{font-size:clamp(58px,5.6vw,104px)}.offer-heading .signature{margin:25px auto 0;width:23px;height:23px}.gateway-arc{position:absolute;z-index:-1;width:94%;height:130%;left:3%;top:4%;border-radius:50%;border:1px solid #b0aaa225;mask-image:linear-gradient(#000,transparent 68%);pointer-events:none}.gateway-arc:after{content:'';position:absolute;inset:48px;border:1px solid #b0aaa214;border-radius:50%}.product-choices{position:absolute;left:12%;right:12%;top:52%;display:flex;align-items:center;justify-content:space-between}.product-choice{appearance:none;border:0;background:none;color:var(--paper);display:flex;align-items:center;gap:28px;padding:25px 0;text-align:left;opacity:1;cursor:default}.choice-content{display:flex;flex-direction:column;gap:24px}.choice-name{font:clamp(38px,3.5vw,64px)/1 var(--serif);letter-spacing:-.025em}.choice-action{font-size:12px;color:#c5c2bb;display:block}.choice-line{display:block;height:1px;width:100%;background:#b4b0a17a;margin-top:12px;transform-origin:left;transition:transform .4s}.gate-chevron{font:38px var(--serif);color:#c8c4bb;transition:transform .4s}.product-choice:hover .choice-line{transform:scaleX(1.15)}.solana:hover .gate-chevron{transform:translateX(-5px)}.robinhood:hover .gate-chevron{transform:translateX(5px)}.footer{position:relative;z-index:2;background:var(--ground);margin:0;padding:28px 4.5vw 35px;display:flex;align-items:center;justify-content:space-between;color:#86857f;font-size:11px}.footer img{width:26px;height:26px}.footer nav{display:flex;gap:30px}.footer a:hover{color:var(--paper)}
.motion-enabled [data-enter]{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.65,.3,1)}.motion-enabled [data-enter].entered{opacity:1;transform:none}.principles article:nth-child(2){transition-delay:.12s}.principles article:nth-child(3){transition-delay:.24s}
@media(min-width:1800px){.approach{min-height:1080px;padding-top:190px}.principles{margin-top:155px}.approach-intro,.principles{max-width:1160px}.approach-intro>p,.principle p{font-size:16px}.access{height:1000px}.product-choices{top:49%}}
@media(max-width:1000px){.header nav{gap:20px}.brand span{font-size:18px}.approach{padding:110px 12vw;min-height:810px}.principles{gap:7%;margin-top:100px}.product-choices{left:7%;right:7%}.product-choice{gap:12px}.access{min-height:600px}.monument{background-size:auto 100%}.offer-heading{padding-top:55px}.hero-copy h1{font-size:8vw}.hero-copy{top:24%}.hero-copy p{font-size:13px}}
@media(max-width:700px){html{scroll-padding-top:0}.header{padding:23px 23px}.brand{gap:11px}.brand img{width:26px;height:26px}.brand span{font-size:16px;letter-spacing:.2em}.header nav{display:none}.entry-link{gap:5px;font-size:11px}.entry-link span{font-size:19px}.site-scene img,.site-scene canvas{width:auto;height:116svh;aspect-ratio:9/16;top:calc(100% - 116svh * .78);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}.reveal{height:250svh}.stage{min-height:560px}.hero-copy{top:16%;left:23px}.hero-copy h1{font-size:clamp(51px,13.2vw,80px)}.hero-copy .signature{margin:16px 0 13px;width:22px;height:22px}.hero-copy p{font-size:12px;line-height:1.6}.quiet-link{margin-top:16px;font-size:11px}.scene-foot{left:23px;right:23px;bottom:22px}.reveal-copy{top:17%;left:23px;font-size:43px}.approach{padding:90px 32px 75px;background-position:center;min-height:0}.approach-intro{grid-template-columns:1fr;gap:35px}.approach h2{font-size:60px}.approach-intro>p{max-width:295px;font-size:14px}.principles{margin-top:65px;grid-template-columns:1fr;gap:42px}.principle{position:relative;padding-left:36px}.principle-arrow{position:absolute;left:0;top:0;font-size:18px}.principle h3{font-size:39px}.short-rule{margin:17px 0}.principle p{max-width:270px;font-size:13px}.access{height:700px;min-height:0}.offer-heading{padding:55px 20px 0}.offer-heading h2{font-size:50px;max-width:300px;margin:auto}.offer-heading .signature{margin-top:20px}.monument{background-size:auto 480px;background-position:center bottom;opacity:.9}.gateway-arc{width:170%;left:-35%;top:5%;height:100%}.gateway-arc:after{inset:26px}.product-choices{top:32%;left:24px;right:24px;gap:24px}.product-choice{gap:0;padding:12px 0}.gate-chevron{display:none}.choice-name{font-size:35px}.choice-content{gap:15px}.choice-action{font-size:11px}.footer{padding:22px 24px;font-size:10px}.footer nav{gap:17px}.footer img{width:23px;height:23px}}
.monument{background-color:var(--ground);background-blend-mode:lighten}
@media(max-width:700px){
  .site-scene img,.site-scene canvas{width:100cqw;height:auto;aspect-ratio:9/16;left:50%;top:auto;bottom:-3svh;transform:translateX(-50%);mask-image:linear-gradient(transparent,#000 12%,#000 84%,transparent)}
  .hero-copy{top:clamp(100px,14svh,145px);left:24px;right:24px}
  .hero-copy h1{font-size:clamp(45px,12.8vw,78px);line-height:1}
  .hero-copy .signature{display:none}
  .hero-copy p{margin-top:18px;max-width:290px;font-size:12px;line-height:1.6}
  .hero-copy p br{display:none}
  .quiet-link{margin-top:16px;min-height:38px;gap:27px;font-size:12px}
  .reveal-copy{top:clamp(100px,14svh,145px);left:24px;right:24px;font-size:clamp(38px,10.8vw,62px)}
  .stage{min-height:0}
  .scene-foot{bottom:max(20px,env(safe-area-inset-bottom));left:24px;right:24px}
}
@media(max-width:700px) and (max-height:700px){
  .hero-copy,.reveal-copy{top:92px}
  .hero-copy h1{font-size:clamp(42px,12vw,58px)}
  .hero-copy p{margin-top:12px;max-width:285px}
  .quiet-link{margin-top:8px}
}
.monument{background-image:url('assets/stone-world/monument-poster.webp')}
.monument-video{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100%;height:auto;max-width:none;mix-blend-mode:lighten}
@media(min-width:701px) and (max-width:1000px){.monument-video{width:auto;height:100%}}
@media(max-width:700px){.monument-video{width:auto;height:480px}}
@media(min-width:701px){.access{height:clamp(660px,50vw,900px);min-height:0}.product-choices{top:48%}.offer-heading{padding-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{height:100svh;min-height:580px}.stage{position:relative}.hero-copy{opacity:1;visibility:visible;transform:none}.reveal-copy,.scene-foot{display:none}.motion-enabled [data-enter]{opacity:1;transform:none}}

/* Bodoni + Satoshi typography fitting */
body{font-optical-sizing:auto;font-synthesis:none}
h1,h2,h3{letter-spacing:-.025em;line-height:1.04}
.hero-copy h1{font-size:clamp(64px,6vw,112px)}
.hero-copy h1 em{letter-spacing:-.025em}
.hero-copy p,.principle p{font-size:15px;line-height:1.65}
.header nav,.entry-link,.quiet-link,.choice-action{font-size:13px}
.entry-link,.quiet-link,.choice-action{font-weight:500}
.brand span{letter-spacing:.23em}
@media(max-width:700px){
 .header{gap:12px}
 .brand{gap:10px}.brand span{font-size:15px;letter-spacing:.17em}
 .entry-link{font-size:11px;gap:3px}
 .hero-copy h1{font-size:clamp(38px,10.9vw,72px);line-height:1.07}
 .hero-copy p{font-size:15px;max-width:330px;line-height:1.5;margin-top:16px}
 .quiet-link{font-size:13px;margin-top:12px}
 .approach-intro>p,.principle p{font-size:15px;line-height:1.65}
 .principle h3{font-size:36px}
 .offer-heading h2{font-size:46px}
 .choice-name{font-size:31px}
 .choice-action{font-size:12px}
 .reveal-copy{font-size:clamp(32px,9.2vw,55px);line-height:1.08}
}
@media(max-width:700px) and (max-height:700px){
 .hero-copy,.reveal-copy{top:85px}
 .hero-copy p{margin-top:12px;font-size:15px}
 .quiet-link{margin-top:6px}
}

/* Bodoni display composition */
h1,h2,h3,.choice-name{font-weight:500;letter-spacing:-.035em}
.hero-copy h1{font-size:clamp(62px,5.8vw,108px);line-height:1.08}
.hero-copy h1 em{font-weight:400}
.hero-copy p,.approach-intro>p,.principle p{font-weight:500}
.brand span{font-family:Satoshi,Arial,sans-serif;font-weight:600;font-size:17px;letter-spacing:.22em}
@media(max-width:700px){
 .brand span{font-size:13px;letter-spacing:.13em}
 .hero-copy h1{font-size:clamp(36px,10.2vw,64px);line-height:1.1}
 .offer-heading h2{font-size:43px;line-height:1.08}
 .choice-name{font-size:30px}
 .reveal-copy{font-size:clamp(29px,8.5vw,49px)}
}
/* Straight grotesk hierarchy */
h1,h2,h3,.choice-name,.reveal-copy{font-weight:500;letter-spacing:-.035em}
em,.hero-copy h1 em{font-style:normal;font-weight:inherit;letter-spacing:inherit}
.hero-copy h1{font-size:clamp(58px,5.5vw,106px);line-height:1.03}
.approach h2{font-size:clamp(46px,4.5vw,80px);line-height:1.04}
.principle h3{font-size:clamp(30px,2.6vw,46px)}
.offer-heading h2{font-size:clamp(48px,4.8vw,88px)}
.choice-name{font-size:clamp(34px,3vw,58px)}
@media(max-width:700px){
 .hero-copy h1{font-size:clamp(34px,9.5vw,60px);line-height:1.06}
 .approach h2{font-size:44px}
 .principle h3{font-size:32px}
 .offer-heading h2{font-size:39px;line-height:1.08}
 .choice-name{font-size:28px}
 .reveal-copy{font-size:clamp(28px,8vw,46px);line-height:1.1}
}

/* General Sans: less compressed spacing, consistent straight headings */
.approach{isolation:isolate}
.canyon-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:0;pointer-events:none;mix-blend-mode:lighten;mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent)}
.canyon-canvas.ready{opacity:.68}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){.approach:has(.canyon-canvas.ready){background-image:none}}
@media(max-width:700px),(prefers-reduced-motion:reduce){.canyon-canvas{display:none}}
h1,h2,h3,.choice-name,.reveal-copy{letter-spacing:-.045em;font-weight:500}
.hero-copy h1{font-size:clamp(58px,5.5vw,106px);line-height:1.06}
.hero-copy h1 em{font-style:normal;font-weight:500}
@media(max-width:700px){
 .hero-copy h1{font-size:clamp(34px,9.5vw,60px);line-height:1.08;letter-spacing:-.035em}
 .approach h2,.offer-heading h2,.principle h3,.choice-name,.reveal-copy{letter-spacing:-.03em}
}
/* Silver cut controls */
.action-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:60px;padding:0 32px;border:0;border-radius:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);overflow:hidden;background:linear-gradient(120deg,#f3f1e9 0%,#d2d1c9 58%,#f0eee6 100%);color:#151713;font-family:Satoshi,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.2;letter-spacing:0;text-shadow:none;box-shadow:none;transform:none;transition:transform .18s ease,color .4s ease}
.action-button::before{content:'';position:absolute;inset:2px;z-index:-1;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:#191c18;transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.76,0,.24,1)}
.action-button::after{content:'';position:absolute;left:25%;right:25%;bottom:10px;height:2px;background:#e4e3d8;transform:scaleX(0);transition:transform .4s cubic-bezier(.22,.7,.2,1)}
.action-button .button-label,.action-button .button-label .label-front{display:block;position:relative;font:inherit;color:inherit;transform:none!important;opacity:1!important;transition:none}
.action-button .label-back{display:none}
.quiet-link.action-button{min-width:252px;margin-top:27px}
.entry-link.action-button{min-width:145px;min-height:48px;padding:0 25px;font-size:13px;gap:0}
.choice-action.action-button{min-width:218px;min-height:58px;font-size:15px;margin:0}
.product-choice{padding:20px 0;border-radius:0;cursor:default}
.choice-content{gap:25px;align-items:flex-start}
@media(hover:hover){
 .action-button:hover,.product-choice:hover .action-button{color:#f5f3e9;transform:none}
 .action-button:hover::before,.product-choice:hover .action-button::before{transform:scaleX(1)}
 .action-button:hover::after,.product-choice:hover .action-button::after{transform:scaleX(1);transition-delay:.18s}
}
.action-button:active,.product-choice:active .action-button{transform:scale(.975);transition-duration:.1s}
.action-button:focus-visible{outline:none;color:#f5f3e9}
.action-button:focus-visible::before{transform:scaleX(1)}
.action-button:focus-visible::after{transform:scaleX(1)}
.product-choice:focus-visible{outline:2px solid #f3f0e4;outline-offset:7px}
@media(max-width:700px){
 .entry-link.action-button{min-width:112px;min-height:44px;padding:0 16px;font-size:12px}
 .quiet-link.action-button{min-width:235px;min-height:52px;margin-top:16px;padding:0 24px;font-size:14px}
 .product-choices{left:24px;right:24px;gap:18px}
 .product-choice{min-width:0;flex:1}
 .choice-content{width:100%;gap:20px}
 .choice-action.action-button{min-width:0;width:100%;min-height:52px;padding:0 14px;font-size:14px;white-space:nowrap}
}
@media(max-width:700px) and (max-height:700px){.quiet-link.action-button{min-height:48px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.action-button,.action-button::before,.action-button::after{transition:none!important}.action-button:active,.product-choice:active .action-button{transform:none}}

/* Quiet baseline while the motion direction is selected */
.action-button,.action-button:hover,.product-choice:hover .action-button{background:#e5e5dc;color:#171a15;transform:none;filter:none;box-shadow:none;transition:background .2s,color .2s}
.action-button::before,.action-button::after{display:none!important}
.action-button .button-label,.action-button .button-label .label-front{font:inherit;color:inherit;transform:none!important;opacity:1!important}
.action-button .label-back{display:none}
.action-button:active,.product-choice:active .action-button{background:#cacdc1;transform:none}
.action-button:focus-visible{outline:2px solid #171a15;outline-offset:-5px;color:#171a15}
/* Silver light, matching the canyon illumination */
.action-button,.action-button:hover,.product-choice:hover .action-button{filter:drop-shadow(0 0 0 transparent);transition:filter .45s ease,background .35s ease}
@media(hover:hover){
 .action-button:hover,.product-choice:hover .action-button{background:#f1f1e8;filter:drop-shadow(0 0 9px #e6e8db70) drop-shadow(0 0 26px #e6e8db35)}
}
.action-button:active,.product-choice:active .action-button{background:#f5f5ed;filter:drop-shadow(0 0 12px #f1f2e599) drop-shadow(0 0 32px #e6e8db50);transform:none;transition-duration:.12s}
.action-button:focus-visible{filter:drop-shadow(0 0 9px #e6e8db70) drop-shadow(0 0 26px #e6e8db35)}
/* Put the glow outside the clipped silver silhouette */
.button-glow{display:inline-flex;filter:drop-shadow(0 0 0 transparent);transition:filter .45s ease}
.button-glow:hover,.button-glow:focus-within{filter:drop-shadow(0 0 9px #e6e8db70) drop-shadow(0 0 26px #e6e8db35)}
.button-glow:active{filter:drop-shadow(0 0 12px #f1f2e599) drop-shadow(0 0 32px #e6e8db50);transition-duration:.12s}
.button-glow .action-button{filter:none!important}
.hero-copy .button-glow{margin-top:27px}.hero-copy .button-glow .quiet-link{margin-top:0}
.product-choice .button-glow{width:100%}
@media(max-width:700px){.hero-copy .button-glow{margin-top:16px}}
@media(max-width:700px) and (max-height:700px){.hero-copy .button-glow{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.button-glow,.action-button{transition:none!important}}
/* Concrete offer and reveal-state action */
.hero-copy p{max-width:365px}
.reveal-copy{max-width:48vw}
.reveal-copy h2{font-size:clamp(42px,4.25vw,78px);line-height:1.04;letter-spacing:-.045em}
.reveal-copy .reveal-detail{font:500 16px/1.65 Satoshi,Arial,sans-serif;letter-spacing:0;color:#c6c5bd;max-width:350px;margin-top:25px;text-shadow:0 2px 16px #000}
.reveal-copy .button-glow{margin-top:25px}
.approach-intro{gap:8%;grid-template-columns:1.2fr 1fr}
.approach h2{font-size:clamp(42px,4.1vw,74px)}
.principle h3{font-size:clamp(25px,2.15vw,39px);line-height:1.12}
.offer-detail{font:500 15px/1.5 Satoshi,Arial,sans-serif;color:#b9b9b1;margin-top:18px}
.offer-heading .signature{margin-top:20px}
@media(max-width:700px){
 .hero-copy p br{display:initial}
 .hero-copy p{max-width:335px}
 .reveal-copy{max-width:none}
 .reveal-copy h2{font-size:clamp(30px,8.5vw,50px);line-height:1.08}
 .reveal-copy .reveal-detail{font-size:15px;line-height:1.5;max-width:330px;margin-top:17px}
 .reveal-copy .button-glow{margin-top:18px}
 .reveal-copy .action-button{min-height:48px;font-size:14px;padding:0 24px}
 .approach-intro{grid-template-columns:1fr;gap:30px}
 .approach h2{font-size:39px}
 .principle h3{font-size:29px}
 .offer-detail{font-size:14px;margin:18px auto 0;max-width:260px}
}
@media(max-width:700px) and (max-height:700px){.reveal-copy .reveal-detail{font-size:14px;margin-top:12px}.reveal-copy .button-glow{margin-top:12px}}
@media(max-width:700px) and (max-height:700px){.site-scene img,.site-scene canvas{bottom:-5svh}}
/* Fit the confirmed feature offer around the artwork */
.approach h2{font-size:clamp(38px,3.45vw,64px)}
.offer-heading h2{font-size:clamp(44px,4.1vw,76px);line-height:1.04}
.offer-heading{padding-top:30px}
.offer-detail{margin-top:13px}
.offer-heading .signature{display:none}
@media(max-width:700px){.approach h2{font-size:35px}.offer-heading{padding-top:40px}.offer-heading h2{font-size:35px}.hero-copy p{max-width:335px}.reveal-copy .reveal-detail{max-width:320px}}
@media(max-width:700px) and (max-height:700px){.hero-copy p{font-size:14px;line-height:1.5}}
/* Responsive content rhythm */
.headline-line{display:block;white-space:nowrap}
.hero-copy h1{font-size:clamp(54px,5.5vw,106px)}
@media(max-width:700px){.hero-copy h1{font-size:clamp(30px,9.4vw,60px)}}
.hero-copy p{max-width:390px;text-wrap:pretty}
.approach{padding:112px max(10vw,32px);min-height:0}
.approach-intro,.principles{max-width:1160px}
.approach-intro{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8%}
.approach-intro>p{max-width:360px}
.principles{margin-top:80px;gap:5%}
.principle p{max-width:285px;text-wrap:pretty}
.principle h3{min-height:2.24em;text-wrap:balance}
.principle-arrow{margin-bottom:16px}
.short-rule{margin:18px 0}
@media(min-width:1800px){.approach{padding-top:140px;padding-bottom:140px}.principles{margin-top:96px}}
@media(min-width:701px) and (max-width:1100px){
 .approach{padding:88px 6vw}
 .approach h2{font-size:clamp(30px,3.7vw,40px)}
 .principles{margin-top:64px;gap:4%}
 .principle h3{font-size:25px}
}
@media(max-width:900px){.header nav{display:none}}
@media(max-width:700px){
 .hero-copy p{max-width:335px}
 .approach{padding:64px 24px}
 .approach-intro{grid-template-columns:1fr;gap:24px}
 .approach-intro .signature{margin-top:20px}
 .approach-intro>p{padding-top:0;max-width:360px}
 .principles{margin-top:44px;gap:32px}
 .principle h3{min-height:0;text-wrap:initial}
 .principle p{max-width:350px}
 .short-rule{margin:14px 0}
 .access{height:660px}
 .offer-heading{padding-top:32px}
 .product-choices{top:32%}
}
@media(max-width:360px){
 .header{padding-left:20px;padding-right:20px}
 .hero-copy,.reveal-copy{left:20px;right:20px}
 .hero-copy h1{font-size:9.4vw}
 .offer-heading h2{font-size:31px}
 .choice-name{font-size:25px}
 .choice-action.action-button{padding:0 10px;font-size:13px}
}
@media(max-height:540px) and (min-width:701px){
 .header{padding-top:16px;padding-bottom:16px}
 .stage{min-height:0;height:100svh}
 .hero-copy,.reveal-copy{top:84px;max-width:60vw}
 .hero-copy h1{font-size:clamp(32px,4.7vw,54px);line-height:1.02}
 .hero-copy .signature{display:none}
 .hero-copy p{margin-top:12px;font-size:13px;line-height:1.4;max-width:390px}
 .hero-copy .button-glow,.reveal-copy .button-glow{margin-top:12px}
 .quiet-link.action-button,.reveal-copy .action-button{min-height:44px;font-size:13px}
 .reveal-copy h2{font-size:34px}
 .reveal-copy .reveal-detail{font-size:13px;line-height:1.4;margin-top:12px}
 .scene-foot{bottom:12px}
}
@media(min-width:1101px){.principle h3{min-height:0}}
@media(max-height:540px) and (min-width:480px) and (max-width:700px){
 .header{padding-top:14px;padding-bottom:14px}
 .hero-copy,.reveal-copy{top:78px}
 .hero-copy h1{font-size:32px;line-height:1.04}
 .hero-copy p,.reveal-copy .reveal-detail{font-size:13px;line-height:1.4;max-width:345px;margin-top:10px}
 .hero-copy .button-glow,.reveal-copy .button-glow{margin-top:10px}
 .quiet-link.action-button,.reveal-copy .action-button{min-height:44px}
 .reveal-copy h2{font-size:30px}
 .site-scene img,.site-scene canvas{width:45cqw;left:auto;right:0;bottom:-4svh;transform:none}
 .scene-foot{bottom:10px}
}
/* Five pairs of tools share the same two anchors around the sculpture */
.reveal{height:360svh}
.reveal-tools{position:absolute;inset:0;overflow:clip;pointer-events:none}
.reveal-tool{position:absolute;display:flex;align-items:center;gap:20px;opacity:var(--tool-opacity,0);transform:translateY(var(--tool-y,9px));isolation:isolate}
.reveal-tool:before{content:'';position:absolute;inset:-24px;z-index:-1;background:radial-gradient(ellipse,#090909a8,transparent 72%)}
.tool-1{left:5%;top:34%}.tool-2{right:5%;top:62%;flex-direction:row-reverse}
.tool-caption{display:grid;grid-template-columns:30px auto;gap:10px 14px;align-items:center;text-shadow:0 2px 14px #000,0 0 32px #000}
.tool-icon{width:30px;height:30px;color:#efeee6;filter:drop-shadow(0 0 9px #dce1d350)}
.tool-icon path{stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tool-name{font:500 clamp(26px,2.1vw,38px)/1.15 GeneralSans,Satoshi,Arial,sans-serif;letter-spacing:-.035em;color:#f4f1e9;white-space:nowrap;clip-path:inset(0 calc(100% * (1 - var(--tool-reveal,0))) 0 0)}
.tool-benefit{grid-column:2;font:500 15px/1.45 Satoshi,Arial,sans-serif;color:#cecec5;white-space:nowrap}
.tool-thread{position:relative;width:clamp(26px,3vw,58px);height:1px;flex-shrink:0;background:linear-gradient(90deg,#d4d6cb20,#d4d6cbbb);transform:scaleX(var(--tool-reveal,0));transform-origin:right}
.tool-thread i{position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:#efefe4;box-shadow:0 0 12px #e5e6d7a8,0 0 26px #e5e6d744}
.tool-2 .tool-thread{transform-origin:left;background:linear-gradient(90deg,#d4d6cbbb,#d4d6cb20)}
.tool-2 .tool-thread i{left:-3px;right:auto}
.reveal-action{top:24%;max-width:44vw;font-size:15px;letter-spacing:0}
.reveal-action h2{font-size:clamp(38px,3.7vw,68px)}
.reveal-action .button-glow{margin-top:26px}
@media(min-width:701px) and (max-width:1100px){.tool-name{font-size:24px}.tool-caption{grid-template-columns:24px auto;gap:8px 10px}.tool-icon{width:24px;height:24px}.tool-benefit{font-size:13px}.tool-thread{width:24px}.tool-1{top:30%}.tool-2{top:66%}}
@media(max-width:700px){
 .reveal{height:320svh}
 .reveal-tool{left:24px;right:24px;top:clamp(100px,14svh,145px);gap:10px;flex-direction:row}
 .tool-2{top:calc(clamp(100px,14svh,145px) + 108px)}
 .tool-caption{grid-template-columns:24px minmax(0,1fr);gap:7px 10px;min-width:0}
 .tool-icon{width:24px;height:24px}
 .tool-name{font-size:clamp(21px,5.7vw,27px);white-space:normal}
 .tool-benefit{font-size:13px;white-space:normal}
 .tool-thread{width:18px}
 .tool-2 .tool-thread{transform-origin:right;background:linear-gradient(90deg,#d4d6cb20,#d4d6cbbb)}
 .tool-2 .tool-thread i{left:auto;right:-3px}
 .reveal-action{top:clamp(100px,14svh,145px);max-width:none}
 .reveal-action h2{font-size:clamp(30px,8.5vw,46px)}
 .reveal-action .button-glow{margin-top:20px}
}
@media(max-width:360px){.reveal-tool{left:20px;right:20px}.tool-caption{grid-template-columns:20px minmax(0,1fr);gap:7px 8px}.tool-icon{width:20px;height:20px}.tool-name{font-size:21px}.tool-thread{width:10px}}
@media(max-width:700px) and (max-height:700px){.reveal-tool,.reveal-action{top:90px}.tool-2{top:198px}}
@media(max-height:540px) and (min-width:480px){.reveal-tool{left:5%;right:auto;top:100px;flex-direction:row}.tool-2{top:204px}.tool-name{font-size:23px}.tool-benefit{font-size:13px}.reveal-action{top:84px}.reveal-action h2{font-size:32px}.reveal-action .button-glow{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.reveal-tools{display:none}.reveal{height:100svh}}

/* Keep a deliberate text gap after removing decorative brand signatures */
@media(min-width:701px){.hero-copy h1+p{margin-top:24px}}
@media(max-height:540px) and (min-width:701px){.hero-copy h1+p{margin-top:12px}}
/* Each pair has its own placement; motion remains reversible */
.reveal-tool{transform:translate(var(--tool-x,0px),var(--tool-y,9px))}
@media(min-width:701px) and (min-height:541px){
 .reveal-tool:nth-child(3){left:8%;top:64%}
 .reveal-tool:nth-child(4){right:6%;top:23%}
 .reveal-tool:nth-child(5){left:11%;top:24%}
 .reveal-tool:nth-child(6){right:4%;top:53%}
 .reveal-tool:nth-child(7){left:5%;top:52%}
 .reveal-tool:nth-child(8){right:8%;top:18%}
 .reveal-tool:nth-child(9){left:9%;top:31%}
 .reveal-tool:nth-child(10){right:6%;top:71%}
}
@media(max-width:700px){
 .reveal-tool{justify-content:flex-start}
 .reveal-tool:nth-child(4n+2),.reveal-tool:nth-child(4n+3){justify-content:flex-end;flex-direction:row-reverse}
 .reveal-tool:nth-child(4n+2) .tool-thread,.reveal-tool:nth-child(4n+3) .tool-thread{transform-origin:left;background:linear-gradient(90deg,#d4d6cbbb,#d4d6cb20)}
 .reveal-tool:nth-child(4n+2) .tool-thread i,.reveal-tool:nth-child(4n+3) .tool-thread i{left:-3px;right:auto}
 .reveal-tool:nth-child(3),.reveal-tool:nth-child(7){top:calc(clamp(100px,14svh,145px) + 22px)}
 .reveal-tool:nth-child(4),.reveal-tool:nth-child(8){top:calc(clamp(100px,14svh,145px) + 130px)}
 .reveal-tool:nth-child(5){top:calc(clamp(100px,14svh,145px) - 10px)}
 .reveal-tool:nth-child(6){top:calc(clamp(100px,14svh,145px) + 98px)}
}
@media(max-width:700px) and (max-height:700px){
 .reveal-tool:nth-child(3),.reveal-tool:nth-child(7){top:102px}
 .reveal-tool:nth-child(4),.reveal-tool:nth-child(8){top:210px}
 .reveal-tool:nth-child(5){top:82px}.reveal-tool:nth-child(6){top:190px}
}
@media(max-height:540px) and (min-width:480px){
 .reveal-tool:nth-child(3),.reveal-tool:nth-child(7){top:112px;left:12%}
 .reveal-tool:nth-child(4),.reveal-tool:nth-child(8){top:216px;left:8%}
 .reveal-tool:nth-child(5){top:90px;left:8%}.reveal-tool:nth-child(6){top:194px;left:12%}
}
@media(max-width:700px){.reveal-tool:nth-child(4n+2),.reveal-tool:nth-child(4n+3){justify-content:flex-start}}