@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;350;400;450;500;550;600;650;700&family=DM+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#09090b;--fg:#f1f0eb;--muted:#aaa9af;--line:#313134;--accent:#bec7ff;--paper:#ecebe5;--gutter:4.3vw;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}button{cursor:pointer}img{display:block;max-width:100%}.skip{position:fixed;z-index:50;top:-80px;left:16px;padding:14px 20px;background:var(--fg);color:var(--bg)}.skip:focus{top:12px}.site-header{position:absolute;z-index:20;inset:0 0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;height:96px;margin:0 var(--gutter);border-bottom:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center;width:max-content;font-size:26px;font-weight:600;letter-spacing:-1.4px;line-height:1}.brand-mark{font-size:31px;display:inline-block;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.brand:hover .brand-mark{transform:rotate(180deg)}nav{display:flex;justify-content:center;gap:37px;font-size:14px}nav a{position:relative;padding:9px 0}nav a::after{content:'';position:absolute;bottom:1px;left:0;height:1px;width:100%;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover::after,nav a.is-active::after{transform:scaleX(1)}nav sup{font:12px var(--mono);color:var(--muted);padding-left:3px}.header-note{text-align:right;color:var(--muted);font-size:14px}
/* The opening is a single, quiet planetary composition. */
.hero{height:100svh;min-height:740px;max-height:1240px;position:relative;isolation:isolate;overflow:hidden;background:#040407;padding:0 var(--gutter)}
.site-header{border-bottom:0}.hero-caption{position:absolute;top:124px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:#96949f;font:12px var(--mono);z-index:5}.caption-divider{padding:0 10px;color:#5a5865}.micro{font:12px/1.6 var(--mono)}
.planet-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.planet-fallback{position:absolute;left:50%;top:48%;width:min(69svh,54vw);height:auto;max-width:none;transform:translate(-50%,-50%) scale(1.2);mix-blend-mode:screen;mask-image:radial-gradient(circle,#000 55%,transparent 71%);-webkit-mask-image:radial-gradient(circle,#000 55%,transparent 71%);transition:opacity .9s}.planet-scene canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1.2s}.planet-ready .planet-scene canvas{opacity:1}.planet-ready .planet-fallback{opacity:0}
.hero-wordmark{position:absolute;left:0;right:0;top:47%;z-index:3;text-align:center;transform:translateY(-50%);pointer-events:auto;font-size:clamp(100px,15.2vw,245px);font-weight:350;letter-spacing:-.065em;line-height:1.12}.hero h1{font:inherit;letter-spacing:inherit;line-height:inherit;white-space:nowrap;margin:0;color:#f4f0ff;text-shadow:0 0 3px #f2eaff38,0 0 28px #d3baff25}.wordmark-echo{position:absolute;top:0;left:0;width:100%;white-space:nowrap;pointer-events:none;font:inherit;letter-spacing:inherit;color:#e6d8ff;transform:translateX(3.5vw);filter:url('#phase-trail');opacity:.66;mask-image:linear-gradient(90deg,transparent 47%,#0000 55%,#000 72%,#000 88%,transparent 99%);-webkit-mask-image:linear-gradient(90deg,transparent 47%,#0000 55%,#000 72%,#000 88%,transparent 99%)}
.hero-tagline{position:absolute;top:100%;left:0;width:100%;margin:20px 0 0;padding-left:.4em;font:400 13px/1.8 var(--sans);letter-spacing:.42em;text-transform:uppercase;color:#d7cede;text-shadow:0 1px 12px #000}
.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:79px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.hero-bottom p{font-size:14px;line-height:1.8;margin:0;color:#d5cfdc}.hero-bottom p>span{color:#888491}.explore-link{display:flex;align-items:center;gap:22px;font-size:14px}.circle-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #6f637a;border-radius:50%;font-size:24px;transition:background .3s,color .3s,transform .35s}.explore-link:hover .circle-arrow,.back-top:hover .circle-arrow{background:var(--fg);color:var(--bg);transform:rotate(45deg)}
.hero-rule{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:49px;border-top:1px solid #a995c51d;display:flex;align-items:center;justify-content:space-between;font:12px var(--mono);color:#777180}.scroll-cue{position:absolute;left:50%;top:16px;width:40px;height:13px;overflow:hidden}.scroll-cue i{height:1px;width:38px;background:#cab8df;display:block;transform-origin:left;animation:scroll-line 2.8s ease-in-out infinite}
.phase-filter-defs{position:absolute;pointer-events:none}.phase-cursor{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:0;transition:opacity .3s;--cursor-x:-300px;--cursor-y:-300px;contain:layout style}.phase-cursor.is-active{opacity:1}.phase-lens{position:absolute;left:var(--cursor-x);top:var(--cursor-y);width:210px;height:110px;transform:translate(-28%,-50%);border-radius:50%;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);mask-image:radial-gradient(ellipse,#0008,transparent 67%);-webkit-mask-image:radial-gradient(ellipse,#0008,transparent 67%);background:linear-gradient(90deg,transparent,#c4a7ff09,transparent)}.phase-echoes{position:absolute;inset:0;mask-image:radial-gradient(ellipse 155px 66px at calc(var(--cursor-x) + 45px) var(--cursor-y),#000 8%,#0009 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 155px 66px at calc(var(--cursor-x) + 45px) var(--cursor-y),#000 8%,#0009 45%,transparent 100%)}.phase-ghost{position:fixed!important;pointer-events:none!important;filter:url('#phase-cursor-blur');transform:translateX(22px);opacity:.62;transform-origin:left center}.phase-ghost+.phase-ghost{transform:translateX(49px) scaleX(1.035);opacity:.22}
.section-shell{padding-left:var(--gutter);padding-right:var(--gutter)}.work{padding-top:105px;padding-bottom:118px}.section-label{display:flex;align-items:center;justify-content:space-between;font:12px/1.4 var(--mono);color:var(--muted)}.section-label>span:first-child{display:flex;align-items:center;gap:11px}.section-dot{display:inline-block;width:7px;height:7px;background:currentColor}.work-intro{display:flex;align-items:flex-end;justify-content:space-between;padding:48px 0 66px}.work-intro h2{font-size:clamp(44px,6.3vw,98px);line-height:1.02;letter-spacing:-.062em;font-weight:450;margin:0}.serif-word{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.05em}.work-intro p{font-size:16px;line-height:1.65;color:var(--muted);margin:0 8% 6px 30px}.project-visual{position:relative;isolation:isolate;overflow:hidden;width:100%;background:#151518}.afterstep-visual{aspect-ratio:1.92}.project-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,.61,.36,1),filter 1.1s;z-index:-2}.project-visual::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0008,transparent 30%,transparent 60%,#0007);pointer-events:none}.project-visual:hover .project-image{transform:scale(1.045)}.visual-top{position:absolute;top:30px;left:32px;right:32px;display:flex;justify-content:space-between;gap:20px;font:12px var(--mono);color:#f1f0eb}.visual-top>span{padding:5px 0;text-shadow:0 1px 8px #0006}.visual-title{position:absolute;left:5%;top:24%;}.afterstep-word{font-size:clamp(55px,7.5vw,122px);letter-spacing:-.06em;font-weight:550;line-height:1}.step-dot{color:#d4fc7d}.visual-title p{margin:18px 0 0;font-size:16px;color:#e4e4e8}.visual-foot{position:absolute;bottom:29px;left:32px;font-size:14px}.art-label{position:absolute;left:32px;bottom:56px;font:12px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#c8c8cb}.project-open{position:absolute;right:28px;bottom:25px;display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff80;background:#0a0a0a22;backdrop-filter:blur(8px);border-radius:50%;font-size:27px;transition:background .3s,color .3s,transform .3s}.project-open:hover{background:var(--fg);color:var(--bg);transform:rotate(45deg)}.project-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 0 14px;gap:16px}.project-heading>div{display:flex;align-items:center;gap:15px}.project-index{font:12px var(--mono);color:var(--muted)}.project-heading h3{font-weight:500;font-size:30px;letter-spacing:-1.1px;margin:0;line-height:1.3}.project-category{font-size:12px;color:var(--muted)}.project-details{scroll-margin-top:30px}.project-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;border-bottom:1px solid var(--line);padding:0 0 24px;font-size:14px;color:var(--muted)}summary::-webkit-details-marker{display:none}.detail-toggle{display:flex;align-items:center;gap:15px;color:#b7b7c2;font-size:12px;white-space:nowrap}.detail-toggle i{font-style:normal;font-size:24px;line-height:16px;display:inline-block;transition:transform .3s}.project-details[open] .detail-toggle i{transform:rotate(45deg)}summary:hover .detail-toggle{color:var(--fg)}.detail-body{display:flex;justify-content:space-between;gap:8%;padding:24px 0 8px}.detail-body p{margin:0;color:var(--muted);font-size:16px;line-height:1.75;max-width:650px}.detail-body .detail-aside{font:12px/1.8 var(--mono);min-width:195px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:75px;align-items:start}.project-pair .project-visual{aspect-ratio:1.05}.project-pair .project-details summary>span:first-child{font-size:13px}.project-pair .detail-toggle>span{display:none}.project-pair .project-category{font-size:12px}.unttld-visual{background:#c6ff5c;color:#161916}.unttld-visual::after{background:none}.unttld-visual .visual-top,.unttld-visual .visual-foot{color:#253216}.unttld-visual .visual-top>span{text-shadow:none}.unttld-visual .project-open{border-color:#35492060;background:transparent}.unttld-visual .project-open:hover{background:#141912;color:#c6ff5c}.unttld-composition{position:absolute;inset:22% 0 12%;display:flex;align-items:center;flex-direction:column}.unttld-word{font-size:clamp(72px,9.2vw,155px);letter-spacing:-.05em;line-height:1;font-weight:600}.sound-lines{height:28%;width:74%;display:flex;gap:3px;align-items:center;justify-content:center;margin-top:5%}.sound-lines i{display:block;width:3px;height:var(--height);background:#1b2517;transform:scaleY(.72);animation:sound-pulse var(--duration) ease-in-out var(--delay) infinite alternate}.sound-caption{font:12px var(--mono);letter-spacing:.1em;margin-top:5%}.aev-visual .project-image{object-position:62% center;filter:brightness(.84)}.aev-composition{position:absolute;inset:18% 8% 14%;display:flex;flex-direction:column;justify-content:center}.aev-composition>span{font:italic clamp(95px,12vw,190px)/.9 Georgia,serif;letter-spacing:-.085em}.aev-composition>p{margin:28px 0 0;font-size:16px;line-height:1.5}.discipline-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:25px 0 31px;background:#111113}.marquee-track{display:flex;width:max-content;animation:marquee 34s linear infinite;will-change:transform}.marquee-track>span{white-space:nowrap;font-size:clamp(48px,7.5vw,115px);font-weight:450;line-height:1.05;letter-spacing:-.045em}.marquee-track b{display:inline-block;font-size:.75em;font-weight:400;padding:0 .32em;color:var(--accent);vertical-align:5%}.discipline-band:hover .marquee-track{animation-play-state:paused}
.studio{background:var(--paper);color:#20201f;padding-top:68px;padding-bottom:86px;color-scheme:light}.studio .section-label{color:#666660}.studio-body{display:grid;grid-template-columns:1fr 2.1fr;gap:20px;padding-top:78px}.studio-emblem{display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;padding:8px 0 20px}.studio-asterisk{font-family:Arial,sans-serif;font-size:clamp(150px,21vw,320px);line-height:.85;font-weight:400;color:#303028;transform:rotate(var(--star-rotation,0deg));transition:transform .3s linear}.studio-emblem>.micro{color:#6c6c65;margin-top:40px}.studio h2{font-size:clamp(40px,5.5vw,85px);line-height:1.07;letter-spacing:-.054em;font-weight:450;margin:0}.studio h2 .serif-word{color:#77796b}.studio-description{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;margin-top:42px}.studio-description p{font-size:16px;line-height:1.7;margin:0;max-width:440px;color:#55564f}.studio-description p+p{font-size:14px;color:#72736a}.discipline-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:95px}.discipline-list>div{border-top:1px solid #bfbfb5;padding-top:20px}.discipline-list>div>span{font:12px var(--mono);color:#76796c}.discipline-list h3{font-weight:500;font-size:20px;line-height:1.25;letter-spacing:-.6px;margin:32px 0 7px}.discipline-list p{font-size:14px;color:#737469;margin:0}
.site-footer{padding:68px var(--gutter) 24px;overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p{font-size:clamp(20px,2.2vw,33px);line-height:1.2;letter-spacing:-.035em;margin:0}.footer-top p>span{color:#85858f}.back-top{display:flex;align-items:center;gap:22px;font-size:14px}.back-top:hover .circle-arrow{transform:translateY(-4px)}.footer-wordmark{display:block;font-size:19vw;line-height:1.2;letter-spacing:-.04em;font-weight:550;width:max-content;margin:40px 0 30px -.7vw;transition:color .4s}.footer-wordmark:hover{color:var(--accent)}.footer-wordmark>span{font-size:.6em;font-weight:400;vertical-align:top;line-height:1.5;margin-left:.04em}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;font:12px var(--mono);color:var(--muted)}.footer-bottom>div{display:flex;align-items:center;gap:30px}#motion-toggle{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:10px 0 10px 10px;color:var(--muted);font:12px var(--mono)}#motion-toggle i{display:inline-block;margin-left:3px;border:1px solid #92929d;border-radius:9px;width:22px;height:12px;position:relative}#motion-toggle i::after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);right:2px;top:2px;transition:transform .2s}#motion-toggle[aria-pressed=true] i::after{transform:translateX(-9px);background:#8b8b95}
.reveal{opacity:1;transform:none}html.motion-ready .reveal.is-pending{opacity:0;transform:translateY(26px)}html.motion-ready .reveal{transition:opacity .8s ease,transform .9s cubic-bezier(.21,.66,.24,1)}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .hero-art{transform:none}.motion-paused .reveal.is-pending{opacity:1;transform:none}.motion-paused{scroll-behavior:auto}
@keyframes phase-drift{0%,100%{transform:translate3d(0,-9px,0) rotate(-2deg)}50%{transform:translate3d(-18px,12px,0) rotate(3deg)}}@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes scroll-line{0%{transform:scaleX(0);transform-origin:left}40%{transform:scaleX(1);transform-origin:left}60%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}@keyframes sound-pulse{from{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes marquee{to{transform:translateX(-33.333333%)}}
@media(min-width:1900px){:root{--gutter:max(4.3vw,calc((100vw - 1760px)/2))}.hero h1,.footer-wordmark{font-size:390px}.hero-wordmark{bottom:148px}.hero-art{left:25%;width:65%}.project-pair{gap:40px}}
@media(max-width:1000px){.header-note{font-size:12px}.hero{min-height:700px;max-height:950px}.hero-copy p{font-size:46px}.hero-art{top:19%;left:16%;width:93%;height:58%}.hero-wordmark{bottom:175px}.hero-bottom{bottom:65px}.phase-coordinate{top:49%;font-size:12px}.hero-copy>.micro{max-width:175px}.work{padding-top:75px;padding-bottom:85px}.work-intro p{margin-right:0}.project-heading{flex-wrap:wrap;gap:6px}.project-category{padding-left:30px}.project-pair .project-category{width:100%}.visual-top{top:22px;left:22px;right:22px;font-size:12px}.visual-foot{left:22px;bottom:25px;font-size:12px}.art-label{left:22px}.project-open{width:44px;height:44px;right:20px;bottom:20px;font-size:23px}.project-pair{gap:22px}.unttld-word{font-size:10vw}.sound-lines{gap:2px}.sound-lines i{width:2px}.project-pair .visual-foot{max-width:70%}.studio-body{grid-template-columns:.75fr 2fr;gap:35px;padding-top:60px}.studio-description{gap:8%}.studio-description p{font-size:16px}.studio-description p+p{font-size:13px}.discipline-list{gap:18px;margin-top:65px}.discipline-list h3{font-size:18px}.discipline-list p{font-size:13px}.studio-emblem>.micro{font-size:12px}.back-top{font-size:13px}}
@media(max-width:650px){:root{--gutter:6vw}.site-header{height:79px;grid-template-columns:1fr auto}.brand{font-size:25px}.brand-mark{font-size:29px}.header-note{display:none}nav{gap:26px;font-size:14px}.hero{height:calc(100svh - 8px);min-height:715px;max-height:950px}.hero-caption{top:102px;font-size:12px}.hero-caption .sydney{display:none}.hero-copy{top:157px}.hero-copy p{font-size:42px;letter-spacing:-.045em;line-height:1.05;margin-bottom:17px}.hero-copy>.micro{font-size:12px;max-width:135px;line-height:1.6}.hero-art{left:3%;top:25%;width:118%;height:49%}.hero-art img{transform:rotate(-13deg) scale(1.06)}.phase-coordinate{display:none}.coordinate-mark{font-size:24px}.hero-wordmark{left:5vw;right:6vw;bottom:173px}.hero h1{font-size:18.5vw}.hero-bottom{bottom:67px}.hero-bottom p{font-size:14px}.explore-link{font-size:14px;gap:13px}.circle-arrow{width:42px;height:42px;font-size:21px}.hero-rule{font-size:12px;height:38px}.scroll-cue{display:none}.hero-rule>span:last-child{display:none}.work{padding-top:64px;padding-bottom:62px}.section-label{font-size:12px}.section-label>span:first-child{gap:8px}.section-dot{width:6px;height:6px}.work-intro{display:block;padding:36px 0 33px}.work-intro h2{font-size:clamp(43px,10.8vw,69px);line-height:1.03}.work-intro p{font-size:16px;margin:25px 0 0;line-height:1.65}.work-intro p br{display:none}.work-intro p br::after{content:' '}.work-intro p{max-width:290px}.afterstep-visual{aspect-ratio:.93}.afterstep-visual .project-image{object-position:59% 50%}.visual-top{font-size:12px;top:18px;left:18px;right:18px;gap:10px}.visual-title{top:26%;left:7%}.afterstep-word{font-size:15vw}.visual-title p{font-size:12px;max-width:180px;line-height:1.5;margin-top:12px}.visual-foot{left:18px;bottom:23px;max-width:68%;line-height:1.5}.art-label{left:18px;bottom:50px;font-size:12px}.project-open{right:16px;bottom:18px}.project-heading{padding:20px 0 9px;align-items:center;gap:7px}.project-heading h3{font-size:26px}.project-heading>div{gap:11px}.project-index{font-size:12px}.project-category{font-size:12px;padding-left:0}.project-details summary{padding-bottom:20px;font-size:13px}.detail-toggle{font-size:12px;gap:10px}.project-afterstep .detail-toggle{font-size:0}.project-afterstep .detail-toggle i{font-size:23px}.detail-body{display:block;padding-top:20px}.detail-body p{font-size:16px}.detail-body .detail-aside{font-size:12px;margin-top:17px}.project-pair{grid-template-columns:1fr;gap:40px;margin-top:40px}.project-pair .project-visual{aspect-ratio:1.02}.project-pair .project-category{width:auto;font-size:12px}.project-pair .detail-toggle>span{display:inline;font-size:12px}.unttld-word{font-size:22vw}.sound-lines{gap:3px;height:28%}.sound-lines i{width:3px}.unttld-composition{inset:25% 0 10%}.sound-caption{font-size:12px;margin-top:4%}.aev-composition{inset:20% 8%}.aev-composition>span{font-size:30vw}.aev-composition>p{font-size:14px;margin-top:23px}.discipline-band{padding:20px 0 25px}.marquee-track>span{font-size:58px}.studio{padding-top:43px;padding-bottom:47px}.studio .section-label>span:last-child{display:none}.studio-body{display:flex;flex-direction:column;gap:29px;padding-top:39px}.studio-emblem{display:flex;flex-direction:row;align-items:center;padding:0}.studio-asterisk{font-size:100px;line-height:1}.studio-emblem>.micro{font-size:12px;max-width:115px;margin:0;text-align:right}.studio h2{font-size:clamp(32px,8.9vw,55px);line-height:1.12;letter-spacing:-.055em}.studio-description{grid-template-columns:1fr;margin-top:27px;gap:17px}.studio-description p{font-size:16px}.studio-description p+p{font-size:14px}.studio-description p+p br{display:none}.discipline-list{grid-template-columns:1fr 1fr;gap:30px 18px;margin-top:40px}.discipline-list>div{padding-top:14px}.discipline-list h3{font-size:17px;margin-top:22px}.discipline-list p{font-size:12px;line-height:1.5;max-width:135px}.site-footer{padding-top:40px;padding-bottom:22px}.footer-top{align-items:flex-start;gap:24px}.footer-top p{font-size:20px;max-width:190px}.back-top{font-size:0;gap:0}.back-top .circle-arrow{font-size:22px}.footer-wordmark{font-size:18.5vw;margin:40px 0 28px -1vw}.footer-bottom{font-size:12px;flex-wrap:wrap;gap:17px;padding-top:14px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>div{gap:17px}#motion-toggle{font-size:12px}.hero-art-inner{animation-duration:18s}}
@media(max-width:360px){nav{gap:20px}.brand{font-size:23px}.hero-copy p{font-size:37px}.hero-rule{font-size:12px}.hero-rule>span:last-child{display:none}.explore-link{gap:9px}.project-category{font-size:12px}.project-pair .project-category{font-size:12px}.footer-bottom>div>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{transform:none!important}.studio-asterisk{transform:none!important}.reveal.is-pending{opacity:1!important;transform:none!important}}
.animation-offscreen *,.animation-offscreen *::before,.animation-offscreen *::after,.page-hidden *,.page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}
.afterstep-visual::after{background:linear-gradient(90deg,#0005,transparent 60%),linear-gradient(180deg,#0007,transparent 35%,transparent 65%,#0007)}
@media(max-width:650px){.hero-art{left:-14%;top:28%;width:155%;height:57%}.hero-art img{transform:rotate(-13deg) scale(1.1)}}
#motion-toggle:disabled{opacity:.7;cursor:default}.motion-paused .reveal{transition:none}
.footer-identity{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.site-version{white-space:nowrap;font-variant-numeric:tabular-nums;border-left:1px solid var(--line);padding-left:12px}

/* Planet opening: responsive composition, without moving the rest of the portfolio. */
@media(min-width:1900px){.hero h1{font-size:inherit}.hero-wordmark{bottom:auto;left:0;right:0;top:47%}}
@media(max-width:1000px){.hero{height:100svh;min-height:740px;max-height:1240px}.hero-wordmark{bottom:auto;left:0;right:0;top:47%}.hero-bottom{bottom:79px}}
@media(max-width:650px){.hero{height:100svh;min-height:680px;max-height:1080px}.site-header{height:84px}.hero-caption{top:109px;font-size:12px}.hero-caption .sydney{display:none}.hero-wordmark{left:0;right:0;top:45.5%;bottom:auto;font-size:17.2vw;font-weight:350;letter-spacing:-.067em}.hero h1{font-size:inherit;line-height:1.15}.hero-tagline{font-size:12px;letter-spacing:.27em;margin-top:25px;padding-left:.27em}.wordmark-echo{transform:translateX(6vw);opacity:.55}.planet-fallback{top:47%;width:100vw;transform:translate(-50%,-50%) scale(1.23)}.hero-bottom{bottom:77px;align-items:flex-end}.hero-bottom p{font-size:13px;line-height:1.7;max-width:190px}.explore-link{gap:12px;font-size:13px}.hero-bottom .circle-arrow{width:40px;height:40px;font-size:21px}.hero-rule{height:45px;font-size:12px}.hero-rule>span:last-child,.scroll-cue{display:none}}
@media(max-width:380px){.hero-bottom p{max-width:145px}.hero-bottom p>span{display:none}.explore-link{font-size:12px;gap:9px}}
@media(hover:none),(pointer:coarse){.phase-cursor{display:none}}
.motion-paused .phase-cursor,.page-hidden .phase-cursor{display:none}.motion-paused .planet-scene canvas{transition:none}
@media(prefers-reduced-motion:reduce){.phase-cursor{display:none!important}}

/* Vector marks keep the same shapes and colours on every platform. */
.icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:middle}.brand-mark{display:inline-flex;align-items:center;justify-content:center}.brand-mark .icon{width:.56em;height:.56em}.circle-arrow{flex-shrink:0}.circle-arrow .icon{width:20px;height:20px}.project-open>span{display:flex}.project-open .icon{width:22px;height:22px}.detail-toggle i{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.detail-toggle .icon{width:16px;height:16px}.marquee-track b .icon{display:block;width:1em;height:1em}.studio-asterisk{display:inline-flex;flex-shrink:0}.studio-asterisk .icon{display:block;width:.85em;height:.85em}.footer-wordmark>span .icon{width:.72em;height:.72em;vertical-align:baseline}