@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#102d30;--paper:#eee8d7;--acid:#dcfa86;--muted:#a7b9b3;--line:#49605d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',sans-serif}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:7px}button{color:inherit}::selection{background:var(--acid);color:var(--bg)}.grain{position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.progress{position:fixed;left:0;top:0;height:3px;background:var(--acid);z-index:100;width:0}.loader{position:fixed;inset:0;background:var(--paper);color:var(--bg);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;transition:transform 1s cubic-bezier(.76,0,.24,1)}.loader>span{font:700 clamp(80px,18vw,230px)/1 'Space Grotesk',sans-serif;letter-spacing:-.09em}.loader sup{font-size:24px;vertical-align:top;letter-spacing:0}.loader small{font:10px monospace;letter-spacing:2px}.loader b{margin-left:60px}.loaded .loader{transform:translateY(-101%)}header{position:fixed;top:0;left:0;width:100%;padding:26px 4%;display:flex;align-items:center;gap:30px;z-index:60;background:linear-gradient(var(--bg),transparent)}.logo{font-family:'Space Grotesk',sans-serif;font-size:27px;font-weight:700;letter-spacing:-1.7px;white-space:nowrap}.logo sup{font-size:10px;vertical-align:top;letter-spacing:0}.logo-mark{color:var(--acid);font-size:35px;vertical-align:middle;display:inline-block;margin-right:6px}nav{margin-left:auto;display:flex;gap:35px;align-items:center;font-size:12px}nav a{transition:color .2s}nav a:hover{color:var(--acid)}nav span{font:9px monospace;vertical-align:super}.nav-cta{border:1px solid #8ca39a66;border-radius:30px;padding:12px 20px}.nav-cta span{font-size:16px;vertical-align:baseline;margin-left:20px}.journey{height:390vh;position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden;min-height:620px}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.coordinates{position:absolute;top:125px;left:4%;right:4%;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.3px;color:var(--muted)}.hero-copy{position:absolute;left:7%;top:25%;width:85%;will-change:transform,opacity}.eyebrow{font:10px/1.8 monospace;letter-spacing:2px}.eyebrow i,.scene-footer i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #dcfa8655}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(80px,10.8vw,170px);line-height:.91;margin-top:24px}em{font-style:normal;color:var(--acid)}.hero-bottom{margin-top:32px;display:flex;align-items:flex-end;gap:50px;font-size:14px;line-height:1.6}.round-link{border-bottom:1px solid #8ca39a88;padding:10px 0}.round-link span{margin-left:28px;color:var(--acid);font-size:22px}.scene-footer{position:absolute;bottom:30px;left:4%;right:4%;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px}.scroll-cue b{margin-left:18px;display:inline-block;animation:bob 1.5s infinite}.chapter{position:absolute;top:32%;left:8%;opacity:0;pointer-events:none;max-width:650px}.chapter h2{font-size:clamp(56px,7.5vw,108px);line-height:1;margin:20px 0}.chapter>p:last-child{color:var(--muted);line-height:1.7;font-size:15px}.chapter-two{left:auto;right:7%;text-align:right}.intro{padding:140px 7% 120px;background:var(--paper);color:var(--bg);position:relative}.intro h2{font-size:clamp(38px,5.5vw,85px);line-height:1.1;margin:35px 0 65px}.intro h2 span{color:#758278}.intro-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:55px}.intro-bottom p{font-size:15px;line-height:1.8;max-width:350px}.intro-bottom a{border-bottom:1px solid;padding-bottom:6px}.asterisk{font-size:100px;line-height:1}.work{padding:90px 7% 130px}.section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.section-top>span{font:9px monospace;color:var(--muted)}.work-title{display:flex;justify-content:space-between;align-items:flex-end;margin:55px 0 65px}.work-title h2,.service-intro h2{font-size:clamp(55px,7vw,105px);line-height:1}.work-title>p{font-size:13px;color:var(--muted);line-height:1.7;padding-bottom:5px}.project{display:block;width:100%;padding:0;text-align:left;border:0;background:none}.art{position:relative;overflow:hidden;transition:border-radius .6s;isolation:isolate}.project:hover .art{border-radius:28px}.art-a{height:540px;background:#cbdbed;color:#193dcc;display:flex;align-items:center;justify-content:center}.art-label{position:absolute;left:40px;bottom:55px;right:40px;font-family:'Space Grotesk';font-size:90px;letter-spacing:-8px;line-height:1}.art-label>span{float:right;font-size:60px}.art-note{position:absolute;bottom:25px;left:40px;font:9px monospace;letter-spacing:1.5px}.aether-orb{width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eff8ff,#839fde 40%,#1838b0 73%,#092e83);box-shadow:40px 45px 60px #1432a333,inset -20px -20px 45px #1739b8;position:relative;transform:translateY(-15px) rotate(-25deg);transition:transform .8s}.aether-orb span{position:absolute;left:-15%;top:42%;width:130%;height:16%;border:16px solid #d8e4f9;border-radius:50%;box-shadow:0 12px 0 #718dc5;transform:rotateX(25deg)}.aether-orb span:nth-child(2){transform:rotate(60deg)}.aether-orb span:nth-child(3){transform:rotate(120deg)}.project:hover .aether-orb{transform:translateY(-25px) rotate(5deg)}.project-meta{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:22px 0 40px;gap:20px}.project-meta h3{font-size:22px;letter-spacing:-.7px}.project-meta h3 span{display:none}.project-meta p{font-size:11px;color:var(--muted)}.project-meta>span{font:8px monospace;letter-spacing:1px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.work-grid .project-meta{grid-template-columns:1fr auto;gap:8px}.work-grid .project-meta p{grid-row:2}.work-grid .project-meta>span{grid-column:2;grid-row:1/3}.art-b,.art-c{height:500px}.art-b{background:#e26942;color:#272e24}.art-b strong{position:absolute;bottom:65px;left:32px;font:600 68px/.93 'Space Grotesk';letter-spacing:-5px}.art-b .art-note{left:32px}.tiles{display:grid;grid-template-columns:90px 90px;position:absolute;top:40px;right:35px;transform:rotate(12deg);transition:transform .8s}.tiles i{font:70px/90px 'Space Grotesk';font-style:normal;text-align:center;background:#e5dcba;border-radius:14px}.tiles i:nth-child(2),.tiles i:nth-child(3){background:#283c2d;color:#d7e69b}.project:hover .tiles{transform:rotate(-8deg)}.art-c{background:#d8f68c;color:#19362e}.art-c strong{position:absolute;left:30px;bottom:80px;font:500 125px/.8 'Space Grotesk';letter-spacing:-10px}.art-c strong span{font-size:85px;margin-left:30px}.flux-lines{position:absolute;width:450px;height:450px;top:-150px;right:-180px;border:55px solid #1a4236;border-radius:50%;box-shadow:0 0 0 18px #d8f68c,0 0 0 60px #1a4236,0 0 0 78px #d8f68c,0 0 0 120px #1a4236;transition:transform 1s}.project:hover .flux-lines{transform:translate(-40px,30px)}.services{padding:110px 7%;background:#1b393a;display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.service-intro h2{font-size:clamp(45px,5vw,75px);margin:30px 0}.service-intro>p:last-child{font-size:13px;color:var(--muted);line-height:1.8}.service-list{padding-top:45px}details{border-top:1px solid var(--line);padding:28px 0}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font:500 25px 'Space Grotesk';letter-spacing:-1px;display:flex;gap:20px;align-items:center}summary::-webkit-details-marker{display:none}summary>span{font:10px monospace;letter-spacing:0;color:var(--acid)}summary b{margin-left:auto;font-weight:400;transition:transform .3s}details[open] summary b{transform:rotate(45deg)}details p{font-size:13px;line-height:1.9;color:var(--muted);padding:22px 0 20px 35px}details small{display:block;padding-left:35px;font:8px monospace;letter-spacing:1px;color:var(--acid)}.contact{position:relative;overflow:hidden;padding:115px 7% 0;background:var(--acid);color:var(--bg);text-align:center}.contact h2{font-size:clamp(80px,13vw,190px);line-height:.9;margin:40px 0}.contact h2 em{color:#527449}.contact-button{border:1px solid var(--bg);border-radius:50px;padding:20px 30px;background:var(--bg);color:var(--paper);font-size:14px;position:relative}.contact-button span{margin-left:35px;font-size:22px}.contact-button:hover{background:transparent;color:var(--bg)}.contact-note{font-size:11px;margin:22px 0 100px}.contact-orbit{position:absolute;left:10%;top:140px;width:80%;height:240px;border:1px solid #19362e25;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.contact footer{position:relative;border-top:1px solid #19362e55;display:flex;justify-content:space-between;align-items:center;padding:30px 0;font:8px monospace;letter-spacing:1px}.contact footer .logo{font-size:25px}.reveal{opacity:0;transform:translateY(45px);transition:opacity .9s,transform 1s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}dialog{background:var(--paper);color:var(--bg);border:0;border-radius:4px;padding:60px;width:min(740px,92vw);max-height:88svh;overflow:auto}dialog::backdrop{background:#071e22c9;backdrop-filter:blur(12px)}dialog h2{font-size:65px;line-height:1;margin:25px 0}dialog p{line-height:1.8;font-size:14px}.close{position:absolute;right:22px;top:18px;border:0;background:none;color:var(--bg);font-size:25px}.case-study{border-top:1px solid #19362e44;padding-top:25px;margin-top:30px}.case-study h3{font-size:32px;margin:15px 0}.next-project,.submit{padding:15px 22px;border:0;background:var(--bg);color:var(--paper);margin-top:25px}.tag{display:inline-block;font:9px monospace;border:1px solid #19362e44;border-radius:30px;padding:8px 13px;margin:18px 5px 0 0}form{display:grid;gap:18px;margin-top:25px}label{display:grid;gap:8px;font-size:12px}input,textarea,select{font:14px 'DM Sans';width:100%;background:#fff5;border:1px solid #19362e44;border-radius:0;padding:12px;color:var(--bg)}textarea{resize:vertical}#form-status{font-size:12px}.submit{margin-top:0}body.modal-open{overflow:hidden}@keyframes bob{50%{transform:translateY(6px)}}@media(min-width:1600px){.hero-copy{left:10%}}@media(max-width:760px){header{padding:20px 5%;gap:15px}nav{gap:15px}nav>a[href="#studio"]{display:none}nav>a{font-size:10px}.nav-cta{padding:9px 12px}.nav-cta span{margin-left:8px}.logo{font-size:23px}.logo-mark{font-size:27px}.coordinates{top:95px;font-size:7px}.coordinates span:last-child{display:none}.hero-copy{top:23%;left:7%}h1{font-size:clamp(76px,16vw,115px)}.hero-bottom{flex-direction:column;align-items:flex-start;gap:14px;font-size:12px;margin-top:25px}.hero-bottom p{max-width:210px}.round-link{font-size:11px}.stage{min-height:600px}.scene-footer{font-size:7px;bottom:24px}.scene-footer>span:first-child{max-width:130px;line-height:1.7}.chapter{top:25%;left:7%;right:7%}.chapter h2{font-size:52px}.chapter-two{top:57%;text-align:left;left:7%}.chapter>p:last-child{font-size:12px}.intro,.work,.services{padding:75px 7%}.intro h2{font-size:38px;margin-bottom:40px}.intro-bottom{grid-template-columns:1fr;gap:25px}.asterisk{font-size:65px}.intro-bottom p{font-size:14px;max-width:none}.section-top>span{display:none}.work-title{display:block;margin:35px 0}.work-title h2{font-size:57px}.work-title p{margin-top:25px}.art-a{height:390px}.aether-orb{width:240px;height:240px}.art-label{font-size:67px;left:25px;right:25px}.art-note{left:25px;font-size:7px}.project-meta{grid-template-columns:1fr auto;gap:10px}.project-meta p{grid-row:2}.project-meta>span{font-size:6px;grid-column:2;grid-row:1/3}.work-grid{grid-template-columns:1fr;gap:10px}.art-b,.art-c{height:400px}.services{grid-template-columns:1fr;gap:15px}.service-intro h2{font-size:58px}.service-list{padding-top:25px}summary{font-size:23px}.contact{padding-top:80px}.contact h2{font-size:84px}.contact .eyebrow{font-size:8px}.contact-note{margin-bottom:70px;font-size:9px}.contact footer{flex-wrap:wrap;gap:25px}.contact footer>span:nth-child(2){display:none}dialog{padding:50px 25px 30px}dialog h2{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{display:none}.reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}