/* Nixora Brandboek V3 — Terminal, JetBrains Mono, Inter and dot artwork. */
@font-face{font-family:NixoraMono;src:url('assets/brandbook/jetbrains-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:NixoraMono;src:url('assets/brandbook/jetbrains-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Mono;src:url('assets/brandbook/jetbrains-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/brandbook/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/brandbook/inter-semibold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--paper:#fff;--ink:#111;--orange:#ff6b00;--line:#e5e5e5;--muted:#555;--accent-ink:#a74400;--nav:104px}body{font-family:Inter,Helvetica,sans-serif;font-size:17px;line-height:1.6}h1,h2,h3,.opening h1,.opening h1 em,.composition-end h2,.founder-copy h2,.founder-copy h2 em,.closing h2,.closing h2 em,.creative-poster h3,.poster-two h3{font-family:NixoraMono,monospace;font-weight:700;letter-spacing:.02em;line-height:1.18}h2 em{color:var(--orange)}.mono,.masthead nav,.button,.text-link,.command-icon,.capability-link,.window-button,.window-controls,.step-number,.variant-caption,.motion-toggle{font-family:NixoraMono,monospace}.eyebrow,.masthead nav,.section-top{text-transform:uppercase;letter-spacing:.14em}.masthead{background:white;backdrop-filter:none;box-shadow:none}.brand .signature-logo{width:155px;height:auto;max-height:none;aspect-ratio:2.96;object-fit:contain}.masthead nav{font-size:12px;letter-spacing:.08em}.masthead .button{font-size:12px}.brand{padding:12px 0}.opening h1{font-size:clamp(44px,5.05vw,76px);line-height:1.17;letter-spacing:.01em}.hero-copy{width:57%;top:19%}.opening-bottom p{font-size:18px;line-height:1.6;max-width:460px;color:#555}.hero-footnote{font-size:11px}.opening-meta{font-size:11px}.composition-end h2{font-size:clamp(38px,4.4vw,67px)}.composition-end{text-align:left;align-items:start;inset:0 max(56px,calc((100vw - 1240px)/2))}.composition-end p{font:18px/1.6 Inter;text-align:left}.composition-end>.mono{max-width:600px}.founder-grid{grid-template-columns:1.15fr .85fr;gap:9%;align-items:center}.founder-copy h2{font-size:clamp(35px,3.5vw,53px)}.founder-copy p{font-family:Inter;font-size:17px;line-height:1.7;color:#555}.founder-copy p.founder-lead{font-size:23px}.founder-sign>span:first-child{font:700 24px NixoraMono;font-style:normal}.founder-portrait{background:#0a0a0a;min-height:0;padding:40px 25px 25px;position:relative;overflow:hidden}.stan-portrait{width:100%;height:auto;min-height:400px;object-fit:contain;max-height:650px}.founder-portrait figcaption{position:relative;display:flex;flex-direction:column;gap:7px;padding:20px 0 5px;color:#f8f7f2;border-top:1px solid #343434}.founder-portrait figcaption>.mono{font-size:13px;color:#ff6b00;letter-spacing:.14em}.founder-portrait figcaption>span:last-child{font-size:13px;color:#aaa}.reviews{padding:90px 0 100px;background:white}.reviews-heading{align-items:center;margin-bottom:45px;gap:60px}.reviews h2{font-size:clamp(30px,3.1vw,48px)}.review-context{max-width:340px}.review-context p{font-size:17px;line-height:1.6;color:#555}.sample-label{font:11px NixoraMono;background:#fff1e6;color:#904100;padding:6px 9px;margin-top:18px}.review-layout-editorial{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:stretch}.review-feature{padding:28px 0 0;border-top:2px solid #ff6b00;display:flex;flex-direction:column;min-height:480px}.review-feature-top{display:flex;justify-content:space-between;gap:20px;color:#777}.review-feature-top .mono{font-size:11px}.review-feature blockquote{font-size:clamp(23px,2.1vw,31px);line-height:1.48;letter-spacing:-.025em;margin:35px 0 30px}.featured-person{display:flex;align-items:center;gap:15px}.featured-person .review-initial{width:52px;height:52px;border-radius:50%}.featured-person strong{font:700 14px NixoraMono;display:block}.featured-person small{display:block;font-size:12px;color:#777;margin-top:5px}.review-controls{display:flex;align-items:center;gap:12px;margin-top:auto;padding:28px 0 0}.review-controls>button:not(.text-link){width:40px;height:38px;border:1px solid #ccc;background:white}.review-controls .text-link{margin-left:12px;font-size:12px}.review-layout-editorial .review-marquee{height:490px;overflow:hidden;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent);padding:0}.review-track{display:block;width:100%;animation:review-rise 54s linear infinite}.review-group{display:flex;flex-direction:column;gap:14px;padding:0 0 14px;width:100%}.review-card{flex:none;width:100%;border:1px solid #e5e5e5;border-radius:0;padding:24px;box-shadow:none;min-height:210px;background:white}.review-card h3{font-size:16px;line-height:1.4;letter-spacing:.01em}.review-card p{font:15px/1.6 Inter;margin-top:13px}.review-card .review-person{margin-top:18px}.review-stars{margin-bottom:15px}.review-stars span{background:none;color:#ff6b00;font-size:17px;width:auto;height:auto}.review-person strong{font-family:NixoraMono;font-weight:400;font-size:12px}.review-person small{font:10px NixoraMono}.review-disclaimer{display:flex;gap:25px;align-items:baseline;border-top:1px solid #eee;margin-top:35px;padding-top:20px}.review-disclaimer>.mono{font-size:11px;white-space:nowrap;color:#777}.review-disclaimer p{font-size:12px;line-height:1.6;color:#777;max-width:630px}.reviews.is-paused .review-track,.reviews.is-offscreen .review-track,.motion-paused .review-track,.page-hidden .review-track{animation-play-state:paused}.reviews:focus-within .review-track{animation-play-state:paused}@keyframes review-rise{to{transform:translateY(-50%)}}.people-copy{max-width:900px;text-align:left;align-items:start;padding-left:60px;padding-right:60px}.people-copy h2{font-size:clamp(32px,3.2vw,48px)}.people-copy p{font-size:17px;text-align:left;color:#555}.people-copy p br{display:none}.people-copy p{max-width:500px}.people-copy>.text-link{align-self:start}.gallery-heading h2{font-size:clamp(30px,3vw,45px)}.creative-poster h3,.poster-two h3{font-size:clamp(33px,3.5vw,54px);max-width:55%;line-height:1.2}.creative-poster>:is(img,canvas){width:57%;right:-2%;opacity:1!important}.workroom-heading h2{font-size:clamp(29px,2.8vw,43px);max-width:850px}.workroom-heading p{font-size:17px}.capability strong{font-family:NixoraMono;font-size:20px;line-height:1.4;letter-spacing:.01em;font-weight:700}.command-icon{font-size:22px;letter-spacing:.01em}.capability p{font-family:Inter;font-size:16px}.capability-label{font-size:11px}.workflow-heading h2{font-size:clamp(43px,4.2vw,64px)}.workflow-heading p{font-family:Inter;font-size:17px;line-height:1.6}.panel-head h3{font-family:NixoraMono;font-size:26px;line-height:1.25;letter-spacing:.01em}.panel-head p,.input-field,.input-field input,.input-field textarea,.input-field select,.review-summary,.decision-result{font-family:Inter}.panel-head p{font-size:16px}.workflow-sidebar{background:#e9e9e9}.workflow-sidebar>img{padding:12px;background:white;width:185px;height:auto;box-sizing:border-box}.step strong{font-family:NixoraMono;font-size:14px}.variant-poster strong,.variant:nth-child(2) .variant-poster strong,.variant-style-1 strong,.review-layout .variant-poster.refined strong{font-family:NixoraMono;font-size:22px;font-weight:700;letter-spacing:.01em;line-height:1.2}.variant-poster{background:white}.variant:nth-child(3) .variant-poster{background:#111}.taste-heading h2{font-size:clamp(31px,3.4vw,51px)}.taste-heading p{font:17px/1.6 Inter;max-width:650px}.taste-owl{top:-50px;width:220px;height:300px}.signature-demo{border-top:2px solid #111}.signature-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 0 35px}.signature-toolbar>div:first-child{display:flex;flex-direction:column;gap:8px}.signature-toolbar .mono{font-size:11px;color:#777}.signature-toolbar strong{font:700 17px/1.4 NixoraMono}.signature-choices{display:flex;flex-shrink:0;gap:10px}.signature-choices .feedback-choice{border:1px solid #ccc;padding:13px 16px;font:12px NixoraMono;margin:0;width:auto;min-height:45px;display:block;color:#555}.signature-choices .feedback-choice.active{border-color:#b84a00;background:#fff1e6;color:#933e00}.signature-choices .feedback-choice.active:before{content:none}.feedback-comparison{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.comparison-label{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 0 14px;color:#777}.comparison-label .mono{font-size:11px}.comparison-label>span:last-child{font-size:12px}.type-poster{min-height:440px;background:white;border:1px solid #e5e5e5;padding:32px;position:relative}.type-poster strong,.type-poster.quiet strong,.type-poster.bold strong{font:700 clamp(30px,3.4vw,50px)/1.18 NixoraMono;letter-spacing:.01em;max-width:100%;margin-top:25px}.type-poster.quiet{background:white}.type-poster.quiet strong{font-size:clamp(25px,2.8vw,41px);margin-top:40px}.type-poster img{height:240px;width:70%;align-self:end;object-fit:contain;margin-top:-20px}.type-poster.quiet img{transform:scale(.67);height:220px;margin-top:0}.type-poster.bold{background:#111;color:white}.type-poster>.mono{font-family:NixoraMono;font-size:11px}.type-poster>.mono:last-child{margin-top:auto;font-size:10px}.signature-explanation{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:25px;padding:28px 0;border-bottom:1px solid #ddd}.signature-explanation>.mono{font-size:11px;color:#a74400}.signature-explanation p{font:16px/1.6 Inter;color:#555;max-width:620px}.signature-explanation .button{font-size:12px}.taste-bottom{margin-top:17px;display:flex;justify-content:space-between;gap:20px;flex-wrap:nowrap}.taste-bottom #taste-confirmation{width:auto;min-height:20px;font-size:13px;max-width:80%;color:#666}.taste-bottom .text-link{font-size:12px}.closing h2{font-size:clamp(50px,6.4vw,98px);letter-spacing:.01em}.closing h2 em{color:var(--orange)}.closing-bottom p{font-size:17px;line-height:1.6;color:#555}.closing-symbol{right:-9%;width:64%}.brand-finale{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:50px 0 70px}.brand-finale img{width:220px;height:auto;opacity:1}.brand-finale>.mono{font-size:13px;color:#777}.dialog-content h2{font-family:NixoraMono;font-size:34px;line-height:1.3;letter-spacing:.01em}.dialog-content p{font-family:Inter}.dialog-preview strong,.dialog-creatives strong{font-family:NixoraMono;font-size:21px;line-height:1.3;letter-spacing:.01em}.dialog-preview{background:white}.dialog-creatives>div{background:white}.dialog-actions .button{font-size:12px}.ambient-art{translate:var(--ambient-x,0px) var(--ambient-y,0px);rotate:var(--ambient-angle,0deg);will-change:translate,rotate}#hero-pixels{translate:var(--ambient-x,0px) var(--ambient-y,0px)}.type-poster{translate:var(--tilt-x,0px) var(--tilt-y,0px);rotate:var(--tilt-angle,0deg);transition:translate 180ms ease-out,rotate 180ms ease-out,background 220ms ease-out}.motion-paused .type-poster,.reduced-motion .type-poster{translate:none;rotate:none}.ink-entry{animation:ink-entry 800ms ease-out both}@keyframes ink-entry{from{clip-path:inset(0 45% 0 45%)}to{clip-path:inset(0)}}.reduced-motion .ambient-art,.reduced-motion #hero-pixels{translate:none!important;rotate:none!important}.reduced-motion .review-track{animation:none}.reduced-motion .review-layout-editorial .review-marquee{overflow-y:auto;mask-image:none}.reduced-motion .review-group[aria-hidden]{display:none}.reduced-motion .ink-entry{animation:none}
@media(max-width:1050px){.review-layout-editorial{gap:35px}.signature-toolbar{align-items:start;flex-direction:column}.signature-explanation{grid-template-columns:1fr auto}.signature-explanation>.mono{grid-column:1/-1}.founder-grid{gap:5%}.founder-portrait{padding:25px 15px}.opening h1{font-size:5.1vw}.hero-copy{width:60%}.workroom-heading h2{font-size:33px}.people-copy{padding-left:50px;padding-right:50px}.type-poster{padding:24px}.creative-poster h3,.poster-two h3{font-size:40px}}
@media(max-width:700px){:root{--nav:92px}.masthead{padding:0 20px}.brand .signature-logo{width:118px}.masthead .button{font-size:10px;gap:12px;padding:13px 12px}.opening h1{font-size:clamp(32px,8.7vw,58px);line-height:1.2;letter-spacing:0}.hero-copy{width:auto;top:13%}.opening-bottom{max-width:285px;margin-top:25px}.opening-bottom p{font-size:17px;line-height:1.65;max-width:285px}.opening-meta{font-size:8px}.hero-footnote{font-size:9px}.composition-end{inset:0 20px}.composition-end h2{font-size:32px;line-height:1.3;letter-spacing:0}.composition-end>.mono{font-size:10px}.composition-end p{font-size:17px}.founder-grid{gap:40px}.founder-copy h2{font-size:36px}.founder-copy p{font-size:17px}.founder-copy p.founder-lead{font-size:22px}.founder-portrait{padding:26px 18px 22px;width:100%;min-height:0}.stan-portrait{height:auto;width:100%;min-height:400px;object-fit:contain}.founder-portrait figcaption{font-size:12px;padding-top:18px}.founder-sign{gap:18px}.founder-sign .mono{font-size:9px}.reviews-heading{display:block;margin-bottom:30px}.reviews h2{font-size:28px;line-height:1.35}.review-context{margin-top:25px}.review-context p{font-size:16px}.review-layout-editorial{display:block}.review-feature{min-height:425px;padding-top:22px}.review-feature blockquote{font-size:23px;line-height:1.55;margin:28px 0}.review-controls{padding-top:24px}.review-layout-editorial .review-marquee{height:365px;margin-top:40px}.review-card{padding:22px;min-height:200px;flex-basis:auto;width:100%}.review-card h3{font-size:16px}.review-disclaimer{display:block;margin-top:25px}.review-disclaimer p{margin-top:8px}.people-copy{padding:55px 25px;max-width:100%}.people-copy h2{font-size:25px;line-height:1.35}.people-copy p{font-size:16px}.people-copy .eyebrow{font-size:10px;max-width:240px}.people-stage{min-height:710px}.people-disclosure{font-size:9px}.gallery-heading h2{font-size:28px}.creative-poster h3,.poster-two h3{font-size:30px;max-width:85%;width:85%;line-height:1.3}.creative-poster>:is(img,canvas),.poster-two>:is(img,canvas),.poster-three>:is(img,canvas){width:108%;right:-24%;top:16%;height:67%}.poster-bottom>.mono{font-size:9px}.gallery-heading>.mono{font-size:9px}.workroom-heading h2{font-size:25px;line-height:1.4}.workroom-heading p{font-size:17px;margin-top:25px}.capability strong{font-size:17px}.capability p{font-size:15px}.capability-link{font-size:10px}.capability-label{font-size:10px}.command-icon{font-size:20px}.workflow-heading h2{font-size:43px;line-height:1.2}.workflow-heading p{font-size:17px}.workflow-heading .eyebrow{font-size:10px}.workspace-title .mono{font-size:9px}.step strong{font-size:10px;letter-spacing:-.02em}.panel-head h3{font-size:22px;line-height:1.35;letter-spacing:0}.panel-head p{font-size:15px}.variant-poster strong,.variant:nth-child(2) .variant-poster strong{font-size:20px}.review-layout>.variant-poster strong{font-size:23px}.taste-heading h2{font-size:28px;line-height:1.35;letter-spacing:0}.taste-heading p{font-size:17px;max-width:100%}.taste-owl{width:140px;right:-20px;top:-95px;z-index:-1}.signature-toolbar{padding:23px 0;gap:20px}.signature-toolbar strong{font-size:16px}.signature-toolbar .mono{font-size:10px}.signature-choices{width:100%;gap:8px}.signature-choices .feedback-choice{flex:1;font-size:11px;padding:12px 8px}.feedback-comparison{grid-template-columns:1fr;gap:28px}.comparison-label{padding-bottom:12px}.comparison-label>.mono{font-size:10px}.comparison-label>span:last-child{font-size:11px}.type-poster{padding:25px;min-height:370px}.type-poster strong,.type-poster.bold strong{font-size:38px;margin-top:20px}.type-poster.quiet strong{font-size:31px;margin-top:30px}.type-poster img{height:200px;margin-top:-20px}.type-poster.quiet img{height:180px}.type-poster>.mono{font-size:10px}.type-poster>.mono:last-child{font-size:9px}.signature-explanation{display:flex;flex-direction:column;align-items:start;gap:15px;padding:24px 0}.signature-explanation p{font-size:16px}.signature-explanation .button{font-size:12px;width:100%;justify-content:center}.taste-bottom{align-items:start}.taste-bottom #taste-confirmation{font-size:12px;max-width:72%}.taste-bottom .text-link{font-size:11px}.closing h2{font-size:clamp(35px,9.4vw,55px);line-height:1.3;letter-spacing:0}.closing-bottom p{font-size:17px}.closing-symbol{right:-30%;width:95%;opacity:1}.brand-finale{padding:30px 0 60px;align-items:start;flex-direction:column}.brand-finale img{width:160px}.brand-finale>.mono{font-size:11px}.dialog-content h2{font-size:25px;line-height:1.35}.dialog-preview strong{font-size:17px}.dialog-creatives strong{font-size:14px}.dialog-content p{font-size:16px}.dialog-preview p{font-size:13px}.dialog-actions .button{font-size:11px}.motion-toggle{font-size:10px}.section-top{font-size:10px;letter-spacing:.08em}.section-top>span:last-child{max-width:44%}.taste>.section-top>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.ambient-art,#hero-pixels,.type-poster{translate:none!important;rotate:none!important;transition:none!important}.ink-entry{animation:none}.review-track{animation:none!important}}
/* Keep free-floating artwork inside the viewport without creating a scroll container. */
html{overflow-x:clip}.motion-paused .ink-entry,.page-hidden .ink-entry{animation-play-state:paused}
/* Explicit visual feedback: pixel display headings and a white portrait panel. */
@font-face{font-family:NixoraPixel;src:url('assets/brandbook/pixelify-medium.ttf') format('truetype');font-weight:500;font-display:swap}
.opening h1,.opening h1 em,.composition-end h2,.founder-copy h2 em,.reviews h2,.people-copy h2,.gallery-heading h2,.creative-poster h3,.poster-two h3,.workroom-heading h2,.workflow-heading h2,.taste-heading h2,.closing h2,.closing h2 em,.type-poster strong,.type-poster.bold strong{font-family:NixoraPixel,monospace;font-weight:500;letter-spacing:0}
.founder-copy h2 em{font-size:1.18em}.founder-portrait{background:#fff}.founder-portrait figcaption{color:#111;border-top-color:#e5e5e5}.founder-portrait figcaption>span:last-child{color:#666}

/* Keep the original line layout while each glyph gains its own motion. */
#hero-title .hero-line{display:block;width:max-content;white-space:nowrap;position:relative}
#hero-title .hero-letter,#hero-title .hero-space{display:inline-block;position:relative;z-index:1;transform-origin:50% 65%}
#hero-title em.hero-line:before{content:"";position:absolute;inset:13% -.03em 2%;background:#ffe1cc;opacity:var(--forge-highlight,0);transform:scaleX(var(--forge-highlight,0));transform-origin:left center;z-index:0}
.reduced-motion #hero-title .hero-letter{transform:none!important}
.reduced-motion #hero-title em.hero-line:before{display:none}
