/* KEYFRAMES | Core styles */
:root{--bg:#0b0c0d;--panel:#131517;--panel-2:#191c1f;--text:#f3f3ef;--muted:#a0a5a5;--line:#292e30;--lime:#d7ff65;--orange:#e9a879;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(11,12,13,.96)}.brand{display:flex;align-items:center;gap:11px;font:700 15px var(--display);letter-spacing:.14em}.brand img{width:34px;height:34px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:34px;font-size:13px;color:var(--muted)}.site-nav a{transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--text)}.site-nav .nav-contact{color:var(--bg);background:var(--lime);padding:10px 16px;font-weight:700}.nav-contact span{margin-left:8px}.menu-toggle{display:none}.hero{min-height:610px;padding:100px 7.2% 25px;position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:5%;overflow:hidden}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #1b2020;border-radius:50%;right:7%;top:5%;pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:650px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--muted);margin:0 0 18px}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:9px}.hero h1,.page-intro h1{font:600 clamp(58px,7.4vw,104px)/.98 var(--display);letter-spacing:-.075em;margin:0}.hero h1 em,.page-intro h1 em,.about-copy h2 em{font-style:normal;color:var(--lime)}.hero-intro{color:var(--muted);max-width:460px;font-size:15px;margin:27px 0 30px}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;gap:25px;padding:14px 18px;font-size:12px;font-weight:700}.button-primary{background:var(--lime);color:#10120b}.button span{font-size:17px}.text-link{font-size:12px;font-weight:700}.text-link span{color:var(--lime);margin-left:8px}.hero-mark{width:min(100%,390px);aspect-ratio:1;justify-self:center;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#22292a 0,#141819 48%,#0b0c0d 72%);border:1px solid #303738;transform:rotate(-5deg)}.hero-mark:before,.hero-mark:after{content:"";position:absolute;border:1px solid #414b49;inset:12%;transform:rotate(45deg)}.hero-mark:after{inset:25%;border-color:#59645b}.hero-mark-k{font:700 170px/.8 var(--display);letter-spacing:-.12em;color:var(--lime);z-index:1;text-shadow:12px 12px 0 rgba(215,255,101,.07)}.hero-mark-caption,.hero-mark-index{position:absolute;font:700 9px var(--display);letter-spacing:.16em;color:var(--muted);z-index:2}.hero-mark-caption{bottom:10%;left:9%}.hero-mark-index{top:10%;right:9%;color:var(--orange)}.frame-corner{position:absolute;width:22px;height:22px;border-color:var(--lime);z-index:2}.corner-one{top:8%;left:8%;border-top:2px solid;border-left:2px solid}.corner-two{top:8%;right:8%;border-top:2px solid;border-right:2px solid}.corner-three{bottom:8%;left:8%;border-bottom:2px solid;border-left:2px solid}.corner-four{bottom:8%;right:8%;border-bottom:2px solid;border-right:2px solid}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:45px;font-size:9px;letter-spacing:.14em;color:#7e8584}.hero-bottom i{color:var(--lime);font-style:normal;margin:0 6px}.section{padding:80px 7.2%}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2,.contact-layout h2{font:600 clamp(32px,4vw,48px)/1.05 var(--display);letter-spacing:-.055em;margin:0}.accent-dot{color:var(--lime)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{min-width:0}.project-visual{aspect-ratio:16/10;background:linear-gradient(135deg,#252d2d,#111516 60%,#273126);border:1px solid #303738;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-visual:before{content:"";position:absolute;width:65%;aspect-ratio:1;border:1px solid rgba(215,255,101,.35);transform:rotate(45deg)}.project-visual:after{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(233,168,121,.55);transform:rotate(45deg)}.project-number{position:absolute;top:14px;left:15px;font:10px var(--display);letter-spacing:.13em;color:#b9c1b9}.project-symbol{font:700 clamp(35px,5vw,64px) var(--display);color:var(--lime);z-index:1;letter-spacing:-.08em}.project-open{position:absolute;right:14px;bottom:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#111}.project-info{padding:15px 1px 5px}.project-meta{font-size:9px;letter-spacing:.15em;color:var(--orange);text-transform:uppercase}.project-info h3{font:600 19px var(--display);margin:5px 0}.project-info p{font-size:12px;color:var(--muted);margin:0}.loading-note{color:var(--muted);font-size:13px}.statement-band{margin:25px 7.2% 85px;padding:40px 5%;background:var(--lime);color:#111;display:flex;align-items:center;justify-content:space-between}.statement-band p{font:700 clamp(27px,4vw,48px)/1.03 var(--display);letter-spacing:-.06em;margin:0}.statement-band p span{color:#59652f}.round-link{width:48px;height:48px;border:1px solid #343d1c;border-radius:50%;display:grid;place-items:center;font-size:23px}.site-footer{border-top:1px solid var(--line);padding:27px 7.2%;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.08em}.footer-brand{font:700 14px var(--display);color:var(--text);letter-spacing:.14em}.footer-brand span{font-size:8px;vertical-align:top;margin-left:3px}.inner-page{min-height:70vh}.page-intro{padding:100px 7.2% 70px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(56px,7vw,88px)}.page-intro .lead{font-size:15px;color:var(--muted);max-width:560px;margin:25px 0 0}.about-layout,.contact-layout{padding:75px 7.2%;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center}.profile-panel{aspect-ratio:4/5;max-width:360px;background:linear-gradient(145deg,#202727,#101313);border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;justify-content:space-between}.profile-panel img{width:100%;height:88%;object-fit:cover;background:#171b1b}.profile-panel span{font-size:9px;letter-spacing:.16em;color:var(--muted)}.about-copy h2{font:600 clamp(34px,4vw,52px)/1.08 var(--display);letter-spacing:-.06em;margin:0 0 25px}.about-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:570px}.about-copy .button{margin-top:20px}.page-work{padding-top:65px}.count-label{font-size:11px;color:var(--muted)}.tutorial-list{border-top:1px solid var(--line)}.tutorial-item{display:grid;grid-template-columns:80px 1fr auto;gap:25px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.tutorial-index{font:500 25px var(--display);color:var(--lime)}.tutorial-item h3{font:600 19px var(--display);margin:0 0 4px}.tutorial-item p{font-size:12px;color:var(--muted);margin:0}.tutorial-item a{font-size:20px;color:var(--lime)}.contact-layout{grid-template-columns:1fr 1fr;align-items:start}.contact-layout h2{font-size:clamp(36px,4.5vw,58px);margin-bottom:28px}.email-link{font:600 clamp(17px,2.5vw,25px) var(--display);color:var(--lime);border-bottom:1px solid #64723d;padding-bottom:8px}.email-link span{font-size:16px}.small-note{font-size:11px;color:var(--muted);margin-top:15px}.social-panel{border-top:1px solid var(--line)}.social-panel .eyebrow{padding-top:20px}.social-panel>a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font:600 16px var(--display)}.social-panel>a span{font:400 11px var(--font);color:var(--muted)}