:root{--black:#0a0b0b;--ink:#111313;--white:#f0f0e9;--line:#303430;--acid:#d9ff58;--violet:#b7a6fb;--muted:#9a9e96;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,'Noto Sans TC','Microsoft JhengHei',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}::selection{background:var(--acid);color:var(--black)}
.scroll-progress{height:3px;background:var(--acid);position:fixed;left:0;top:0;width:0;z-index:100;box-shadow:0 0 12px var(--acid)}.noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
.site-header{position:absolute;top:0;left:0;right:0;height:88px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff30}.logo,.footer-logo{font-size:30px;font-weight:900;letter-spacing:-.095em;line-height:1}.logo span,.footer-logo span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:3px}.desktop-nav{display:flex;gap:36px;font-size:12px;font-weight:700;letter-spacing:.12em}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--acid)}.nav-contact{border:1px solid #ffffff8a;padding:13px 16px;font-size:11px;letter-spacing:.12em;display:flex;gap:28px;align-items:center;transition:background .2s,color .2s}.nav-contact:hover{background:var(--acid);border-color:var(--acid);color:var(--black)}.nav-contact span{font-size:17px}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;min-height:780px;height:100svh;max-height:1050px;overflow:hidden;background:radial-gradient(circle at 69% 45%,#263132 0,#101615 30%,var(--black) 72%);display:flex;flex-direction:column;justify-content:center;padding:122px 5vw 55px}#shape-waves{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.hero-glow{position:absolute;width:38vw;height:38vw;min-width:430px;min-height:430px;right:2%;top:20%;background:radial-gradient(circle,#d9ff5826,transparent 67%);filter:blur(30px);pointer-events:none}.hero-topline{position:absolute;left:5vw;right:5vw;top:112px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.21em;color:#d1d5c8}.hero-topline span:last-child{margin-left:auto}.live-dot{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 13px var(--acid)}.hero-content{position:relative;z-index:2;margin-top:40px}.hero-overline{font-size:12px;letter-spacing:.28em;color:var(--acid);font-weight:700;display:flex;align-items:center;gap:18px}.hero-overline span{font-size:20px;letter-spacing:0}.hero h1{font-size:clamp(95px,12vw,210px);letter-spacing:-.105em;line-height:.89;margin:35px 0 62px;font-weight:900;white-space:nowrap}.hero-italic{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.095em}.hero-outline{color:transparent;-webkit-text-stroke:1.5px var(--white)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:720px}.hero-bottom p{font-size:15px;line-height:2;color:#ced2c9;letter-spacing:.05em;margin:0}.circle-arrow{border:1px solid #d5dacd;border-radius:50%;width:72px;height:72px;display:grid;place-items:center;font-size:30px;transition:background .25s,color .25s,transform .25s}.circle-arrow:hover{background:var(--acid);border-color:var(--acid);color:var(--black);transform:rotate(45deg)}.hero-side{position:absolute;right:5vw;bottom:73px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.25em;display:flex;align-items:center;gap:20px}.hero-side span{font-size:20px}.hero-index{position:absolute;left:5vw;bottom:38px;color:#7a827c;font-size:10px;letter-spacing:.22em}
.moving-type{height:96px;background:var(--acid);color:var(--black);display:flex;align-items:center;overflow:hidden}.moving-type-track{white-space:nowrap;font-size:42px;font-weight:900;letter-spacing:-.045em;animation:slide-type 23s linear infinite}@keyframes slide-type{to{transform:translateX(-33.333%)}}
.section-shell{padding:115px 5vw}.section-top{border-top:1px solid currentColor;padding-top:17px;display:flex;justify-content:space-between;color:inherit;font-size:10px;letter-spacing:.22em;font-weight:700}.section-top span:last-child{font-size:11px;letter-spacing:.08em}.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.08em}.reveal{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}
.intro{background:#eeeee8;color:var(--ink)}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;margin:100px 0 110px}.intro-lead{position:relative}.asterisk{font-size:30px;color:#959fd1;position:absolute;top:5px;right:13%;animation:rotate-slow 16s linear infinite}@keyframes rotate-slow{to{transform:rotate(360deg)}}.intro h2,.work h2,.services h2,.energy h2,.approach h2{font-size:clamp(58px,7vw,112px);font-weight:900;letter-spacing:-.095em;line-height:1.13;margin:0}.intro .serif{color:#7476ba}.intro-body{padding-top:58px}.intro-body p:first-child{font-size:24px;line-height:1.65;font-weight:700;letter-spacing:-.025em}.intro-body p:nth-child(2){font-size:15px;line-height:2;color:#555e57;letter-spacing:.03em}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid;padding:0 0 12px;display:inline-flex;gap:80px;margin-top:30px;transition:gap .25s}.text-link:hover{gap:100px}.intro-metrics{border-top:1px solid #b8beb5;display:grid;grid-template-columns:repeat(3,1fr);padding-top:28px}.intro-metrics>div{display:flex;align-items:end;gap:20px}.intro-metrics strong{font-size:52px;line-height:1;font-family:var(--serif);font-weight:400;letter-spacing:-.07em}.intro-metrics span{font-size:12px;color:#6f776d;margin-bottom:5px}
.work{background:#111615;color:var(--white);overflow:hidden}.work-heading,.services-heading,.approach-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:85px 0}.work-heading h2 .serif{color:var(--acid)}.work-heading>p,.services-heading>p,.approach-heading>p{max-width:300px;font-size:15px;line-height:1.9;color:#a7aea3;margin:0}.eyebrow{color:var(--acid);font-size:11px;font-weight:700;letter-spacing:.2em;margin-bottom:20px}.work-display{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;min-height:650px}.work-list{padding-top:32px}.work-picker{display:grid;grid-template-columns:50px 1fr 80px 25px;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px solid #505a51;padding:24px 2px;cursor:pointer;transition:color .2s,padding .2s}.work-picker:last-of-type{border-bottom:1px solid #505a51}.work-picker:hover,.work-picker.active{color:var(--acid);padding-left:12px}.work-picker span{font-size:11px;font-weight:700}.work-picker strong{font-size:22px;letter-spacing:-.04em}.work-picker em{font-style:normal;font-size:11px;color:#99a39a;white-space:nowrap}.work-picker b{font-size:20px;font-weight:400}.work-count{text-align:right;font-size:12px;letter-spacing:.15em;color:#9da69b;margin-top:26px}.work-count span{font-size:19px;color:var(--acid)}.swap-wrap{position:relative;min-height:620px}.card-swap{height:570px;position:relative;perspective:1100px;touch-action:pan-y}.swap-card{position:absolute;width:min(480px,77%);aspect-ratio:1.22;top:48%;left:45%;background:#29322d;border:1px solid #7b8077;box-shadow:0 30px 55px #0008;overflow:hidden;transform-origin:center center;transition:transform .7s cubic-bezier(.18,.85,.19,1),opacity .45s,filter .45s;cursor:grab;user-select:none;touch-action:pan-y}.swap-card:active{cursor:grabbing}.swap-card img{width:100%;height:100%;object-fit:cover}.swap-card:nth-child(3) img{filter:grayscale(100%)}.swap-card>div{position:absolute;left:0;right:0;bottom:0;padding:45px 25px 22px;background:linear-gradient(transparent,#000b);display:flex;align-items:end;justify-content:space-between;gap:20px}.swap-card>div span{font-size:9px;letter-spacing:.2em}.swap-card>div strong{font-size:18px;letter-spacing:-.05em}.swap-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #5a6057;padding-top:16px;font-size:11px;letter-spacing:.14em;color:#a5aea4}.swap-controls button{background:none;border:0;font-size:12px;font-weight:bold;letter-spacing:.17em;color:var(--acid);cursor:pointer}
.manifesto{height:110vh;min-height:750px;background:#d0bbfb;color:#141316;position:relative;overflow:hidden}.manifesto:before{content:"✳";position:absolute;font-size:70vw;line-height:1;right:-12vw;top:-20vw;color:#c4abf4;transform:rotate(var(--spin,0deg));pointer-events:none}.manifesto-inner{position:sticky;top:0;height:100vh;min-height:750px;display:flex;flex-direction:column;justify-content:space-between;padding:35px 5vw 55px}.manifesto-top,.manifesto-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;letter-spacing:.17em;border-top:1px solid #17151a;padding-top:15px}.manifesto-bottom{border-top:0;border-bottom:1px solid #17151a;padding-bottom:15px}.manifesto p{font-size:clamp(61px,8.5vw,150px);font-weight:900;line-height:1.18;letter-spacing:-.11em;margin:0;position:relative;z-index:2}.manifesto p span:not(.serif){color:transparent;-webkit-text-stroke:1.5px #1b1720}.manifesto p .serif{color:#543893}
.services{background:var(--black)}.services-heading h2 .serif{color:var(--acid)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{min-height:490px;padding:1px;position:relative;border-radius:14px;background:#252c27;overflow:hidden;isolation:isolate}.glow-border{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(250px circle at var(--mx,50%) var(--my,50%),#d9ff58a0,#b7a6fb5c 28%,transparent 60%);opacity:var(--glow-opacity,0);transition:opacity .25s;z-index:-1}.service-card:after{content:"";position:absolute;inset:1px;border-radius:13px;background:#171b19;z-index:-1}.service-content{height:100%;padding:31px 29px;display:flex;flex-direction:column}.service-num{font-size:10px;letter-spacing:.2em;color:#99a498}.service-symbol{font-size:58px;color:var(--acid);margin:55px 0 42px;line-height:1}.service-card:nth-child(2) .service-symbol{color:var(--violet)}.service-card:nth-child(3) .service-symbol{color:#ffad7b}.service-card h3{font-size:34px;line-height:1.2;letter-spacing:-.06em;margin-bottom:22px}.service-card p{color:#abb2a8;line-height:1.9;font-size:14px;max-width:280px}.service-tag{margin-top:auto;padding-top:30px;border-top:1px solid #3e473e;font-size:10px;letter-spacing:.18em;color:#a1aaa0}
.energy{background:#ebede4;color:var(--ink)}.energy-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;margin-top:75px}.energy-copy h2{margin:25px 0 33px}.energy-copy h2 .serif{color:#597751}.energy-copy>p:not(.eyebrow){font-size:16px;line-height:2;color:#5a665a;max-width:490px}.energy-state{display:flex;align-items:center;gap:20px;margin-top:58px;padding-top:19px;border-top:1px solid #b9c0b6}.energy-state span{font-size:11px;letter-spacing:.14em;color:#657061}.energy-state strong{font-size:23px}.gauge-panel{height:550px;background:#d9ff58;position:relative;display:grid;place-items:center;overflow:hidden}.gauge-decor{position:absolute;left:25px;top:25px;font-size:10px;line-height:1.7;font-weight:bold;letter-spacing:.17em}.gauge{width:150px;height:360px;background:#18201c;border:6px solid #101511;border-radius:34px;position:relative;overflow:hidden;cursor:ns-resize;box-shadow:inset 0 0 0 2px #7d908149,18px 24px 25px #3c513734;touch-action:none;outline-offset:7px}.gauge-liquid{position:absolute;left:0;right:0;bottom:0;height:58%;background:#edf3e5;transition:height .4s cubic-bezier(.2,1.4,.3,1)}.gauge-wave{position:absolute;left:-50%;top:-16px;width:200%;height:32px;border-radius:45% 55% 40% 60%;background:#edf3e5;animation:wave 3s ease-in-out infinite alternate;transform:rotate(var(--tilt,0deg))}@keyframes wave{to{transform:translateX(9%) rotate(calc(var(--tilt,0deg) * -1))}}.gauge-ticks{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-evenly;align-items:end;pointer-events:none}.gauge-ticks span{height:1px;width:18px;background:#ffffff80}.gauge-value{position:absolute;inset:0;z-index:3;display:grid;place-items:center;font-size:40px;font-weight:900;letter-spacing:-.09em;color:#d9ff58;mix-blend-mode:difference}.gauge-caption{position:absolute;right:25px;bottom:22px;font-size:10px;letter-spacing:.16em;font-weight:bold;display:flex;gap:17px;align-items:center}.gauge-caption span{font-size:19px}
.approach{background:#d5d0e1;color:var(--ink)}.approach h2 .serif{color:#624e93}.approach-heading>p{color:#4e4c58}.swipe-list{display:grid;gap:10px;margin-top:60px}.swipe-shell{position:relative;height:105px;overflow:hidden;background:#504965;border-radius:4px}.swipe-drawer{position:absolute;inset:0;display:flex;align-items:center;justify-content:end;gap:35px;padding:0 30px;color:#fff;font-size:13px}.swipe-drawer span{opacity:.7}.swipe-drawer a{background:var(--acid);color:var(--ink);padding:14px 20px;font-weight:bold}.swipe-row{position:absolute;inset:0;background:#f0eef3;display:grid;grid-template-columns:21% 1fr auto;align-items:center;padding:0 28px;cursor:grab;touch-action:pan-y;transition:transform .42s cubic-bezier(.18,.86,.27,1)}.swipe-row:active{cursor:grabbing}.swipe-row span{font-size:10px;font-weight:bold;letter-spacing:.19em}.swipe-row strong{font-size:26px;letter-spacing:-.05em}.swipe-row em{font-size:10px;font-style:normal;letter-spacing:.17em;color:#676270}.swipe-shell.open .swipe-row{transform:translateX(-240px)}
.contact{background:var(--acid);color:var(--ink);padding:37px 5vw 27px;min-height:790px;display:flex;flex-direction:column;position:relative;overflow:hidden}.contact:before{content:"✳";position:absolute;font-size:620px;color:#cdf347;right:-70px;top:20px;line-height:1;pointer-events:none}.contact-top,.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #263022;padding-top:14px;font-size:10px;font-weight:bold;letter-spacing:.18em;position:relative;z-index:2}.contact-kicker{font-size:12px;letter-spacing:.2em;font-weight:bold;margin:120px 0 22px;position:relative;z-index:2}.contact h2{font-size:clamp(88px,15vw,240px);letter-spacing:-.12em;line-height:.85;font-weight:900;margin:0;position:relative;z-index:2}.contact h2 span{font-family:var(--serif);font-weight:400;font-style:italic}.contact-button{display:flex;align-items:center;justify-content:space-between;width:215px;padding:17px 22px;background:var(--black);color:var(--white);font-size:14px;font-weight:bold;position:relative;z-index:2;margin:55px 0 90px;transition:transform .25s,background .25s}.contact-button:hover{transform:translateY(-4px);background:#303a2c}.contact-button span{font-size:24px;font-weight:400}.contact-bottom{margin-top:auto;border-top:1px solid #263022}.footer-logo{font-size:25px}.contact-bottom>a:last-child{font-size:11px}
@media(max-width:1020px){.hero h1{font-size:12vw}.work-display{grid-template-columns:1fr 1fr;gap:2vw}.work-picker{grid-template-columns:35px 1fr 20px}.work-picker em{display:none}.swap-card{left:43%;width:75%}.service-card{min-height:470px}.service-card h3{font-size:29px}.service-content{padding:27px 22px}.swipe-row strong{font-size:22px}}
@media(max-width:760px){.site-header{height:72px;padding:0 6vw}.logo{font-size:27px}.desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex;width:43px;height:39px;flex-direction:column;justify-content:center;gap:7px;border:0;background:none;cursor:pointer}.menu-toggle span{height:2px;background:var(--white);width:100%;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-nav{display:flex;position:absolute;z-index:49;top:72px;left:0;right:0;background:#161a18;flex-direction:column;padding:12px 6vw 30px;transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .35s,opacity .35s}.mobile-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav a{font-size:26px;padding:13px 0;border-bottom:1px solid #ffffff30}.hero{height:780px;min-height:0;max-height:none;padding:120px 6vw 65px}.hero-topline{top:98px;left:6vw;right:6vw;font-size:8px}.hero-topline span:last-child{display:none}.hero-content{margin-top:0}.hero-overline{font-size:10px}.hero h1{font-size:clamp(70px,14vw,115px);line-height:.93;margin:31px 0 50px}.hero-bottom{align-items:center}.hero-bottom p{font-size:13px;max-width:290px}.circle-arrow{width:60px;height:60px;flex-shrink:0}.hero-side{right:6vw;bottom:50px}.hero-index{left:6vw;bottom:35px}.moving-type{height:70px}.moving-type-track{font-size:30px}.section-shell{padding:80px 6vw}.section-top{font-size:9px}.section-top span:last-child{font-size:10px}.intro-grid,.energy-grid{grid-template-columns:1fr;gap:35px;margin:60px 0 65px}.intro h2,.work h2,.services h2,.energy h2,.approach h2{font-size:clamp(55px,10vw,80px)}.intro-body{padding:0}.intro-body p:first-child{font-size:20px}.intro-metrics strong{font-size:36px}.intro-metrics span{font-size:10px}.intro-metrics>div{display:block}.intro-metrics span{margin-top:7px}.work-heading,.services-heading,.approach-heading{display:block;margin:65px 0 40px}.work-heading>p,.services-heading>p,.approach-heading>p{margin-top:25px;max-width:480px}.work-display{grid-template-columns:1fr}.work-list{padding-top:0}.work-picker{grid-template-columns:40px 1fr 80px 22px;padding:17px 2px}.work-picker em{display:block}.work-count{margin-top:15px}.swap-wrap{min-height:550px}.card-swap{height:500px}.swap-card{width:min(440px,70%);left:45%}.manifesto{height:100vh;min-height:660px}.manifesto-inner{min-height:660px}.manifesto p{font-size:clamp(56px,10vw,85px)}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:380px}.service-symbol{margin:25px 0}.energy-grid{margin:70px 0 0}.gauge-panel{height:500px}.approach-heading>p{margin-top:24px}.swipe-row{grid-template-columns:17% 1fr auto;padding:0 18px}.swipe-row strong{font-size:18px}.swipe-row em{font-size:9px}.contact{padding:30px 6vw 24px;min-height:700px}.contact-kicker{margin-top:125px}.contact h2{font-size:clamp(80px,15vw,130px)}.contact-bottom span{display:none}}
@media(max-width:480px){.hero{height:690px}.hero h1{font-size:clamp(58px,14vw,75px)}.hero-bottom p{font-size:12px}.hero-index{font-size:8px}.hero-side{font-size:8px}.intro h2,.work h2,.services h2,.energy h2,.approach h2{font-size:52px}.intro-metrics strong{font-size:31px}.intro-metrics span{font-size:9px}.work-picker{grid-template-columns:28px 1fr 18px}.work-picker em{display:none}.work-picker strong{font-size:19px}.swap-wrap{min-height:410px}.card-swap{height:370px}.swap-card{width:72%;left:44%}.swap-card>div{padding:25px 14px 13px}.swap-card>div span{display:none}.swap-card>div strong{font-size:15px}.manifesto p{font-size:48px}.manifesto-top,.manifesto-bottom{font-size:8px}.swipe-shell{height:95px}.swipe-row{grid-template-columns:55px 1fr}.swipe-row strong{font-size:16px}.swipe-row em{display:none}.contact h2{font-size:75px}.contact:before{font-size:430px;top:120px}.contact-top{font-size:8px}.contact-button{margin-bottom:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.ascii-section{min-height:630px;position:relative;background:#191d1d;overflow:hidden;display:flex;align-items:center;padding:7vw 5vw}.ascii-section canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.85}.ascii-copy{position:relative;z-index:2;pointer-events:none}.ascii-copy>span{font-size:10px;letter-spacing:.25em;color:var(--acid)}.ascii-copy h2{font-size:clamp(65px,9.5vw,150px);line-height:.88;letter-spacing:-.09em;margin:35px 0;color:var(--white)}.ascii-copy h2 i{font-family:var(--serif);font-weight:400;color:var(--acid)}.ascii-copy p{font-size:14px;letter-spacing:.08em;color:#bcc4b9}.warp-wrap{position:relative;z-index:2;min-height:400px;display:flex;align-items:center}.warp-wrap canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.18;mix-blend-mode:multiply}.warp-wrap p{position:relative}.split-flap{display:flex;gap:3px;position:relative;z-index:2;align-self:flex-start;margin-top:45px;height:33px}.split-flap span{display:grid;place-items:center;min-width:19px;padding:0 2px;height:28px;background:#152014;color:var(--acid);font-family:Consolas,monospace;font-size:15px;font-weight:700;border-radius:2px;box-shadow:inset 0 -13px #080b08,0 1px 0 #152014;transition:transform .12s}.split-flap span.flipping{transform:rotateX(72deg)}.split-flap span.space{min-width:8px;background:none;box-shadow:none}.hero h1 [data-letter]{display:inline-block;opacity:0;transform:translateY(.35em) rotate(4deg);transition:opacity .7s,transform .8s cubic-bezier(.18,.8,.2,1);transition-delay:var(--letter-delay,0ms)}.hero h1.in-view [data-letter]{opacity:1;transform:translateY(0) rotate(0)}.moving-type{perspective:850px;transform-style:preserve-3d}.moving-type-track{transform-origin:center;filter:drop-shadow(0 10px 7px #0003);animation:slide-type 23s linear infinite,ribbon-tilt 5.5s ease-in-out infinite alternate}@keyframes ribbon-tilt{to{rotate:2deg;scale:1.035}}
@media(max-width:760px){.ascii-section{min-height:530px;padding:6vw}.ascii-copy h2{font-size:clamp(58px,11vw,92px)}.warp-wrap{min-height:330px}.split-flap{margin-top:35px}}
@media(max-width:480px){.ascii-section{min-height:470px}.ascii-copy h2{font-size:54px}.split-flap span{min-width:15px;height:24px;font-size:12px}.split-flap{gap:2px}}
#warp-react-root{position:absolute;inset:0;pointer-events:auto;opacity:.22;mix-blend-mode:multiply}#warp-react-root .warp-text{height:100%;min-height:0}.has-react-text #warp-canvas,.has-react-text #split-flap{display:none}#split-flap-react-root{position:relative;z-index:2;align-self:flex-start;margin-top:45px;min-height:35px}#split-flap-react-root:empty{display:none}.has-react-text .contact-kicker{margin-top:70px}
.moving-type{position:relative;background:#0b0d0c}.moving-type canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.moving-type.has-ribbon-canvas .moving-type-track{opacity:0}
.mobile-break{display:none}@media(max-width:760px){.mobile-break{display:block}.hero h1{white-space:normal}}
@media(max-width:480px){.contact h2{font-size:clamp(51px,12vw,61px)}}
.manifesto{height:160vh;overflow:clip}.service-card{background:transparent}.service-card .glow-border{z-index:0}.service-card:after{z-index:1}.service-content{position:relative;z-index:2}
@media(max-width:760px){.manifesto{height:130vh}}
.hero-bottom{gap:22px}.hero-bottom #sling-react-root{display:flex;align-items:center;gap:18px;min-height:72px}.sling-caption{max-width:85px;font-size:9px;line-height:1.45;letter-spacing:.12em;color:#d9ff58}.has-react-sling .hero-bottom .circle-arrow{display:none}.hero-bottom .sling-button{flex:none;font-size:29px;font-weight:700}.hero-bottom .sling-button__icon{line-height:1}
#specular-react-root{position:relative;z-index:2;margin:55px 0 90px;align-self:flex-start}#specular-react-root .specular-button{min-width:215px;min-height:64px;font-weight:800;letter-spacing:.08em;cursor:pointer}.has-react-specular .contact-button{display:none}
.reel-gallery{background:#d9ff58;color:#151a13;overflow:hidden;padding-bottom:0}.reel-gallery .section-top{border-color:#51602f}.reel-heading{text-align:center;max-width:940px;margin:90px auto 70px}.reel-heading .eyebrow{color:#435327}.reel-heading h2{font-size:clamp(62px,8vw,126px);font-weight:900;letter-spacing:-.095em;line-height:1.03;margin:0 0 25px}.reel-heading h2 .serif{color:#56683c}.reel-heading>p:last-child{font-size:14px;line-height:1.8}.reel-stage{height:770px;position:relative;display:flex;justify-content:center;gap:8vw;overflow:hidden;mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent)}.reel-column{width:min(34%,390px);display:flex;flex-direction:column;gap:20px;will-change:transform}.reel-left{transform:translateY(var(--reel-y-left,0px)) rotate(-6deg);margin-top:-80px}.reel-right{transform:translateY(var(--reel-y-right,0px)) rotate(7deg);margin-top:-220px}.reel-column figure{margin:0;position:relative;aspect-ratio:1.15;background:#1a2119;box-shadow:0 30px 40px #1b2a172f;overflow:hidden}.reel-column img{width:100%;height:100%;object-fit:cover}.reel-column figcaption{position:absolute;left:13px;bottom:13px;background:#f3f5e9;color:#111;padding:8px 11px;font-size:9px;font-weight:800;letter-spacing:.16em}.reel-center{position:absolute;z-index:2;top:38%;left:50%;transform:translate(-50%,-50%);background:#141914;color:#eff4e6;box-shadow:0 18px 40px #0005;padding:27px 33px 22px;font-size:clamp(28px,4vw,54px);font-weight:900;letter-spacing:-.075em;line-height:.94;white-space:nowrap;pointer-events:none}.reel-center span{display:block;color:#d9ff58;font-size:35px;margin-top:15px}
.shader-feature{min-height:560px;position:relative;isolation:isolate;overflow:hidden;margin-top:70px;background:#131718;border:1px solid #5a443d;border-radius:14px;display:flex;align-items:center}.shader-feature:before{content:"";position:absolute;inset:auto -15% -65% 40%;height:170%;background:radial-gradient(ellipse at center,#f8ca6cce 0,#f17f5780 15%,#9f327656 31%,transparent 62%);filter:blur(27px);animation:flame-glow 6s ease-in-out infinite alternate;z-index:-1}.shader-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#131718 0%,#131718e5 40%,transparent 100%);z-index:-1}.shader-flame{position:absolute;right:4%;bottom:-34%;width:58%;height:125%;filter:blur(10px);opacity:.9;pointer-events:none;transform:rotate(-13deg)}.shader-flame span{position:absolute;bottom:0;width:32%;height:100%;border-radius:55% 45% 50% 50%;background:linear-gradient(to top,transparent 7%,#b43e5d77 25%,#ff9f5fc2 45%,#fff5b3c8 58%,transparent 83%);mix-blend-mode:screen;transform-origin:bottom;animation:flame-rise 5s ease-in-out infinite alternate}.shader-flame span:nth-child(1){left:18%;height:94%}.shader-flame span:nth-child(2){left:42%;height:130%;animation-delay:-1.8s;opacity:.7}.shader-flame span:nth-child(3){left:62%;height:84%;animation-delay:-3s;opacity:.8}.shader-content{position:relative;z-index:2;padding:65px 6vw}.shader-content>span{font-size:10px;letter-spacing:.2em;color:#e3b0a8}.shader-content h3{font-size:clamp(47px,6vw,90px);line-height:1.07;letter-spacing:-.09em;margin:55px 0 30px}.shader-content h3 em{font-family:var(--serif);font-weight:400;color:#ffc2a3}.shader-content p{font-size:15px;color:#d6c4c0;line-height:1.8}.shader-content a{display:inline-block;margin-top:35px;padding:14px 0;border-bottom:1px solid #ffc2a3;color:#ffe4ca;font-size:13px;font-weight:800;letter-spacing:.08em}@keyframes flame-glow{to{transform:translate(-8%,-6%) scale(1.13);opacity:.7}}@keyframes flame-rise{to{transform:translateY(-6%) rotate(9deg) scaleX(.78)}}
@media(max-width:760px){.hero-bottom #sling-react-root{gap:7px}.sling-caption{display:none}.reel-heading{margin:62px auto 42px}.reel-heading h2{font-size:clamp(50px,10vw,80px)}.reel-stage{height:540px;gap:5vw}.reel-column{width:46%;gap:12px}.reel-left{margin-top:-15px}.reel-right{margin-top:-125px}.reel-center{top:42%;padding:16px 18px;font-size:27px}.reel-center span{font-size:22px;margin-top:8px}.shader-feature{min-height:500px;margin-top:40px}.shader-content{padding:45px 30px}.shader-flame{right:-15%;width:80%;opacity:.6}.shader-content h3{font-size:clamp(45px,9vw,70px)}}
@media(max-width:480px){.hero-bottom #sling-react-root .sling-button{transform:scale(.82)}.reel-stage{height:440px}.reel-center{font-size:22px}.shader-content h3{font-size:44px}}
@media(prefers-reduced-motion:reduce){.reel-column{transform:rotate(-5deg)}.reel-right{transform:rotate(5deg)}}
/* The resting canvas is pure black. Pointer movement only adds a faint wash. */
html,body{background:#000}body:before{content:"";position:fixed;inset:0;z-index:30;pointer-events:none;background:radial-gradient(520px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(145,171,90,.095),transparent 68%);opacity:var(--ambient-opacity,0);transition:opacity .45s ease}.hero,.intro,.work,.reel-gallery,.visual-lab,.manifesto,.services,.energy,.approach,.contact{background:#000;color:#f0f0e9}.hero{background:#000}.hero-glow{opacity:.28}.reel-gallery .section-top,.intro .section-top,.energy .section-top,.approach .section-top{border-color:#495047}.intro-body p:nth-child(2),.energy-copy>p:not(.eyebrow),.approach-heading>p,.reel-heading>p:last-child{color:#acb5aa}.intro .serif,.approach h2 .serif,.energy-copy h2 .serif,.reel-heading h2 .serif{color:#d9ff58}.intro-metrics,.energy-state{border-color:#394239}.intro-metrics span,.energy-state span{color:#9ba89a}.reel-heading .eyebrow{color:#d9ff58}.manifesto:before{color:#111811}.manifesto p span:not(.serif){-webkit-text-stroke-color:#becab8}.manifesto p .serif{color:#d9ff58}.manifesto-top,.manifesto-bottom{border-color:#4d584e}.contact:before{color:#0d1609}.contact-button{background:#d9ff58;color:#0b1009}.contact-top,.contact-bottom{border-color:#4b5847}.gauge-panel{background:#c9ee4d}.swipe-shell{background:#202a20}.swipe-row{background:#171d18;color:#f0f0e9}.swipe-row span,.swipe-row em{color:#cbd3c7}.swipe-drawer{background:#303a30}.reel-center{background:#151b14}
.side-rail{position:fixed;left:17px;top:50%;transform:translateY(-50%);z-index:75;padding:14px 9px;background:#050705c9;backdrop-filter:blur(12px);border:1px solid #46504479;border-radius:5px;box-shadow:0 12px 35px #0008}.side-rail .line-sidebar__list{padding:0}.side-rail .line-sidebar__item{min-width:65px}.side-rail-fallback{display:flex;flex-direction:column;gap:14px;font-size:11px}.side-rail-fallback a:hover{color:#d9ff58}.has-react-sidebar .side-rail-fallback{display:none}.side-rail .line-sidebar__item:focus-visible{outline:1px solid #d9ff58;outline-offset:5px}
.visual-lab{background:#000;overflow:hidden}.lab-heading{margin:85px 0 60px}.lab-heading h2{font-size:clamp(60px,7.5vw,112px);line-height:1.08;letter-spacing:-.09em;margin:0 0 30px}.lab-heading .serif{color:#d9ff58}.lab-heading>p:last-child{max-width:650px;font-size:15px;line-height:1.8;color:#adb8ad}.lab-accordion{height:520px;background:#161b16}.lab-accordion #accordion-react-root{height:100%}.lab-fallback{height:100%;display:grid;place-items:center;text-align:center;background:url('assets/reflective-art.jpg') center/cover;font-size:25px;font-weight:900;letter-spacing:.1em}.has-react-lab .lab-fallback{display:none}.lab-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.lab-morph,.lab-drift{height:480px;position:relative;background:#101410}.lab-morph #morph-react-root,.lab-drift #drift-react-root{position:absolute;inset:0}.lab-morph{background:url('assets/sculpture.jpg') center/cover}.lab-drift{background:url('assets/night-sculpture.jpg') center/cover}.lab-label{position:absolute;z-index:5;top:17px;left:19px;color:#fff;background:#000a;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.16em;pointer-events:none}.lab-image-fallback{width:100%;height:100%;object-fit:cover}.has-react-lab .lab-image-fallback{display:none}
@media(max-width:1000px){.side-rail{display:none}}@media(max-width:760px){.lab-heading{margin:65px 0 40px}.lab-heading h2{font-size:clamp(50px,10vw,75px)}.lab-accordion{height:390px}.lab-duo{grid-template-columns:1fr}.lab-morph,.lab-drift{height:430px}.visual-lab{padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){body:before{display:none}}
.motion-playground{background:#000;color:#f0f0e9}.motion-header{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:85px 0 60px}.motion-header h2{font-size:clamp(60px,7.5vw,112px);line-height:1.08;letter-spacing:-.095em;margin:0}.motion-header .serif{color:#d9ff58}.motion-header>p{max-width:320px;font-size:15px;line-height:1.9;color:#afbaae}.motion-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:17px}.cubes-panel,.dial-panel{height:560px;position:relative;background:#090d09;border:1px solid #283529;overflow:hidden}.cubes-panel #cubes-react-root{position:absolute;inset:0}.motion-fallback{height:100%;display:grid;place-items:center;font-size:250px;color:#d9ff58;opacity:.15}.has-react-motion .motion-fallback{display:none}.motion-label{position:absolute;top:18px;left:20px;z-index:3;font-size:10px;letter-spacing:.18em;font-weight:bold;color:#d9ff58;background:#0009;padding:8px 10px}.dial-panel{display:flex;flex-direction:column;align-items:center;justify-content:center}.dial-panel #comet-react-root{position:relative;z-index:2}.dial-panel p{font-size:13px;color:#afb9ac;margin:24px 0 0}.dial-fallback{font-size:72px;font-weight:900;color:#d9ff58}.dial-panel:has(#comet-react-root:not(:empty)) .dial-fallback{display:none}.carousel-heading{display:flex;justify-content:space-between;border-top:1px solid #3a4538;padding-top:17px;margin:95px 0 24px;font-size:10px;font-weight:800;letter-spacing:.2em}.flex-stage{height:580px;position:relative;background:#111}.flex-stage #flex-react-root{position:absolute;inset:0}.flex-fallback{width:100%;height:100%;object-fit:cover}.flex-stage:has(#flex-react-root:not(:empty)) .flex-fallback{display:none}
@media(max-width:760px){.motion-header{display:block;margin:65px 0 40px}.motion-header h2{font-size:clamp(51px,10vw,75px)}.motion-header>p{margin-top:25px}.motion-grid{grid-template-columns:1fr}.cubes-panel{height:440px}.dial-panel{height:430px}.carousel-heading{margin-top:70px}.flex-stage{height:430px}}
.side-rail-toggle{display:none}
@media(max-width:1000px){.side-rail{display:block;left:0;top:42%;transform:translate(-100%,-50%);transition:transform .3s ease;max-height:70vh;overflow:visible}.side-rail.open{transform:translate(0,-50%)}.side-rail-toggle{display:grid;place-items:center;position:absolute;right:-43px;top:-1px;width:43px;height:43px;border:1px solid #465044;background:#070b07;color:#d9ff58;font-size:19px;cursor:pointer}.side-rail.open .side-rail-toggle{background:#d9ff58;color:#090d08}.side-rail .line-sidebar__list{max-height:65vh;overflow-y:auto}}