:root{--bg:#0c0d0e;--fg:#f0f0ec;--mute:#959994;--lime:#dff36c;--line:rgba(240,240,236,.16);--surface:#17191a;--font-display:'Space Grotesk',Arial,sans-serif;--font-body:'DM Sans',Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.modal-open,body.menu-open{overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg,iframe{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display)}::selection{background:var(--lime);color:#0a0b0c}.shell{width:min(100% - 104px,1500px);margin-inline:auto}.page-grain{pointer-events:none;position:fixed;z-index:90;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.skip-link{position:fixed;z-index:300;top:-60px;left:1rem;padding:.8rem 1.2rem;background:var(--lime);color:var(--bg)}.skip-link:focus{top:1rem}
/* Header */
.site-header{position:sticky;top:0;z-index:70;height:88px;background:rgba(12,13,14,.62);transition:background .3s,border-color .3s;border-bottom:1px solid transparent;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-header.is-scrolled{background:rgba(12,13,14,.94);border-color:var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-symbol{position:relative;font:700 44px/.8 var(--font-display);letter-spacing:-.09em}.brand-star{position:absolute;top:-7px;right:-13px;font:700 14px/1 var(--font-display);letter-spacing:0;color:var(--lime)}.brand-word{display:grid;margin-left:5px;font:700 11px/1.1 var(--font-display);letter-spacing:.16em}.brand-word small{font:500 10px/1.6 var(--font-display);letter-spacing:.38em;color:var(--mute)}.desktop-nav{display:flex;align-items:center;gap:39px;margin-left:65px}.desktop-nav a{font-size:12px;font-weight:600;color:#c9ccc5;transition:color .2s}.desktop-nav a:hover{color:var(--lime)}.nav-count{color:var(--lime);font-size:8px;vertical-align:top;margin-left:2px}.header-contact{display:flex;align-items:center;gap:35px;border:1px solid #575b51;padding:12px 17px 12px 20px;border-radius:99px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;transition:background .25s,color .25s,border-color .25s}.header-contact:hover{color:var(--bg);background:var(--lime);border-color:var(--lime)}.header-contact span{font-size:17px;line-height:1}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;background:none;border:1px solid var(--line);border-radius:99px;align-items:center}.menu-toggle span{width:17px;height:1.5px;background:var(--fg);transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-nav{position:absolute;left:0;right:0;top:100%;padding:18px 24px 32px;background:#151718;border-bottom:1px solid var(--line);box-shadow:0 22px 60px #0008}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;padding:14px 4px;border-bottom:1px solid var(--line);font:600 24px/1.4 var(--font-display)}
/* Hero */
.hero{padding-top:22px}.hero-topline,.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font:700 10px/1.4 var(--font-display);letter-spacing:.11em;color:#aaaead}.eyebrow{font:700 10px/1.5 var(--font-display);letter-spacing:.18em}.green-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px #dcfb7390;margin-right:9px}.hero-index{color:#747a75}.hero-main{min-height:690px;display:grid;grid-template-columns:55% 45%;align-items:center}.hero-copy{position:relative;z-index:3;padding:64px 0 72px}.hero-kicker{color:#a9ada5;font:600 11px/1.6 var(--font-display);letter-spacing:.17em;margin-bottom:26px}.hero h1{font-size:clamp(86px,10.25vw,170px);font-weight:700;line-height:.82;letter-spacing:-.105em;margin:0 0 36px;text-transform:uppercase}.hero-line{display:block;white-space:nowrap}.hero-line-outline{-webkit-text-stroke:1px #b7bbb5;color:transparent}.hero h1 em{font-style:normal;color:var(--lime)}.hero-description{max-width:370px;font-size:16px;line-height:1.65;color:#aeb3ac;margin-bottom:27px}.pill-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:999px;padding:8px 8px 8px 24px;min-height:51px;font:700 12px/1 var(--font-display);text-transform:uppercase;letter-spacing:.07em;transition:transform .25s var(--ease),background .25s}.pill-link:hover{transform:translateY(-3px)}.pill-link-lime{background:var(--lime);color:#10120c}.pill-icon{width:35px;height:35px;background:#11140c;color:var(--lime);border-radius:50%;display:grid;place-items:center;font:400 21px/1 Arial,sans-serif}.hero-stage{position:relative;isolation:isolate;min-height:595px;align-self:center;display:flex;flex-direction:column;justify-content:space-between;padding:20px 24px;background:radial-gradient(ellipse at 51% 48%,#40482c 0%,#222a20 30%,#151b17 61%,#141818 100%);border:1px solid #4f5943;overflow:hidden;box-shadow:0 60px 100px #0003}.hero-stage::before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 48%,#ffffff0a 48.1%,transparent 49%),repeating-linear-gradient(90deg,transparent 0 68px,#ffffff06 69px 70px);pointer-events:none}.hero-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#05070470,transparent 24%,transparent 70%,#05070440);pointer-events:none}.stage-top,.stage-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:6px;font:700 9px/1.2 var(--font-display);letter-spacing:.13em;color:#dee9cc}.stage-bottom{justify-content:space-between}.stage-arrow{font-size:30px;font-weight:400}.stage-graphic{position:absolute;inset:0;display:grid;place-items:center}.stage-orbit{position:absolute;border:1px solid #d0ff7780;border-radius:50%;transform:rotate(-30deg) scaleY(.75);box-shadow:0 0 18px #a9ed6760}.orbit-one{width:90%;aspect-ratio:1;animation:rotateOrb 18s linear infinite}.orbit-two{width:71%;aspect-ratio:1;transform:rotate(43deg) scaleY(.7);animation:rotateOrbReverse 15s linear infinite}.stage-orb{z-index:2;width:52%;aspect-ratio:1;border-radius:50%;position:relative;transform:rotate(-24deg);background:radial-gradient(circle at 31% 24%,#fdffdf 0%,#c4fd72 13%,#99bb57 29%,#57713a 49%,#26352b 73%,#0a1014 98%);box-shadow:inset -15px -28px 35px #070b09a8,inset 16px 16px 45px #feffc9a3,20px 50px 70px #0009,0 0 66px #b8ff6860;animation:orbFloat 6s ease-in-out infinite}.stage-orb::after{content:'';position:absolute;inset:5%;border-radius:50%;border:1px solid #f7ffa552;transform:rotate(25deg) scaleX(.9)}.orb-highlight{position:absolute;top:6%;left:26%;width:35%;height:17%;border-radius:50%;background:#feffcf9e;filter:blur(18px);transform:rotate(-35deg)}.stage-center-cross{position:absolute;z-index:3;color:#ecffb7;font-size:20px;opacity:.7}.stage-tick{position:absolute;color:#c6d3af;font:600 12px var(--font-display)}.tick-one{top:28%;left:12%}.tick-two{right:10%;bottom:26%}.stage-vertical{position:absolute;z-index:3;right:7px;top:47%;writing-mode:vertical-rl;font:600 8px var(--font-display);letter-spacing:.25em;color:#c8d1bb}.hero-bottom{padding:0 0 24px;border-bottom:1px solid var(--line)}.scroll-label{display:flex;gap:13px;align-items:center}.scroll-label span{font-size:20px;line-height:1;color:var(--lime)}@keyframes orbFloat{0%,100%{transform:translateY(0) rotate(-24deg)}50%{transform:translateY(-21px) rotate(-19deg)}}@keyframes rotateOrb{0%{transform:rotate(-30deg) scaleY(.75)}100%{transform:rotate(330deg) scaleY(.75)}}@keyframes rotateOrbReverse{0%{transform:rotate(43deg) scaleY(.7)}100%{transform:rotate(-317deg) scaleY(.7)}}
/* Ticker */
.ticker{overflow:hidden;margin-top:53px;padding:18px 0 16px;background:var(--lime);color:#171b10;transform:none;font:700 clamp(17px,2.1vw,32px)/1 var(--font-display);letter-spacing:-.035em;white-space:nowrap}.ticker-track{width:max-content;display:flex;animation:ticker 27s linear infinite}.ticker-track span{padding-right:35px}@keyframes ticker{to{transform:translateX(-50%)}}
/* Shared section */
.section{padding-top:151px;padding-bottom:155px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:51px}.section-heading h2{font-size:clamp(49px,5.6vw,87px);line-height:.98;font-weight:600;letter-spacing:-.08em;margin:26px 0 0}.section-heading>p{font-size:15px;line-height:1.7;color:#9b9f98;max-width:315px;margin-bottom:7px}.section-number{color:var(--lime)}.period{color:var(--lime)}
/* Work art cards */
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:51px 20px}.project-trigger{display:block;width:100%;border:0;background:none;padding:0;color:inherit;text-align:left}.art{height:clamp(340px,39vw,560px);overflow:hidden;position:relative;isolation:isolate;border-radius:3px;transition:filter .4s}.project-trigger:hover .art{filter:brightness(1.11)}.project-trigger:hover .art:after{opacity:1}.art:after{content:'';pointer-events:none;position:absolute;inset:0;border:1px solid #ffffff60;opacity:0;transition:opacity .3s}.art-badge,.art-corner{position:absolute;z-index:5;font:700 10px/1 var(--font-display);letter-spacing:.12em}.art-badge{top:23px;left:24px;padding:9px 12px;border:1px solid #ffffff74;border-radius:30px;color:#fff}.art-corner{right:24px;bottom:22px;color:#ffffffcb}.art-type{position:absolute;z-index:4;font-family:var(--font-display);font-weight:700;letter-spacing:-.085em;line-height:.84}.project-meta{display:flex;justify-content:space-between;align-items:start;gap:10px;padding-top:19px}.project-title{font:600 17px/1.4 var(--font-display);letter-spacing:-.025em}.project-title small{display:block;margin-top:5px;font:600 10px/1.2 var(--font-display);letter-spacing:.12em;color:#7f857e}.project-action{font:600 11px/1.7 var(--font-display);color:#bfc4ba;white-space:nowrap;transition:color .2s}.project-action span{font-size:18px;margin-left:8px}.project-trigger:hover .project-action{color:var(--lime)}.art-orbit{background:radial-gradient(ellipse at 45% 30%,#b5eeb1,#407666 27%,#19292d 59%,#0e161b 80%)}.orbit-ring{position:absolute;border:2px solid #dafbf5a6;border-radius:50%;width:75%;aspect-ratio:1;top:4%;left:12%;transform:rotate(-37deg) scaleY(.62);box-shadow:0 0 28px #b5ffd751}.ring-inner{width:56%;top:17%;left:23%;transform:rotate(36deg) scaleY(.83);opacity:.6}.orbit-object{position:absolute;width:30%;aspect-ratio:.8;top:25%;left:35%;border-radius:45% 45% 36% 36%;background:linear-gradient(120deg,#14292e,#a7ecdc 25%,#406b72 43%,#07151a 70%,#34636b);transform:rotate(-34deg);box-shadow:12px 25px 40px #000c,0 0 30px #c2f0dc70}.orbit-object:before{content:'';position:absolute;border-radius:40%;background:radial-gradient(ellipse,#172b38 24%,#0a1115 42%,#779fa4 52%,#192d35 68%);inset:11% 17% 31%;box-shadow:inset 2px 8px 8px #000}.orbit-object span{position:absolute;width:76%;height:14%;bottom:11%;left:12%;border:2px solid #b5e9e0;border-radius:50%;opacity:.6}.art-type-orbit{left:25px;bottom:30px;color:#effdf4;font-size:clamp(52px,6.7vw,106px);text-shadow:0 2px 20px #0a2926a0}.art-type-orbit span{color:#b0efb9}.art-form{background:radial-gradient(circle at 55% 30%,#e4d4c6 0,#b99588 24%,#8d615d 60%,#4b3036 100%)}.art-form:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 38%,#fdf0e42b 39%,transparent 40%)}.form-glow{position:absolute;width:60%;height:59%;top:12%;left:24%;border-radius:50%;background:#ffdacb8a;filter:blur(65px)}.form-container{position:absolute;z-index:3;top:22%;left:35%;width:26%;height:48%;background:linear-gradient(90deg,#efe7de 0,#fff8ec 30%,#bdaba0 79%,#e2cfc1 100%);border-radius:10px 10px 17px 17px;box-shadow:25px 35px 42px #4b293777;transform:rotate(12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4b4741;font:700 clamp(21px,2.9vw,43px)/1 var(--font-display);letter-spacing:-.075em}.form-container:before{content:'';position:absolute;left:7%;top:-14%;height:15%;width:86%;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#ae9792,#ece0d0,#b5a7a2);box-shadow:inset 0 6px 4px #ffffff36}.form-container span:last-child{font-size:8px;letter-spacing:.2em;font-weight:400;margin-top:9px}.form-shadow{position:absolute;left:28%;bottom:16%;width:50%;height:12%;background:#47252c6e;filter:blur(22px);border-radius:50%}.art-type-form{left:25px;bottom:33px;font-size:clamp(62px,7vw,105px);color:#fff6ef;mix-blend-mode:screen}.art-vector{background:linear-gradient(124deg,#d3fe70,#84a52b 34%,#252a21 78%,#11181a)}.art-vector:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff1d 0 1px,transparent 1px 50px);transform:rotate(-20deg) scale(1.5)}.vector-rings{position:absolute;width:57%;aspect-ratio:1;top:1%;right:-6%;border:1px solid #e5ffb584;border-radius:50%;box-shadow:0 0 0 25px #d0f19b20,0 0 0 65px #d0f19b18,0 0 0 115px #d0f19b12}.vector-diagonal{position:absolute;z-index:2;left:33%;top:9%;width:39%;height:75%;background:linear-gradient(150deg,#f2fbda,#c0e9b2 20%,#1d3933 26%,#496f46 52%,#b2d88d 57%,#122321 78%);clip-path:polygon(9% 9%,65% 0,98% 16%,88% 51%,70% 65%,61% 93%,24% 100%,3% 75%,30% 48%,0 33%);transform:rotate(24deg);box-shadow:24px 24px 40px #0b2410}.vector-speed{position:absolute;height:2px;width:60%;left:16%;background:linear-gradient(90deg,transparent,#faffd0,transparent);transform:rotate(-24deg)}.speed-one{top:47%}.speed-two{top:57%;left:40%;width:47%}.art-type-vector{font-size:clamp(54px,6vw,92px);color:#fff;left:28px;bottom:35px;text-shadow:0 6px 25px #202a19c2}.art-type-vector span{color:var(--lime);font-size:.7em}.art-signal{background:radial-gradient(circle at 50% 45%,#958cfe 0,#5242a6 25%,#211e57 55%,#101329 95%)}.art-signal:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 45px,#e3e7ff18 46px 47px),repeating-linear-gradient(0deg,transparent 0 45px,#e3e7ff18 46px 47px)}.signal-lines{position:absolute;inset:0;display:grid;place-items:center}.signal-lines i{position:absolute;border:1px solid #e3dcff88;border-radius:50%;width:30%;aspect-ratio:1;box-shadow:0 0 20px #ddd0ff55}.signal-lines i:nth-child(2){width:42%;border-color:#e3dcff6e}.signal-lines i:nth-child(3){width:55%;border-color:#e3dcff59}.signal-lines i:nth-child(4){width:68%;border-color:#e3dcff48}.signal-lines i:nth-child(5){width:82%;border-color:#e3dcff38}.signal-core{position:absolute;top:29%;left:39%;width:22%;aspect-ratio:1;border-radius:28%;transform:rotate(-24deg);background:linear-gradient(140deg,#e9e1ff,#9c8dff 27%,#4834a3 70%,#151244);display:grid;place-items:center;box-shadow:10px 25px 55px #030420ab,inset 0 4px 10px #fff9}.signal-core span{color:#e8e3ff;font:700 clamp(60px,8vw,115px)/1 var(--font-display);transform:rotate(24deg)}.art-type-signal{left:26px;bottom:35px;color:#f3f0ff;font-size:clamp(51px,6.3vw,96px);text-shadow:0 3px 22px #0b0734b8}.work-disclaimer{margin:36px 0 0;color:#777e77;line-height:1.6;font-size:12px;display:flex;align-items:start;gap:10px}.disclaimer-mark{color:var(--lime);font-size:18px;line-height:1}
/* Big statement */
.statement{background:#dff36c;color:#12160d;overflow:hidden}.statement-inner{padding:86px 0 87px;position:relative}.statement .eyebrow{color:#53622d}.statement p{font:700 clamp(56px,8.4vw,137px)/.91 var(--font-display);letter-spacing:-.095em;max-width:1300px;margin:38px 0}.statement p span{color:#778b42}.statement p em{font-style:normal;color:#18200c}.statement-aside{display:block;text-align:right;font:700 11px var(--font-display);letter-spacing:.08em}
/* Process */
.section-approach .section-heading{margin-bottom:67px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.step{padding:27px 50px 35px 0;border-right:1px solid var(--line);min-height:305px}.step:not(:first-child){padding-left:44px}.step:last-child{border-right:0}.step-index{font:700 11px var(--font-display);letter-spacing:.13em;color:var(--lime)}.step-icon{font:400 59px/1 var(--font-display);margin:36px 0 14px;color:#e7eae2}.step h3{font-size:27px;letter-spacing:-.045em;margin:0 0 9px}.step p{font-size:14px;line-height:1.75;color:#999f97;max-width:285px;margin:0}
/* Services */
.section-services{padding:113px 0 140px;background:#151718}.services-layout{display:grid;grid-template-columns:42% 58%;gap:40px}.services-intro h2{font-size:clamp(75px,8.4vw,145px);line-height:.88;letter-spacing:-.1em;margin:43px 0 28px}.services-intro h2 em{font-style:normal;color:var(--lime)}.services-intro p{color:#a1a7a0;max-width:270px;font-size:15px}.services-list{align-self:end;padding-top:50px}.services-list>div{display:grid;grid-template-columns:42px 1fr 30px;gap:18px;align-items:center;border-top:1px solid #ffffff3c;padding:22px 0}.services-list>div:last-child{border-bottom:1px solid #ffffff3c}.services-list>div>span:first-child{font:700 10px var(--font-display);color:var(--lime)}.services-list h3{font:500 clamp(23px,2.5vw,36px)/1.2 var(--font-display);letter-spacing:-.05em;margin:0}.services-list>div>span:last-child{font-size:25px;color:#d1d6cb}
/* Contact */
.contact-section{padding-top:130px;padding-bottom:130px}.contact-content>p{font:700 12px var(--font-display);letter-spacing:.12em;color:#9ca198;margin:40px 0 18px}.contact-content h2{font:700 clamp(80px,12vw,202px)/.84 var(--font-display);letter-spacing:-.105em;margin:0 0 65px}.contact-content h2 em{font-style:normal;color:var(--lime)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px}.contact-bottom>p{color:#9da39b;max-width:310px;line-height:1.75;font-size:15px}.contact-actions{display:flex;align-items:end;flex-direction:column;gap:16px}.contact-actions small{font-size:11px;max-width:370px;text-align:right;color:#8b928b;line-height:1.5}.contact-actions small code{word-break:break-word}.contact-email[aria-disabled="true"]{opacity:.6;cursor:not-allowed}.contact-email[aria-disabled="true"]:hover{transform:none}
/* Footer */
.site-footer{border-top:1px solid var(--line);color:#7c847e}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:39px 0 35px;border-bottom:1px solid var(--line)}.footer-brand{font:700 25px var(--font-display);color:#f3f4f0;letter-spacing:-.07em}.footer-brand span{color:var(--lime)}.footer-inner>span,.footer-inner>a:last-child,.footer-bottom{font:700 10px/1.6 var(--font-display);letter-spacing:.08em}.footer-inner>a:last-child{color:#e1e6dd}.footer-inner>a:last-child:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:19px 0 23px}
/* Modal */
.modal[hidden]{display:none}.modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:#080a0be8;backdrop-filter:blur(8px)}.modal-panel{position:relative;z-index:1;max-width:920px;width:100%;max-height:min(92vh,1000px);overflow-y:auto;background:#191d1e;border:1px solid #4b554a;box-shadow:0 30px 100px #0009}.modal-close{position:absolute;z-index:5;right:12px;top:12px;width:38px;height:38px;border:1px solid #fff6;border-radius:50%;background:#121717cb;color:white;font-size:18px}.modal-media{width:100%;aspect-ratio:16/9;background:#151a18;display:grid;place-items:center}.modal-media iframe{display:block;border:0;width:100%;height:100%}.modal-placeholder{width:100%;height:100%;background:radial-gradient(circle at 52% 41%,#526542,#1f2922 47%,#111815 75%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#d9e3d3}.placeholder-spark{font-size:90px;color:var(--lime);line-height:1}.placeholder-title{font:700 clamp(27px,6vw,62px)/1 var(--font-display);letter-spacing:-.07em}.placeholder-caption{font:700 10px var(--font-display);letter-spacing:.23em;margin-top:14px}.modal-info{padding:28px 33px 36px}.modal-info .eyebrow{color:var(--lime)}.modal-info h2{font-size:clamp(31px,4vw,52px);letter-spacing:-.06em;line-height:1.1;margin:13px 0}.modal-info p{max-width:650px;color:#b2b8af;font-size:15px;line-height:1.65}.modal-info .modal-note{color:#7c8e7b;font-size:12px;margin-bottom:0}
/* Reveal progressive enhancement */
.reveal{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}.project:nth-child(2),.step:nth-child(2){transition-delay:.08s}.project:nth-child(3),.step:nth-child(3){transition-delay:.13s}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Tablet */
@media(max-width:1100px){.shell{width:min(100% - 68px,1500px)}.desktop-nav{margin-left:0;gap:25px}.hero-main{grid-template-columns:57% 43%;min-height:560px}.hero h1{font-size:clamp(72px,10.3vw,125px)}.hero-stage{min-height:500px}.hero-description{max-width:305px}.stage-top{font-size:8px}.section{padding-top:120px;padding-bottom:120px}.services-layout{grid-template-columns:40% 60%;gap:25px}.project-title{font-size:15px}}
@media(max-width:800px){.shell{width:min(100% - 44px,1500px)}.site-header{height:74px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:flex}.hero-topline{font-size:9px}.hero-index{font-size:8px}.hero-main{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:80px 0 50px}.hero h1{font-size:clamp(80px,15vw,142px)}.hero-description{max-width:380px}.hero-stage{min-height:580px;margin-bottom:28px}.section-heading{flex-direction:column;align-items:start;gap:14px}.section-heading>p{max-width:470px}.work-grid{gap:42px 15px}.art{height:400px}.art-type-orbit{font-size:64px}.art-type-form{font-size:70px}.art-type-vector{font-size:60px}.art-type-signal{font-size:64px}.project-meta{flex-direction:column;gap:5px}.steps{grid-template-columns:1fr}.step,.step:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:26px 0 32px;min-height:0}.step-icon{margin:22px 0 8px}.services-layout{grid-template-columns:1fr}.services-intro h2{margin:23px 0 24px}.services-list{padding-top:18px}.contact-content h2{font-size:clamp(84px,13vw,145px)}.contact-bottom{align-items:start;flex-direction:column}.contact-actions{align-items:start}.contact-actions small{text-align:left}.footer-inner>span{display:none}}
/* Mobile */
@media(max-width:600px){.shell{width:min(100% - 34px,1500px)}.brand-symbol{font-size:40px}.hero{padding-top:20px}.hero-topline{align-items:start}.hero-index{max-width:110px;text-align:right;line-height:1.5}.hero-kicker{font-size:9px;margin-bottom:24px}.hero-copy{padding:82px 0 48px}.hero h1{font-size:clamp(64px,16.5vw,98px);margin-bottom:29px;letter-spacing:-.1em}.hero-description{font-size:14px;max-width:340px}.hero-stage{min-height:435px;padding:16px}.stage-top,.stage-bottom{font-size:7px}.stage-vertical{font-size:6px}.stage-orb{width:56%}.hero-bottom{font-size:8px}.ticker{margin-top:44px;padding:14px 0}.section{padding:96px 0 104px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:clamp(47px,11vw,70px);margin-top:22px}.section-heading>p{font-size:14px}.work-grid{grid-template-columns:1fr;gap:37px}.art{height:auto;aspect-ratio:1.1}.art-type-orbit,.art-type-form,.art-type-signal{font-size:clamp(57px,16vw,90px)}.art-type-vector{font-size:clamp(54px,14vw,85px)}.project-meta{flex-direction:row;align-items:start}.project-title{font-size:14px}.project-title small{font-size:9px}.project-action{font-size:10px}.work-disclaimer{font-size:11px}.statement-inner{padding:77px 0}.statement p{font-size:clamp(56px,13.4vw,91px);margin:30px 0}.statement-aside{font-size:9px}.section-approach .section-heading{margin-bottom:35px}.step-icon{font-size:48px}.step h3{font-size:26px}.section-services{padding:93px 0 100px}.services-intro h2{font-size:clamp(82px,18vw,119px)}.services-list>div{grid-template-columns:26px 1fr 20px;gap:7px;padding:20px 0}.services-list h3{font-size:clamp(21px,5.7vw,30px)}.services-list>div>span:last-child{font-size:19px}.contact-section{padding:103px 0 96px}.contact-content>p{font-size:10px;margin:30px 0 20px}.contact-content h2{font-size:clamp(67px,16vw,108px);margin-bottom:46px}.contact-bottom>p{font-size:14px}.footer-inner{padding:27px 0}.footer-bottom{flex-direction:column;gap:4px;font-size:9px}.modal{padding:12px}.modal-info{padding:25px 18px 30px}.modal-note{font-size:11px}}
@media(max-width:380px){.hero h1{font-size:16vw}.hero-stage{min-height:370px}.stage-top span:last-child{display:none}.project-meta{flex-direction:column}.art-badge{left:15px;top:15px}.art-type{left:15px}.contact-content h2{font-size:15.7vw}}


/* Version 2 — actual Vimeo films, branded poster treatment and responsive 9:16 playback. */
.hero-stage-film{min-height:0;display:flex;flex-direction:column;justify-content:stretch;padding:0;border:1px solid #394039;background:#121615;overflow:hidden}
.hero-preview-frame{position:relative;flex:1;min-height:470px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 66% 43%,#3a604f 0%,#1d3434 30%,#0c1518 72%)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:1;opacity:.79}
.hero-film-art{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#1114143d,#0a101127 50%,#070b0dc9);pointer-events:none}
.hero-film-art>span{font:700 clamp(100px,15vw,240px)/.83 var(--font-display);letter-spacing:-.13em;color:#f7fff0;text-shadow:0 6px 35px #09130d85}
.hero-art-period{color:var(--lime)}.hero-film-art small{margin-top:24px;font:700 9px var(--font-display);letter-spacing:.22em;color:#d7efc2}
.hero-film-play{position:absolute;inset:0;z-index:3;border:0;background:none;color:white;display:flex;gap:11px;align-items:flex-end;justify-content:flex-start;padding:23px 24px;font:700 10px var(--font-display);letter-spacing:.13em}
.hero-film-play-icon{display:grid;place-items:center;border-radius:50%;width:50px;height:50px;font-size:23px;background:var(--lime);color:#10130c;transition:transform .25s ease}
.hero-film-play:hover .hero-film-play-icon{transform:scale(1.1) rotate(45deg)}.hero-film-footer{padding:12px 19px;display:flex;align-items:center;justify-content:space-between;font:700 9px var(--font-display);letter-spacing:.15em;color:#d7e3d4;background:#121717}
.film-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px 22px}
.film-card-feature{grid-column:1 / -1}
.film-cover{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:16/10;background:#111a1e;border:1px solid #343b38}
.film-card-feature .film-cover{aspect-ratio:2.15/1}
.film-cover .vimeo-preview{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0;pointer-events:none;opacity:.83;filter:saturate(.94)}
.film-cover::before{content:'';position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 45% 34%,#496d5c,#0e2223 48%,#0b1419 90%)}
.film-cover-murmur::before{background:radial-gradient(circle at 63% 33%,#836f7d,#292936 50%,#14131c 100%)}
.film-cover-slake::before{background:radial-gradient(circle at 58% 38%,#715a95,#232133 52%,#100e1c 100%)}
.film-cover-history::before{background:radial-gradient(circle at 65% 40%,#a78558,#3a2c26 48%,#11171c 95%)}
.film-cover-zest::before{background:radial-gradient(circle at 60% 35%,#9cc96a,#3b6543 46%,#112322 92%)}
.film-cover-button{position:absolute;z-index:2;inset:0;width:100%;height:100%;padding:22px 25px;border:0;background:linear-gradient(180deg,#080c10a1,transparent 37%,transparent 46%,#040809d9 100%);display:flex;flex-direction:column;justify-content:space-between;color:white;text-align:left;transition:background .25s ease}
.film-cover-button:hover{background:linear-gradient(180deg,#080c10b0,transparent 38%,#02080833 50%,#040809e8 100%)}
.film-overline{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 10px var(--font-display);letter-spacing:.15em;color:#f0f4ed;text-shadow:0 2px 12px #000}
.film-graphic-title{align-self:flex-start;max-width:90%;font:700 clamp(45px,6.5vw,110px)/.9 var(--font-display);letter-spacing:-.09em;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 5px 26px #0008}
.film-card-feature .film-graphic-title{font-size:clamp(80px,13vw,210px);letter-spacing:-.12em}
.film-watch{width:100%;display:flex;gap:10px;align-items:center;font:700 10px var(--font-display);letter-spacing:.15em;color:#f2f6ee}
.film-watch>span:last-child{margin-left:auto;font-size:24px;font-weight:400;transition:transform .3s ease}
.film-cover-button:hover .film-watch>span:last-child{transform:translate(4px,-4px)}
.film-watch-circle{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #f2f6e8b5;background:#f7f9e51a;font-size:12px;letter-spacing:0}
.film-meta{padding-top:15px;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.film-meta h3{font:700 clamp(19px,1.75vw,26px)/1.15 var(--font-display);letter-spacing:-.045em;margin:0 0 7px}
.film-meta span{font:600 10px var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#888f86}
.film-meta button{border:0;background:none;color:#e1e4d9;padding:5px 0 4px;white-space:nowrap;display:flex;gap:13px;font:700 10px var(--font-display);letter-spacing:.1em}
.film-meta button span{font-size:16px;line-height:1;color:var(--lime)}
.film-card-portrait .film-cover{background:#101016}
.film-card-portrait .vimeo-preview{left:auto;right:14%;top:0;width:36%;height:100%;border-left:1px solid #a3a0af61;border-right:1px solid #a3a0af61;box-shadow:0 0 90px #0008;opacity:1}
.film-card-portrait .film-graphic-title{max-width:53%;font-size:clamp(55px,6.7vw,108px)}
.film-card-portrait .film-cover-button{background:linear-gradient(90deg,#121023df 0%,#14132085 55%,#08080b66 100%),linear-gradient(180deg,#0a0b10a0,transparent 30%,#040408b8)}
.film-card-portrait .film-overline{position:relative;z-index:1}
.modal-vimeo-link{display:inline-flex;margin-top:13px;border-bottom:1px solid var(--lime);padding-bottom:3px;font:700 12px var(--font-display);color:var(--lime)}
.modal-vimeo-link[hidden]{display:none}
.modal-media.is-portrait{height:min(65vh,710px);width:auto;max-width:100%;aspect-ratio:9/16;margin-inline:auto;background:#090b0b}
.modal-panel.is-portrait{max-width:560px}
.modal-panel.is-portrait .modal-info{padding-top:18px}
@media(max-width:1100px){.hero-preview-frame{min-height:460px}.film-graphic-title{font-size:clamp(45px,6vw,80px)}.film-card-feature .film-graphic-title{font-size:clamp(75px,12vw,135px)}.film-card-portrait .film-graphic-title{font-size:clamp(40px,6vw,75px)}}
@media(max-width:800px){.hero-preview-frame{min-height:520px}.film-grid{gap:35px 15px}.film-cover{aspect-ratio:1.15}.film-card-feature .film-cover{aspect-ratio:1.6}.film-graphic-title{font-size:clamp(36px,6vw,60px)}.film-card-portrait .film-graphic-title{font-size:clamp(39px,6vw,70px)}.film-overline{font-size:8px}.film-cover-button{padding:17px}.film-meta{flex-direction:column;gap:8px}.film-meta button{padding-top:0}.film-card-portrait .vimeo-preview{width:52%;right:4%}}
@media(max-width:600px){.hero-preview-frame{min-height:410px}.hero-film-art>span{font-size:36vw}.hero-film-play{padding:18px}.hero-film-play-icon{width:43px;height:43px}.film-grid{grid-template-columns:minmax(0,1fr);gap:31px}.film-card-feature{grid-column:auto}.film-cover,.film-card-feature .film-cover{aspect-ratio:1.35}.film-cover-button{padding:16px}.film-graphic-title{font-size:clamp(52px,14vw,90px)}.film-card-feature .film-graphic-title{font-size:clamp(86px,24vw,150px)}.film-card-portrait .film-graphic-title{font-size:clamp(50px,14vw,85px)}.film-card-portrait .vimeo-preview{width:39%;right:12%}.film-overline{font-size:8px}.film-meta{flex-direction:row;align-items:center}.film-meta h3{font-size:19px}.film-meta span,.film-meta button{font-size:9px}.film-watch{font-size:9px}.film-watch-circle{width:32px;height:32px}.modal-media.is-portrait{height:auto;width:min(100%, 45vh);max-height:64vh;aspect-ratio:9/16}.modal-panel.is-portrait{max-width:100%}}