:root{--ink:#172019;--paper:#f4f0e8;--acid:#c8f34a;--line:rgba(255,255,255,.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.grain,.vignette,.cursor-glow{position:fixed;inset:0;pointer-events:none;z-index:5}.grain{opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.vignette{z-index:4;background:radial-gradient(circle at center,transparent 48%,rgba(0,0,0,.08) 125%)}.cursor-glow{z-index:1;inset:auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(214,255,55,.08),transparent 66%);transform:translate(-50%,-50%);mix-blend-mode:multiply}.nav{height:80px;position:absolute;z-index:6;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:#fff}.brand{font:500 16px 'DM Mono',monospace;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{color:var(--acid)}.nav-links{display:flex;gap:32px}.nav-links a{color:inherit;text-decoration:none;font-size:12px}.menu{display:none;background:none;border:0;color:#fff;font-size:20px}.hero{position:relative;min-height:760px;height:100svh;color:#fff;overflow:hidden;background:#304038}.hero-image,.hero-shade{position:absolute;width:100%;height:100%;object-fit:cover}.hero-image{opacity:.98;filter:brightness(1.14) saturate(.9);transform:scale(1.1);animation:focal 12s cubic-bezier(.2,.8,.2,1) forwards}.hero-shade{background:linear-gradient(90deg,rgba(8,20,13,.7),rgba(8,20,13,.1) 57%,rgba(8,20,13,.08)),linear-gradient(0deg,rgba(8,20,13,.35),transparent 48%)}.frame-corners i{position:absolute;width:25px;height:25px;border-color:rgba(255,255,255,.55);z-index:2}.frame-corners i:nth-child(1){left:26px;top:26px;border-left:1px solid;border-top:1px solid}.frame-corners i:nth-child(2){right:26px;top:26px;border-right:1px solid;border-top:1px solid}.frame-corners i:nth-child(3){left:26px;bottom:26px;border-left:1px solid;border-bottom:1px solid}.frame-corners i:nth-child(4){right:26px;bottom:26px;border-right:1px solid;border-bottom:1px solid}.timecode{position:absolute;right:5vw;bottom:32px;z-index:2;color:var(--acid);font:11px 'DM Mono',monospace;letter-spacing:1px}.timecode:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff4e31;margin-right:7px;animation:blink 1.3s steps(1) infinite}.hero-copy{position:absolute;z-index:2;left:10vw;top:50%;transform:translateY(-42%);max-width:670px}.eyebrow{font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 28px;color:inherit;opacity:.72}.hero h1,.statement h2,.section-heading h2,.process h2,.contact h2{font-size:clamp(58px,8vw,126px);line-height:.88;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 span,.hero h1 em{display:inline-block;animation:rise 1s both}.hero h1 em{animation-delay:.12s}.hero h1 em,h2 em{font-family:'Playfair Display',serif;font-weight:500}.hero-kicker{animation:rise .8s .1s both}.lede{font-size:16px;line-height:1.6;max-width:430px;margin:36px 0;animation:rise .9s .35s both}.button{display:inline-flex;gap:44px;align-items:center;background:var(--acid);color:var(--ink);text-decoration:none;padding:17px 20px;font-size:12px;font-weight:800;animation:rise .9s .48s both;transition:transform .35s,background .35s}.button:hover{transform:translateY(-4px);background:#ebff8e}.button span{font-size:18px}.hero-caption,.scroll{position:absolute;z-index:2;bottom:32px;font:10px 'DM Mono',monospace;letter-spacing:1px}.hero-caption{left:5vw}.scroll{right:5vw;display:flex;align-items:center;gap:10px;writing-mode:vertical-rl}.scroll i{height:48px;border-left:1px solid var(--acid);animation:scrollLine 1.8s ease-in-out infinite}.statement{position:relative;padding:170px 10vw 145px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;overflow:hidden}.statement .eyebrow{grid-column:1/-1}.statement h2{font-size:clamp(46px,6vw,90px)}.statement>p:last-child{font-size:18px;line-height:1.7;max-width:460px;align-self:end}.chapter-mark{position:absolute;right:3vw;bottom:-9vw;font:600 29vw/1 Manrope,sans-serif;letter-spacing:-.12em;color:rgba(10,12,11,.06)}.services{position:relative;overflow:hidden;background:#2e3d35;color:var(--paper);padding:130px 10vw}.services-word{position:absolute;right:-.08em;top:.05em;color:rgba(214,255,55,.06);font:800 20vw/1 Manrope,sans-serif;letter-spacing:-.12em;pointer-events:none}.section-heading{position:relative;margin-bottom:85px}.service{position:relative;display:grid;grid-template-columns:12% 1fr auto;gap:25px;padding:30px 0;border-top:1px solid var(--line);align-items:start;transition:padding .45s ease}.service:hover{padding-left:2vw}.service span{font:11px 'DM Mono',monospace;color:var(--acid)}.service h3{font-size:clamp(31px,4vw,55px);letter-spacing:-.06em;margin:0}.service p{max-width:450px;font-size:14px;line-height:1.6;color:#e1e4db;margin:10px 0 0}.service a{color:var(--acid);font-size:30px;text-decoration:none;transition:transform .3s}.service:hover a{transform:translate(5px,-5px)}.process{display:grid;grid-template-columns:1fr 1fr;min-height:780px}.process-visual{background:#c7f130;position:relative;overflow:hidden;padding:36px}.process-visual p{position:absolute;bottom:25px;font:10px 'DM Mono',monospace;letter-spacing:1px;z-index:2}.orb{width:min(38vw,540px);aspect-ratio:1;border-radius:50%;position:absolute;z-index:1;left:13%;top:18%;background:radial-gradient(circle at 35% 30%,#dffff0 0 2%,#a7e4d5 12%,#357e75 37%,#19433d 59%,#09211e 75%);box-shadow:75px 60px 0 -25px rgba(18,19,18,.9),inset -50px -40px 80px #061d1a;animation:float 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(10,12,11,.28);border-radius:50%;z-index:0}.orbit-a{width:72%;aspect-ratio:1;left:-19%;top:4%;animation:spin 17s linear infinite}.orbit-b{width:85%;aspect-ratio:1;right:-35%;bottom:-8%;animation:spin 24s linear reverse infinite}.process-copy{padding:130px 9vw 80px}.process h2{font-size:clamp(46px,5vw,74px);margin-bottom:70px}.process ol{list-style:none;padding:0;margin:0}.process li{display:grid;grid-template-columns:50px 1fr;gap:18px;border-top:1px solid #c6c1b8;padding:21px 0}.process li b{font:11px 'DM Mono',monospace}.process strong{font-size:14px}.process li p{font-size:13px;line-height:1.5;color:#6d6a65;margin:8px 0 0}.contact{position:relative;overflow:hidden;background:#5c6c52;color:#fffdf8;padding:145px 10vw;min-height:580px}.contact:after{content:'MAKE';position:absolute;right:-.05em;bottom:-.28em;color:rgba(214,255,55,.05);font:800 22vw/1 Manrope,sans-serif;letter-spacing:-.15em}.contact>*{position:relative;z-index:1}.contact h2{font-size:clamp(58px,8vw,120px)}.contact-link{display:flex;justify-content:space-between;max-width:700px;color:var(--acid);font-size:clamp(17px,2vw,27px);text-decoration:none;margin-top:60px;border-bottom:1px solid #76796f;padding-bottom:14px;transition:color .25s}.contact-link:hover{color:#fff}.contact-note{font-size:12px;opacity:.6;margin-top:18px}footer{background:#5c6c52;color:#fffdf8;border-top:1px solid rgba(255,255,255,.35);padding:28px 5vw;display:flex;justify-content:space-between;font-size:10px;font-family:'DM Mono',monospace}footer p{margin:0}@keyframes focal{to{transform:scale(1)}}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:.12}}@keyframes scrollLine{50%{transform:scaleY(.4);transform-origin:top}}@keyframes float{50%{transform:translate(12px,-17px) rotate(9deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.cursor-glow,.frame-corners,.timecode{display:none}.nav{padding:0 7vw}.nav-links{display:none}.menu{display:block}.hero{min-height:680px}.hero-copy{left:7vw;right:7vw}.hero-caption{display:none}.statement{padding:105px 7vw;display:block}.statement .eyebrow{margin-bottom:45px}.statement>p:last-child{margin-top:40px}.services{padding:95px 7vw}.service{grid-template-columns:45px 1fr}.service a{grid-column:2}.service:hover{padding-left:0}.process{grid-template-columns:1fr}.process-visual{min-height:420px}.orb{width:310px}.process-copy{padding:90px 7vw}.contact{padding:110px 7vw}footer{padding:25px 7vw;gap:18px;flex-wrap:wrap}.hero h1{font-size:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}