@font-face{font-family:Barlow;src:url('assets/barlow-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/barlow-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Barlow Condensed;src:url('assets/barlow-condensed-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url('assets/plex-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--base:#18110d;--surface:#211814;--overlay:#2c211d;--muted:#7d6c64;--subtle:#9f8c82;--text:#e2d3c1;--rust:#ba5152;--rust-deep:#983a3f;--brass:#b99868;--copper:#b19080;--moss:#809378;--dusk:#7690a1;--wine:#a98081;--low:#1d1511;--med:#403029;--high:#5c4840;--night:#120b09;--line:#403029;--mono:Plex,monospace;--display:'Barlow Condensed',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--base);color:var(--text);font:18px/1.55 Barlow,sans-serif}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:#f2e5d1}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brass);outline-offset:6px}::selection{background:var(--med);color:var(--text)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{max-width:65ch}h2{font:600 clamp(36px,4vw,54px)/1.03 var(--display);letter-spacing:-.025em}h3{font-weight:600}pre,code{font-family:var(--mono)}pre{margin:0}code{font-size:.85em}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-80px;left:20px;z-index:10;background:var(--text);color:var(--night);padding:12px}.skip:focus{top:12px}.masthead{height:88px;padding:0 max(48px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;background:#080707;border-bottom:1px solid #211814;position:relative;z-index:2}.brand{width:146px}.masthead nav{display:flex;gap:36px;font-size:15px}.masthead nav a:last-child{color:var(--brass)}.masthead nav span{margin-left:10px}.night{position:relative;isolation:isolate;height:clamp(640px,56vw,860px);background:#050504;overflow:hidden}.night-art{width:100%;height:100%;object-fit:cover;object-position:center 55%;position:absolute;inset:0;z-index:-3}.night::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--base),transparent 16%,transparent 90%,#08070780);pointer-events:none}.night-copy{position:absolute;top:12%;left:48%;right:8%;max-width:560px}.night h1{font:600 clamp(58px,6.9vw,100px)/.94 var(--display);letter-spacing:-.025em;color:var(--text)}.night-copy p{font-size:19px;line-height:1.55;color:#c5b6a5;margin:23px 0 22px}.text-link{font-size:16px;color:var(--brass);display:inline-flex;gap:32px;align-items:center;border-bottom:1px solid #b9986855;padding-bottom:7px}.text-link:hover{border-color:var(--brass)}.night-foot{position:absolute;bottom:28px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;color:#b3a496;font-size:14px}.motion-control{border:0;background:transparent;font-size:13px;padding:10px 0 10px 15px;color:#b3a496}.motion-control:hover{color:var(--text)}.motion-control span{margin-left:12px}.stars{position:absolute;inset:0;z-index:-2;pointer-events:none}.stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#e2d3c1;opacity:.35;animation:twinkle 7s ease-in-out infinite}.stars i:nth-child(1){left:7%;top:9%;animation-delay:-1s}.stars i:nth-child(2){left:36%;top:20%;animation-delay:-4s}.stars i:nth-child(3){left:89%;top:12%;animation-delay:-2s}.stars i:nth-child(4){left:80%;top:48%;animation-delay:-5s}.stars i:nth-child(5){left:42%;top:8%;animation-delay:-3s}.stars i:nth-child(6){left:95%;top:32%;animation-delay:-6s}.stars i:nth-child(7){left:32%;top:41%;animation-delay:-3.5s}.stars i:nth-child(8){left:65%;top:7%;animation-delay:-2.5s}@keyframes twinkle{0%,100%{opacity:.18}50%{opacity:.7}}.motion-paused .stars i{animation-play-state:paused}.introduction{padding-block:88px 104px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.introduction h2{max-width:430px}.introduction p{color:var(--subtle);font-size:18px}.introduction p+p{margin-top:16px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-heading p{font-size:16px;color:var(--subtle);max-width:390px}.palette-section{padding-bottom:96px}.paint-deck{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.paint-chip{position:relative;background:var(--paint);color:var(--night);border:0;text-align:left;min-width:0;height:240px;padding:20px 18px 16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px #e2d3c155,inset 0 -1px #120b0955;transition:transform 160ms ease-out}.paint-chip:hover{transform:translateY(-5px)}.paint-chip .chip-mark{font-size:20px;line-height:1}.paint-chip .chip-name{font:600 27px/1 var(--display);letter-spacing:-.02em}.paint-chip .chip-hex{font:11px var(--mono);margin-top:8px;display:block}.paint-chip[aria-pressed=true]::after{content:"";position:absolute;inset:8px;border:1px solid currentColor;opacity:.6;pointer-events:none}.paint-chip .chip-info{display:block}.foundation-deck{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;margin-top:3px}.foundation-chip{height:108px;padding:14px 11px;justify-content:end;color:var(--text);border:1px solid #e2d3c11c;box-shadow:none}.foundation-chip.light-ink{color:var(--night)}.foundation-chip .chip-name{font:600 14px Barlow,sans-serif;letter-spacing:0}.foundation-chip .chip-hex{font-size:9px}.color-inspector{padding:25px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr 1.5fr;gap:25px;align-items:center;min-height:119px}.inspector-name{display:flex;gap:14px;align-items:center}.inspector-name>span{background:var(--rust);width:18px;height:18px;transform:rotate(45deg);flex-shrink:0}.inspector-name h3{font-size:23px}.color-inspector p{color:var(--subtle);font-size:16px}.inspector-role{display:flex;flex-direction:column;align-items:end;gap:8px;font-size:13px;color:var(--subtle);text-align:right}.inspector-role button{background:none;border:0;padding:0;font:14px var(--mono);color:var(--text)}.inspector-role button span{color:var(--brass);margin-left:20px}.role-register{margin-top:20px}.role-register summary{cursor:pointer;display:flex;justify-content:space-between;color:var(--subtle);font-size:15px;padding:10px 0}.role-register summary:hover{color:var(--text)}summary{list-style:none}summary::-webkit-details-marker{display:none}details[open]>summary b,details[open]>summary>span:last-child[aria-hidden]{transform:rotate(45deg)}.register-note{font-size:14px;color:var(--subtle);margin-block:20px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th,td{padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}th{font-weight:600;color:var(--subtle)}td code{white-space:nowrap}td:last-child{min-width:200px;color:var(--subtle)}.specimen-section{background:var(--night);border-block:1px solid var(--line);padding-block:88px 56px}.specimen-shell{border:1px solid var(--high);border-radius:7px;overflow:hidden;box-shadow:0 16px 45px #08050470;background:var(--base)}.specimen-bar{background:linear-gradient(var(--overlay),var(--surface));box-shadow:inset 0 1px #e2d3c115;border-bottom:1px solid var(--high);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.specimen-bar [role=tablist]{display:flex;gap:25px}.specimen-bar button{border:0;border-bottom:2px solid transparent;background:none;padding:17px 4px 15px;font-size:15px;color:var(--subtle)}.specimen-bar button[aria-selected=true]{color:var(--text);border-bottom-color:var(--rust)}.specimen-bar button:hover{color:var(--text)}.specimen-label{font:11px var(--mono);color:var(--subtle)}[role=tabpanel]{min-height:420px}.editor-file{padding:12px 25px;color:var(--text);font:12px var(--mono);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--overlay)}.editor-file>span:last-child{margin-left:auto;color:var(--subtle)}.editor-content{display:flex;gap:25px;padding:28px 32px 32px;overflow:auto}.line-numbers{color:var(--muted);font:13px/1.95 var(--mono);user-select:none}.code{font:13px/1.95 var(--mono);white-space:pre}.code code{font-size:inherit}.comment{color:var(--muted)}.keyword{color:var(--rust)}.type{color:var(--dusk)}.constant{color:var(--copper)}.brass{color:var(--brass)}.success{color:var(--moss)}.editor-status{background:var(--surface);border-top:1px solid var(--overlay);padding:8px 25px;display:flex;justify-content:space-between;font:10px var(--mono);color:var(--subtle)}.editor-status span span{margin-inline:12px}.terminal-code{padding:30px 36px 60px;overflow:auto;font:14px/2 var(--mono)}.terminal-code code{font-size:inherit}.cursor{display:inline-block;width:8px;height:17px;vertical-align:middle;background:var(--rust)}.interface-demo{display:grid;grid-template-columns:210px 1fr;min-height:420px}.demo-sidebar{background:var(--night);padding:28px 20px;display:flex;flex-direction:column;gap:10px;font-size:14px}.demo-sidebar span,.demo-sidebar strong{padding:8px 12px;font-weight:400}.demo-sidebar span{color:var(--subtle)}.demo-sidebar strong{background:var(--overlay);color:var(--text);border-radius:3px}.demo-settings{padding:40px;max-width:720px}.demo-settings h3{font-size:25px}.demo-settings>p{font-size:15px;color:var(--subtle);margin:10px 0 28px}.demo-setting{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--overlay);padding-block:18px;gap:20px}.demo-setting label{font-size:16px}.demo-setting small{display:block;color:var(--subtle);font-size:13px;margin-top:2px}.switch{border:1px solid var(--high);border-radius:20px;width:44px;height:25px;padding:3px;flex-shrink:0;background:var(--overlay);box-shadow:inset 0 2px 3px #08050490}.switch[aria-checked=true]{background:var(--rust-deep)}.switch span{display:block;width:17px;height:17px;border-radius:50%;background:var(--text);box-shadow:0 1px 2px var(--night);transition:transform 150ms ease-out}.switch[aria-checked=true] span{transform:translateX(18px)}.demo-message{margin-top:24px;color:var(--moss);font-size:15px}.demo-message small{float:right;color:var(--subtle);font-size:12px}.demo-settings>a{display:inline-block;margin-top:28px;color:var(--wine);font-size:14px}.specimen-caption{display:flex;justify-content:space-between;gap:32px;padding-top:22px;font-size:14px}.specimen-caption p{color:var(--subtle);max-width:600px}.specimen-caption a{flex-shrink:0;color:var(--brass)}.ports-section{padding-block:96px 110px}.ports-register{border-top:1px solid var(--high)}.port{border-bottom:1px solid var(--line)}.port summary{display:grid;grid-template-columns:1fr 1fr 20px;gap:30px;align-items:center;padding:25px 0;cursor:pointer}.port summary h3{font:600 30px var(--display)}.port summary>span{font-size:14px;color:var(--subtle)}.port summary b{font-size:24px;font-weight:400;line-height:1;color:var(--brass);text-align:center}.port summary:hover h3{color:var(--brass)}.port-body{padding:0 0 32px;max-width:730px;margin-left:auto;font-size:16px;color:var(--subtle)}.port-body pre{background:var(--night);border:1px solid var(--line);padding:14px 18px;margin:20px 0;overflow:auto;color:var(--text);font-size:13px}.port-body code{color:var(--text);overflow-wrap:anywhere}.port-note{font-size:14px;margin-top:14px}.download{display:inline-flex;gap:30px;align-items:center;background:linear-gradient(var(--overlay),var(--surface));border:1px solid var(--high);border-radius:3px;box-shadow:inset 0 1px #e2d3c118,0 2px 3px #08050480;padding:10px 18px;margin-top:22px;color:var(--text);font-size:14px}.download:hover{border-color:var(--brass)}.download span{color:var(--brass)}.extra-ports{display:flex;gap:35px;margin-top:22px;color:var(--brass)}.footer{border-top:1px solid var(--line);padding-block:32px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px;color:var(--subtle)}.footer>a:last-child{color:var(--brass)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);padding:12px 20px;background:var(--text);color:var(--night);border-radius:3px;box-shadow:0 5px 20px #08050480;opacity:0;pointer-events:none;font-size:14px;transition:opacity 150ms ease-out,transform 150ms ease-out;z-index:10;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.night-copy{top:16%;left:48%}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.masthead{padding-inline:24px}.night{height:700px}.night-copy{left:46%;right:5%;top:12%}.night h1{font-size:70px}.night-copy p{font-size:17px}.night-foot{left:24px;right:24px}.introduction{gap:40px;padding-block:64px 80px}.paint-chip{height:190px;padding:16px 12px}.paint-chip .chip-name{font-size:23px}.foundation-deck{grid-template-columns:repeat(5,1fr)}.foundation-chip{height:90px}.foundation-chip .chip-name{font-size:14px}.color-inspector{grid-template-columns:1fr 1.3fr}.inspector-role{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.specimen-caption{flex-direction:column;gap:12px}.port-body{max-width:100%;padding-right:30px}.footer p{display:none}}
@media(max-width:600px){body{font-size:16px}.masthead{height:74px;padding-inline:20px}.brand{width:116px}.masthead nav{gap:20px;font-size:13px}.masthead nav a:nth-child(2){display:none}.masthead nav span{margin-left:4px}.wrap{width:calc(100% - 40px)}.night{height:720px}.night-art{height:440px;top:auto;bottom:12px;object-fit:cover;object-position:9% 50%;width:100%}.night-copy{top:35px;left:24px;right:24px;text-align:center;max-width:none}.night h1{font-size:62px;line-height:.98}.night-copy p{font-size:16px;margin:18px 0}.night-copy p br{display:none}.night-copy p{max-width:300px;margin-inline:auto}.text-link{font-size:14px;gap:22px}.night-foot{bottom:10px;left:20px;right:20px;font-size:11px;gap:12px}.night-foot p{max-width:190px}.motion-control{font-size:11px;padding-left:0;white-space:nowrap}.motion-control span{margin-left:5px}.stars{height:300px}.introduction{display:block;padding-block:54px 65px}.introduction h2{font-size:38px;margin-bottom:25px}.introduction p{font-size:16px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:40px}.section-heading p{font-size:15px;margin-top:15px}.paint-deck{grid-template-columns:repeat(3,1fr);gap:3px}.paint-chip{height:155px;padding:16px 12px 14px}.paint-chip .chip-name{font-size:24px}.paint-chip .chip-hex{font-size:10px}.foundation-deck{grid-template-columns:repeat(3,1fr)}.foundation-chip{height:90px}.foundation-chip .chip-name{font-size:14px}.foundation-chip .chip-hex{font-size:9px}.color-inspector{grid-template-columns:1fr;gap:12px;padding-block:25px}.inspector-name h3{font-size:22px}.color-inspector p{font-size:15px}.inspector-role{margin-top:4px;text-align:left;gap:15px}.inspector-role>span{font-size:12px}.inspector-role button{font-size:12px;white-space:nowrap}.inspector-role button span{margin-left:8px}.palette-section{padding-bottom:60px}.specimen-section{padding-block:55px 36px}.specimen-bar{padding:0 12px}.specimen-bar [role=tablist]{gap:20px}.specimen-bar button{font-size:14px}.specimen-label{display:none}.editor-file{padding:12px 16px;font-size:10px}.editor-content{padding:20px 14px;gap:14px}.code,.line-numbers{font-size:11px;line-height:2}.editor-status{font-size:8px;padding:8px 12px}.terminal-code{padding:22px 18px;font-size:11px}.interface-demo{grid-template-columns:1fr}.demo-sidebar{display:none}.demo-settings{padding:28px 20px}.demo-settings h3{font-size:23px}.demo-message small{float:none;display:block;margin-top:5px}.specimen-caption{font-size:13px}.ports-section{padding-block:60px}.port summary{grid-template-columns:1fr 20px;gap:6px;padding-block:21px}.port summary h3{font-size:27px}.port summary>span{grid-column:1;font-size:12px}.port summary b{grid-column:2;grid-row:1/3}.port-body{padding-right:0;font-size:15px}.port-body pre{font-size:11px}.extra-ports{gap:25px;font-size:14px}.footer{padding-block:25px 32px;gap:20px}.footer img{width:100px}.footer>a:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stars i{animation:none!important}.paint-chip,.toast,.switch span{transition:none}.paint-chip:hover{transform:none}.motion-control{display:none}}
/* Pale sign ink keeps small labels readable on the two mid-value pigments. */
.paint-chip[data-color="rust"] .chip-hex,.foundation-chip[data-color="muted"]{color:#fff8ef}

/* Motor court — sign enamel, registration stock, pool tile. */
@font-face{font-family:Roadside;src:url('assets/oswald.ttf') format('truetype');font-weight:200 700;font-display:swap}
:root{--display:Roadside,sans-serif;--serif:'Jost',sans-serif}body{background:#18110d}h2{font:500 clamp(40px,5vw,66px)/1.04 var(--serif);letter-spacing:-.02em}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:currentColor}.masthead{height:76px;background:#120e0c;padding-inline:48px;border-bottom:1px solid #b9986840}.masthead nav{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.masthead nav a:last-child{border:1px solid #b9986880;padding:12px 16px;box-shadow:inset 0 0 0 3px #120e0c,inset 0 0 0 4px #b9986833}.night{height:auto;min-height:740px;padding-top:44px;background:#120e0c;overflow:hidden}.night::after{display:none}.court-heading{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.court-heading h1{font:600 clamp(115px,18vw,252px)/.93 var(--display);letter-spacing:-.045em;text-shadow:0 2px 0 #675040,0 5px 0 #211814;color:#e2d3c1}.court-heading h1>span{display:block;font:500 clamp(24px,3vw,40px)/1.2 var(--serif);letter-spacing:-.04em;text-shadow:none;margin-top:24px}.court-invitation{padding-top:35px}.court-invitation p{font:400 27px/1.25 var(--serif);margin-bottom:25px}.enamel,.download{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 24px;background:linear-gradient(#aa494b,#873537);color:#fff1db;border:1px solid #c57770;border-radius:2px;box-shadow:inset 0 0 0 3px #873537,inset 0 0 0 4px #cf928166,0 4px 0 #421f1d,0 7px 10px #0005;font:500 14px var(--mono);transition:transform .14s ease-out,box-shadow .14s ease-out}.enamel:hover,.download:hover{background:#a54749;color:#fff8ef;border-color:#e2d3c1;transform:translateY(-1px)}.enamel:active,.download:active{transform:translateY(3px);box-shadow:inset 0 0 0 3px #873537,inset 0 0 0 4px #cf928166,0 1px 0 #421f1d}.download span{color:inherit}.quiet-link{display:block;font:11px var(--mono);color:#b99868;margin-top:23px}.motorcourt{display:block;width:100%;height:auto;margin:8px auto 0;max-height:405px;overflow:visible}.room-light{transition:opacity .4s ease-out}.night-foot{position:relative;left:auto;right:auto;bottom:auto;margin:0 48px;padding:10px 0 21px;font:10px var(--mono);letter-spacing:.12em}.stars{z-index:0}.stars i{width:1px;height:1px}.introduction{display:block;width:100%;padding:0;background:#b99868;color:#211814;border-block:1px solid #d6bd97}.intro-inner{display:grid;grid-template-columns:110px 1.2fr 1fr;gap:48px;align-items:center;padding-block:62px}.introduction h2{font-size:43px;margin:0}.introduction p{font:16px/1.6 Barlow,sans-serif;color:#38271e}.intro-stamp{height:94px;width:94px;border:1px solid #5c4840;outline:1px solid #5c4840;outline-offset:-6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:500 54px/.9 var(--serif);transform:rotate(-5deg)}.intro-stamp span{font:6px var(--mono);letter-spacing:.12em;margin-top:12px}.palette-section{width:100%;background:#e2d3c1;color:#211814;padding:88px 0 72px;position:relative;background-image:repeating-linear-gradient(0deg,transparent 0 27px,#7690a114 27px 28px)}.palette-section .section-heading p,.palette-section .register-note,.palette-section .color-inspector p,.palette-section .inspector-role,.palette-section .role-register summary,.palette-section th,.palette-section td:last-child{color:#604d40}.paint-deck{gap:10px;align-items:start}.paint-chip{height:245px;padding:20px 16px 24px;border:1px solid #21181438;box-shadow:0 3px 5px #21181422,inset 0 1px #fff5;border-radius:1px 1px 16px 1px}.paint-chip:nth-child(even){margin-top:16px}.paint-chip .chip-name{font:500 24px/1.1 var(--serif);letter-spacing:-.04em}.paint-chip .chip-mark{height:10px;width:10px;border-radius:50%;background:#e2d3c1;box-shadow:inset 0 1px 2px #21181477;font-size:0;align-self:center}.paint-chip[data-color=rust] .chip-hex{color:#211814}.foundation-deck{gap:5px;margin-top:24px}.foundation-chip{height:96px;border-radius:0;box-shadow:none}.foundation-chip:nth-child(even){margin-top:0}.foundation-chip .chip-name{font:12px var(--mono)}.foundation-chip[data-color=muted]{color:#fff8ef}.color-inspector{border-color:#21181440;margin-top:15px}.inspector-name h3{font:500 25px var(--serif)}.inspector-role button{background:#211814;color:#e2d3c1;padding:12px 16px;border-radius:2px}.inspector-role button span{color:#b99868}.role-register{border-bottom:1px solid #21181440;padding-bottom:10px}th,td{border-color:#21181430}.role-register summary:hover{color:#211814}.specimen-section{background-color:#7690a1;background-image:linear-gradient(#18110d26 1px,transparent 1px),linear-gradient(90deg,#18110d26 1px,transparent 1px);background-size:32px 32px;color:#18110d;border:0;padding:82px 0 58px}.specimen-section .section-heading p{color:#263b43}.specimen-section .section-heading{align-items:center}.room-indicator{font:10px var(--mono);letter-spacing:.12em;display:flex;align-items:center;gap:9px;padding:12px 17px;background:#211814;color:#e2d3c1;width:fit-content;border:1px solid #b99868;border-bottom:0;margin-left:22px}.room-bulb{height:5px;width:5px;background:#e2d3c1;box-shadow:0 0 8px #b99868}.specimen-shell{color:var(--text);border:6px solid #211814;border-radius:3px;box-shadow:0 1px 0 #e2d3c166,0 12px 25px #18293050}.specimen-bar{border-bottom:1px solid #5c4840;padding-block:8px}.specimen-bar [role=tablist]{gap:6px}.specimen-bar button{border:1px solid #5c4840;padding:9px 18px;font:11px var(--mono);border-radius:2px;box-shadow:inset 0 1px #e2d3c122,0 2px 0 #120b09}.specimen-bar button[aria-selected=true]{background:#e2d3c1;color:#211814;border-color:#e2d3c1;box-shadow:inset 0 2px 3px #21181433}.specimen-caption p,.specimen-caption a{color:#20313a}.specimen-caption a{text-decoration:underline;text-underline-offset:5px}.ports-section{padding-block:90px 100px}.ports-section .section-heading{margin-bottom:50px}.checkin-layout{display:grid;grid-template-columns:260px 1fr;gap:70px;align-items:start}.door-illustration{position:sticky;top:30px}.door-illustration img{width:100%;border:1px solid #5c4840}.door-illustration p{font:400 27px/1.1 var(--serif);color:#b99868;text-align:center;margin-top:24px}.port summary{grid-template-columns:1fr 130px 20px;gap:20px;padding:25px 0}.port summary h3{font:500 28px var(--display);text-transform:uppercase;letter-spacing:.01em}.port summary>span{font:10px var(--mono)}.port summary b{background:#b99868;color:#211814;height:24px;width:24px;border:1px solid #d9bd92;box-shadow:0 2px 0 #5c4840}.port-body{font-size:16px;padding:0 0 30px}.download{font-size:11px;padding:13px 17px;gap:20px}.footer{width:100%;padding:36px 48px;border-top:1px solid #b9986844;background:repeating-linear-gradient(45deg,#b9986809 0 1px,transparent 1px 16px),#120e0c}.footer p{font:400 23px var(--serif);color:#b99868}
@media(min-width:1600px){.night{min-height:850px}.motorcourt{max-height:470px}}
@media(max-width:900px){.court-heading h1{font-size:19vw}.court-invitation p{font-size:23px}.enamel{font-size:12px;padding:14px 18px;gap:20px}.night{min-height:0}.motorcourt{margin-top:35px}.intro-inner{grid-template-columns:1fr 1fr;gap:30px}.intro-stamp{display:none}.paint-deck{gap:5px}.paint-chip .chip-name{font-size:19px}.checkin-layout{grid-template-columns:190px 1fr;gap:35px}.port summary{grid-template-columns:1fr 24px}.port summary>span{grid-column:1;grid-row:2}.port summary b{grid-column:2;grid-row:1/3}.night-foot{margin-inline:24px}}
@media(max-width:600px){.masthead{height:70px;padding-inline:20px}.masthead nav{font-size:9px;gap:12px}.masthead nav a:last-child{padding:10px}.masthead nav>a:first-child{display:none}.brand{width:116px}.night{padding-top:36px;min-height:0}.court-heading{display:block}.court-heading h1{font-size:29vw;line-height:1}.court-heading h1>span{font-size:28px;margin-top:12px}.court-invitation{padding-top:25px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px}.court-invitation p{font-size:21px;margin:0}.quiet-link{grid-column:1/-1;margin-top:2px;font-size:10px}.motorcourt{width:180%;max-width:none;margin-top:15px;margin-left:-17%;height:235px}.night-foot{margin-inline:20px;letter-spacing:0;font-size:8px;gap:15px}.motion-control{font-size:9px}.intro-inner{display:block;padding-block:42px}.introduction h2{font-size:36px;margin-bottom:25px}.introduction p{font-size:16px}.palette-section{padding:52px 0 42px}.section-heading h2{font-size:42px}.paint-deck{gap:8px}.paint-chip{height:178px;padding:16px 12px 20px}.paint-chip .chip-name{font-size:20px}.paint-chip:nth-child(even){margin-top:0}.foundation-deck{margin-top:14px}.foundation-chip{height:87px;padding:12px 8px}.foundation-chip .chip-name{font-size:11px}.color-inspector{margin-top:6px}.inspector-role button{font-size:11px;padding:10px}.specimen-section{padding:50px 0 35px;background-size:24px 24px}.specimen-section .section-heading p{font-size:15px}.specimen-bar{padding:8px}.specimen-bar [role=tablist]{gap:5px}.specimen-bar button{padding:9px 12px;font-size:10px}.specimen-shell{border-width:4px}.specimen-caption p,.specimen-caption a{color:#20313a}.checkin-layout{grid-template-columns:1fr;gap:30px}.door-illustration{position:static;display:flex;gap:24px;align-items:center}.door-illustration img{width:112px;height:173px;object-fit:cover}.door-illustration p{text-align:left;font-size:29px;margin:0}.ports-section{padding-block:55px}.ports-section .section-heading{margin-bottom:28px}.port summary h3{font-size:25px}.footer{padding:30px 20px}.footer p{display:none}}
@media(prefers-reduced-motion:reduce){.room-light,.enamel,.download{transition:none}.enamel:hover,.enamel:active,.download:hover,.download:active{transform:none}}
.paint-chip[data-color="rust"] .chip-hex{color:#fff8ef}
@media(max-width:600px){.motorcourt{margin-left:0}}

/* Sign lettering and a physical room key, September refinement. */
@font-face{font-family:MotelSign;src:url('assets/alfa-slab-one.ttf') format('truetype');font-display:swap}
.masthead nav{align-items:center}
.court-heading h1{font-family:MotelSign,Georgia,serif;font-weight:400;font-size:clamp(100px,14vw,200px);letter-spacing:-.055em;line-height:1.1;text-shadow:0 2px #675040,0 4px #675040,0 7px #211814}
.night{min-height:0;padding-bottom:0}.motorcourt{margin-bottom:0}.stars i{width:var(--star-size);height:var(--star-size);opacity:var(--star-alpha);animation:none;background:#e2d3c1}
.intro-inner{grid-template-columns:190px 1.15fr 1fr;gap:40px;padding-block:38px}.motel-key{height:255px;display:flex;align-items:center;justify-content:center}.motel-key img{width:190px;height:280px;object-fit:contain;filter:drop-shadow(3px 9px 5px #38271e40)}
@media(min-width:1600px){.night{min-height:0}}
@media(max-width:900px){.court-heading h1{font-size:14vw}.intro-inner{grid-template-columns:140px 1fr;gap:28px}.intro-inner>div:last-child{grid-column:2}.intro-inner h2{align-self:end}.motel-key{grid-row:1/3;height:280px}.motel-key img{width:150px}.intro-inner{padding-block:38px}}
@media(max-width:600px){.court-heading h1{font-size:21vw;letter-spacing:-.06em}.intro-inner{display:grid;grid-template-columns:105px 1fr;gap:16px;padding-block:30px}.intro-inner h2{font-size:30px;margin:0;align-self:center}.intro-inner>div:last-child{grid-column:1/-1}.motel-key{grid-row:auto;height:170px}.motel-key img{width:118px;height:195px}.motorcourt{height:220px}.stars{height:100%}}

/* Centered key plate, download marks, and quieter footer. */
.court-heading h1>span{max-width:18ch;letter-spacing:-.02em;font-variation-settings:normal}
.court-invitation{padding-top:12px}
.intro-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:16px;
  padding-block:28px 32px;
}
.intro-inner p{margin:0 auto;max-width:46ch;text-wrap:pretty}
.motel-key{
  width:148px;
  height:148px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.motel-key img{
  width:95px;
  height:140px;
  object-fit:contain;
  transform:rotate(45deg);
  transform-origin:center center;
  filter:drop-shadow(3px 9px 5px #38271e40);
}
.section-heading:not(:has(p)){display:block;margin-bottom:32px}
.enamel,.download{
  justify-content:center;
  gap:12px;
}
.enamel::after,.download::after{
  content:"";
  width:14px;
  height:14px;
  flex-shrink:0;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8 2v8'/%3E%3Cpath d='M4.5 7.5 8 11l3.5-3.5'/%3E%3Cpath d='M3 14h10'/%3E%3C/svg%3E") center / contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8 2v8'/%3E%3Cpath d='M4.5 7.5 8 11l3.5-3.5'/%3E%3Cpath d='M3 14h10'/%3E%3C/svg%3E") center / contain no-repeat;
}
.port summary b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  font-size:15px;
  font-weight:500;
  line-height:1;
  padding:0 0 1px;
  transform-origin:center;
}
.footer p{font:400 14px/1.3 var(--serif);color:#b99868}
.footer>a:last-child{font-size:14px}
.specimen-section{padding:40px 0 48px}
@media(max-width:900px){
  .intro-inner{display:flex;grid-template-columns:none;padding-block:24px 28px}
  .intro-inner>div:last-child{grid-column:auto;align-self:center}
  .motel-key{grid-row:auto;height:148px}
  .motel-key img{width:95px;height:140px}
  .port summary{grid-template-columns:1fr 28px}
  .specimen-section{padding:32px 0 40px}
}
@media(max-width:600px){
  .court-invitation{display:block;padding-top:20px}
  .intro-inner{display:flex;grid-template-columns:none;padding-block:22px 26px;gap:14px}
  .motel-key{width:128px;height:128px}
  .motel-key img{width:80px;height:118px}
  .port summary{grid-template-columns:1fr 28px}
  .specimen-section{padding:28px 0 36px}
  .footer p{display:block;font-size:13px}
  .footer>a:last-child{font-size:13px}
}

/* Pax download register: all published single-file ports, including install notes. */
.extra-ports{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px}
.extra-ports>div{min-width:0;border-top:1px solid var(--line);padding-top:14px}
.extra-ports>div>a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px}
.extra-ports>div>a span{font-size:12px}
.extra-ports p{font-size:14px;color:var(--subtle);margin:4px 0 0;overflow-wrap:anywhere}
.extra-ports code{white-space:normal}
.extra-ports p a{text-decoration:underline;color:var(--brass)}
