:root{--bg:#121311;--ink:#f1f0e8;--muted:#93958c;--line:rgba(241,240,232,.18);--lime:#d9f36a;--orange:#ff7057;--pad:clamp(1.25rem,4vw,4.75rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.045;pointer-events:none;z-index:20;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:86px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:30}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--lime);color:var(--lime);font:500 12px 'DM Mono',monospace;border-radius:50%}.brand-copy{display:flex;flex-direction:column;line-height:1.05;letter-spacing:.08em}.brand-copy strong{font-size:13px;font-weight:600}.brand-copy small{color:var(--muted);font:10px 'DM Mono',monospace;margin-top:5px}.desktop-nav{display:flex;gap:clamp(1.5rem,4vw,4rem);margin-left:11vw}.desktop-nav a,.header-cta{font:500 11px 'DM Mono',monospace;letter-spacing:.08em;color:var(--ink);text-decoration:none}.desktop-nav a span{color:var(--muted);margin-left:5px}.header-cta{color:var(--lime);border-bottom:1px solid var(--lime);padding-bottom:5px}.header-cta span,.text-link span,.contact-email span{font-size:17px;margin-left:8px}.menu-toggle{display:none;background:none;border:0;color:var(--ink);padding:8px}.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink);margin:6px}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}.hero{min-height:calc(100vh - 86px);padding-top:clamp(2rem,5vw,5rem);position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-content:space-between;overflow:hidden}.hero-topline,.contact-topline,.about-label{font:10px 'DM Mono',monospace;letter-spacing:.08em;color:var(--muted);display:flex;gap:clamp(1rem,5vw,5rem);grid-column:1/-1}.topline-status{color:var(--lime)}.topline-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px;vertical-align:1px;box-shadow:0 0 12px var(--lime)}.hero-copy{padding:clamp(6rem,14vh,11rem) 0 7rem;position:relative;z-index:2}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.11em;color:var(--lime);margin:0 0 25px}.hero h1,.section-heading h2,.about h2,.contact h2{font-size:clamp(3.5rem,8.2vw,8.7rem);line-height:.88;letter-spacing:-.07em;font-weight:500;margin:0}.hero h1 em,.section-heading h2 em,.about h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em;color:var(--lime)}.hero-intro{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55;color:var(--muted);margin:38px 0 0}.circle-link{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:100px;height:100px;border:1px solid var(--line);border-radius:50%;color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;transition:.25s}.circle-link:hover{border-color:var(--lime);color:var(--lime);transform:translateX(-50%) rotate(12deg)}.circle-link span{font:8px 'DM Mono',monospace;line-height:1.25;letter-spacing:.08em;text-align:center}.circle-link b{font-size:18px;font-weight:400;margin-top:5px}.hero-visual{height:clamp(420px,68vh,700px);align-self:end;position:relative;margin-right:-4.75rem}.hero-image-wrap{position:absolute;inset:9% 7% 9% 7%;overflow:hidden;background:#20251c}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.1)}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,12,5,.1),rgba(15,40,5,.55));mix-blend-mode:multiply}.image-tag{position:absolute;bottom:15px;left:18px;color:var(--lime);font:9px 'DM Mono',monospace}.hero-orbit{border:1px solid rgba(217,243,106,.55);border-radius:50%;position:absolute;transform:rotate(-20deg)}.orbit-one{width:100%;height:55%;top:25%;left:-3%;}.orbit-two{width:75%;height:86%;top:3%;left:12%;transform:rotate(35deg);border-color:rgba(241,240,232,.2)}.hero-sticker{position:absolute;right:0;bottom:8%;border-radius:50%;width:95px;height:95px;background:var(--orange);color:#1b1715;display:grid;place-items:center;text-align:center;font:600 22px/ .8 'Space Grotesk';transform:rotate(12deg)}.hero-sticker span{font:11px 'DM Mono',monospace;letter-spacing:.1em}.work{padding-top:clamp(7rem,13vw,13rem);padding-bottom:clamp(7rem,13vw,13rem)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:7rem}.section-heading h2{font-size:clamp(3.3rem,6vw,6.6rem)}.section-note{font-size:14px;line-height:1.6;color:var(--muted);max-width:220px;margin:0 5vw 5px 0}.filter-bar{display:flex;gap:clamp(1rem,3vw,3rem);border-bottom:1px solid var(--line);margin-bottom:2rem}.filter{background:none;border:0;padding:0 0 15px;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.08em;cursor:pointer;position:relative}.filter span{color:inherit;opacity:.6;margin-left:7px}.filter.is-active{color:var(--lime)}.filter.is-active:after{content:"";height:2px;background:var(--lime);position:absolute;bottom:-1px;left:0;right:0}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5rem 2rem}.work-card--wide{grid-column:span 2}.work-media{position:relative;display:block;aspect-ratio:1.5/1;overflow:hidden;background:#222}.work-card--wide .work-media{aspect-ratio:2.15/1}.work-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.work-media:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(8,12,5,.15),rgba(20,45,10,.3));z-index:1}.work-media:hover img{transform:scale(1.05);filter:grayscale(0)}.card-index{position:absolute;z-index:2;top:16px;left:18px;color:var(--lime);font:11px 'DM Mono',monospace}.card-play{position:absolute;right:18px;bottom:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--lime);display:grid;place-items:center;color:var(--lime);font-size:18px;transition:.25s}.work-media:hover .card-play{background:var(--lime);color:var(--bg)}.work-meta{display:flex;justify-content:space-between;padding-top:14px;border-bottom:1px solid var(--line);padding-bottom:15px}.work-meta h3{font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:500;margin:0 0 6px}.work-meta p,.work-meta>span{font:9px 'DM Mono',monospace;letter-spacing:.05em;color:var(--muted);margin:0}.about{background:#e7e7dd;color:#11130f;padding-top:5rem;padding-bottom:clamp(7rem,13vw,12rem);display:grid;grid-template-columns:1fr 2fr;gap:4rem;position:relative;overflow:hidden}.about-label{color:#6e716a;flex-direction:column;gap:10px}.about-content{grid-column:2}.about .eyebrow{color:#527200}.about h2{font-size:clamp(3rem,6vw,6.4rem)}.about h2 em{color:#809d28}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:700px;margin:4rem 0 2.5rem}.about-columns p{font-size:14px;line-height:1.7;color:#555850;margin:0}.text-link{font:10px 'DM Mono',monospace;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:8px}.about-stat{grid-column:2;display:flex;gap:clamp(2.5rem,7vw,8rem);border-top:1px solid #b9bbb3;padding-top:20px;margin-top:2rem}.about-stat div{display:flex;align-items:flex-start;gap:12px}.about-stat strong{font:500 34px 'Space Grotesk'}.about-stat span{font:9px 'DM Mono',monospace;line-height:1.35;color:#6e716a;margin-top:6px}.contact{min-height:90vh;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-top:3rem;padding-bottom:2rem;overflow:hidden}.contact-topline{position:relative;z-index:2}.contact-content{position:relative;z-index:2;padding:8vh 0}.contact h2{font-size:clamp(4.5rem,10vw,11rem)}.contact-email{font:clamp(1rem,2vw,1.35rem) 'DM Mono',monospace;color:var(--lime);text-decoration:none;display:inline-block;margin-top:4rem;border-bottom:1px solid var(--lime);padding-bottom:9px}.contact-orb{position:absolute;width:min(55vw,730px);height:min(55vw,730px);border-radius:50%;right:-8%;top:8%;background:radial-gradient(circle at 35% 35%,#b6ce54 0,#586b28 26%,#252d14 54%,transparent 70%);filter:blur(1px);opacity:.65}.contact-footer{font:9px 'DM Mono',monospace;color:var(--muted);display:flex;justify-content:space-between;letter-spacing:.05em;position:relative;z-index:2}.contact-footer a{color:var(--ink);text-decoration:none}.mobile-menu,.project-modal{display:none}
@media(max-width:800px){.site-header{height:72px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.hero{display:block;min-height:auto;padding-top:1.5rem}.hero-topline{justify-content:space-between}.hero-topline span:nth-child(2){display:none}.hero-topline .topline-status{font-size:8px}.hero-copy{padding:7rem 0 3rem}.hero h1{font-size:clamp(3.7rem,14vw,6rem)}.hero-intro{margin-top:28px}.circle-link{position:relative;left:auto;bottom:auto;transform:none;margin:4rem 0 2rem 0;width:84px;height:84px}.circle-link:hover{transform:rotate(12deg)}.hero-visual{height:100vw;max-height:550px;margin:0 -1.25rem}.hero-image-wrap{inset:7% 12% 8% 12%}.hero-sticker{right:7%;bottom:4%;width:76px;height:76px;font-size:17px}.hero-orbit{left:5%}.work{padding-top:7rem;padding-bottom:7rem}.section-heading{display:block;margin-bottom:4rem}.section-note{margin-top:2rem}.filter-bar{overflow:auto;gap:1.5rem;white-space:nowrap}.filter{flex:none}.work-grid{display:block}.work-card,.work-card--wide{margin-bottom:3.5rem}.work-card--wide .work-media,.work-media{aspect-ratio:1.2/1}.about{display:block;padding-top:2rem}.about-label{margin-bottom:5rem}.about-content{display:block}.about h2{font-size:clamp(3.2rem,12vw,5.5rem)}.about-columns{display:block;margin:3rem 0 2rem}.about-columns p+p{margin-top:1.3rem}.about-stat{margin-top:4rem;justify-content:space-between;gap:0}.about-stat div{display:block}.about-stat strong{display:block}.about-stat span{display:block}.contact{min-height:85vh;padding-top:2rem}.contact-content{padding:12vh 0}.contact h2{font-size:clamp(4.3rem,17vw,8rem)}.contact-orb{width:90vw;height:90vw;right:-30%;top:25%}.contact-footer{flex-wrap:wrap;gap:15px}.contact-footer span:nth-child(2){order:3;width:100%}.mobile-menu{position:fixed;inset:0;background:#171914;z-index:25;padding:7rem var(--pad) 2rem;display:flex;flex-direction:column;justify-content:space-between;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.3s}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:none}.mobile-menu nav{display:flex;flex-direction:column;gap:1.5rem}.mobile-menu nav a{font-size:clamp(3.7rem,15vw,6rem);color:var(--ink);text-decoration:none;letter-spacing:-.07em}.mobile-menu nav small{font:10px 'DM Mono',monospace;letter-spacing:.08em;color:var(--lime);margin-left:5px}.mobile-menu p{font:9px 'DM Mono',monospace;color:var(--muted);line-height:1.6}.project-modal{position:fixed;inset:0;background:rgba(9,11,8,.92);z-index:40;display:grid;place-items:center;padding:2rem;opacity:0;pointer-events:none;transition:.3s}.project-modal.is-open{display:grid;opacity:1;pointer-events:auto}.modal-inner{max-width:700px;border:1px solid var(--line);padding:clamp(2rem,8vw,5rem);background:#171914}.modal-inner h2{font-size:clamp(3rem,10vw,6rem);line-height:.9;letter-spacing:-.07em;margin:0}.modal-inner h2 em{font-family:Georgia,serif;color:var(--lime);font-weight:400}.modal-inner p{color:var(--muted);line-height:1.6;max-width:400px;margin:2rem 0}.modal-close{position:absolute;right:var(--pad);top:22px;background:none;border:0;color:var(--ink);font-size:34px;cursor:pointer}}

/* Keep the preview dialog available on larger screens too. */
.project-modal{display:grid;opacity:0;pointer-events:none;position:fixed;inset:0;background:rgba(9,11,8,.92);z-index:40;place-items:center;padding:2rem;transition:.3s}.project-modal.is-open{opacity:1;pointer-events:auto}.modal-inner{max-width:700px;border:1px solid var(--line);padding:clamp(2rem,8vw,5rem);background:#171914}.modal-inner h2{font-size:clamp(3rem,10vw,6rem);line-height:.9;letter-spacing:-.07em;margin:0}.modal-inner h2 em{font-family:Georgia,serif;color:var(--lime);font-weight:400}.modal-inner p{color:var(--muted);line-height:1.6;max-width:400px;margin:2rem 0}.modal-close{position:absolute;right:var(--pad);top:22px;background:none;border:0;color:var(--ink);font-size:34px;cursor:pointer}