@charset "UTF-8";
:root{color-scheme:dark;--ink:#000;--paper:#edece5;--muted:#9a9eaa;--gold:#d4c3a1;--line:#dedbd126;--gutter:clamp(24px,6vw,120px);--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-synthesis:none;--hero-fade:1;--intro:0;--horizon:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000;scroll-padding-top:100px}body{margin:0;background:#000;color:var(--paper);font-weight:400;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{background:none;border:0}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid #e4cd9f;outline-offset:6px}[hidden]{display:none!important}::selection{background:#8b7b58;color:#fff}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px}.skip-link{position:fixed;z-index:100;top:-80px;left:24px;background:#eee;color:#111;padding:10px 20px}.skip-link:focus{top:15px}
.cosmic-stage{position:fixed;inset:0;z-index:0;pointer-events:none;background:#000;overflow:hidden}#universe{display:block;width:100%;height:100%;touch-action:pan-y;pointer-events:auto;cursor:default}#universe.over-moon{cursor:grab}#universe.is-dragging{cursor:grabbing}.static-sky{position:absolute;inset:0;background:#000;background-position:65% center;background-size:cover;opacity:0}.webgl-fallback .static-sky{opacity:var(--hero-fade)}.webgl-fallback .cosmic-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent)}
.site-header{position:absolute;z-index:8;top:0;left:0;right:0;padding:32px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;opacity:0;transition:opacity 1.6s .2s}.intro-copy .site-header{opacity:1}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand svg{width:33px;height:33px}.brand-word{font-size:11px;letter-spacing:.27em}.site-header nav{display:flex;align-items:center;gap:35px;font-size:10px;letter-spacing:.15em;color:#bcbdc4}.site-header nav a{padding:10px 0;position:relative}.site-header nav a:after{content:"";position:absolute;bottom:4px;left:0;width:0;height:1px;background:#c3b392;transition:width .4s}.site-header nav a:hover:after{width:100%}.header-contact{font-size:10px;letter-spacing:.14em;display:flex;gap:25px;align-items:center}.header-contact span{font-size:18px;color:#c7b897}
main,footer{position:relative;z-index:1;pointer-events:none}main a,main button,main input,main summary,footer a,footer button{pointer-events:auto}.hero{height:220svh;position:relative}.hero-screen{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;opacity:var(--hero-fade);transform:translateY(calc(var(--depart,0) * -35px));will-change:opacity}.hero-copy{position:absolute;left:var(--gutter);top:23%;width:45%;opacity:0;transform:translateY(10px);transition:opacity 1.7s,transform 1.7s}.intro-copy .hero-copy{opacity:1;transform:none}.hero-signature{display:flex;align-items:center;gap:19px;color:#d6c6a9;margin-bottom:29px}.hero-signature svg{width:52px;height:52px}.hero-signature span{font-family:var(--serif);font-size:27px;letter-spacing:.3em}.hero-signature small{font-family:Arial,sans-serif;font-size:8px;display:block;letter-spacing:.32em;margin-top:2px;color:#9b9a96}.hero h1{font-family:var(--serif);font-size:clamp(40px,4.6vw,77px);line-height:1.53;font-weight:400;letter-spacing:.08em;margin:0 0 30px;text-shadow:0 3px 38px #0006}.hero h1 em{font-style:normal;color:#e2d5bb}.hero-description{font-size:11px;line-height:2.3;letter-spacing:.13em;color:#aeb1ba;margin:0}.hero-bottom{position:absolute;bottom:43px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:flex-end;opacity:0;transition:opacity 1.5s .7s}.intro-copy .hero-bottom{opacity:1}.journey-link{font-size:9px;letter-spacing:.18em;display:flex;gap:22px;align-items:center}.journey-link i{display:block;width:1px;height:40px;background:linear-gradient(transparent,#e2cfab);position:relative}.journey-link i:after{content:"";position:absolute;bottom:0;left:-2px;width:5px;height:5px;background:#e2cfab;border-radius:50%;box-shadow:0 0 10px #dac294}.hero-note{font-size:8px;letter-spacing:.18em;color:#8e939f;text-align:right}.hero-note span{display:block;font-size:7px;letter-spacing:.12em;margin-top:5px;color:#777e8b}.orbit-label{position:absolute;top:20%;right:5%;display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:.19em;color:#b5b6be;opacity:0;transition:opacity 2s .5s}.intro-copy .orbit-label{opacity:.7}.orbit-label i{width:33px;height:1px;background:#b0b2bb55}.intro-skip{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;color:#aaa79e;z-index:10;opacity:0;animation:skip-appear 1s 1s forwards;padding:14px}.intro-complete .intro-skip{display:none}.loading-note{position:fixed;bottom:75px;left:50%;transform:translateX(-50%);z-index:10;font-size:9px;color:#92949e;white-space:nowrap;opacity:0;animation:skip-appear 1s 2s forwards}.intro-started .loading-note,.intro-complete .loading-note{display:none}
.void-passage{height:65svh;min-height:350px;display:grid;place-items:center;text-align:center}.void-passage p{font-family:var(--serif);font-size:clamp(18px,2vw,30px);letter-spacing:.28em;color:#b8b7b5;line-height:2.6;margin:0}.void-passage small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:.35em;color:#6d717b;margin-top:25px}.section-shell{padding-left:var(--gutter);padding-right:var(--gutter);position:relative}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1.35s,transform 1.5s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.reveal.delay{transition-delay:.18s}.section-kicker{font-size:9px;letter-spacing:.28em;color:#c2b59c;display:flex;align-items:center;gap:18px;margin:0 0 32px}.section-kicker:before{content:"";width:26px;height:1px;background:#b4a68b99}.section-kicker span{color:#818997;letter-spacing:.16em;font-size:8px}.origin{min-height:110svh;padding-top:130px;padding-bottom:140px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:10vw}.origin h2,.work-heading h2,.company h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.3vw,55px);line-height:1.8;letter-spacing:.1em;margin:0}.origin-body{font-size:13px;line-height:2.7;color:#b0b4bd;max-width:490px}.origin-body p{margin:0 0 28px}.origin-body p:last-child{margin-bottom:0}.origin-body em{font-style:normal;color:#e5dccb}.origin-seal{width:145px;height:145px;color:#c6b28e;margin-top:55px;opacity:.65}.origin-seal text{fill:currentColor;stroke:none;letter-spacing:4px;font-size:6px}.work{padding-top:90px;padding-bottom:80px}.work-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:95px}.work-heading>p{font-size:11px;color:#929aa9;line-height:2.3;max-width:280px;margin:0 0 12px}.service{min-height:75svh;display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:center;position:relative;padding-top:70px;padding-bottom:70px}.service-copy{max-width:455px;grid-column:2}.service:nth-of-type(even) .service-copy{grid-column:1}.stellar-name{font-family:Georgia,serif;font-style:italic;font-size:19px;letter-spacing:.06em;color:#b3a48b;display:flex;align-items:center;gap:12px;margin:0 0 27px}.stellar-name svg{height:22px;width:22px;color:#e7d6af}.service h3{font-family:var(--serif);font-size:clamp(29px,3vw,48px);line-height:1.7;letter-spacing:.08em;font-weight:400;margin:0 0 28px}.service-subtitle{font-size:10px;letter-spacing:.15em;color:#ded7c6;margin:0 0 13px}.service-copy>p:not(.stellar-name):not(.service-subtitle){font-size:12px;line-height:2.6;color:#a1a9b8;margin:0}.service-tags{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.08em;color:#818d9f}.orbit-art{position:absolute;left:4%;top:50%;width:34%;transform:translateY(-50%);aspect-ratio:1;color:#b1c4da;opacity:.6;pointer-events:none}.service:nth-of-type(even) .orbit-art{left:auto;right:3%}.orbit-art svg{width:100%;height:100%;overflow:visible}.orbit-art .orbit-circle{transform-origin:center;animation:orbit-spin 95s linear infinite}.orbit-art .orbit-circle.reverse{animation-direction:reverse;animation-duration:120s}.orbit-art text{font:6px Arial,sans-serif;fill:#a2adbd;letter-spacing:2px}.orbit-art .beacon{filter:drop-shadow(0 0 5px #f6dbb0)}.motion-paused .orbit-circle{animation-play-state:paused}
.company{padding-top:150px;padding-bottom:150px;min-height:100svh;display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;align-items:start}.company-intro{position:sticky;top:140px}.company-intro>p:not(.section-kicker){font-size:11px;line-height:2.5;color:#9ba5b5;max-width:320px;margin:27px 0}.company-wordmark{font-family:Georgia,serif;font-size:10px;letter-spacing:.3em;color:#bdad8e;margin-top:40px}.company dl{margin:0;border-top:1px solid var(--line);font-size:12px}.company dl>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.company dt{font-size:10px;color:#858fa0}.company dd{margin:0;color:#bfc3cb;line-height:2.2}.company dd small{display:block;color:#7e8899;font-size:9px;margin-top:3px}.company .legal-name{font-family:var(--serif);font-size:20px;letter-spacing:.1em;color:#e2dccf}
.homecoming{position:relative;min-height:110svh;display:flex;flex-direction:column;justify-content:space-between;padding:130px var(--gutter) 0;overflow:hidden;background:#000}.homecoming{isolation:isolate}.homecoming-copy{text-align:center;max-width:800px;margin:0 auto 130px}.homecoming .section-kicker{justify-content:center;color:#b7b9bc}.homecoming .section-kicker:before{display:none}.homecoming h2{font-family:var(--serif);font-size:clamp(33px,4.5vw,70px);font-weight:400;line-height:1.7;letter-spacing:.13em;margin:0 0 25px}.homecoming-copy>p:not(.section-kicker){font-size:12px;color:#b7bdc6;line-height:2.4;letter-spacing:.08em}.contact-link{display:inline-flex;gap:65px;align-items:center;font-size:11px;letter-spacing:.15em;margin-top:25px;padding:14px 0;border-bottom:1px solid #c5c9d26b}.contact-link span{font-size:22px;color:#dac9a8}.footer-base{padding:35px 0;display:flex;justify-content:space-between;gap:30px;align-items:end;border-top:1px solid #e7e5e12b}.footer-logo{font-family:var(--serif);font-size:27px;letter-spacing:.3em}.footer-logo small{font:7px Arial,sans-serif;letter-spacing:.25em;display:block;margin-top:7px;color:#a4aab5}.footer-meta{font-size:8px;color:#a9adb5;text-align:right;line-height:2.3;letter-spacing:.1em}.footer-meta>div{display:flex;justify-content:flex-end;gap:25px;margin-bottom:10px}.footer-meta button{padding:0;font-size:8px;color:inherit}.footer-meta a{font-size:8px}
.experience-controls{position:fixed;z-index:15;right:24px;bottom:24px;display:flex;gap:3px;align-items:center;border:1px solid #cfd5e125;background:#07090d99;backdrop-filter:blur(20px);border-radius:2px;opacity:0;transition:opacity 1s}.intro-complete .experience-controls{opacity:1}.experience-controls button{display:flex;align-items:center;gap:8px;padding:11px 13px;color:#adb4c1;font-size:9px;letter-spacing:.06em}.experience-controls button:hover{color:#fff}.experience-controls svg{width:13px;height:13px}.experience-controls button+button{border-left:1px solid #bfc6d31a}
dialog{color:var(--paper);border:1px solid #d1d5e02b;background:#080b12;width:min(540px,calc(100% - 32px));max-height:88svh;padding:36px;pointer-events:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading span{font-size:8px;color:#b8a587;letter-spacing:.23em}.dialog-heading button{font-size:25px;color:#969eab}.dialog-intro{font-size:11px;line-height:2;color:#9fa9bb}.credits-dialog{font-size:11px;line-height:2.3;color:#a3afc1}.credits-dialog a{text-decoration:underline;text-underline-offset:4px}.credits-dialog h2{font:400 23px var(--serif);color:#dfd9ce}.noscript-note{position:relative;z-index:50;color:#adb5c4;font-size:11px;padding:20px}
@keyframes skip-appear{to{opacity:1}}@keyframes orbit-spin{to{transform:rotate(360deg)}}
@media(min-width:1800px){.hero-copy{top:25%}.hero h1{font-size:80px}.hero-description{font-size:13px}}
@media(max-height:760px) and (min-width:801px){.hero-screen{min-height:580px}.hero-copy{top:20%}.hero-signature{margin-bottom:20px}.hero-signature svg{width:40px;height:40px}.hero-signature span{font-size:22px}.hero h1{font-size:clamp(40px,4.5vw,62px);line-height:1.4;margin-bottom:20px}.hero-description{font-size:10px}}
@media(max-width:1000px){.site-header nav{gap:22px}.header-contact{display:none}.hero-copy{width:53%}.hero h1{font-size:clamp(39px,5.2vw,60px)}.origin{gap:7vw}.company{gap:6vw}.company dl>div{grid-template-columns:85px 1fr;gap:12px}.service{gap:8vw}.service-copy{max-width:380px}.homecoming{padding-top:110px}.work-heading{gap:35px}}
@media(max-width:700px){:root{--gutter:26px}html{scroll-padding-top:30px}.site-header{padding-top:24px;gap:15px}.brand svg{width:27px;height:27px}.brand-word{font-size:9px;letter-spacing:.2em}.site-header nav{gap:19px;font-size:9px}.site-header nav a:first-child{display:none}.hero{height:200svh}.hero-screen{min-height:620px}.hero-copy{top:auto;bottom:19%;width:calc(100% - 52px)}.hero-signature{margin-bottom:22px;gap:13px}.hero-signature svg{width:35px;height:35px}.hero-signature span{font-size:23px}.hero-signature small{font-size:6px}.hero h1{font-size:clamp(35px,8.5vw,51px);line-height:1.5;letter-spacing:.07em;margin-bottom:22px}.hero-description{font-size:10px;line-height:2.2;letter-spacing:.07em}.hero-bottom{bottom:85px}.hero-note{display:none}.journey-link{font-size:8px}.journey-link i{height:25px}.orbit-label{top:16%;right:7%;font-size:6px}.void-passage{height:58svh;min-height:300px}.void-passage p{font-size:19px;letter-spacing:.16em}.origin{grid-template-columns:1fr;gap:45px;padding-top:100px;padding-bottom:80px;min-height:100svh}.section-kicker{font-size:8px;gap:13px;margin-bottom:25px}.section-kicker span{font-size:7px}.origin h2,.work-heading h2,.company h2{font-size:32px;line-height:1.8}.origin-seal{display:none}.origin-body{margin-left:20%;font-size:12px;line-height:2.5}.work{padding-top:100px;padding-bottom:40px}.work-heading{display:block;margin-bottom:30px}.work-heading>p{margin-top:30px;font-size:11px;max-width:none}.service{display:block;min-height:0;padding-top:250px;padding-bottom:75px}.service-copy{max-width:none}.service:nth-of-type(even) .service-copy{margin-left:13%}.stellar-name{font-size:17px;margin-bottom:18px}.service h3{font-size:31px;line-height:1.7;margin-bottom:20px}.service-copy>p:not(.stellar-name):not(.service-subtitle){font-size:11px;line-height:2.4}.orbit-art{left:auto;right:0;top:100px;width:205px;opacity:.55}.service:nth-of-type(even) .orbit-art{left:0;right:auto}.company{display:block;padding-top:90px;padding-bottom:100px}.company-intro{position:static}.company-intro>p:not(.section-kicker){margin-bottom:35px}.company-wordmark{margin-bottom:40px}.company dl{font-size:11px}.company dl>div{padding:20px 0;grid-template-columns:78px 1fr}.company .legal-name{font-size:18px}.homecoming{min-height:95svh;padding-top:100px}.homecoming h2{font-size:34px;line-height:1.8;letter-spacing:.09em}.homecoming-copy{margin-bottom:140px}.homecoming-copy>p:not(.section-kicker){font-size:10px}.contact-link{font-size:10px;gap:35px}.footer-base{padding-top:25px;padding-bottom:90px;align-items:start;gap:15px}.footer-logo{font-size:22px}.footer-logo small{font-size:6px}.footer-meta{font-size:6px}.footer-meta>div{gap:15px}.footer-meta button,.footer-meta a{font-size:7px}.experience-controls{bottom:16px;right:16px}.experience-controls button{font-size:8px;padding:11px}dialog{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-screen{transform:none}}
.no-js .site-header,.no-js .hero-copy,.no-js .hero-bottom,.no-js .orbit-label,.no-js .reveal{opacity:1;transform:none}.no-js .static-sky{opacity:1}.no-js .experience-controls,.no-js .intro-skip,.no-js .loading-note{display:none}

/* Journey 02: darkness, first light, constellations, a familiar horizon. */
:root{--controls:1;--passage:0}
.site-header{visibility:hidden;background:linear-gradient(#0007,transparent);text-shadow:0 1px 12px #000}
.hero-copy,.hero-bottom,.orbit-label,.experience-controls{visibility:hidden}
.intro-copy .site-header,.intro-copy .hero-copy,.intro-copy .hero-bottom,.intro-copy .orbit-label,.intro-complete .experience-controls{visibility:visible}
.hero-copy{transform:none;transition:none}
.hero-copy>*{opacity:0;transform:translateY(16px);filter:blur(5px);transition:opacity 1.8s,transform 2s cubic-bezier(.16,1,.3,1),filter 1.8s}
.intro-copy .hero-copy>*{opacity:1;transform:none;filter:none}
.hero-copy h1{transition-delay:.22s}.hero-copy .hero-description{transition-delay:.5s}
.hero-signature{text-shadow:0 2px 18px #000}
.orbit-art{margin:0}
.footer-base{padding-bottom:95px}
.intro-complete .experience-controls{opacity:var(--controls)}
.experience-controls[inert]{visibility:hidden;pointer-events:none}
.void-passage p,.void-passage p.is-visible{opacity:var(--passage);transform:translateY(calc((1 - var(--passage)) * 20px));transition:none}
.orbit-art figcaption{position:absolute;left:0;right:0;bottom:-10px;text-align:center;font:7px/1.6 Arial,sans-serif;letter-spacing:.22em;color:#93a1b2;display:none}
.stellar-ready .orbit-art svg{visibility:hidden}.stellar-ready .orbit-art figcaption{display:block}
.webgl-fallback #universe{visibility:hidden;pointer-events:none!important}
.webgl-fallback .orbit-art svg{visibility:visible}.webgl-fallback .orbit-art figcaption{display:none}
.webgl-fallback .static-sky{z-index:1}
.webgl-fallback .cosmic-stage:after{z-index:2}
.no-js .site-header,.no-js .hero-copy,.no-js .hero-bottom,.no-js .orbit-label{visibility:visible}
.no-js .hero-copy>*{opacity:1;transform:none;filter:none}
.no-js .void-passage p{opacity:1;transform:none}
.no-js #universe{display:none}
@media(prefers-reduced-motion:reduce){.hero-copy>*{transform:none;filter:none}.void-passage p{transform:none}}
@media(max-height:620px) and (min-width:701px){.hero-screen{min-height:100svh}.hero-copy{top:19%}.hero h1{font-size:38px;line-height:1.35}.hero-signature{margin-bottom:12px}.hero-description{font-size:10px}.hero-bottom{bottom:20px}}
@media(max-width:700px){.hero-copy{bottom:21%}.hero-copy:before{content:"";position:absolute;inset:-25px -26px -30px;z-index:-1;background:radial-gradient(ellipse at left,#000a,transparent 75%);pointer-events:none}.orbit-art{margin:0}.orbit-art figcaption{font-size:6px;bottom:-5px}}

/* A camera journey through orbiting worlds, with room for the words. */
.origin{display:block;min-height:155svh;padding-top:16svh;padding-bottom:25svh}
.chapter-copy{position:sticky;top:13svh;width:45%;max-width:550px}
.origin-body{margin-top:35px;font-size:13px;line-height:2.5;max-width:490px}
.origin-body p{margin-bottom:22px}.origin h2{font-size:clamp(30px,3.2vw,52px);line-height:1.7}
.work{padding-top:0;padding-bottom:0}
.work-heading{min-height:85svh;margin:0;align-items:center;padding-top:14svh;padding-bottom:15svh}
.work-heading>p{font-size:12px}
.work-heading h2 .keep{display:inline-block}
.service{display:block;min-height:145svh;padding-top:15svh;padding-bottom:30svh}
.service-copy{position:sticky;top:23svh;width:43%;max-width:510px;margin-left:auto}
.service[data-stellar="2"] .service-copy{margin-left:0;margin-right:auto}
.service h3{font-size:clamp(34px,3.8vw,59px);line-height:1.65;margin-bottom:30px}
.stellar-name{font-family:Arial,sans-serif;font-style:normal;font-size:9px;letter-spacing:.32em;color:#a5b7cf;margin-bottom:30px}
.service-subtitle{font-size:12px;letter-spacing:.12em}
.service-copy>p:not(.stellar-name):not(.service-subtitle){font-size:13px;line-height:2.55}
.service-tags{font-size:8px;margin-top:32px;border-color:#c4d0e326}
.origin h2,.origin-body,.work-heading,.service-copy,.company-intro{text-shadow:0 2px 20px #000,0 0 50px #000}
.company{min-height:135svh;padding-top:20svh;padding-bottom:26svh}
.company dl{background:linear-gradient(90deg,#02040970,#02040915);padding:0 18px;backdrop-filter:blur(4px)}
.company dl>div{padding:24px 0}.company dd{color:#d5d9e0}
.homecoming{min-height:105svh;background:transparent;padding-top:12svh;isolation:auto}
.homecoming-copy{margin-bottom:12svh;text-shadow:0 2px 25px #000,0 0 65px #000}
.homecoming h2{font-size:clamp(40px,4.7vw,70px);letter-spacing:.12em;line-height:1.65}
.homecoming-copy>p:not(.section-kicker){font-size:13px;color:#c0c6d1}
.footer-base{position:relative;z-index:1;border-color:#d7dfef33;background:linear-gradient(transparent,#0006);padding-bottom:95px}
.moon-away #settings-control{display:none}
.static-system{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 70% 30%,#a5c3d633,transparent 24%),radial-gradient(circle at 30% 75%,#916c3d1c,transparent 28%);z-index:2}
.webgl-fallback .static-system{opacity:var(--system,0)}
.no-js .static-system{opacity:.7}
@media(min-width:701px) and (max-height:700px){.chapter-copy{top:9svh}.origin-body{font-size:12px;line-height:2.2;margin-top:24px}.origin-body p{margin-bottom:16px}.origin h2{font-size:34px}.service-copy{top:18svh}.service h3{font-size:42px}}
@media(max-width:1000px) and (min-width:701px){.chapter-copy{width:49%}.service-copy{width:46%}.company{gap:4vw}.company dl{padding:0 10px}}
@media(max-width:700px){
  .origin{min-height:160svh;padding-top:50svh;padding-bottom:24svh}
  .chapter-copy{position:relative;top:auto;width:100%;max-width:none}
  .origin h2{font-size:clamp(24px,7.6vw,30px)}.origin-body{margin:30px 0 0;font-size:12px;line-height:2.5}
  .origin-body p{margin-bottom:22px}.origin h2,.origin-body{max-width:500px}
  .work-heading{min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:20px;padding-top:50svh;padding-bottom:13svh}
  .work-heading>p{font-size:11px;margin:0;line-height:2.3}.work-heading h2{font-size:33px}
  .service{min-height:140svh;padding-top:48svh;padding-bottom:22svh}
  .service-copy{position:sticky;top:46svh;width:100%;max-width:500px;margin:0}
  .service[data-stellar="2"] .service-copy{margin-left:0}
  .stellar-name{font-size:8px;margin-bottom:20px}.service h3{font-size:38px;line-height:1.6;margin-bottom:24px}
  .service-subtitle{font-size:11px}.service-copy>p:not(.stellar-name):not(.service-subtitle){font-size:12px;line-height:2.45}
  .service-tags{font-size:7px;margin-top:25px}
  .company{display:block;padding-top:47svh;padding-bottom:18svh;min-height:150svh}
  .company-intro{position:static}.company dl{margin-top:40px;padding:0 8px;background:#02040955}
  .company dl>div{padding:21px 0}
  .homecoming{min-height:105svh;padding-top:12svh}.homecoming-copy{margin-bottom:10svh}
  .homecoming h2{font-size:clamp(31px,9vw,38px);line-height:1.65;letter-spacing:.08em}.homecoming-copy>p:not(.section-kicker){font-size:11px;line-height:2.4}
}

/* Eclipse 01: the words arrive while the light is opening. */
.hero h1{font-size:clamp(30px,3.75vw,64px);letter-spacing:.04em;line-height:1.65}
.hero-line{display:block;white-space:nowrap}
.hero-copy>*{transition-duration:1.2s,1.4s,1.2s}
.hero-copy h1{transition-delay:.08s}.hero-copy .hero-description{transition-delay:.24s}
@media(min-width:1800px){.hero h1{font-size:64px}}
@media(max-width:1000px) and (min-width:701px){.hero h1{font-size:clamp(29px,3.9vw,40px)}}
@media(max-width:700px){.hero h1{font-size:clamp(26px,8.1vw,44px);letter-spacing:.015em;line-height:1.65}}

/* An invitation to the reciprocal Moon / Earth encounter. */
.body-switch{font-size:10px;letter-spacing:.14em;color:#d8cbb2;border-bottom:1px solid #b9ab8d66;padding:9px 0;min-height:42px;display:inline-flex;align-items:center;gap:28px;white-space:nowrap}
.body-switch span{font-size:17px;line-height:1}.body-switch:hover{color:#fff;border-color:#e8dfcf}.body-switch[aria-busy="true"]{opacity:.65}
.webgl-fallback .body-switch,.no-js .body-switch{display:none}
@media(min-width:701px){.company-intro{top:34svh}}
@media(max-width:1100px) and (min-width:701px){.hero-note{max-width:280px}.hero-note span{line-height:1.9}}
@media(max-width:700px){.hero-bottom{gap:18px;align-items:center}.body-switch{font-size:9px;letter-spacing:.08em;gap:13px}.body-switch span{font-size:15px}}

/* The introduction can be inspected before it finishes. */
.intro-started .experience-controls:not([inert]){visibility:visible;opacity:var(--controls)}
.lunar-preview #motion-control,.lunar-preview .body-switch,.lunar-preview #skip-intro{display:none}
.lunar-preview .site-header,.lunar-preview .hero-copy>*,.lunar-preview .hero-bottom,.lunar-preview .orbit-label{transition:none}
/* Every encounter uses one flight path; the copy keeps its clear left column. */
@media(min-width:701px){.service-copy,.service[data-stellar="2"] .service-copy{margin-left:0;margin-right:auto}.company{display:block;min-height:175svh}.company-intro{position:static;max-width:46%}.company dl{width:48%;margin-top:35px}.homecoming-copy{width:48%;margin:0 0 12svh;text-align:left}.homecoming .section-kicker{justify-content:flex-start}.homecoming h2{font-size:clamp(36px,4.2vw,60px);white-space:nowrap}}
@media(max-width:700px){.homecoming{padding-top:50svh;min-height:125svh}}
@media(max-width:700px){}

/* Load the photographic fallback only when WebGL is unavailable. */
.webgl-fallback .static-sky,.no-js .static-sky{background-image:url('/assets/lunar-hero.png')}
#body-switch[hidden]{display:none!important}
