/* The complete Boreal composition. The original glass material remains in cta.css. */
html:has(body.still),html:has(body.paused){scroll-behavior:auto}
.complete-site .plan{position:relative}.complete-header .cta{gap:9px}
.complete-site .apply{animation:none!important;opacity:1;transform:none}
.complete-site .screen-frame img,.complete-site .start-detail img,.complete-site .journey-seal img{height:auto}
.complete-site{--boreal-paper:#ede8db;--boreal-jade:#a7dbce;--boreal-lilac:#c1ace8;overflow-x:clip}
.complete-header,.complete-footer{max-width:1200px;width:calc(100% - 48px);margin:auto;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:32px;color:#f3efe6}
.wrap>.complete-header,.wrap>.complete-footer{width:100%}.complete-header{min-height:106px;border-bottom:1px solid #a7dbce24}
.complete-brand{display:inline-flex;align-items:center;gap:11px;font:300 29px 'Fraunces Variable',Fraunces,Georgia,serif;color:#f3efe6;text-decoration:none;white-space:nowrap}.complete-brand img{width:40px;height:44px;object-fit:contain}
.complete-header nav{display:flex;align-items:center;gap:28px}.complete-header nav>a:not(.cta){font:400 13px 'Inter Variable',Inter,sans-serif;color:#c5d5d0;text-decoration:none;position:relative;padding:10px 0}
.complete-header nav>a:not(.cta)::after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:1px;background:#a7dbce;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.complete-header nav>a:hover::after,.complete-header nav>a[aria-current=page]::after{transform:scaleX(1)}.complete-header nav>a[aria-current=page]{color:#a7dbce}
.complete-footer{padding:56px 0 90px;border-top:1px solid #a7dbce24;align-items:flex-start}.complete-footer p{font:400 14px/1.8 'Inter Variable',Inter,sans-serif;margin:0;color:#bccfc9}.complete-footer small{font-size:11px;color:#a4bcb6}.complete-footer nav{display:flex;gap:24px;flex-wrap:wrap}.complete-footer nav a{font:400 12px/2 'Inter Variable',Inter,sans-serif;color:#c5d5d0;text-decoration:none}
.complete-site a:focus-visible,.complete-site button:focus-visible,.complete-site select:focus-visible{outline:2px solid #a7dbce;outline-offset:5px}
.indie-prelude{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding:54px 0 70px;border-top:1px solid #a7dbce38}.indie-prelude h2{font-size:clamp(31px,3.3vw,48px);line-height:1.16;max-width:430px}.indie-prelude .reading-copy p{font-size:16px;line-height:1.85}
.artwork{margin:0;position:relative;overflow:hidden;background:#123438;isolation:isolate}.artwork img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);will-change:transform}.artwork figcaption{position:absolute;inset:auto 0 0;padding:55px 28px 24px;color:#f3efe6;background:linear-gradient(transparent,#071c21cc);font:400 11px/1.5 'Inter Variable',Inter,sans-serif;letter-spacing:.08em;z-index:2}
.seed-art{width:100%;height:clamp(380px,47vw,670px)}.seed-art img{object-position:center 54%}.wisdom-art{height:clamp(360px,48vw,650px);margin:0 5vw;border-radius:4px}.wisdom-band{padding-top:70px;background:radial-gradient(ellipse at 50% 0,#29334288,transparent 65%)}
.complete-site .northern-grid{grid-template-columns:1.25fr 1fr;gap:64px}.complete-site .northern-tree{min-height:700px;overflow:hidden}.complete-site .northern-tree img{object-position:57% center;animation:none}
.art-interlude{position:relative;isolation:isolate;min-height:740px;height:80vh;max-height:1100px}.art-interlude>.artwork{position:absolute;inset:0}.art-interlude .artwork::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071b21dc 0,#071b2166 45%,transparent 75%)}.interlude-copy{position:relative;width:calc(100% - 48px);max-width:1200px;margin:auto;padding-top:clamp(110px,19vh,220px);z-index:2}.interlude-copy h2{font-size:clamp(46px,6.5vw,90px);line-height:1.02;max-width:700px}.interlude-copy .text-link{color:#d6eee5;margin-top:40px;display:inline-flex}.art-interlude .artwork figcaption{padding-left:max(24px,calc((100vw - 1200px)/2))}
.film-preview{padding:90px 0 110px;display:grid;grid-template-columns:.8fr 1.3fr;align-items:center;gap:65px}.film-preview h2{font-size:clamp(40px,4.5vw,60px);line-height:1.1}.film-preview p{max-width:380px}.film-placeholder{margin:0;aspect-ratio:16/11;position:relative;border:1px solid #a7dbce3a;border-radius:10px;overflow:hidden;background:#102f32}.film-placeholder>img{width:100%;height:100%;object-fit:cover;opacity:.24;filter:blur(1px)}.film-placeholder figcaption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:radial-gradient(ellipse,#13323944,#081d2166);text-align:center}.film-placeholder strong{font:300 clamp(25px,3vw,40px) 'Fraunces Variable',Fraunces,Georgia,serif}.film-placeholder figcaption>span:last-child{font-size:11px;letter-spacing:.12em;color:#b6c8c7}.film-orbit{width:88px;height:88px;display:grid;place-items:center;border:1px solid #a7dbce55;border-radius:50%;font-size:27px;color:#bcded3;box-shadow:0 0 45px #a7dbce12;animation:orbit-breathe 6s ease-in-out infinite}
.complete-site .compact-cinema{min-height:290px;padding:65px 0;background:#122e33}.complete-site .compact-cinema>img{opacity:.12}.compact-cinema h2{font-size:38px}.compact-cinema .wrap{max-width:900px}.compact-cinema p{max-width:660px}
.growth-part{transition:background .35s,transform .35s;padding:22px 14px;border-radius:5px}.growth-part:hover{background:#a7dbce09;transform:translateY(-5px)}.complete-site .growth-path::before{top:43px}.growth-number{position:relative;z-index:1}.growth-part.is-visible .growth-number{box-shadow:0 0 35px #a7dbce25}
.complete-site.simple-body .page{max-width:1200px;padding-top:60px}.complete-site.simple-body h1{font-size:clamp(55px,7vw,91px);font-weight:300;line-height:1.05;letter-spacing:-.035em}.complete-site.simple-body h2{font-size:clamp(34px,4vw,53px);font-weight:350;line-height:1.12}.complete-site.simple-body .band{padding-block:70px}.complete-site.simple-body .paper-band{padding:55px;border-radius:8px}.complete-site.simple-body .band:first-child{padding-top:35px}.complete-site.simple-body .ground{opacity:.35}.complete-site .screen{border-radius:9px;border:1px solid #a7dbce30}
.beta-art-banner{position:relative;height:490px;margin:30px 0 60px;border-radius:6px;overflow:hidden}.beta-art-banner .artwork{position:absolute;inset:0}.beta-art-banner .artwork::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b2527ee,#0b252788 55%,transparent)}.beta-art-banner>div{position:relative;z-index:2;padding:75px 55px}.beta-art-banner h2{color:#f3efe6;margin-bottom:35px}.beta-art-banner figcaption{display:none}.beta-art-banner img{object-position:center 60%}
.ownership-note{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:45px 0 85px}.ownership-note h2{margin-bottom:28px}.ownership-note p{line-height:1.85;color:#bdcec9;max-width:470px}.ownership-note .artwork{height:440px;border-radius:5px}.ownership-note .text-link{color:#a7dbce;font-size:13px}
.complete-site.apply-body .complete-header{margin-bottom:35px}.complete-site.apply-body .apply-backdrop{opacity:.34;object-position:center}.complete-site.apply-body .apply-tint{background:linear-gradient(#081d2199,#081d21de)}

.complete-site.balanced .film-orbit{animation-duration:12s}.complete-site.still *,.complete-site.paused *,.complete-site.offscreen *{animation-play-state:paused!important}.complete-site.still{scroll-behavior:auto}.complete-site.still .growth-part:hover{transform:none}.complete-site.still *{transition-duration:0s!important}
.complete-site .origin-heading::before{animation:boreal-dawn 13s ease-in-out infinite alternate}.complete-site.simple-body .hero-light{animation:boreal-dawn 13s ease-in-out infinite alternate}.complete-site .artwork::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#c1ace811 48%,transparent 75%);background-size:220% 100%;animation:water-light 22s ease-in-out infinite alternate;mix-blend-mode:screen}.complete-site.balanced .artwork::before{animation:none}
@keyframes boreal-dawn{to{transform:translate3d(-3%,3%,0) scale(1.06);opacity:.5}}
@keyframes water-light{to{background-position:100% 0}}
@keyframes orbit-breathe{50%{transform:scale(1.1) rotate(45deg);box-shadow:0 0 65px #a7dbce24}}
@media(min-width:901px){.complete-site.simple-body .page>.band:nth-of-type(odd):not(:first-child){background:linear-gradient(120deg,#12343877,#242c3a44);padding-inline:40px;border-radius:8px}}
@media(max-width:900px){.complete-header{flex-direction:column;gap:12px;padding:20px 0}.complete-header nav{gap:22px;flex-wrap:wrap;justify-content:center}.indie-prelude,.complete-site .northern-grid{gap:36px;grid-template-columns:1fr}.complete-site .northern-tree{min-height:0;height:530px}.film-preview{grid-template-columns:1fr;gap:30px}.film-preview p{max-width:600px}.film-placeholder{aspect-ratio:16/9}.art-interlude{min-height:620px;height:75vh}.complete-footer{flex-wrap:wrap}.ownership-note{gap:30px}.ownership-note .artwork{height:390px}}
@media(max-width:600px){.complete-header,.complete-footer{width:calc(100% - 36px)}.complete-header nav{display:grid;grid-template-columns:repeat(4,max-content);gap:8px 22px;width:100%}.complete-header nav>.cta{grid-column:1/-1;justify-self:center;margin-top:10px}.complete-header nav>a:not(.cta){font-size:12px}.complete-brand{font-size:26px}.complete-footer{display:grid;gap:25px;padding-bottom:110px}.complete-footer nav{gap:22px}.indie-prelude{gap:20px;padding:35px 0 45px}.artwork figcaption{padding:50px 20px 20px;font-size:10px}.seed-art{height:370px}.wisdom-art{margin:0;height:390px;border-radius:0}.complete-site .northern-tree{height:480px}.film-preview{padding:65px 0}.film-placeholder{aspect-ratio:4/3}.film-placeholder strong{font-size:27px}.film-placeholder figcaption>span:last-child{font-size:9px}.art-interlude{min-height:600px;height:80vh}.interlude-copy{width:calc(100% - 40px);padding-top:90px}.interlude-copy h2{font-size:52px}.art-interlude .artwork img{object-position:60%}.complete-site.simple-body .page{padding-top:25px}.complete-site.simple-body .paper-band{padding:35px 23px}.complete-site.simple-body .band{padding-block:45px}.beta-art-banner{height:460px}.beta-art-banner>div{padding:55px 24px}.beta-art-banner .artwork::after{background:linear-gradient(90deg,#0b2527e8,#0b252766)}.ownership-note{grid-template-columns:1fr;padding-top:20px}.ownership-note .artwork{height:360px}.complete-site .growth-path::before{top:0}.complete-site .compact-cinema h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.complete-site *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.artwork img{transform:none!important}}

.complete-site .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:38px 0 30px;max-width:1000px}.complete-site .facts li{font-size:19px;line-height:1.45;font-weight:350;border-top:1px solid #a7dbce44;padding-top:17px;margin:0}.complete-site.simple-body .plan h3{font-weight:350}.complete-site.simple-body .ground{opacity:.22}
@media(max-width:600px){.complete-site .facts{grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.complete-site .facts li{font-size:17px}}

/* A single, familiar glass link back to the cinematic World Tree. */
.complete-site .cinematic-switch{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:30;gap:12px;min-height:44px;background-color:#123438;color:#EDE8DB;font-size:12px}
@media(max-width:600px){.complete-site .cinematic-switch{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:12px 16px;font-size:11px}}

/* The film is part of the site navigation on every plain page. */
.complete-header nav .film-nav{color:#a7dbce!important;border:1px solid #a7dbce55;border-radius:999px;padding:9px 13px!important;white-space:nowrap}
.complete-header nav .film-nav::after{display:none}
.complete-header nav .film-nav:hover,.complete-header nav .film-nav:focus-visible{background:#a7dbce19;border-color:#a7dbce}
.complete-header nav .film-nav span{margin-left:3px}
@media(min-width:601px) and (max-width:1100px){.complete-header{flex-direction:column;gap:12px;padding:20px 0}.complete-header nav{flex-wrap:wrap;justify-content:center}}
@media(max-width:600px){.complete-header nav{grid-template-columns:repeat(3,max-content);justify-content:center;gap:7px 14px}.complete-header nav .film-nav{justify-self:center;grid-column:2/3}.complete-header nav>.cta{grid-row:3}}
