.radar-page{--radar-width:76rem}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--ink);color:var(--bone);padding:12px}.skip:focus{top:12px}.radar-nav{display:flex;align-items:center;gap:clamp(16px,3vw,40px);padding:24px var(--pad);border-bottom:1px solid var(--hair);font-size:.85rem}.radar-home{font-size:1.5rem;font-weight:800;margin-right:auto}.radar-home span{color:var(--signal);margin-left:8px}.radar-original{margin-left:auto;font-size:.65rem}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:36px}.radar-hero,.radar-section{max-width:var(--radar-width);margin:auto;padding:clamp(60px,9vw,120px) var(--pad)}.radar-hero h1{font-size:clamp(5rem,15vw,12rem);font-weight:760;line-height:.82;letter-spacing:-.075em}.radar-hero h1 span{color:var(--signal-display)}.radar-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:50px 0}.radar-lead{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.15;font-weight:600;letter-spacing:-.04em}.radar-hero-bottom>p:last-child{max-width:43ch;color:var(--ink-soft)}.radar-stage{height:440px;position:relative;display:grid;place-items:center;background:var(--bone-2);border-radius:24px;overflow:hidden}.radar-demo.book-call{position:relative;right:auto;bottom:auto;z-index:1;cursor:pointer}.radar-orbits{position:absolute;inset:0;display:grid;place-items:center}.radar-orbits i{position:absolute;width:170px;height:170px;border:1px solid var(--hair);border-radius:50%}.radar-orbits i:nth-child(2){width:270px;height:270px}.radar-orbits i:nth-child(3){width:370px;height:370px}.radar-orbits i:nth-child(4){width:470px;height:470px}.radar-axis{position:absolute;width:470px;height:1px;background:var(--hair);transform:rotate(-32deg)}.stage-note{position:absolute;bottom:25px;font-size:.65rem;color:var(--ink-label)}.radar-section{border-top:1px solid var(--hair)}.radar-two{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,5vw,70px)}.radar-section h2{font-size:clamp(2.5rem,5.5vw,5rem);font-weight:650;line-height:1.04;letter-spacing:-.06em}.radar-section p{max-width:48ch;line-height:1.7}.radar-two p+p{margin-top:22px}.decision-grid,.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:64px}.decision-grid article{border-top:2px solid var(--signal);padding-top:24px}.decision-grid span,.spec-grid b{font-size:.68rem;text-transform:uppercase;color:var(--ink-label)}.radar-section h3{font-size:1.4rem;font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:12px 0}.decision-grid p,.spec-grid p{font-size:.95rem}.radar-dark{max-width:none;background:var(--ink-bg);color:var(--on-ink);padding-left:max(var(--pad),calc((100vw - 66rem)/2));padding-right:max(var(--pad),calc((100vw - 66rem)/2))}.radar-dark p,.radar-dark b{color:var(--on-ink-soft)}.anatomy-drawing{display:grid;justify-items:center;gap:36px;padding:70px 0 40px}.anatomy-button{padding:25px 45px;border:1px dashed var(--on-ink-hair);border-radius:24px}.dimension{font-size:.7rem;color:var(--on-ink-soft)}/* swatch, not text colour: this word names the brand orange, so it shows true #F77E2D */.signal{color:var(--signal)}.colour-row{display:flex;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--hair)}.swatch{width:70px;height:70px;flex-shrink:0;border-radius:18px;border:1px solid var(--hair)}.swatch.bone{background:var(--bone)}.swatch.ink{background:var(--ink)}.swatch.orange{background:var(--signal)}.colour-row code{font-family:var(--font-m);font-size:.75rem}.colour-row p{font-size:.85rem;color:var(--ink-soft);margin-top:5px}.colour-row h3{margin:0 0 6px}.lab-panel{margin-top:50px;display:grid;grid-template-columns:1.3fr 1fr;border-radius:24px;overflow:hidden;background:var(--bone-2)}.lab-demo{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:30px}.lab-demo p{font-size:.75rem;color:var(--ink-label)}.lab-controls{padding:48px;display:flex;flex-direction:column;justify-content:center;gap:22px;border-left:1px solid var(--hair);font-size:.9rem}.lab-controls label{display:flex;justify-content:space-between;gap:16px}.lab-controls input{accent-color:var(--signal);width:100%;min-height:30px}.lab-stop{background:transparent;border:1px solid var(--ink);border-radius:30px;padding:12px;font:inherit;cursor:pointer}.lab-controls .mono{font-size:.62rem}.radar-close{margin-top:80px;background:var(--bone-2);border-radius:24px;padding:60px;text-align:center}.radar-close p{margin:auto}.radar-close h2{margin:30px 0}.radar-footer{padding:35px var(--pad);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;border-top:1px solid var(--hair);font-size:.8rem}@media(max-width:700px){.radar-original{display:none}.radar-nav{gap:18px}.radar-hero-bottom,.radar-two,.lab-panel{grid-template-columns:1fr}.decision-grid,.spec-grid{grid-template-columns:1fr;gap:24px}.radar-stage{height:340px}.radar-hero-bottom{gap:24px}.lab-controls{border-left:0;border-top:1px solid var(--hair);padding:28px}.radar-close{padding:36px 20px}.dimension{font-size:.58rem}.radar-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){.radar-demo.book-call{animation:none;transition:none}}


/* A compact introduction, aligned with the actual portfolio monogram */
.radar-home{display:inline-flex;align-items:center;flex-shrink:0;margin-right:auto;min-width:44px;min-height:44px}
.radar-hero-bottom{grid-template-columns:minmax(0,1fr);margin:36px 0 48px;gap:0}
.radar-hero-bottom>p:last-child{max-width:60ch;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.65}
.radar-section h2{max-width:15ch;text-wrap:balance}
.radar-section .radar-subheading{max-width:none;font-size:clamp(1rem,2.4vw,1.8rem);line-height:1.4;letter-spacing:-.025em;font-weight:600}
.radar-subheading span{display:block}
.radar-subheading span:first-child{color:var(--signal);margin-bottom:4px}
@media(max-width:700px){.radar-nav{padding:18px var(--pad);gap:clamp(12px,3vw,20px)}.radar-nav>a:not(.radar-home){font-size:.8rem}.radar-hero{padding-top:56px}.radar-hero-bottom{margin-top:32px}.radar-section{padding-top:56px;padding-bottom:56px}.decision-grid,.spec-grid{margin-top:36px}.radar-stage{margin-top:32px}}

.radar-hero h1{font-size:clamp(2.65rem,11.2vw,9.5rem);line-height:1.04;letter-spacing:-.06em;white-space:nowrap}
.radar-section h2{max-width:none;font-size:clamp(1rem,1.9vw,1.8rem);line-height:1.25;letter-spacing:-.035em;white-space:nowrap;text-wrap:nowrap}
.radar-section .radar-subheading{white-space:normal}