:root{color-scheme:light;--ink:#101816;--ink-soft:#17231f;--paper:#f2f2eb;--paper-bright:#fbfbf7;--muted:#5f6b63;--line:#10181626;--lime:#d4ff6c;--lime-dark:#b7e74e;--green:#277552;--mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--sans:"Manrope", "Avenir Next", Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);background:var(--paper);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit}img,video{max-width:100%;display:block}::selection{color:var(--ink);background:var(--lime)}.skip-link{z-index:20;background:var(--lime);color:var(--ink);padding:.8rem 1rem;font-weight:800;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{background:var(--ink);color:#f3f5ec;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:2rem;min-height:82px;padding:0 clamp(1.25rem,5vw,5.5rem);display:flex}.wordmark{align-items:center;gap:.8rem;text-decoration:none;display:flex}.wordmark-mark{width:38px;height:38px;color:var(--lime);letter-spacing:-.1em;border:1px solid #d4ff6cb3;border-radius:11px 11px 11px 3px;place-items:center;font-weight:800;display:grid}.wordmark-mark span{color:#fff}.wordmark-copy{letter-spacing:-.04em;gap:1px;font-size:.9rem;font-weight:800;display:grid}.wordmark-copy small{color:#9ca9a2;font:.62rem var(--mono);letter-spacing:.05em;text-transform:uppercase}.main-nav{align-items:center;gap:clamp(1rem,3vw,2.5rem);font-size:.79rem;font-weight:700;display:flex}.main-nav a{color:#c4cec8;text-decoration:none;transition:color .2s}.main-nav a:hover,.main-nav a:focus-visible,.main-nav .nav-contact{color:var(--lime)}.nav-contact span{margin-left:.35rem}.hero{isolation:isolate;background:var(--ink);color:#f5f6ef;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(2rem,6vw,6rem);min-height:min(740px,100svh - 82px);padding:4.75rem clamp(1.25rem,8vw,8.75rem) 6.7rem;display:grid;position:relative;overflow:hidden}.hero:before{z-index:-1;content:"";opacity:.13;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0 0 0 55%;mask-image:linear-gradient(90deg,#0000,#000 30%)}.hero-copy{z-index:1;max-width:770px;position:relative}.eyebrow{color:var(--lime);font:500 .68rem var(--mono);letter-spacing:.065em;text-transform:uppercase;align-items:center;gap:.7rem;margin:0;display:flex}.status-dot{background:var(--lime);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 5px #d4ff6c1f}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.078em;max-width:800px;margin:1.6rem 0 1.25rem;font-size:clamp(3.3rem,6.1vw,6.9rem);font-weight:700;line-height:.99}.hero h1 em,h2 em{color:var(--lime);font-style:normal}.hero-intro{color:#bbc6c0;max-width:530px;margin-bottom:2rem;font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.4rem;display:flex}.button{border:1px solid #0000;border-radius:4px 14px;justify-content:center;align-items:center;gap:1.1rem;min-height:51px;padding:.85rem 1.2rem;font-size:.78rem;font-weight:800;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--green);outline-offset:4px}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e3ff9f}.text-link{color:#e0e6e1;font-size:.78rem;font-weight:700;text-decoration:none}.text-link span{color:var(--lime);padding-left:.35rem}.hero-art{aspect-ratio:1;justify-self:end;place-items:center;width:min(100%,490px);display:grid;position:relative}.hero-art:before{content:"";background:radial-gradient(circle,#d4ff6c1f,#0000 68%);border-radius:50%;width:71%;height:71%;position:absolute}.orbit{border:1px solid #d4ff6c7a;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-one{width:90%;height:39%}.orbit-two{border-color:#f3f5ec42;width:82%;height:48%;transform:rotate(53deg)}.hero-core{aspect-ratio:1;text-align:center;background:var(--lime);width:43%;color:var(--ink);border-radius:48% 52% 45% 55%;place-content:center;display:grid;transform:rotate(-8deg);box-shadow:0 0 80px #d4ff6c1f}.core-cross{font-size:2.6rem;line-height:1}.core-label{font:500 .62rem/1.5 var(--mono);letter-spacing:.08em;margin-top:.45rem}.orbit-note{color:#c4d0c6;font:.55rem var(--mono);letter-spacing:.13em;position:absolute}.note-top{top:17%;right:4%;transform:rotate(19deg)}.note-bottom{bottom:19%;left:0;transform:rotate(-19deg)}.hero-index{color:var(--lime);font:.68rem var(--mono);position:absolute;bottom:7%;right:1%}.hero-index i{color:#8a9890;font-style:normal}.hero-foot{color:#aeb9b3;min-height:51px;font:.62rem var(--mono);letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #ffffff2b;align-items:center;gap:1rem;display:flex;position:absolute;bottom:0;left:clamp(1.25rem,8vw,8.75rem);right:clamp(1.25rem,8vw,8.75rem)}.foot-rule{background:#ffffff4d;width:clamp(2.5rem,13vw,10rem);height:1px}.section-wrap{width:min(100% - 2.5rem,1200px);margin-inline:auto}.work-section{padding-block:clamp(5rem,9vw,9rem)}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(2.5rem,5vw,4.5rem);display:flex}.eyebrow-dark{color:var(--green)}.heading-rule{opacity:.7;background:currentColor;width:34px;height:1px;display:inline-block}.section-heading h2,.about-copy h2{letter-spacing:-.075em;margin:.9rem 0 0;font-size:clamp(2.7rem,5vw,5.4rem);font-weight:700;line-height:.99}.section-heading h2 em,.about-copy h2 em{color:var(--green)}.section-note{max-width:290px;color:var(--muted);margin:0 0 .4rem;font-size:.87rem;line-height:1.7}.project{background:var(--paper-bright);border:1px solid #10181617;border-radius:7px 28px;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(1.4rem,4vw,3.4rem);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 55px #1f2b2509}.project+.project{margin-top:1.25rem}.project-reverse .project-copy{grid-area:1/2}.project-reverse .project-visual{grid-area:1/1}.project-copy{z-index:2;position:relative}.project-kicker{color:var(--muted);font:.62rem var(--mono);letter-spacing:.045em;text-transform:uppercase;align-items:center;gap:.75rem;display:flex}.project-kicker span:first-child{color:var(--green)}.project h3{letter-spacing:-.075em;margin:1.25rem 0 .5rem;font-size:clamp(2.5rem,4vw,4rem);line-height:1}.project-lede{letter-spacing:-.03em;max-width:480px;margin:0 0 1rem;font-size:1.06rem;font-weight:700;line-height:1.45}.project-description{color:#59645d;max-width:520px;margin-bottom:1.2rem;font-size:.83rem;line-height:1.75}.project-points{color:#47544d;gap:.53rem;margin:0 0 1.35rem;padding:0;font-size:.76rem;line-height:1.5;list-style:none;display:grid}.project-points li{grid-template-columns:13px 1fr;gap:.45rem;display:grid}.project-points li:before{content:"↗";color:var(--green);font-weight:800}.tag-list{flex-wrap:wrap;gap:.45rem;display:flex}.tag-list span,.tool-list span{color:#435249;font:.6rem var(--mono);border:1px solid #d8dfd6;border-radius:999px;padding:.43rem .65rem}.project-link{color:var(--green);align-items:center;gap:.65rem;margin-top:1.35rem;font-size:.73rem;font-weight:800;text-decoration:none;display:inline-flex}.project-link:hover{text-underline-offset:.23em;text-decoration:underline}.project-link-static{color:#4f5d53;cursor:default;font-weight:600}.project-visual{background:#e6eae0;border-radius:4px 22px;place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.project-visual:before{content:"";opacity:.3;background-image:radial-gradient(#10181624 .7px,#0000 .7px);background-size:12px 12px;position:absolute;inset:0}.shield-visual{background:#0b1721}.shield-visual:before{opacity:.22;background-image:radial-gradient(#5ce7c080 .7px,#0000 .7px)}.screen{background:#101816;padding:.35rem;transition:transform .3s;display:block;position:absolute;overflow:hidden;box-shadow:0 20px 50px #0000002e}.screen:hover{transform:translateY(-5px)rotate(0)}.screen img{object-fit:cover;object-position:top;width:100%;height:100%}.screen-main{z-index:1;border-radius:16px;width:37%;height:76%;top:8%;left:29%;transform:rotate(-4deg)}.screen-float{z-index:2;border-radius:14px;width:31%;height:63%;bottom:7%;right:9%;transform:rotate(5deg)}.shield-visual .screen-main{width:35%;left:19%;transform:rotate(4deg)}.shield-visual .screen-float{width:32%;right:13%;transform:rotate(-5deg)}.visual-caption{z-index:3;background:var(--lime);color:var(--ink);font:.58rem var(--mono);border-radius:3px 10px;align-items:center;gap:.7rem;padding:.6rem .75rem;display:inline-flex;position:absolute;bottom:1rem;left:1rem}.visual-caption b{font-size:.8rem}.project-audit{background:#e8ede5;grid-template-columns:minmax(0,1.02fr) minmax(280px,.98fr)}.audit-art{color:#eff4ea;background:#121d1a;border-radius:4px 22px;flex-direction:column;justify-content:center;gap:1.5rem;min-height:300px;padding:clamp(1rem,3vw,2rem);display:flex}.audit-art-top{color:#a7b4ab;font:.6rem var(--mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.audit-art-top span:last-child{color:var(--lime)}.audit-flow{font:clamp(.58rem, 1.5vw, .83rem) var(--mono);border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:.5rem;padding-block:1.2rem;display:flex}.audit-flow span{color:#b5c1b8}.audit-flow i{color:var(--lime);font-style:normal}.audit-flow b{color:var(--lime)}.audit-output{color:#9daa9f;font:.57rem var(--mono);align-items:center;gap:.5rem;display:flex}.report-chip{color:#ebf5e9;border:1px solid #ffffff38;border-radius:3px 8px;padding:.3rem .45rem}.audit-lines{gap:.35rem;display:grid}.audit-lines i{background:#ffffff24;border-radius:99px;height:4px}.audit-lines i:first-child{background:#d4ff6c80;width:94%}.audit-lines i:nth-child(2){width:78%}.audit-lines i:nth-child(3){width:85%}.audit-lines i:nth-child(4){width:51%}.reels-section{color:#f4f5ef;background:#18231f;padding-block:clamp(4.75rem,8vw,7.5rem)}.reels-heading{margin-bottom:2.4rem}.reels-section .section-heading h2 em{color:var(--lime)}.reels-section .section-note{color:#a8b4ad}.reel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.reel-card{background:#101816;border:1px solid #ffffff1a;border-radius:6px 17px;min-width:0;margin:0;padding:.8rem}.reel-card video{aspect-ratio:16/9;object-fit:contain;background:#0b1110;border-radius:3px 10px;width:100%}.reel-card figcaption{color:#a8b4ad;font:.59rem var(--mono);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding:.85rem .2rem .2rem;display:flex}.reel-card figcaption span:first-child{color:var(--lime)}.reel-wide{grid-column:1/-1}.about-section{grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);align-items:center;gap:clamp(2rem,8vw,8rem);padding-block:clamp(5rem,10vw,9.5rem);display:grid}.about-mark{aspect-ratio:1;width:min(100%,280px);color:var(--green);letter-spacing:-.07em;border:1px solid #27755259;border-radius:50%;grid-template-columns:auto auto auto;place-content:center;justify-self:center;align-items:center;gap:.45rem;font-size:2rem;font-weight:800;display:grid;transform:rotate(-8deg)}.about-mark span:nth-child(2){color:var(--ink)}.about-mark i{color:#97a898;font-size:1rem;font-style:normal}.about-copy h2{max-width:720px;margin-bottom:1.3rem;font-size:clamp(2.5rem,4.7vw,4.8rem)}.about-lede{color:#344039;max-width:680px;margin-bottom:.9rem;font-size:1rem;line-height:1.8}.about-detail{color:#5b675f;max-width:680px;margin-bottom:1.5rem;font-size:.8rem;line-height:1.8}.tool-list{flex-wrap:wrap;gap:.45rem;display:flex}.tool-list span{color:#59675d;border-color:#d5ddd3}.contact-section{background:var(--ink);color:#f3f5ef;padding-top:clamp(3.5rem,7vw,6rem)}.contact-inner{justify-content:space-between;align-items:end;gap:2rem;padding-bottom:clamp(3rem,6vw,5rem);display:flex}.contact-inner h2{letter-spacing:-.078em;max-width:800px;margin:.9rem 0 0;font-size:clamp(2.8rem,6vw,6rem);line-height:.99}.contact-inner h2 em{color:var(--lime);font-style:normal}.contact-button{flex:none;margin-bottom:.35rem}.site-footer{color:#9faea4;min-height:68px;font:.58rem var(--mono);letter-spacing:.03em;text-transform:uppercase;border-top:1px solid #ffffff2b;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer a{color:var(--lime);text-decoration:none}.site-footer a:hover{text-underline-offset:.25em;text-decoration:underline}@media (width>=1400px){.hero{padding-inline:max(8.75rem,50vw - 615px)}.hero-foot{left:max(8.75rem,50vw - 615px);right:max(8.75rem,50vw - 615px)}}@media (width<=900px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr);gap:1.5rem;padding-inline:clamp(1.5rem,6vw,4rem)}.hero h1{font-size:clamp(3.1rem,7.5vw,5.4rem)}.hero-art{width:100%}.hero-foot{left:clamp(1.5rem,6vw,4rem);right:clamp(1.5rem,6vw,4rem)}.project{grid-template-columns:minmax(250px,.95fr) minmax(0,1.05fr);gap:1.5rem}.project-visual{min-height:440px}.project-reverse .project-copy,.project-reverse .project-visual{grid-column:auto}.project-points{font-size:.72rem}.about-section{grid-template-columns:minmax(130px,.42fr) minmax(0,1.58fr);gap:2rem}.about-mark{font-size:1.4rem}}@media (width<=680px){.site-header{min-height:70px;padding-inline:1.1rem}.wordmark-copy{font-size:.79rem}.main-nav{gap:.95rem;font-size:.7rem}.main-nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:1.5rem;min-height:auto;padding:4rem 1.25rem 5.8rem}.hero:before{inset:50% 0 0;mask-image:linear-gradient(#0000,#000 25%)}.hero h1{max-width:570px;margin-top:1.35rem;font-size:clamp(3.35rem,13vw,5.3rem)}.hero-intro{max-width:500px;font-size:.95rem}.hero-art{justify-self:center;width:min(78vw,340px);margin:-.25rem 0 .2rem}.core-cross{font-size:2rem}.core-label{font-size:.52rem}.hero-foot{min-height:43px;font-size:.52rem;left:1.25rem;right:1.25rem}.foot-rule{width:2rem}.section-wrap{width:min(100% - 2rem,1200px)}.work-section{padding-block:4.25rem}.section-heading{margin-bottom:2rem;display:block}.section-heading h2,.about-copy h2{font-size:clamp(2.8rem,12vw,4.2rem)}.section-note{max-width:360px;margin-top:1rem;font-size:.78rem}.project,.project-audit{border-radius:5px 21px;grid-template-columns:1fr;gap:1.6rem;padding:1.15rem}.project h3{font-size:3rem}.project-description{font-size:.8rem}.project-points{font-size:.73rem}.project-visual,.project-reverse .project-visual{grid-area:1/1;min-height:430px}.project-copy,.project-reverse .project-copy{grid-area:2/1}.project-audit .audit-art{grid-row:1;min-height:250px}.project-audit .project-copy{grid-row:2}.screen-main{width:40%;height:81%;top:5%;left:24%}.screen-float{width:34%;height:66%;bottom:5%;right:6%}.shield-visual .screen-main{width:39%;left:18%}.shield-visual .screen-float{width:35%;right:7%}.reels-section{padding-block:4.25rem}.reel-grid{grid-template-columns:1fr;gap:.75rem}.reel-wide{grid-column:auto}.reel-card{padding:.55rem}.reel-card figcaption{font-size:.54rem}.about-section{grid-template-columns:1fr;gap:2rem;padding-block:4.5rem}.about-mark{justify-self:start;width:145px}.about-lede{font-size:.9rem}.about-detail{font-size:.75rem}.contact-inner{padding-bottom:3.3rem;display:block}.contact-inner h2{font-size:clamp(3rem,12vw,4.4rem)}.contact-button{margin-top:1.4rem}.site-footer{min-height:62px;font-size:.48rem}}@media (width<=380px){.main-nav{gap:.65rem;font-size:.66rem}.wordmark{gap:.5rem}.wordmark-copy{font-size:.72rem}.hero-actions{flex-direction:column;align-items:start;gap:1rem}.visual-caption{font-size:.5rem}.site-footer{flex-wrap:wrap;padding-block:.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
