@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@300;400;500;600&display=swap');

:root{--black:#0a0a08;--white:#f4f3ed;--grey:#a6a59e;--line:rgba(244,243,237,.2);--signal:#dfff00;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--white);font-family:'Inter',Arial,sans-serif;font-weight:300;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}h1,h2,h3,p{margin-top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:999;top:1rem;left:1rem;padding:.8rem 1rem;background:var(--signal);color:var(--black);transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:86px;padding:0 clamp(22px,3.3vw,52px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(244,243,237,.12);transition:.35s;background:rgba(10,10,8,.68);backdrop-filter:blur(12px)}.site-header.scrolled{height:68px;background:rgba(10,10,8,.94)}
.brand{display:flex;align-items:center;gap:10px}.logo-symbol{display:block;width:29px;height:29px;object-fit:contain}.wordmark{font-size:17px;font-weight:600;letter-spacing:.12em;line-height:1}.brand small{align-self:flex-end;margin:0 0 2px 2px;font-family:'DM Mono',monospace;font-size:7px;line-height:1;letter-spacing:.14em;color:var(--signal)}
.site-nav{display:flex;align-items:center;gap:30px;font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.site-nav>a{position:relative}.site-nav>a:not(.nav-cta):after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:var(--signal);transform:scaleX(0);transform-origin:right;transition:transform .3s}.site-nav>a:hover:after,.site-nav>a:focus-visible:after{transform:scaleX(1);transform-origin:left}.nav-cta{padding:12px 16px;background:var(--white);color:var(--black);transition:.25s}.nav-cta:hover{background:var(--signal)}.menu-toggle{display:none;background:none;border:1px solid var(--line);width:42px;height:42px}.menu-toggle>span:not(.sr-only){display:block;width:20px;height:1px;background:var(--white);margin:6px auto;transition:.3s}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);align-items:end;padding:150px clamp(22px,3.3vw,52px) 48px;overflow:hidden}.hero:before{content:"";position:absolute;inset:86px 0 0;background:linear-gradient(90deg,transparent calc(66.666% - 1px),rgba(244,243,237,.13) 0,rgba(244,243,237,.13) 66.666%,transparent 0),linear-gradient(90deg,transparent calc(33.333% - 1px),rgba(244,243,237,.13) 0,rgba(244,243,237,.13) 33.333%,transparent 0);pointer-events:none}.hero-media{position:absolute;z-index:0;right:0;top:86px;bottom:0;width:47%;background:url('assets/microgoal-cinematic.webp') 76% center/cover no-repeat;filter:saturate(.68) contrast(1.08);opacity:.78;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--black),transparent 38%),linear-gradient(0deg,var(--black),transparent 25%);mix-blend-mode:multiply}.hero-scrim{display:none}.hero-content{position:relative;z-index:2;grid-column:1/-1;max-width:1220px}.eyebrow{display:flex;align-items:center;gap:12px;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:500}.eyebrow>span{display:block;width:26px;height:6px;background:var(--signal)}.hero h1{max-width:1120px;font-size:clamp(4rem,8.5vw,9.7rem);font-weight:400;line-height:.82;letter-spacing:-.085em;margin:36px 0 42px}.hero h1 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--signal)}.hero-lede{max-width:550px;margin-left:33.333%;padding-left:18px;font-size:clamp(.95rem,1.2vw,1.16rem);color:#d2d1ca}.hero-actions{display:flex;align-items:center;gap:28px;margin:36px 0 0 33.333%;padding-left:18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:218px;padding:16px 18px;border:1px solid transparent;font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;cursor:pointer;transition:.25s}.button-primary{background:var(--signal);color:var(--black)}.button-primary:hover{background:var(--white)}.text-link{font-family:'DM Mono',monospace;font-size:9px;text-transform:uppercase;border-bottom:1px solid var(--line);padding:10px 0}.hero-index{position:absolute;z-index:2;right:clamp(22px,3.3vw,52px);bottom:27px;display:flex;gap:25px;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.08em}.scroll-cue{display:none}
.section{padding:clamp(90px,11vw,170px) clamp(22px,3.3vw,52px)}.section-label{display:flex;align-items:center;gap:12px;font-family:'DM Mono',monospace;text-transform:uppercase;font-size:9px;color:var(--grey)}.section-label span{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid currentColor;color:var(--signal)}
.about{display:grid;grid-template-columns:1fr 3fr;gap:36px}.about-copy{grid-column:2}.kicker{font-family:'DM Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--signal)}.about h2{max-width:1150px;font-size:clamp(2.8rem,5.65vw,6.6rem);font-weight:400;line-height:.96;letter-spacing:-.07em}.about-detail{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:850px;margin-left:auto;color:#b5b4ad;font-size:14px}.statement-strip{grid-column:1/-1;margin:95px calc(clamp(22px,3.3vw,52px) * -1) -80px;padding:18px clamp(22px,3.3vw,52px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-family:'DM Mono',monospace;text-transform:uppercase;font-size:9px}.statement-strip i{display:block;width:11px;height:11px;background:var(--signal);border-radius:50%}
.work{background:var(--white);color:var(--black)}.work .section-label{color:#696861}.work .section-label span{color:var(--black)}.section-heading{display:grid;grid-template-columns:1fr 3fr;gap:36px;margin-bottom:72px}.section-heading h2{font-weight:400;font-size:clamp(3.2rem,6.4vw,7.3rem);line-height:.88;letter-spacing:-.075em;margin:0}.section-heading>p{align-self:end;max-width:350px;color:#68675f;font-size:13px}.service-list{border-top:1px solid rgba(10,10,8,.22)}.service{display:grid;grid-template-columns:65px 1fr auto;gap:18px;align-items:start;padding:25px 0;border-bottom:1px solid rgba(10,10,8,.22);transition:.3s}.service:hover{padding-left:14px;background:var(--signal)}.service-number{font-family:'DM Mono',monospace;font-size:9px}.service h3{font-size:clamp(1.5rem,2.5vw,2.9rem);font-weight:400;letter-spacing:-.045em;margin-bottom:6px}.service p{max-width:580px;color:#65645e;margin:0;font-size:13px}.service-arrow{font-size:20px;transition:.25s}.service:hover .service-arrow{transform:translate(4px,-4px)}
.approach{display:grid;grid-template-columns:minmax(330px,.95fr) 1.25fr;gap:clamp(55px,8vw,130px);align-items:center}.approach-visual{height:min(71vw,760px);position:relative;overflow:hidden;background:var(--white);color:var(--black);isolation:isolate}.approach-visual:before{content:"";position:absolute;inset:0;background:url('assets/microgoal-cinematic.webp') 70% center/auto 100% no-repeat;filter:grayscale(1) contrast(1.3);mix-blend-mode:multiply;opacity:.75}.approach-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,var(--signal) 0 24%,transparent 24% 100%);mix-blend-mode:multiply}.approach-visual .frame{position:absolute;z-index:1;border:1px solid rgba(10,10,8,.55)}.frame-one{inset:10% 24% 18% 12%;transform:rotate(4deg)}.frame-two{inset:25% 8% 9% 38%;transform:rotate(-5deg)!important}.frame-three{inset:4% 38% 32% 4%;transform:rotate(12deg)!important}.approach-visual>p{position:absolute;z-index:2;left:7%;bottom:5%;font-size:clamp(2.8rem,5.3vw,5.8rem);font-weight:500;line-height:.82;letter-spacing:-.08em}.approach-visual em{font-style:normal;background:var(--black);color:var(--signal);padding:0 .08em}.approach-content>h2{font-size:clamp(2.5rem,4.35vw,5rem);line-height:.98;font-weight:400;letter-spacing:-.065em;margin:36px 0 60px}.process{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:20px 0;border-bottom:1px solid var(--line)}.process li>span{font-family:'DM Mono',monospace;font-size:8px;color:var(--signal)}.process h3{font-weight:500;font-size:15px;margin-bottom:5px}.process p{color:var(--grey);margin:0;font-size:13px}
.originals{background:#dad9d2;color:var(--black)}.originals .section-label{color:#5e5d57}.originals .section-label span{color:var(--black)}.section-heading.split{grid-template-columns:1.2fr .8fr}.project-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:64px 22px}.project-featured{grid-row:span 2}.project-image{position:relative;overflow:hidden;aspect-ratio:4/5;background:#111}.project-featured .project-image{aspect-ratio:4/5.45}.project-image:before,.project-image:after{content:"";position:absolute;inset:0;transition:transform .8s var(--ease),filter .5s}.project-image-one:before{background:url('assets/microgoal-cinematic.webp') 75% center/auto 100% no-repeat;filter:grayscale(1) contrast(1.2)}.project-image-two:before{background:url('assets/microgoal-cinematic.webp') 47% center/auto 120% no-repeat;filter:grayscale(1) contrast(1.5) brightness(.65)}.project-image-three:before{background:url('assets/microgoal-cinematic.webp') 90% center/auto 115% no-repeat;filter:grayscale(1) contrast(1.15) brightness(.76)}.project-image:after{background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}.project:hover .project-image:before{transform:scale(1.045)}.project-image>span{position:absolute;z-index:2;top:16px;left:16px;padding:7px 9px;background:var(--signal);color:var(--black);font-family:'DM Mono',monospace;font-size:8px}.project-meta{display:flex;justify-content:space-between;gap:14px;padding-top:14px}.project-meta p{font-family:'DM Mono',monospace;font-size:8px;text-transform:uppercase;color:#66655f;margin-bottom:6px}.project-meta h3{font-size:clamp(1.35rem,2vw,2.1rem);font-weight:500;letter-spacing:-.045em}.project-meta>span{font-family:'DM Mono',monospace;font-size:9px;color:#65645e}.slate-note{margin:75px 0 0 auto;max-width:510px;padding-top:15px;border-top:1px solid rgba(10,10,8,.25);font-family:'DM Mono',monospace;font-size:9px;color:#575650}
.partnerships{background:var(--signal);color:var(--black);padding:clamp(90px,11vw,170px) clamp(22px,3.3vw,52px) 0}.partnerships-inner{max-width:1150px}.section-label.light{color:rgba(10,10,8,.55)}.section-label.light span{color:var(--black)}.partnerships .eyebrow{margin-top:85px}.partnerships .eyebrow span{background:var(--black)}.partnerships h2{font-size:clamp(3.2rem,7.5vw,8.5rem);font-weight:500;line-height:.84;letter-spacing:-.085em;margin:30px 0 38px}.partnerships-inner>p:not(.eyebrow){max-width:610px;font-size:16px}.button-dark{background:var(--black);color:var(--white);margin-top:22px}.button-dark:hover{background:var(--white);color:var(--black)}.partnership-types{margin:95px calc(clamp(22px,3.3vw,52px) * -1) 0;padding:20px clamp(22px,3.3vw,52px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid rgba(10,10,8,.35);font-family:'DM Mono',monospace;font-size:8px;text-transform:uppercase}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(55px,9vw,135px)}.contact h2{font-size:clamp(3.4rem,6.5vw,7.1rem);font-weight:400;line-height:.86;letter-spacing:-.08em;margin:50px 0 26px}.contact-heading>p{color:var(--grey);max-width:400px;font-size:14px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 22px;align-content:start}.contact-form label{display:block}.contact-form label>span{display:block;font-family:'DM Mono',monospace;font-size:8px;text-transform:uppercase;color:var(--grey);margin-bottom:10px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--white);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0 13px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--signal)}.contact-form textarea{resize:vertical}.contact-form select{appearance:none;background:linear-gradient(45deg,transparent 50%,var(--signal) 50%) calc(100% - 8px) calc(50% - 2px)/5px 5px no-repeat}.contact-form option{background:var(--black)}.full{grid-column:1/-1}.contact-form button{margin-top:8px}.form-note{font-family:'DM Mono',monospace;font-size:8px;color:#6d6c66}
.footer{padding:76px clamp(22px,3.3vw,52px) 22px;background:#050504}.footer-top{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:75px}.brand-large .wordmark{font-size:clamp(2.3rem,5.5vw,6rem)}.brand-large small{font-size:8px}.footer-top p{color:var(--grey);margin:0;text-align:right;font-size:13px}.footer-bottom{padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;color:#6f6e68;font-family:'DM Mono',monospace;font-size:8px;text-transform:uppercase}.footer-bottom a{color:var(--signal)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:72px}.menu-toggle{display:block;z-index:2}.menu-toggle.active>span:nth-child(2){transform:translateY(3.5px) rotate(45deg)}.menu-toggle.active>span:nth-child(3){transform:translateY(-3.5px) rotate(-45deg)}.site-nav{position:fixed;inset:0;background:var(--black);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px 8vw;gap:22px;transform:translateX(100%);transition:.5s var(--ease)}.site-nav.open{transform:none}.site-nav>a{font-family:'Inter',sans-serif;font-size:clamp(2rem,8vw,4rem);font-weight:400;text-transform:none;letter-spacing:-.055em}.nav-cta{font-family:'DM Mono',monospace!important;font-size:9px!important;letter-spacing:0!important;margin-top:20px}.hero{min-height:760px;grid-template-columns:1fr}.hero-media{top:72px;width:63%;opacity:.6}.hero h1 br{display:none}.hero-lede,.hero-actions{margin-left:0;padding-left:0}.hero-index{display:none}.about,.section-heading{grid-template-columns:1fr}.about-copy,.about-detail{grid-column:1}.section-heading h2{grid-row:2}.section-heading>p{grid-row:3}.approach{grid-template-columns:1fr}.approach-visual{height:680px}.project-grid{gap:44px 18px}.contact{grid-template-columns:1fr}.contact-heading{max-width:650px}}
@media(max-width:620px){.brand small{display:none}.hero{padding:130px 22px 38px;align-items:end}.hero:before{inset:72px 0 0;background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(244,243,237,.12) 0,rgba(244,243,237,.12) 50%,transparent 0)}.hero-media{width:78%;background-position:78% center;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}.hero h1{font-size:clamp(3.6rem,17vw,5.2rem);line-height:.83;margin:28px 0 35px}.hero-lede{max-width:88%;font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.about-detail{grid-template-columns:1fr;gap:18px}.statement-strip{overflow:hidden;justify-content:flex-start;gap:26px;white-space:nowrap}.section-heading.split{grid-template-columns:1fr}.service{grid-template-columns:34px 1fr}.service-arrow{display:none}.approach-visual{height:560px}.project-grid{grid-template-columns:1fr}.project-featured{grid-row:auto}.project-featured .project-image,.project-image{aspect-ratio:4/4.7}.partnerships h2 br{display:none}.partnership-types{justify-content:flex-start}.contact-form{grid-template-columns:1fr}.contact-form>*{grid-column:1}.footer-top{align-items:flex-start;flex-direction:column;gap:32px}.footer-top p{text-align:left}.footer-bottom{flex-direction:column}.brand-large small{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* v3 brand and image system */
.approach-visual:before{background:url('assets/project-red-thread.webp') center/cover no-repeat;filter:saturate(.75) contrast(1.12);opacity:.92}
.project-image-one:before{background:url('assets/project-afterlight.webp') center/cover no-repeat;filter:saturate(.82) contrast(1.08)}
.project-image-two:before{background:url('assets/project-red-thread.webp') center/cover no-repeat;filter:saturate(.78) contrast(1.12)}
.project-image-three:before{background:url('assets/project-elsewhere.webp') center/cover no-repeat;filter:saturate(.82) contrast(1.06)}
.brand-large .logo-symbol{width:clamp(48px,5vw,76px);height:clamp(48px,5vw,76px)}
.brand-large .wordmark{font-size:clamp(1.8rem,4.4vw,4.8rem);letter-spacing:.1em}