@import url("/depth.css");
/* Shared typography; glass only while the hero still fills the background. */
.nav{transition:background .65s ease,color .5s ease,border-color .5s ease,box-shadow .65s ease,top .65s cubic-bezier(.22,1,.36,1),left .65s cubic-bezier(.22,1,.36,1),width .65s cubic-bezier(.22,1,.36,1),border-radius .65s ease,padding .65s ease}
.nav,.nav nav,.nav summary{font-family:var(--body)}
.nav .brand{font-family:var(--display);letter-spacing:-.035em}.nav .brand small{font-family:var(--body);letter-spacing:.14em}
.hero-nav .nav:not(.open){top:14px;left:3%;width:94%;padding-left:24px;padding-right:20px;border-radius:24px;background:linear-gradient(115deg,#f8f4d916,#f8f4d904);color:#fff9e9;border:1px solid #f8f4d940;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:inset 0 1px #fff5,inset 0 -1px #fff2,0 12px 32px #081c2020}
.hero-nav .nav:not(.open) .brand{color:#fff8e8}.hero-nav .nav:not(.open) .brand small{color:#e6e5cf}.hero-nav .nav:not(.open) .brand-logo{background:#faf6e9ed;border-radius:50%}
.hero-nav .nav:not(.open) .nav-cta{background:#f1dfb014;color:#fff7df;border:1px solid #fff5;box-shadow:inset 0 1px #fff3}
.hero-nav .nav:not(.open) .nav-cta:hover{background:#e9bf65;color:#183527}
.hero-nav .nav:not(.open) .nav-dropdown>div{background:#153428ed;border-color:#eddbad44;color:#fff8e8;box-shadow:0 18px 40px #061b2050}
.hero-nav .nav:not(.open) .nav-dropdown>div a:hover{background:#e8d5a31c}
.hero-nav .menu-toggle{color:inherit}
.mp-word{display:inline-block;white-space:nowrap;vertical-align:baseline}.mp-token{display:inline-block;transform-origin:50% 100%}.mp-rise .mp-word{overflow:clip;vertical-align:bottom;padding:.05em .025em .16em;margin:-.05em -.025em -.16em}.mp-cascade{perspective:700px}
[data-motion-group]{display:block}.mp-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.mp-group>div{padding:32px 28px;border-right:1px solid var(--line)}.mp-group>div:last-child{border-right:0}.mp-group>div>span{font-size:13px;color:var(--olive)}.mp-group h3{font-size:28px;margin:18px 0 12px}.mp-group p{font-size:16px;line-height:1.75;max-width:29ch;color:var(--muted)}
.generative-journey{height:340vh;min-height:2200px;position:relative;background:#102a20;color:#fff9e9}
.generative-journey .journey-stage{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;isolation:isolate}
.journey-art{position:relative;height:100%;width:100%;background:radial-gradient(ellipse at 50% 48%,#25462d 0,#153525 48%,#0b241d 100%);isolation:isolate}
.journey-art:before{content:'';position:absolute;inset:12% 4% 11%;border:1px solid #dfcb8620;border-radius:50%;pointer-events:none;transform:rotate(-17deg)}
.journey-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mask-image:radial-gradient(ellipse at center,transparent 12%,#0005 40%,#000 69%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 12%,#0005 40%,#000 69%)}
.journey-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#0a231ddd,transparent 24%,transparent 79%,#0a231d99);pointer-events:none}
.journey-topline{position:absolute;left:6.5%;right:6.5%;top:120px;display:flex;justify-content:space-between;gap:20px;color:#d8bc7e;font-size:12px;letter-spacing:.14em;font-weight:500;text-transform:uppercase}
.journey-stage-label{color:#d6ddca;letter-spacing:.08em}
.journey-center{position:absolute;inset:0;display:grid;place-items:center;padding:190px 6.5% 150px;text-align:center;z-index:2;pointer-events:none}
.journey-center>div{width:100%;max-width:1350px}.journey-center h2{font:500 clamp(3.2rem,5.8vw,6rem)/1.12 var(--display);letter-spacing:-.05em;margin:0 auto;max-width:1300px;color:#fff8e8}.journey-center h2 em{font-style:normal;color:#e5bc65;white-space:normal}
.journey-center p{font:400 16px/1.8 var(--body);max-width:600px;margin:28px auto 22px;color:#d6e0cc;text-wrap:pretty}.journey-link{display:inline-flex;align-items:center;gap:20px;padding:10px 0;border-bottom:1px solid #dcc18480;color:#f3deb0;font-size:14px;pointer-events:auto}.journey-link:focus-visible{outline:2px solid #edc26a;outline-offset:6px}
.journey-bottomline{position:absolute;bottom:46px;left:6.5%;right:6.5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;z-index:3;color:#d8d8bd;font-size:12px}.journey-detail{letter-spacing:.08em;text-transform:uppercase}.journey-scroll-hint{text-align:right}
.journey-art-controls{display:flex;align-items:center;gap:20px;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.1em}.journey-art-controls i{font-style:normal;opacity:.5}.journey-art-controls button{border:1px solid #e5d5aa55;border-radius:50%;width:46px;height:46px;background:#f4e5b409;color:#f7e1ad;cursor:pointer;transition:background .3s,transform .4s}.journey-art-controls button:hover:not(:disabled){background:#ecce7830;transform:translateY(-3px)}.journey-art-controls button:disabled{opacity:.3;cursor:default}.journey-art-controls button:focus-visible{outline:2px solid #edc26a;outline-offset:4px}
.journey-art-progress{position:absolute;left:6.5%;right:6.5%;bottom:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.journey-art-progress span{height:1px;background:#cbb57e30;transition:background .65s}.journey-art-progress .active{background:#d4b778}
.journey-static{min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;text-align:center;padding:150px 7%}.journey-static h2{font-size:clamp(3rem,6vw,6rem)}.journey-static p{max-width:620px}.journey-static em{color:var(--gold)}
@media(max-width:900px){.hero-nav .nav:not(.open){left:2%;width:96%;padding-left:18px;padding-right:18px}.journey-center h2{font-size:clamp(2.8rem,6.6vw,4.4rem)}.journey-detail{max-width:170px;font-size:11px}.journey-scroll-hint{font-size:11px}.mp-group>div{padding:25px 18px}}
@media(max-width:600px){
 .hero-nav .nav:not(.open){top:10px;left:3%;width:94%;border-radius:20px;padding:0 16px}.hero-nav .nav:not(.open) .brand{font-size:18px}
 .generative-journey{height:320vh;min-height:2100px}.generative-journey .journey-stage{min-height:650px}
 .journey-topline{top:108px;left:7%;right:7%;font-size:10px;letter-spacing:.1em}.journey-stage-label{font-size:11px}
 .journey-center{padding:175px 7% 150px}.journey-center h2{font-size:clamp(2rem,8.3vw,3rem);line-height:1.18;letter-spacing:-.045em}.journey-center p{font-size:15px;line-height:1.75;margin:23px auto 14px;max-width:33ch}.journey-link{font-size:13px}
 .journey-bottomline{bottom:45px;left:7%;right:7%;grid-template-columns:1fr;justify-items:center;gap:18px}.journey-detail{display:none}.journey-scroll-hint{text-align:center;font-size:10px;letter-spacing:.04em}.journey-art-controls{gap:22px}.journey-art-controls button{width:44px;height:44px}
 .mp-group{grid-template-columns:1fr}.mp-group>div{padding:26px 16px;border-right:0;border-bottom:1px solid var(--line)}.mp-group>div:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){.nav{transition:none}.generative-journey{height:auto;min-height:0}.generative-journey .journey-stage{position:relative;height:900px;min-height:0}.journey-art-controls button{transition:none}.journey-scroll-hint{visibility:hidden}.journey-center{padding-top:170px}}
