:root{--paper:#FAF9F7;--card:#FFF;--sunk:#F2F0EC;--ink:#131311;--ink2:#57564F;
 --ink3:#8A8880;--line:#E4E1DA;--line2:#D2CEC5;--pop:#131311;--pop-ink:#FAF9F7;
 --ok:#3E6B4E;--r:10px;--pad:clamp(20px,5vw,56px)}
@media(prefers-color-scheme:dark){:root{--paper:#0D0D0C;--card:#161615;--sunk:#121211;
 --ink:#F2F0EC;--ink2:#A5A29A;--ink3:#75726B;--line:#242422;--line2:#33322E;
 --pop:#F2F0EC;--pop-ink:#131311;--ok:#7FB694}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
 font:400 16px/1.55 "Instrument Sans",ui-sans-serif,system-ui,sans-serif;
 -webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;text-wrap:balance;font-family:Archivo,ui-sans-serif,system-ui,sans-serif;
 font-weight:700;letter-spacing:-.035em;line-height:1.04}
h1{font-size:clamp(29px,4.6vw,50px)}
h2{font-size:clamp(21px,2.7vw,30px);margin:44px 0 16px}
h3{font-size:17px;letter-spacing:-.02em}
p{margin:0 0 14px}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.wrap{max-width:1040px;margin:0 auto;padding:0 var(--pad)}
header.top{border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:9}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:13px;padding-bottom:13px}
.logo{font-family:Archivo,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.04em;text-decoration:none}
.btn{display:inline-flex;align-items:center;padding:11px 20px;border-radius:100px;
 background:var(--pop);color:var(--pop-ink);font-size:14.5px;font-weight:600;text-decoration:none}
.btn-g{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.bc{font-size:12.5px;color:var(--ink3);padding:22px 0 0}
.bc a{text-decoration:none}.bc a:hover{text-decoration:underline}
main{padding:14px 0 70px}
.lede{font-size:17.5px;color:var(--ink2);max-width:60ch;margin:18px 0 0}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:0;
 border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:26px 0;background:var(--card)}
.facts div{padding:14px 16px;border-right:1px solid var(--line)}
.facts div:last-child{border-right:0}
.facts dt{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:5px}
.facts dd{margin:0;font-family:"JetBrains Mono",monospace;font-size:16px;font-weight:600;
 font-variant-numeric:tabular-nums}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,50px);align-items:start;margin-top:8px}
@media(max-width:820px){.hero{grid-template-columns:1fr}}
.shot{background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);
 aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:22px}
.shot img{max-height:100%;object-fit:contain}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:14px;margin:20px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
 text-decoration:none;display:flex;flex-direction:column}
.card:hover{border-color:var(--line2)}
.card .im{aspect-ratio:1;background:var(--sunk);display:flex;align-items:center;justify-content:center;padding:12px}
.card .im img{max-height:100%;object-fit:contain}
.card .bd{padding:12px 13px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.card .nm{font-size:14px;font-weight:600;line-height:1.28}
.card .dm{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--ink3);
 font-variant-numeric:tabular-nums}
.card .pr{font-family:"JetBrains Mono",monospace;font-size:15px;font-weight:600;margin-top:auto;
 padding-top:7px;font-variant-numeric:tabular-nums}
table{width:100%;border-collapse:collapse;font-size:14.5px;margin:18px 0}
th{text-align:left;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;
 text-transform:uppercase;color:var(--ink3);font-weight:500;padding:10px 12px;
 border-bottom:1px solid var(--line2)}
td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
td.n{font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums;
 white-space:nowrap;font-weight:600}
tfoot td{border-top:2px solid var(--line2);border-bottom:0;font-weight:700;background:var(--sunk)}
td a{text-decoration:none}td a:hover{text-decoration:underline}
.plan{display:block;width:100%;max-width:330px;height:auto;margin:6px 0}
.plan-room{fill:none;stroke:var(--line2);stroke-width:1.5}
.plan-rug{fill:rgba(19,19,17,.06);stroke:var(--line2);stroke-width:.7;stroke-dasharray:3 2}
.plan-item{fill:rgba(19,19,17,.07);stroke:var(--ink);stroke-width:1}
.plan-lbl{font-family:"JetBrains Mono",monospace;font-size:6.4px;fill:var(--ink2);font-weight:600}
.plan-dim{font-family:"JetBrains Mono",monospace;font-size:6px;fill:var(--ink3)}
@media(prefers-color-scheme:dark){.plan-rug{fill:rgba(242,240,236,.06)}
 .plan-item{fill:rgba(242,240,236,.09);stroke:var(--ink)}}
.cta{background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);
 padding:26px;margin:40px 0;text-align:center}
.cta h2{margin:0 0 8px;font-size:clamp(20px,2.6vw,27px)}
.cta p{color:var(--ink2);margin-bottom:18px}
.links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.links a{font-size:13.5px;padding:7px 13px;border:1px solid var(--line2);border-radius:100px;
 text-decoration:none;color:var(--ink2)}
.links a:hover{border-color:var(--ink);color:var(--ink)}
.note{font-size:13px;color:var(--ink3);line-height:1.5}
footer{border-top:1px solid var(--line);background:var(--card);margin-top:50px}
footer .wrap{padding-top:22px;padding-bottom:26px;font-size:12.5px;color:var(--ink3);
 display:flex;flex-wrap:wrap;gap:8px 26px}