@font-face{font-family:BZ;src:url('assets/fonts/BravoZuluMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:BZ;src:url('assets/fonts/BravoZuluMono-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:BZ;src:url('assets/fonts/BravoZuluMono-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:BZ;src:url('assets/fonts/BravoZuluMono-MediumItalic.ttf') format('truetype');font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:BZ;src:url('assets/fonts/BravoZuluMono-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:BZ;src:url('assets/fonts/BravoZuluMono-SemiBoldItalic.ttf') format('truetype');font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:BZ;src:url('assets/fonts/BravoZuluMono-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:BZ;src:url('assets/fonts/BravoZuluMono-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:BZOptical;src:url('assets/fonts/BravoZuluMono[OPCX].ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:BZOptical;src:url('assets/fonts/BravoZuluMono-Italic[OPCX].ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#f4f2eb;--ink:#172d47;--muted:#586477;--line:#c7cbc5;--red:#b73535;--pale:#eae9e0;--serif:Georgia,serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 BZ,monospace;-webkit-font-smoothing:antialiased}body[data-theme=dark]{--paper:#101f31;--ink:#e9eadf;--muted:#b1bdc9;--line:#435160;--red:#f0786d;--pale:#182b3f;color-scheme:dark}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{background:none;border:0}a,button,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red)}::selection{background:#e6b641;color:#172d47}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button,a{touch-action:manipulation}a:hover,.text-link:hover{color:var(--red)}.site-shell{max-width:1600px;margin:auto;padding:0 48px}.header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:17px;letter-spacing:.035em;line-height:1.25;font-weight:600}.hoist{width:33px;height:44px;flex-shrink:0}.brand-small{display:block;margin-top:5px;font-size:8px;font-weight:400;letter-spacing:.09em}.header nav{display:flex;gap:30px;font-size:12px}.header nav a{padding:12px 0}.header-actions{display:flex;gap:24px;align-items:center}.theme-toggle{border:1px solid var(--line);width:36px;height:36px;border-radius:50%;font-size:21px;line-height:1}.download-small{font-size:12px;border-bottom:1px solid var(--ink);padding:8px 0}.download-small span{margin-left:12px}.hero-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.075em;margin-top:28px}.hero-meta>span:last-child{display:flex;align-items:center;gap:10px}.hero-meta i{width:7px;height:7px;border-radius:50%;background:var(--red)}h1{position:relative;width:max-content;font-size:clamp(76px,17vw,260px);line-height:1.22;letter-spacing:-.065em;margin:19px 0 9px;font-weight:500}h1>span{font-style:italic;font-weight:400}h1 sup{font-size:15px;letter-spacing:0;position:absolute;top:21%;right:-22px}.hero-baseline{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);font-size:10px;letter-spacing:.08em;padding:0 0 19px}.hero-baseline .coordinate{color:var(--red)}.hero-body{display:grid;grid-template-columns:1fr 1.03fr;gap:60px;padding:42px 0}.hero-copy{padding:0 0 4px;max-width:520px}.eyebrow,.micro{font-size:10px;letter-spacing:.07em;line-height:1.5}.eyebrow{color:var(--red)}.red-square{display:inline-block;height:6px;width:6px;background:var(--red);margin-right:6px;vertical-align:middle}.hero-copy h2{font-size:clamp(24px,2.6vw,36px);line-height:1.2;letter-spacing:-.05em;margin:14px 0 17px}.hero-copy p{max-width:48ch;color:var(--muted);font-size:13px;line-height:1.8}.hero-links{display:flex;align-items:center;gap:27px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:47px;padding:12px 18px;font-size:12px;line-height:1.5;border:1px solid var(--ink)}.solid{background:var(--ink);color:var(--paper)}.solid:hover{background:var(--red);border-color:var(--red);color:var(--paper)}.text-link{font-size:11px;border-bottom:1px solid var(--line);padding:9px 0}.text-link span{margin-left:10px}.terminal{background:#172d47;color:#e5e9e8;align-self:center;box-shadow:8px 8px 0 var(--pale);font-size:13px;min-width:0}.terminal-head{padding:13px 17px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.04em;border-bottom:1px solid #3e4e62;color:#c0ccda}.terminal-dots{display:flex;gap:5px}.terminal-dots i{border:1px solid #8b9aad;width:6px;height:6px;border-radius:50%}.terminal-dots i:first-child{background:#ba625b;border-color:#ba625b}.terminal-content{padding:22px 24px 18px;line-height:1.85;white-space:pre;overflow-x:auto}.line-number{color:#9baabd;display:inline-block;width:31px;font-size:10px;user-select:none}.comment{color:#a4b7c7;font-style:italic}.pink{color:#e7a6b8}.yellow{color:#e2ca91}.mint{color:#9acbbb}.terminal-check{margin-top:15px;padding-left:30px;font-size:12px}.cursor{display:inline-block;width:7px;height:13px;vertical-align:middle;background:#d8e2d4;margin-left:9px}.terminal-foot{display:flex;justify-content:space-between;gap:10px;background:#233b56;padding:10px 16px;color:#bdcddd;font-size:9px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts>div{padding:20px 24px}.facts>div:first-child{padding-left:0}.facts>div+div{border-left:1px solid var(--line)}.facts span{display:block;font-size:8px;letter-spacing:.07em;color:var(--muted);margin-bottom:6px}.facts strong{font-size:12px;font-weight:400}.section{padding:85px 0 0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:29px}.section-heading h2{font-size:clamp(24px,3vw,40px);line-height:1.2;letter-spacing:-.055em;margin-top:12px}.section-heading>p{font-size:11px;line-height:1.8;color:var(--muted)}.tester-toolbar{display:grid;grid-template-columns:1.05fr 1fr 1.25fr auto;align-items:center;border:1px solid var(--line);background:var(--pale)}.tester-toolbar>label{padding:16px 24px;border-right:1px solid var(--line);font-size:9px;letter-spacing:.05em;min-width:0}.tester-toolbar select{display:block;appearance:auto;background:transparent;border:0;color:var(--ink);font-size:13px;min-width:100%;margin-top:7px;padding:3px 0;cursor:pointer}.slider-label>span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.slider-label output{font-size:11px;white-space:nowrap}.slider-label input{display:block;width:100%;height:3px;accent-color:var(--red);cursor:pointer;margin:12px 0}.slider-label:has(input:disabled){opacity:.5}.tester-colors{display:flex;padding:20px;gap:10px}.swatch{width:25px;height:25px;border-radius:50%;border:1px solid #9c9d96;position:relative}.swatch.paper{background:#f4f2eb}.swatch.navy{background:#172d47}.swatch.red{background:#b73535}.swatch.selected:after{content:"";position:absolute;inset:-5px;border:1px solid var(--ink);border-radius:50%}.type-stage{padding:40px 30px 18px;border:1px solid var(--line);border-top:0;background:#f4f2eb;color:#172d47}.type-stage[data-surface=navy]{background:#172d47;color:#f4f2eb}.type-stage[data-surface=red]{background:#b73535;color:#f4f2eb}.type-stage textarea{width:100%;background:transparent;border:0;color:inherit;resize:vertical;display:block;min-height:214px;line-height:1.25;letter-spacing:-.045em;font-family:BZOptical,monospace;font-size:64px;overflow:auto}.stage-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:8px;letter-spacing:.08em;opacity:.75}.tester-bottom{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-top:0;padding:12px 18px;font-size:10px;gap:20px}.tester-bottom>div{display:flex;gap:6px}.sample{padding:8px 12px;color:var(--muted);border:1px solid transparent}.sample.active{border-color:var(--line);color:var(--ink);background:var(--pale)}.reset{padding:8px}.reset span{margin-left:10px}.optical-note{font-size:9px;color:var(--muted);margin-top:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid>article{padding:25px 27px 28px;min-width:0}.detail-grid>article:first-child{padding-left:0}.detail-grid>article+article{border-left:1px solid var(--line)}.micro{color:var(--muted);font-size:9px}.detail-grid h3{font-size:14px;font-weight:500;letter-spacing:-.03em;margin-bottom:13px}.detail-grid p{font-size:11px;line-height:1.9;color:var(--muted);max-width:45ch}.anatomy-stage{position:relative;height:230px;margin:14px 0 17px;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:23px 23px}.anatomy-glyph{font-size:155px;line-height:1.25;letter-spacing:-.06em;position:absolute;left:18px;top:14px;font-family:BZOptical; font-variation-settings:"OPCX" 100}.measurement{position:absolute;left:5px;font-size:7px;letter-spacing:.09em;background:var(--paper);padding:0 3px;color:var(--red)}.measurement.top{top:8px}.measurement.bottom{bottom:22px}.dimension{position:absolute;bottom:2px;right:7px;font-size:7px;background:var(--paper);padding:0 2px;color:var(--red)}.italic-display{height:230px;margin:14px 0 17px;display:flex;align-items:center;justify-content:center;font-size:135px;line-height:1;letter-spacing:-.07em;font-style:italic;position:relative;color:var(--red)}.italic-display:before{content:"";position:absolute;height:165px;width:1px;background:var(--line);transform:rotate(12deg);right:33px;top:28px}.italic-display>span{font-style:normal;font-size:10px;position:absolute;right:0;top:15px;letter-spacing:0;color:var(--muted)}.clarity-display{height:230px;display:flex;justify-content:space-between;align-items:center;gap:3px;margin:14px 0 17px;font-size:66px;letter-spacing:-.08em}.clarity-display>span{position:relative}.clarity-display>span>span{font-size:7px;letter-spacing:.04em;position:absolute;top:100%;left:0;right:0;text-align:center;color:var(--muted)}.family-list{border-top:1px solid var(--ink)}.family-list>div{display:grid;grid-template-columns:150px 1fr 1fr 32px;gap:25px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.family-label,.weight-number{font-size:9px;color:var(--muted)}.family-roman,.family-italic{font-size:clamp(14px,1.8vw,26px);letter-spacing:-.055em;font-weight:var(--weight)}.family-italic{font-style:italic}.weight-number{text-align:right}.glyph-tools{display:flex;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);gap:14px;padding:13px 0}.glyph-tools button{padding:9px 12px;font-size:10px;color:var(--muted);border:1px solid transparent}.glyph-tools button.active{border-color:var(--ink);color:var(--ink)}.glyph-browser{display:grid;grid-template-columns:1fr 280px;border-bottom:1px solid var(--line)}.glyph-grid{display:grid;grid-template-columns:repeat(12,1fr);align-content:start;padding:24px 25px 24px 0;gap:5px;min-height:320px}.glyph-grid button{font-size:25px;aspect-ratio:1;min-width:0;border:1px solid var(--line);transition:background .15s}.glyph-grid button:hover{background:var(--pale)}.glyph-grid button.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.glyph-focus{border-left:1px solid var(--line);padding:25px;display:flex;align-items:center;flex-direction:column;min-width:0;justify-content:center}.focused-character{font-size:180px;line-height:1.15;margin:0 0 10px}.copy-glyph{font-size:10px;border-bottom:1px solid var(--line);padding:10px 0}.copy-glyph span{margin-left:15px}#copy-status{display:block;min-height:18px;margin-top:8px;font-size:9px;color:var(--red)}.signal-section{display:grid;grid-template-columns:1fr 1fr;padding:75px 0;align-items:center;border-bottom:1px solid var(--line);gap:70px;margin-top:85px;border-top:1px solid var(--line);background:var(--pale)}.signal-visual{display:flex;flex-direction:column;align-items:center}.signal-visual svg{width:220px;max-width:65%;margin-bottom:15px}.signal-copy{padding-right:50px}.signal-copy h2{font-size:50px;line-height:1.08;letter-spacing:-.05em;margin:20px 0}.signal-copy h2 em{color:var(--red);font-weight:400}.signal-copy p{font-size:12px;line-height:1.9;max-width:45ch;color:var(--muted)}.download{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:80px}.download h2{font-size:60px;line-height:1.2;letter-spacing:-.065em;margin:15px 0}.download p{font-size:12px;line-height:1.8;color:var(--muted)}.download-main{margin-top:25px;min-width:280px}.download-note{display:block;margin-top:13px;font-size:8px;color:var(--muted);letter-spacing:.04em}.download-manifest{align-self:center;border-top:1px solid var(--ink)}.download-manifest>div{display:flex;gap:15px;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.download-manifest>div>span:first-child{font-size:9px;color:var(--muted)}.download-manifest strong{font-weight:400}.download-manifest>div>span:last-child>a+a{margin-left:15px}.download-manifest a{border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--ink);padding:32px 0 22px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:32px;letter-spacing:-.06em}.footer-brand span{font-size:11px;vertical-align:top;margin-left:3px}.footer-top>span,.footer-top>a:last-child{font-size:9px}.footer-bottom{font-size:8px;color:var(--muted);margin-top:35px}.skip-link{position:fixed;z-index:100;top:10px;left:10px;background:var(--ink);color:var(--paper);padding:10px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
@media(min-width:1600px){h1{font-size:260px}}
@media(max-width:1100px){.site-shell{padding:0 30px}.hero-body{gap:35px}.terminal-content{font-size:11px;padding:20px 14px}.terminal-check{font-size:10px}.terminal-foot{font-size:8px;padding:10px}.hero-links{gap:17px}.hero-copy p{font-size:12px}.detail-grid>article{padding:22px 18px}.anatomy-glyph{font-size:130px;top:29px;left:7px}.italic-display{font-size:110px}.clarity-display{font-size:47px}.family-list>div{grid-template-columns:130px 1fr 1fr 28px;gap:15px}.glyph-grid{grid-template-columns:repeat(10,1fr)}.glyph-browser{grid-template-columns:1fr 230px}.tester-toolbar>label{padding:15px}.tester-colors{padding:16px;gap:9px}.swatch{width:21px;height:21px}.download,.signal-section{gap:40px}}
@media(max-width:800px){.header{height:85px}.header nav{gap:17px;font-size:11px}.brand{font-size:14px;gap:8px}.brand-small{font-size:6px}.hoist{width:27px}.header-actions{gap:15px}.download-small{font-size:10px}.hero-meta{font-size:8px}.hero-meta>span:last-child{display:none}h1{font-size:16vw;margin-top:21px}.hero-baseline{font-size:8px}.hero-body{grid-template-columns:1fr 1fr;gap:25px;padding:32px 0}.hero-copy h2{font-size:24px}.hero-links{align-items:flex-start;gap:12px;flex-direction:column}.terminal-content{font-size:9px;padding:17px 10px}.line-number{width:23px}.terminal-head{font-size:7px;padding:11px}.terminal-check{font-size:9px;padding-left:0}.terminal-foot{font-size:7px}.terminal-foot>span:last-child{display:none}.facts>div{padding:17px 12px}.facts span{font-size:7px}.facts strong{font-size:10px}.section{padding-top:65px}.tester-toolbar{grid-template-columns:1fr 1fr}.tester-toolbar>label{border-bottom:1px solid var(--line)}.tester-toolbar>label:nth-child(2){border-right:0}.tester-toolbar>label:nth-child(3){border-bottom:0}.tester-colors{justify-content:flex-end;padding-right:25px}.type-stage{padding:30px 22px 18px}.type-stage textarea{font-size:45px;min-height:180px}.detail-grid{grid-template-columns:1fr 1fr}.clarity{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding-left:0!important}.clarity>.micro{grid-column:1/-1}.clarity-display{grid-column:1;grid-row:2/4;height:145px;margin:10px 0;font-size:68px}.clarity h3{align-self:end}.clarity p{grid-column:2}.family-list>div{grid-template-columns:110px 1fr 28px}.family-italic{display:none}.family-roman{font-size:22px}.glyph-grid{grid-template-columns:repeat(8,1fr);padding-right:18px}.glyph-grid button{font-size:22px}.glyph-browser{grid-template-columns:1fr 175px}.focused-character{font-size:130px}.glyph-focus{padding:16px}.signal-copy{padding-right:20px}.signal-copy h2{font-size:42px}.signal-section{margin-top:65px;padding:55px 0}.download{gap:30px}.download h2{font-size:43px}.download-main{min-width:0;gap:22px}.download-note{font-size:7px}.download-manifest>div{font-size:9px}.download-manifest>div>span:first-child{font-size:7px}.download-manifest>div:last-child{flex-direction:column;gap:8px}.footer-top>span{display:none}.footer-bottom{flex-wrap:wrap;font-size:7px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:700px){.site-shell{padding:0 20px}.header{height:80px;gap:10px}.header nav{display:none}.header-actions{gap:13px}.theme-toggle{width:32px;height:32px;font-size:19px}.download-small{font-size:10px}.download-small span{margin-left:4px}.hero-meta{font-size:7px;margin-top:23px;letter-spacing:.045em}h1{font-size:16vw;letter-spacing:-.07em;margin:26px 0 20px;line-height:1.1}h1 sup{font-size:8px;right:-11px;top:14%}.hero-baseline{font-size:7px;gap:10px;padding-bottom:15px}.hero-baseline>span:last-child{display:none}.hero-body{grid-template-columns:1fr;gap:30px;padding:29px 0}.hero-copy h2{font-size:29px;margin-top:14px}.hero-copy p{font-size:12px;max-width:43ch}.hero-links{flex-direction:row;align-items:center;gap:20px}.button{font-size:11px;gap:23px;padding:11px 14px}.text-link{font-size:10px}.terminal{box-shadow:5px 5px 0 var(--pale)}.terminal-content{font-size:12px;line-height:1.85;padding:20px 15px}.line-number{width:28px}.terminal-check{font-size:10px;padding-left:28px}.terminal-head{font-size:8px;padding:12px 15px}.terminal-foot{font-size:8px;padding:10px 15px}.facts{grid-template-columns:1fr 1fr}.facts>div{padding:16px 12px!important}.facts>div:nth-child(odd){padding-left:0!important;border-left:0}.facts>div:nth-child(n+3){border-top:1px solid var(--line)}.facts span{font-size:7px}.facts strong{font-size:11px}.section{padding-top:55px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:28px;max-width:17ch}.section-heading>p{font-size:10px;margin-top:15px}.section-heading>p br{display:none}.eyebrow{font-size:8px}.tester-toolbar>label{font-size:8px;padding:14px}.tester-toolbar select{font-size:12px}.slider-label output{font-size:9px}.tester-colors{gap:16px}.type-stage{padding:27px 18px 15px}.type-stage textarea{min-height:200px;letter-spacing:-.06em}.stage-bottom{font-size:7px;gap:10px;line-height:1.8}.stage-bottom>span:last-child{display:none}.tester-bottom{padding:10px 7px;gap:3px;font-size:8px}.tester-bottom>div{gap:0}.sample{padding:8px 7px}.reset{padding:7px}.reset span{margin-left:2px}.optical-note{font-size:8px;line-height:1.8}.detail-grid{grid-template-columns:1fr}.detail-grid>article{padding:24px 0!important;border-left:0!important}.detail-grid>article+article{border-top:1px solid var(--line)}.anatomy-stage{margin-top:20px;max-width:100%;height:245px;background-size:24px 24px}.anatomy-glyph{font-size:180px;left:30px;top:0}.detail-grid h3{font-size:15px}.detail-grid p{font-size:11px;max-width:100%}.italic-display{height:210px;font-size:155px;margin:5px 0 15px}.italic-display:before{right:75px}.italic-display>span{right:38px;top:22px}.clarity{display:block;grid-column:auto}.clarity-display{height:190px;font-size:85px;margin-bottom:35px;max-width:340px}.family-list>div{grid-template-columns:1fr 30px;gap:12px;padding:18px 0}.family-label{grid-column:1;font-size:8px}.family-roman{grid-column:1;grid-row:2;font-size:22px}.weight-number{grid-column:2;grid-row:1/3;font-size:9px}.glyph-tools{gap:3px;flex-wrap:wrap;padding:10px 0}.glyph-tools button{font-size:8px;padding:8px}.glyph-browser{grid-template-columns:1fr}.glyph-grid{grid-template-columns:repeat(7,1fr);padding:18px 0;min-height:0}.glyph-grid button{font-size:24px}.glyph-focus{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:6px;padding:20px}.focused-character{grid-column:1;grid-row:1/4;font-size:110px;margin:0}.glyph-focus>.micro{grid-column:2;align-self:end}.copy-glyph{grid-column:2;font-size:9px;padding:7px 0}#copy-status{grid-column:2;margin-top:0;min-height:16px}.signal-section{grid-template-columns:1fr;margin-top:55px;gap:35px;padding:40px 25px}.signal-visual svg{width:150px;margin-bottom:10px}.signal-copy{padding:0}.signal-copy h2{font-size:42px}.signal-copy h2 br:first-of-type{display:none}.signal-copy h2 br:first-of-type:after{content:' '}.signal-copy p{font-size:11px}.download{grid-template-columns:1fr;gap:35px;padding-bottom:45px}.download h2{font-size:46px}.download p{font-size:11px}.download-main{min-width:250px}.download-note{font-size:7px}.download-manifest>div{font-size:11px}.download-manifest>div>span:first-child{font-size:8px}.download-manifest>div:last-child{flex-direction:row}.footer-brand{font-size:25px}.footer-top>a:last-child{font-size:8px}.footer-bottom{margin-top:25px;gap:10px;font-size:7px}footer{padding-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Motion edition: code, race plotting, and open water. */
.motion-toggle{display:flex;align-items:center;gap:7px;font-size:9px;min-height:36px;padding:0 3px;color:var(--muted)}.motion-icon{width:10px;color:var(--red);font-size:13px}.motion-toggle:hover{color:var(--red)}.header-actions{gap:20px}.signal-led,.build-status i{display:inline-block;width:5px;height:5px;background:#b73535;border-radius:50%;flex-shrink:0}.signal-led{margin-right:7px;animation:signal-pulse 2s ease-in-out infinite}.build-status{display:flex;align-items:center;gap:6px}.build-status i{background:#9acbbb;animation:signal-pulse 1.2s ease-in-out infinite}.terminal{position:relative;overflow:hidden}.terminal:after{content:"";position:absolute;left:0;top:41px;right:0;height:1px;background:linear-gradient(90deg,transparent,#9acbbb,transparent);animation:compile-sweep 4.5s ease-in-out infinite;opacity:.35;pointer-events:none}.terminal-content{height:244px}.terminal-content>div{min-height:1.85em}.terminal-content .terminal-check{min-height:0}.cursor{animation:cursor-blink 1s steps(2,end) infinite}.course-console{border:1px solid var(--line)}.course-topline,.course-bottomline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;font-size:9px;letter-spacing:.04em}.course-topline{border-bottom:1px solid var(--line);background:var(--pale)}.course-bottomline{border-top:1px solid var(--line);font-size:8px;color:var(--muted)}.course-topline>span:first-child{display:flex;align-items:center}.course-state{font-size:8px;color:var(--muted)}.course-body{display:grid;grid-template-columns:minmax(0,1fr) 290px}.race-chart{position:relative;min-width:0;overflow:hidden;aspect-ratio:1000/660;background:#ecebdc;color:#172d47;isolation:isolate}.bay-chart{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.64;filter:saturate(.65);transform:scale(1.1);animation:chart-drift 32s ease-in-out infinite alternate}.race-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:1}.race-overlay text{font:10px BZ,monospace;fill:#172d47;letter-spacing:.03em;paint-order:stroke;stroke:#f4f2eb;stroke-width:4px;stroke-linejoin:round}.race-overlay #race-route{animation:route-flow 2s linear infinite}.race-overlay .chart-label{font-size:11px}.chart-tag,.chart-bottom{position:absolute;z-index:2;display:flex;align-items:center;font-size:9px;gap:9px;letter-spacing:.03em}.chart-tag{left:17px;top:17px;padding:8px 10px;background:#f4f2eb;box-shadow:0 1px 8px #172d4710;border:1px solid #c7cbc5}.chart-tag .signal-led{margin:0}.chart-tag #course-time{margin-left:8px;font-variant-numeric:tabular-nums;color:#b73535}.chart-bottom{bottom:13px;left:17px;right:17px;justify-content:space-between;font-size:7px;background:#f4f2ebd9;padding:7px}.race-telemetry{background:#172d47;color:#f4f2eb;padding:26px 25px;display:flex;flex-direction:column;justify-content:center;min-width:0}.telemetry-label{font-size:10px;color:#d0d8df;letter-spacing:.04em}.speed-readout{display:flex;align-items:baseline;gap:9px;margin-top:14px}.speed-readout>span{font-size:68px;line-height:1.1;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.speed-readout small{font-size:9px;color:#e6b641}.speed-caption{font-size:7px;color:#c1cbd5;margin-top:7px;letter-spacing:.04em}.speed-graph{display:block;width:100%;height:56px;overflow:hidden;margin:20px 0 14px}.trace-scroll{animation:trace-travel 8s linear infinite}.telemetry-pair{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #465668;padding:12px 0;font-size:9px}.telemetry-pair>span{color:#b8c6d3}.telemetry-pair strong{font-size:15px;font-weight:400;font-variant-numeric:tabular-nums}.wind-instrument{display:flex;align-items:center;gap:16px;border-top:1px solid #465668;padding-top:18px;margin-top:0}.wind-instrument svg{width:104px;flex-shrink:0;overflow:visible}.wind-instrument text{font:8px BZ,monospace;fill:#b8c6d3;text-anchor:middle}.wind-needle{transform-origin:70px 70px;animation:wind-shift 7s ease-in-out infinite alternate}.wind-instrument>div{display:flex;flex-direction:column;gap:5px}.wind-instrument span{font-size:7px;color:#b8c6d3}.wind-instrument strong{font-weight:400;font-size:24px;letter-spacing:-.05em}.wind-instrument small{font-size:7px;color:#e6b641;margin-top:5px;white-space:nowrap}.telemetry-foot{border-top:1px solid #465668;padding-top:15px;margin-top:18px;font-size:8px;color:#b8c6d3}.telemetry-foot .signal-led{background:#9acbbb}.boat-wake{animation:wake-flow 1s ease-in-out infinite alternate;transform-origin:0 0}.chart-crosshair{animation:crosshair-turn 35s linear infinite;transform-box:fill-box;transform-origin:center}.footer-seascape{position:relative;overflow:hidden;isolation:isolate;height:520px;margin:-32px 0 32px;background:#143c56;color:#f8ecc8}.footer-seascape>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 56%;animation:sea-drift 24s ease-in-out infinite alternate;z-index:-2}.footer-seascape:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e304c8c,transparent 75%),linear-gradient(0deg,#092b49a6,transparent 48%);pointer-events:none}.sea-caption{position:relative;padding:38px 40px;height:100%;display:flex;align-items:flex-start;flex-direction:column}.sea-caption>span:first-child{font-size:9px;letter-spacing:.08em;text-shadow:0 1px 5px #172d47}.sea-caption>span:nth-child(2){font-size:clamp(37px,5.1vw,78px);line-height:1.04;letter-spacing:-.055em;margin-top:auto}.sea-caption em{font-weight:400}.sea-caption>a{margin-top:22px;border-bottom:1px solid #f8ecc877;padding-bottom:7px;font-size:11px;display:flex;align-items:center;gap:30px}.sea-caption>a:hover{color:#fff}.sea-coordinates{position:absolute;bottom:38px;right:34px;font-size:8px;letter-spacing:.04em;writing-mode:vertical-rl}.signal-visual>svg{animation:flag-float 5s ease-in-out infinite alternate;transform-origin:20% 50%}.anatomy-glyph{animation:optical-breathe 6s ease-in-out infinite alternate}.anatomy-stage:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--red);opacity:.35;animation:anatomy-scan 4s ease-in-out infinite}.hero-meta i{animation:signal-pulse 2s ease-in-out infinite}
@keyframes signal-pulse{50%{opacity:.3}}@keyframes compile-sweep{0%,15%{transform:translateY(0);opacity:0}25%{opacity:.4}85%{transform:translateY(230px);opacity:.3}100%{transform:translateY(230px);opacity:0}}@keyframes cursor-blink{50%{opacity:0}}@keyframes route-flow{to{stroke-dashoffset:-28}}@keyframes chart-drift{from{transform:scale(1.1) translate(-.5%,.5%)}to{transform:scale(1.15) translate(1%,-1%)}}@keyframes trace-travel{to{transform:translateX(-280px)}}@keyframes wind-shift{from{transform:rotate(29deg)}to{transform:rotate(51deg)}}@keyframes wake-flow{from{opacity:.35;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1.2)}}@keyframes crosshair-turn{to{rotate:360deg}}@keyframes sea-drift{from{transform:scale(1.035) translate(-.4%,.6%)}to{transform:scale(1.09) translate(.6%,-.6%)}}@keyframes flag-float{to{transform:rotate(2deg) translateY(-5px)}}@keyframes optical-breathe{from{font-variation-settings:"OPCX" 0}to{font-variation-settings:"OPCX" 100}}@keyframes anatomy-scan{0%,100%{transform:translateY(12px)}50%{transform:translateY(210px)}}
html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation-play-state:paused!important}
@media(max-width:1100px){.course-body{grid-template-columns:minmax(0,1fr) 240px}.race-telemetry{padding:20px}.speed-readout>span{font-size:56px}.wind-instrument{gap:10px}.wind-instrument svg{width:83px}.course-topline,.course-bottomline{font-size:7px}.course-state{font-size:6px}.terminal-content{height:220px}.footer-seascape{height:460px}}
@media(max-width:800px){.header-actions{gap:13px}.motion-label{display:none}.course-body{grid-template-columns:1fr}.race-chart{aspect-ratio:1000/660}.race-telemetry{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px 22px;align-items:center;padding:22px}.telemetry-label{grid-column:1/-1;font-size:9px}.speed-readout{grid-column:1;grid-row:2;margin:0}.speed-readout>span{font-size:48px}.speed-caption{grid-column:1;grid-row:3;margin:0}.speed-graph{grid-column:1;grid-row:4;height:36px;margin:0}.telemetry-pair{grid-column:2;grid-row:2;padding:10px 0}.telemetry-pair:nth-of-type(5){grid-row:3/5}.wind-instrument{grid-column:3;grid-row:2/5;margin:0;padding:0;border:0}.wind-instrument svg{width:70px}.wind-instrument strong{font-size:17px}.wind-instrument small{display:none}.telemetry-foot{grid-column:1/-1;margin:0;padding-top:10px;font-size:7px}.course-bottomline{font-size:7px}.course-state{display:none}.footer-seascape{height:400px}.sea-caption{padding:30px}.sea-coordinates{bottom:30px;right:20px;font-size:7px}.terminal-content{height:185px}}
@media(max-width:700px){.header-actions{gap:12px}.motion-toggle{padding:0;min-width:18px}.course-topline{font-size:7px;padding:12px}.course-topline>span:nth-child(2){font-size:6px}.chart-tag{left:10px;top:10px;font-size:7px;padding:6px;gap:5px}.chart-bottom{left:8px;right:8px;bottom:8px;font-size:5px;gap:5px;padding:5px}.race-chart{aspect-ratio:1.2}.bay-chart{width:135%;max-width:none;left:-18%}.race-overlay{width:135%;max-width:none;left:-18%}.race-telemetry{grid-template-columns:1fr 1fr;gap:0 25px;padding:20px}.speed-readout{grid-row:2;margin-top:10px}.speed-readout>span{font-size:51px}.speed-caption{font-size:6px;grid-row:3}.speed-graph{grid-column:1;grid-row:4;height:35px;margin-top:8px}.telemetry-pair{grid-column:2;grid-row:2;font-size:8px;align-self:end;padding:10px 0}.telemetry-pair:nth-of-type(5){grid-row:3/5}.telemetry-pair strong{font-size:14px}.wind-instrument{grid-column:1/-1;grid-row:5;justify-content:center;padding:17px 0 5px;margin-top:12px;border-top:1px solid #465668;gap:22px}.wind-instrument svg{width:82px}.wind-instrument>div{gap:4px}.wind-instrument strong{font-size:28px}.wind-instrument small{display:block}.telemetry-foot{grid-row:6;margin-top:12px;padding-top:13px}.course-bottomline{padding:11px;font-size:6px;gap:12px;align-items:flex-start}.course-bottomline>span{max-width:45%}.terminal-content{height:235px}.footer-seascape{height:470px;margin-top:-25px;margin-bottom:25px}.footer-seascape>img{object-position:84% center}.sea-caption{padding:25px 22px 30px}.sea-caption>span:first-child{font-size:7px;max-width:24ch;line-height:1.8}.sea-caption>span:nth-child(2){font-size:41px;margin-bottom:0}.sea-caption>a{font-size:9px;gap:22px;margin-top:19px}.sea-coordinates{font-size:6px;right:10px;bottom:30px}.footer-seascape:after{background:linear-gradient(0deg,#092b49cc,transparent 80%),linear-gradient(90deg,#0e304c55,transparent)}.signal-visual>svg{animation-duration:4s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep the geographic plotting surface fixed beneath its moving course. */
.bay-chart{object-fit:fill;transform:none;animation:none}
@media(max-width:700px){.bay-chart{height:100%;width:135%;left:-18%}}
/* Finishing controls and chapter navigation. */
html{scroll-padding-top:calc(var(--header-height,100px) + 20px)}
.header{position:sticky;top:0;z-index:20;background:var(--paper)}
.header nav a{position:relative;transition:color .16s ease}
.header nav a:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.header nav a[aria-current=location]{color:var(--red)}
.header nav a[aria-current=location]:after{transform:scaleX(1)}
.download-small[aria-current=location]{color:var(--red);border-color:var(--red)}
.course-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.course-controls button{display:inline-flex;gap:6px;align-items:center;min-height:30px;padding:5px 10px;border:1px solid var(--line);background:var(--paper);font-size:9px;letter-spacing:0;white-space:nowrap}
.course-controls button:hover:not(:disabled){border-color:var(--ink);color:var(--red)}
.course-controls button:disabled{cursor:default;opacity:.55}
.course-controls button>span:first-child{color:var(--red);min-width:9px;text-align:center}
.course-console[data-chart-motion=paused] *, .course-console[data-chart-motion=paused] *:before, .course-console[data-chart-motion=paused] *:after{animation-play-state:paused!important}
.download-feedback{display:block;min-height:17px;margin-top:8px;color:var(--red);font-size:9px;line-height:1.6}
.download-feedback+.download-note{margin-top:3px}
@media(max-width:800px){.course-controls button{font-size:8px;padding:5px 8px}.course-topline{gap:10px}.course-topline>span:nth-child(2){display:none}}
@media(max-width:700px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;gap:5px 10px;padding-top:13px}.header .brand{grid-column:1;grid-row:1}.header .header-actions{grid-column:2;grid-row:1}.header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:32px;font-size:10px}.header nav a{padding:9px 0 10px;min-height:36px}.header nav a:after{bottom:5px}.course-topline{padding:8px 10px}.course-controls{gap:6px}.course-controls button{min-height:32px;font-size:8px;padding:5px 8px}.download-feedback{font-size:8px;min-height:26px;max-width:38ch}}
@media(prefers-reduced-motion:reduce){.header nav a,.header nav a:after{transition:none}}
.glyph-instructions{font-size:9px;line-height:1.8;color:var(--muted);padding:12px 0 0}
.glyph-grid button{scroll-margin-top:calc(var(--header-height,100px) + 16px);scroll-margin-bottom:16px}
.download-main:disabled,.download-main:disabled:hover{cursor:default;background:var(--ink);border-color:var(--ink);color:var(--paper)}
.release-pending{color:var(--muted)}
@media(max-width:700px){.glyph-instructions{font-size:8px;max-width:44ch}}