.refined{--bg:#191821;--ink:#f1e8dc;--soft:#beb1b9;--line:#46404c;--accent:#eca778}.refined .review-rail{height:32px;background:#121119;color:#a99ba9;border:0;padding:0 25px;font-size:8px}.refined .page{padding-top:32px}.refined .site-header{height:110px;border-color:#3c3743}.refined .brand{font-size:23px;gap:5px;letter-spacing:-.045em}.brand img{width:34px;height:34px;margin-right:10px;flex:none}.refined .site-header nav{font-size:12px;gap:35px}.site-header nav a{display:flex;align-items:center;gap:9px;padding:12px 0}.site-header nav a span{font:8px ui-monospace,monospace;color:#a99ba9}.refined .night-hero{padding-top:32px;padding-bottom:0}.refined .night-kicker{font-size:9px;letter-spacing:.1em}.quiet-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:2px}.refined .night-headline{grid-template-columns:1.13fr 1fr;gap:30px;min-height:640px}.headline-copy{padding:40px 0 55px}.refined .night-headline h1{font-size:clamp(85px,8.8vw,138px);line-height:.97;letter-spacing:-.06em}.hero-deck{font-size:17px;line-height:1.65;color:var(--soft);margin-top:35px}.hero-link{font-size:13px;display:inline-flex;align-items:center;gap:42px;padding:13px 0;border-bottom:1px solid #8d7a79;margin-top:24px;min-height:46px}.hero-link span{font-size:23px}.orbital-stage{position:relative;perspective:900px;min-width:0}.refined .orbital{height:460px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease-out;max-width:100%}.refined .orbital-core{width:240px;height:240px;box-shadow:inset -16px -15px 0 #b97e5e,inset 1px 2px 0 #f6d2b2,11px 12px 0 #211e2b,30px 35px 55px -18px #0c0a12cc;background:#e9a77b;z-index:2;border:1px solid #efbd96;display:grid;place-items:center}.noct-cutout{width:145px;height:145px;background:#322630;mask:url('assets/noct-logo.svg') center/contain no-repeat;-webkit-mask:url('assets/noct-logo.svg') center/contain no-repeat;transform:translateY(-7px)}.refined .orbital-core .core-label{bottom:28px;font:8px ui-monospace,monospace;letter-spacing:.28em;color:#513b3e}.refined .orbital-ring{height:69%;width:96%;border-color:#9a8393}.refined .orbital-ring.one{transform:rotate(-28deg) skewY(5deg)}.refined .orbital-ring.two{width:69%;height:96%;transform:rotate(35deg) skewY(-15deg);border-color:#976d55}.refined .orbital-ring.three{width:90%;height:90%;border-color:#4c4154;transform:rotate(13deg)}.orbital-shadow{position:absolute;width:235px;height:35px;background:#0c0a1277;filter:blur(16px);bottom:17px;left:25%;transform:rotate(-12deg)}.refined .satellite{box-shadow:0 0 0 6px #191821;z-index:3}.refined .satellite.warm{width:12px;height:12px;left:12%;top:71%;background:#b77b5b}.refined .satellite.cool{width:27px;height:27px;right:11%;top:23%;background:#cfc2db;box-shadow:inset -6px -5px 0 #998aa9,0 0 0 7px #191821}.orbit-axis{position:absolute;background:#393340}.orbit-axis.horizontal{height:1px;width:100%;top:50%;left:0}.orbit-axis.vertical{width:1px;height:100%;left:50%;top:0}.orbit-coordinate{position:absolute;font:8px ui-monospace,monospace;letter-spacing:.12em;color:#9f8d9d}.orbit-coordinate.top{left:0;top:-15px}.orbit-coordinate.bottom{right:0;bottom:-8px}.orbit-tick{position:absolute;width:9px;height:9px;border:1px solid #897589;transform:rotate(45deg);background:#191821;z-index:1}.orbit-tick.t1{left:18%;top:27%}.orbit-tick.t2{right:10%;bottom:26%}.hero-baseline{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:15px 0;font:8px ui-monospace,monospace;letter-spacing:.1em;color:#ac9baa}.hero-baseline>a{font-size:22px;min-height:44px;width:44px;display:grid;place-items:center;color:var(--accent)}.project-section{padding-top:90px}.project-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.project-section-head h2{font:43px Georgia,serif;letter-spacing:-.04em}.project-section-head>span{font:9px ui-monospace,monospace;color:var(--soft)}.refined .night-project{grid-template-columns:1fr 1.05fr;margin-top:0;min-height:740px;border:1px solid #4b3f4a;box-shadow:0 25px 65px -40px #0009;background:#29242d}.refined .night-project-copy{padding:42px 50px;position:relative}.project-status{display:flex;justify-content:space-between;align-items:center}.project-status>span:last-child{font:9px ui-monospace,monospace;color:var(--soft)}.refined .badge{border-color:#8b786f;color:#efc6a5;background:#3b2f32;padding:7px 12px}.refined .project-mark{margin-top:48px}.night-project h3{font:76px/1 Georgia,serif;letter-spacing:-.06em;margin:12px 0 20px}.refined .night-description{font:32px/1.2 Georgia,serif;margin-bottom:23px}.refined .night-project-copy>p:not(.night-description){font-size:15px;color:var(--soft);max-width:315px}.refined .pill-link{display:inline-flex;gap:35px;border-radius:3px;background:#e6b18c;color:#30252d;padding:13px 21px;margin-top:30px;font-size:13px;box-shadow:0 4px 0 #624c47}.pill-link:hover{background:#f0c3a3}.project-footnote{display:flex;gap:20px;font:7px ui-monospace,monospace;letter-spacing:.08em;color:#b6a2af;margin-top:40px}.refined .night-product-scene{background:#3b3039;overflow:hidden;isolation:isolate;padding-top:55px}.product-scene-heading{position:absolute;top:32px;left:28px;right:28px;display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:.1em;color:#d8c2be}.product-plate{position:absolute;width:76%;height:58%;border:1px solid #82635f;z-index:-1}.product-plate.back{transform:rotate(-12deg);background:#322a35;box-shadow:15px 20px 35px #17131c66}.product-plate.front{transform:rotate(9deg);background:#574048;box-shadow:10px 15px 35px #17131c55}.refined .night-disc{width:440px;height:440px;background:#bc8a6d;left:27%;bottom:-230px;z-index:0;box-shadow:0 -25px 0 #9c6f60,0 -50px 0 #795651}.refined .night-product-scene .phone{width:247px;transform:rotate(5deg);border-color:#6d6b73;position:relative;z-index:1;box-shadow:20px 35px 50px -20px #0f0d18,4px 4px 0 #403a44}.scene-caption{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:.1em;color:#e3cabb;z-index:2}.refined .night-about{padding:110px 0 90px;grid-template-columns:1.15fr 1fr;gap:40px 90px}.about-label{grid-column:1/-1;display:flex;align-items:center;gap:15px}.about-label .eyebrow{margin:0;color:#c9a086;font-size:9px}.about-label img{opacity:.7}.refined .night-about h2{font-size:68px;line-height:1.04}.night-about h2 em{color:#d2b8cd}.refined .about-description{font-size:20px;line-height:1.6;color:#c3b5c0}.about-description p+p{font-size:16px;color:#a798a8;margin-top:24px}.lab-directions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:25px}.lab-directions>div{border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:30px 1fr;gap:14px 12px}.direction-number{font:8px ui-monospace,monospace;color:var(--soft);padding-top:6px}.lab-directions h3{font:26px Georgia,serif;letter-spacing:-.025em}.lab-directions p{grid-column:2;font-size:13px;color:var(--soft);margin:0!important}.closing-note{border-top:1px solid var(--line);padding:75px 0 90px;position:relative}.closing-note>.eyebrow{color:var(--soft);font-size:9px}.closing-note>p{font-size:65px;line-height:1.1;letter-spacing:-.05em;margin-top:20px}.closing-note em{color:#d7a383}.back-top{position:absolute;right:0;bottom:95px;font-size:12px;border-bottom:1px solid #756571;padding:12px 0;display:flex;gap:30px}.refined footer{padding:45px 0 35px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.footer-identity>p{font-size:12px;margin-top:15px}.refined footer .footer-family{display:flex;flex-direction:column;gap:14px}.footer-family>span{font:8px ui-monospace,monospace;letter-spacing:.1em;color:#968595}.footer-family>a{display:flex;gap:25px;align-items:center;color:#b9a9b7;font-size:12px}.footer-family>a>span{font-size:16px;width:55px;color:var(--ink)}.footer-family i{font-style:normal;margin-left:auto}.refined footer .footer-colophon{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid #332c3a;padding-top:25px;font:8px ui-monospace,monospace;color:#968595;letter-spacing:.08em}.skip-link{position:fixed;top:-100px;background:#f1e8dc;color:#191821;padding:12px;z-index:30}.skip-link:focus{top:40px;left:20px}
@media(prefers-reduced-motion:no-preference){.refined .orbital{animation:orbital-enter 1.4s ease-out both}@keyframes orbital-enter{from{opacity:0;translate:0 24px;scale:.94}to{opacity:1;translate:0 0;scale:1}}}@media(prefers-reduced-motion:reduce){.refined .orbital{transition:none}}
@media(max-width:1050px){.refined .night-headline{min-height:570px;gap:25px}.refined .night-headline h1{font-size:90px}.refined .orbital{height:365px}.refined .orbital-core{width:195px;height:195px}.noct-cutout{width:115px;height:115px}.refined .orbital-core .core-label{bottom:22px;font-size:7px}.hero-deck{font-size:15px}.refined .night-project-copy{padding:35px}.refined .night-project{min-height:740px}.refined .night-about{gap:35px}.refined .night-about h2{font-size:57px}.project-footnote{flex-direction:column;gap:8px}.refined .night-product-scene .phone{width:225px}.closing-note>p{font-size:55px}}
@media(max-width:700px){.refined .review-rail{height:32px;flex-direction:row;justify-content:space-between;gap:12px;font-size:7px;padding:0 15px}.refined .review-rail>span{font-size:7px}.refined .page{padding:32px 22px 0}.refined .site-header{height:88px}.refined .brand{font-size:20px}.brand img{width:29px;height:29px;margin-right:7px}.refined .site-header nav{gap:22px;font-size:11px}.site-header nav a span{display:none}.refined .night-kicker{font-size:7px;gap:15px}.refined .night-kicker>span:last-child{max-width:110px;text-align:right}.quiet-dot{margin-right:6px}.refined .night-headline{grid-template-columns:1fr;gap:28px;padding:0;min-height:0}.headline-copy{padding:42px 0 10px}.refined .night-headline h1{font-size:76px}.hero-deck{font-size:15px;margin-top:27px}.hero-deck br{display:none}.hero-link{margin-top:18px}.orbital-stage{padding:8px 0 35px;max-width:100%;width:100%}.refined .orbital{height:320px;max-width:290px;width:100%;margin:auto}.refined .orbital-core{width:170px;height:170px}.noct-cutout{width:103px;height:103px}.refined .orbital-core .core-label{bottom:19px;font-size:6px}.orbit-coordinate.top{top:5px;font-size:7px}.orbit-coordinate.bottom{bottom:20px;font-size:7px}.hero-baseline{padding:10px 0;font-size:7px;gap:12px}.hero-baseline>span:last-child{max-width:105px;text-align:right}.hero-baseline>a{font-size:20px;width:25px}.project-section{padding-top:55px}.project-section-head h2{font-size:34px}.project-section-head>span{font-size:7px}.refined .night-project{grid-template-columns:1fr;min-height:0}.refined .night-project-copy{padding:28px}.refined .project-mark{margin-top:32px}.night-project h3{font-size:66px}.refined .night-description{font-size:31px}.refined .night-project-copy>p:not(.night-description){font-size:15px}.project-status>span:last-child{font-size:8px}.project-footnote{flex-direction:row;gap:16px;font-size:6px;margin-top:32px}.refined .night-product-scene{min-height:620px;padding-top:35px}.refined .night-product-scene .phone{width:215px}.product-scene-heading{font-size:7px;left:18px;right:18px;top:24px}.scene-caption{font-size:7px;left:18px;right:18px}.refined .night-disc{left:20%;bottom:-260px}.product-plate{width:78%;height:55%}.refined .night-about{grid-template-columns:1fr;padding:65px 0 55px;gap:28px}.refined .night-about h2{font-size:57px}.refined .about-description{font-size:19px}.about-description p+p{font-size:16px}.lab-directions{grid-template-columns:1fr;gap:20px;margin-top:10px}.lab-directions>div{grid-template-columns:25px 1fr;gap:8px 15px}.lab-directions h3{font-size:25px}.lab-directions p{font-size:13px}.closing-note{padding:50px 0 55px}.closing-note>p{font-size:44px}.back-top{position:static;margin-top:28px;width:max-content;font-size:11px}.refined footer{grid-template-columns:1fr;gap:35px;padding:35px 0 25px}.refined footer .footer-family{width:100%;gap:16px}.footer-family>a{font-size:12px}.refined footer .footer-colophon{gap:20px;line-height:1.6;font-size:7px}}

/* Align the shared NOCT mark with the wordmark as one centered unit. */
.refined .brand{align-items:center}
.hero-baseline{justify-content:flex-start}.hero-baseline>a{margin-left:auto}
.more-projects{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.lab-project{border:1px solid #4b3f4a;background:#27232c;overflow:hidden;min-width:0}.lab-project-copy{padding:32px}.lab-project-copy h3{font:44px/1.1 Georgia,serif;letter-spacing:-.05em;margin:25px 0 16px}.project-deck{font:28px/1.2 Georgia,serif;letter-spacing:-.03em;margin-bottom:20px}.lab-project-copy>p:not(.project-deck){font-size:15px;color:var(--soft);max-width:440px}.lab-project .project-status>span:last-child{font-size:8px}.lab-project details{border-top:1px solid #51434f;margin-top:28px;padding-top:4px}.lab-project summary{list-style:none;cursor:pointer;font-size:12px;min-height:48px;display:flex;align-items:center;justify-content:space-between}.lab-project summary::-webkit-details-marker{display:none}.lab-project summary:focus-visible{outline:2px solid #eca778;outline-offset:3px}.lab-project details[open] summary span{rotate:45deg}.lab-project details p{color:var(--soft);font-size:13px;margin:5px 0 15px}.project-text-link{display:inline-flex;align-items:center;gap:35px;min-height:48px;font-size:12px;border-bottom:1px solid #88717c;margin-top:16px}.shiny-scene,.dispatch-scene{height:360px;position:relative;isolation:isolate;overflow:hidden}.scene-index,.scene-bottom{position:absolute;left:25px;right:25px;font:8px/1.4 ui-monospace,monospace;letter-spacing:.08em;z-index:4}.scene-index{top:22px}.scene-bottom{bottom:20px}.shiny-scene{background:#afbbae;color:#253b32}.hunt-grid{position:absolute;inset:0;background-image:linear-gradient(#6b806622 1px,transparent 1px),linear-gradient(90deg,#6b806622 1px,transparent 1px);background-size:25px 25px}.hunt-sheet{position:absolute;background:#f0ede2;border:1px solid #808c77;padding:22px;box-shadow:12px 15px 30px -15px #24372e88}.hunt-sheet.rear{width:52%;height:225px;left:10%;top:73px;transform:rotate(-10deg);background:#d7c399}.hunt-sheet>span{font:8px ui-monospace,monospace;letter-spacing:.12em}.hunt-sheet strong{display:block;font:32px/1.1 Georgia,serif;letter-spacing:-.04em;margin-top:28px}.hunt-sheet.fore{width:52%;right:9%;top:93px;height:218px;transform:rotate(6deg)}.hunt-target{height:125px;position:relative;display:grid;place-items:center}.hunt-target i{border:1px solid #a0aa94;border-radius:50%;width:92px;height:92px;position:absolute;box-shadow:0 0 0 10px #f0ede2,0 0 0 11px #c1c8b7}.hunt-target b{font-size:55px;line-height:1;color:#355f49;font-weight:400;position:relative}.hunt-states{display:flex;justify-content:space-between;gap:5px;font:7px ui-monospace,monospace;border-top:1px solid #c1c8b7;padding-top:12px}.hunt-states span:first-child{color:#a44c28}.dispatch-scene{background:#b8aaa2;color:#3c302f}.paper-backing{position:absolute;width:66%;height:310px;background:#d2c9b8;left:21%;top:75px;transform:rotate(9deg);box-shadow:15px 20px 35px -15px #31212e88}.newspaper-preview{position:absolute;display:block;top:62px;left:18%;width:67%;transform:rotate(-7deg);box-shadow:12px 20px 35px -15px #31212e99;border:1px solid #8e8179;transition:transform .25s}.newspaper-preview:hover{transform:rotate(-3deg) translateY(-8px)}.newspaper-preview img{width:100%;height:auto;display:block}.dispatch-scene .scene-bottom{background:#b8aaa2;padding-top:7px;bottom:0;height:32px;left:0;right:0;padding-left:25px}.threat-project{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;background:#232931;border-color:#48505a}.threat-project .lab-project-copy{padding:38px}.threat-project .badge{background:#293a3c;border-color:#657d7f;color:#c3d9d2}.threat-project .project-status>span:last-child{color:#b5c3c5}.threat-project .project-deck{font-size:34px}.threat-project .lab-project-copy>p:not(.project-deck){color:#bac7ca;max-width:350px}.threat-project details{border-color:#485863}.threat-project details p{color:#bac7ca}.weave-symbol{font:45px Georgia,serif;color:#9abdb7;margin:30px 0 -12px}.threat-project h3{font-size:51px;margin-top:20px}.threat-scene{position:relative;isolation:isolate;display:grid;place-items:center;background:#29343e;min-height:520px;overflow:hidden}.threat-scene:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#7b9b9733 .8px,transparent .8px);background-size:18px 18px;z-index:-1}.threat-scene svg{width:88%;height:auto;overflow:visible}.weave-lines{fill:none;stroke:#799f9d;stroke-width:1}.weave-lines circle:last-child{stroke:#4c646e;stroke-dasharray:3 7}.weave-points{fill:#c8d9cc;stroke:#29343e;stroke-width:3}.weave-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:42px Georgia,serif;line-height:1;text-align:center;color:#d5ddd0}.weave-center small{display:block;font:7px ui-monospace,monospace;letter-spacing:.1em;margin-top:10px}.weave-inputs,.weave-outputs{position:absolute;top:28%;bottom:28%;display:flex;flex-direction:column;justify-content:space-between;font:7px ui-monospace,monospace;letter-spacing:.06em;color:#b0c4c3}.weave-inputs{left:6%}.weave-outputs{right:5%;text-align:right}.threat-scene .scene-index,.threat-scene .scene-bottom{color:#9bb5b7}
@media(prefers-reduced-motion:reduce){.newspaper-preview{transition:none}}
@media(max-width:1000px){.lab-project-copy{padding:26px}.lab-project-copy h3{font-size:38px}.lab-project .project-status{gap:15px}.lab-project .project-status>span:last-child{max-width:100px;text-align:right;font-size:7px}.hunt-sheet{padding:17px}.hunt-sheet strong{font-size:28px}.threat-project h3{font-size:43px}.threat-project .lab-project-copy{padding:28px}}
@media(max-width:700px){.more-projects{grid-template-columns:1fr;gap:25px;margin-top:25px}.lab-project-copy{padding:27px}.lab-project-copy h3{font-size:40px}.project-deck{font-size:28px}.shiny-scene,.dispatch-scene{height:315px}.scene-index,.scene-bottom{font-size:6px;left:18px;right:18px}.hunt-sheet.rear{left:8%;top:65px;height:190px;padding:17px}.hunt-sheet.fore{right:7%;top:85px;height:185px;padding:15px}.hunt-sheet strong{font-size:25px}.hunt-sheet>span{font-size:6px}.hunt-target{height:107px}.hunt-target i{width:68px;height:68px;box-shadow:0 0 0 7px #f0ede2,0 0 0 8px #c1c8b7}.hunt-target b{font-size:43px}.hunt-states{font-size:5px;padding-top:9px}.paper-backing{height:285px;top:70px}.newspaper-preview{top:57px}.dispatch-scene .scene-bottom{font-size:6px;padding-left:18px}.threat-project{grid-template-columns:1fr}.threat-project .lab-project-copy{padding:27px}.threat-project h3{font-size:43px}.threat-project .project-deck{font-size:31px}.threat-scene{min-height:340px}.weave-center{font-size:30px}.weave-center small{font-size:5px}.weave-inputs,.weave-outputs{font-size:5px;top:28%;bottom:28%}}

/* Unaltered app captures replace the illustrative project artwork. */
.project-capture{position:relative;min-height:360px;overflow:hidden;padding:55px 25px 25px;display:flex;align-items:center;justify-content:center}.shiny-capture{background:#adb7aa}.threat-capture{background:#29343e;min-height:520px;padding:65px 28px 40px}.screenshot-window{display:block;width:100%;border-radius:5px;border:1px solid #8d9586;box-shadow:12px 20px 35px -15px #11151c99;overflow:hidden;max-height:280px;transition:translate .2s}.screenshot-window:hover{translate:0 -4px}.screenshot-window img{display:block;width:100%;height:auto}.shiny-capture .scene-index{color:#253b32}.threat-capture .screenshot-window{max-height:none;border-color:#627280;box-shadow:14px 24px 45px -20px #0a0f18aa}.threat-capture .scene-index{color:#adc5c7}
@media(max-width:700px){.project-capture{min-height:275px;padding:50px 15px 20px}.screenshot-window{max-height:210px}.threat-capture{min-height:310px;padding:55px 16px 25px}}
@media(prefers-reduced-motion:reduce){.screenshot-window{transition:none}}

/* Published homepage has no local review rail. */
.refined .page{padding-top:0}