*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--ground);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure,ol,dl{margin:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;line-height:1.07}h1{font-size:clamp(58px,5.8vw,85px)}h2{font-size:clamp(40px,4.5vw,65px)}h3{font-size:27px;letter-spacing:-.035em}em{color:var(--accent);font-weight:400}.hunt{--ground:#f0eee4;--surface:#faf7ee;--ink:#243b31;--soft:#5f6c61;--line:#c8cebd;--accent:#a14c2f;--stage:#c2cdbb;--band:#dfe4d6;--inverse:#244438;--inverse-ink:#f1eee1;--inverse-soft:#c2cdbc}.threat{--ground:#171e29;--surface:#212c3b;--ink:#e5ece9;--soft:#abbcc6;--line:#3d5060;--accent:#b3d6cb;--stage:#293e4b;--band:#212f3e;--inverse:#e3e8df;--inverse-ink:#233d40;--inverse-soft:#546d70}.wrap{max-width:1220px;width:calc(100% - 112px);margin:auto}.draft-strip{display:flex;justify-content:space-between;padding:9px 25px;background:#131820;color:#adafb3;font:8px/1.4 ui-monospace,monospace;letter-spacing:.08em}.project-header{height:105px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.lab-brand{font-size:20px;font-weight:750;letter-spacing:-.04em;display:inline-flex;align-items:center;gap:5px;min-height:44px}.lab-brand>span:last-child{font-weight:350}.lab-mark{width:29px;height:29px;background:currentColor;mask:url('assets/noct-logo.svg') center/contain no-repeat;-webkit-mask:url('assets/noct-logo.svg') center/contain no-repeat;margin-right:8px}.back-link{font-size:12px;min-height:44px;display:flex;align-items:center}.project-hero{padding:35px 0 95px}.hero-label{display:flex;justify-content:space-between;font:9px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:var(--soft);gap:20px}.status{border:1px solid var(--line);padding:5px 10px;border-radius:20px;font-size:8px;margin-top:-4px;white-space:nowrap}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;min-height:620px}.hero-copy{padding:55px 0}.project-name{font-size:14px;letter-spacing:-.03em;margin-bottom:25px;font-weight:600}.lede{font-size:18px;color:var(--soft);max-width:375px;margin-top:28px}.underlined{display:inline-flex;align-items:center;gap:38px;font-size:12px;border-bottom:1px solid var(--ink);padding:14px 0;min-height:44px;margin-top:25px}.hero-art{position:relative;min-height:435px;display:flex;align-items:center;justify-content:center;isolation:isolate;padding:58px 25px;background:var(--stage);border:1px solid var(--line)}.hero-capture{display:block;width:100%;position:relative;transform:rotate(-3deg);border:1px solid #707f7180;border-radius:4px;overflow:hidden;box-shadow:15px 25px 40px -20px #13251b99}.hero-capture img{display:block;width:100%;height:auto}.art-coordinate,.specimen-tag{font:7px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:var(--soft)}.art-coordinate{position:absolute;top:20px;left:20px}.specimen-tag{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between}.hunt-art{color:#243b31}.hunt-art .art-coordinate,.hunt-art .specimen-tag{color:#425745}.photo-backing{position:absolute;width:87%;height:70%;background:#d2c195;transform:rotate(6deg);z-index:-1;box-shadow:7px 15px 20px -10px #1b2e2780}.specimen-grid{position:absolute;inset:0;background-image:linear-gradient(#536e4d18 1px,transparent 1px),linear-gradient(90deg,#536e4d18 1px,transparent 1px);background-size:25px 25px;z-index:-2}.threat-art{background:#263c48}.threat-art .photo-backing{background:#354e5c;border:1px solid #617c84;transform:rotate(-6deg)}.threat-art .hero-capture{transform:rotate(3deg);border-color:#67838c;box-shadow:15px 25px 45px -20px #050b14cc}.threat-art .art-coordinate,.threat-art .specimen-tag{color:#bdd1d0}.thread-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:none;stroke:#799b9d;stroke-width:1}.section-space{padding-top:100px;padding-bottom:100px}.eyebrow{font:10px/1.5 ui-monospace,monospace;letter-spacing:.12em;margin-bottom:25px;color:var(--soft)}.story-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:35px 80px;border-top:1px solid var(--line)}.story-intro>.eyebrow{grid-column:1/-1;margin:0}.story-body{padding-top:5px;color:var(--soft);font-size:18px}.story-body p+p{margin-top:22px}.workflow-band{padding:90px 0;background:var(--band);border-block:1px solid var(--line)}.section-title{margin-bottom:45px}.section-title>p:last-child:not(.eyebrow){max-width:520px;font-size:17px;color:var(--soft);margin-top:25px}.workflow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.workflow>li{border-top:1px solid var(--line);padding-top:20px}.workflow>li>span{font:9px ui-monospace,monospace;letter-spacing:.08em;color:var(--soft)}.workflow h3{margin:22px 0 15px;font-size:28px}.workflow p{font-size:14px;color:var(--soft)}.screen-gallery{border:1px solid var(--line);background:var(--surface);box-shadow:0 30px 60px -40px #15232daa}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 16px;gap:20px}.gallery-toolbar>div{display:flex;gap:6px}.gallery-toolbar button{border:0;background:transparent;padding:12px 18px;min-height:44px;border-radius:3px;font-size:12px;color:var(--soft)}.gallery-toolbar button[aria-pressed=true]{background:var(--ink);color:var(--ground)}.full-image{font-size:11px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.gallery-image{display:block;width:100%;height:auto}.screen-gallery figcaption{padding:18px 22px;border-top:1px solid var(--line);font-size:12px;color:var(--soft)}.hunt-states-section,.brief-section{background:var(--inverse);color:var(--inverse-ink);padding:95px 0;overflow:hidden}.states-layout,.brief-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.states-layout .eyebrow,.brief-layout .eyebrow{color:var(--inverse-soft)}.states-layout h2 em{color:#d8b88e}.states-layout>div>p:last-child,.brief-layout>div>p:last-child{color:var(--inverse-soft);font-size:17px;max-width:360px;margin-top:27px}.status-notebook{background:#f1eddf;color:#263d31;padding:30px;border:1px solid #bfc6ad;box-shadow:9px 12px 0 #78907c,20px 28px 35px -18px #0c211c88;transform:rotate(2deg)}.notebook-top{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:.08em;border-bottom:1px solid #c6cbb8;padding-bottom:20px}.state-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.state-buttons button{border:1px solid #bbc6b3;background:transparent;color:#4b6451;border-radius:25px;min-height:44px;padding:9px 16px;font-size:12px}.state-buttons button[aria-pressed=true]{background:#2b4e3c;color:#f6f0e2;border-color:#2b4e3c}.state-note{border-top:1px solid #c6cbb8;padding-top:25px;min-height:145px}.state-note strong{font:36px Georgia,serif;letter-spacing:-.04em}.state-note p{font-size:14px;color:#5b6b5b;max-width:350px;margin-top:14px}.underhood{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.technical-notes article{display:flex;gap:20px;border-top:1px solid var(--line);padding:22px 0}.technical-notes article>span{font:9px ui-monospace,monospace;padding-top:8px;color:var(--soft)}.technical-notes h3{font:500 19px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.02em}.technical-notes p{font-size:14px;color:var(--soft);margin-top:12px}.build-note{border-block:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:1fr 2fr;gap:50px}.build-note>span{font:9px ui-monospace,monospace;letter-spacing:.1em;color:var(--soft);padding-top:5px}.build-note p{font-size:14px;color:var(--soft);max-width:680px}.next-project{padding:90px 0}.next-project>.eyebrow{font-size:9px}.next-project>a{display:flex;justify-content:space-between;align-items:center;font:65px Georgia,serif;letter-spacing:-.05em}.next-project>a>span{font:50px -apple-system,sans-serif;color:var(--accent)}.project-footer{border-top:1px solid var(--line);padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.project-footer>p,.project-footer>a:last-child{font-size:11px;color:var(--soft)}.brief-layout h2 em{color:#547b7d}.report-sheet{background:#f6f3e9;color:#274044;border:1px solid #b9c7be;padding:32px;transform:rotate(-2deg);box-shadow:8px 12px 0 #afc2b8,20px 28px 40px -20px #213b3b66}.report-sheet-head{font:8px ui-monospace,monospace;display:flex;justify-content:space-between;letter-spacing:.07em;padding-bottom:20px;border-bottom:2px solid #274044}.report-sheet dl>div{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:20px 0;border-bottom:1px solid #cbd2c6;font-size:14px}.report-sheet dt{font-size:11px;font-weight:600}.report-sheet dd{margin:0;color:#5a7070}.sheet-foot{display:block;font:7px/1.6 ui-monospace,monospace;letter-spacing:.1em;padding-top:24px;color:#5a7070}.skip{position:fixed;top:-100px;left:20px;background:var(--surface);color:var(--ink);padding:12px;z-index:10}.skip:focus{top:10px}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:copy-in .65s both}.hero-capture{animation:capture-in 1s both}@keyframes copy-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes capture-in{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:35px;min-height:600px}.hero-art{padding:55px 18px;min-height:350px}.hero-grid h1{font-size:66px}.lede{font-size:17px}.workflow{gap:22px}.workflow h3{font-size:25px}.states-layout,.brief-layout,.underhood{gap:50px}.status-notebook{padding:24px}.story-intro{gap:30px 50px}.report-sheet{padding:26px}}
@media(max-width:700px){.wrap{width:calc(100% - 44px)}.draft-strip{font-size:7px;padding:8px 15px}.project-header{height:84px}.lab-brand{font-size:18px}.lab-mark{width:26px;height:26px}.back-link{font-size:11px}.project-hero{padding:28px 0 60px}.hero-label{font-size:7px;gap:10px}.status{font-size:6px;padding:5px 8px}.hero-grid{grid-template-columns:1fr;gap:15px;min-height:0}.hero-copy{padding:38px 0 24px}.hero-grid h1{font-size:57px}.project-name{font-size:13px;margin-bottom:20px}.lede{font-size:17px;margin-top:25px;max-width:none}.underlined{margin-top:17px}.hero-art{min-height:300px;padding:48px 15px;margin-top:12px}.art-coordinate,.specimen-tag{font-size:6px;left:15px;right:15px}.art-coordinate{top:16px}.specimen-tag{bottom:16px}.section-space{padding-top:65px;padding-bottom:65px}.story-intro{grid-template-columns:1fr;gap:25px}.story-intro h2{font-size:41px}.story-body{font-size:17px}.eyebrow{font-size:8px;margin-bottom:20px}.workflow-band{padding:60px 0}.section-title{margin-bottom:30px}.section-title h2{font-size:42px}.section-title>p:last-child:not(.eyebrow){font-size:16px}.workflow{grid-template-columns:1fr 1fr;gap:30px 22px}.workflow h3{font-size:25px;margin-top:16px}.workflow p{font-size:13px}.workflow>li>span{font-size:8px}.gallery-toolbar{padding:8px;gap:8px;flex-wrap:wrap}.gallery-toolbar button{font-size:11px;padding:10px 12px}.full-image{font-size:10px;padding:0 8px}.screen-gallery figcaption{padding:15px;font-size:11px}.hunt-states-section,.brief-section{padding:65px 0}.states-layout,.brief-layout,.underhood{grid-template-columns:1fr;gap:35px}.states-layout h2,.brief-layout h2{font-size:47px}.states-layout>div>p:last-child,.brief-layout>div>p:last-child{font-size:16px;max-width:none}.status-notebook{padding:23px;transform:rotate(1deg);width:100%}.state-buttons{gap:7px}.state-buttons button{font-size:11px;padding:9px 13px}.state-note{min-height:160px}.underhood h2{font-size:45px}.technical-notes article{gap:15px}.technical-notes h3{font-size:18px}.build-note{grid-template-columns:1fr;gap:15px;padding:25px 0}.build-note p{font-size:13px}.next-project{padding:65px 0}.next-project>a{font-size:43px}.next-project>a>span{font-size:34px}.project-footer{flex-wrap:wrap;gap:15px;padding:25px 0}.project-footer>p{width:100%;order:3}.report-sheet{padding:23px;transform:rotate(-1deg)}.report-sheet dl>div{grid-template-columns:64px 1fr;gap:20px;font-size:13px}.report-sheet-head{font-size:7px}}
