/* STL Gate Repair: technical / utility. Barlow Condensed display, Archivo text, IBM Plex Mono labels. Graphite + navy, safety yellow, blueprint grid. */
@font-face{font-family:"Barlow Condensed";src:url(fonts/barlowcond-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(fonts/barlowcond-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Archivo";src:url(fonts/archivo.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(fonts/plexmono-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--bg:#0e1319;--bg2:#121a23;--navy:#0f1d2c;--panel:#16212d;--panel2:#1b2836;--line:#263646;--line2:#33475b;--txt:#e9eef3;--mut:#9aa9b8;
--y:#ffd400;--y2:#ffe452;--yink:#111418;--red:#ff5a4f;--cyan:#6cc4ff;--cond:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--sans:"Archivo","Segoe UI",system-ui,sans-serif;--mono:"Plex Mono",ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--txt);font:400 16.5px/1.6 var(--sans);padding-bottom:72px}
@media(min-width:960px){body{padding-bottom:0}}
img,svg{max-width:100%}img{display:block;height:auto}
a{color:var(--y)}a:hover{color:var(--y2)}
h1,h2,h3{font-family:var(--cond);font-weight:800;text-transform:uppercase;line-height:.98;letter-spacing:.005em;margin:0 0 .45em}
h1{font-size:clamp(2.9rem,9vw,6.2rem)}h2{font-size:clamp(2rem,5vw,3.3rem)}h3{font-size:1.55rem;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:1240px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--y);color:#000;padding:8px 12px;z-index:99}
.tag{font:500 .76rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--y);display:inline-block}
.tag.mut{color:var(--mut)}
.hz{background:repeating-linear-gradient(-45deg,var(--y) 0 14px,#111418 14px 28px)}
/* top alert + header */
.alert{background:var(--y);color:var(--yink);font:700 .92rem/1.2 var(--sans)}
.alert .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px}
.alert a{color:var(--yink);font-family:var(--mono);font-weight:500;white-space:nowrap}
.alert .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);margin-right:8px;box-shadow:0 0 0 3px rgba(255,90,79,.25)}
.hdr{position:sticky;top:0;z-index:40;background:rgba(14,19,25,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:16px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--txt);margin-right:auto}
.brand .logo{width:38px;height:38px;flex:none}
.brand b{font:800 1.55rem/1 var(--cond);text-transform:uppercase;letter-spacing:.02em}
.brand small{display:block;font:500 .66rem/1 var(--mono);letter-spacing:.1em;color:var(--mut);text-transform:uppercase;margin-top:3px}
.tabs{display:none}
.hdr .hcall{display:inline-flex;align-items:center;gap:8px;background:var(--y);color:var(--yink);text-decoration:none;font:800 1.1rem/1 var(--cond);letter-spacing:.04em;text-transform:uppercase;padding:12px 14px;border-radius:2px}
.hdr .hcall svg{width:18px;height:18px}.hdr .hcall .n{display:none}
.menu{position:relative}.menu summary{list-style:none;cursor:pointer;font:500 .8rem var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line2);padding:11px 12px;border-radius:2px;color:var(--txt)}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;right:0;top:calc(100% + 8px);background:var(--panel);border:1px solid var(--line2);min-width:230px;padding:6px;z-index:60;box-shadow:0 20px 40px rgba(0,0,0,.5)}
.menu nav a{display:block;padding:11px 12px;color:var(--txt);text-decoration:none;font:500 .85rem var(--mono);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line)}
.menu nav a:last-child{border:0}.menu nav a[aria-current]{color:var(--y)}
@media(min-width:960px){.menu{display:none}.tabs{display:flex;gap:2px;background:var(--panel);border:1px solid var(--line);padding:3px;border-radius:3px}
 .tabs a{padding:9px 13px;color:var(--mut);text-decoration:none;font:500 .78rem/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;border-radius:2px}
 .tabs a:hover{color:var(--txt);background:var(--panel2)}.tabs a[aria-current]{background:var(--line2);color:var(--y)}
 .hdr .hcall .n{display:inline}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:800 1.3rem/1 var(--cond);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding:17px 24px;border-radius:2px;border:2px solid transparent;cursor:pointer}
.btn svg{width:22px;height:22px}
.btn-call{background:var(--y);color:var(--yink)}.btn-call:hover{background:var(--y2);color:var(--yink)}
.btn-ghost{border-color:var(--txt);color:var(--txt);background:transparent}.btn-ghost:hover{border-color:var(--y);color:var(--y)}
.btn-dark{background:#111418;color:var(--y)}.btn-dark:hover{background:#000;color:var(--y2)}
/* hero */
.hero{position:relative;overflow:hidden;background:#070b10;border-bottom:1px solid var(--line)}
.hero picture,.hero .bg{position:absolute;inset:0}.hero .bg img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;opacity:.72}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,16,.96) 0%,rgba(7,11,16,.85) 42%,rgba(7,11,16,.2) 75%),linear-gradient(0deg,rgba(7,11,16,.9),transparent 45%);pointer-events:none}
.hero .grid-ov{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(108,196,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(108,196,255,.08) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,#000 0,transparent 70%);-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 70%)}
.hero .wrap{position:relative;z-index:2;padding-top:54px;padding-bottom:40px}
.hero h1{max-width:9.5em}.hero h1 span{color:var(--y)}
.hero .lead{font-size:1.15rem;color:#cdd7e1;max-width:34em}
.hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 26px}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.chips li{font:500 .74rem/1 var(--mono);text-transform:uppercase;letter-spacing:.07em;border:1px solid var(--line2);background:rgba(22,33,45,.75);padding:8px 10px;color:#cfd9e3}
.photo-tag{position:absolute;right:14px;bottom:12px;z-index:3;font:500 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#cfd9e3;background:rgba(0,0,0,.55);padding:4px 8px}
.readout{display:none}
@media(min-width:960px){.hero .wrap{padding-top:90px;padding-bottom:70px;display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:end}
 .readout{display:block;border:1px solid var(--line2);background:rgba(14,19,25,.82);padding:16px;font:500 .78rem/1.7 var(--mono);color:#cfd9e3}
 .readout b{color:var(--y);font-weight:500}.readout hr{border:0;border-top:1px dashed var(--line2);margin:10px 0}}
.disc{font-size:.88rem;color:var(--mut);max-width:40em;margin-top:18px;border-left:3px solid var(--y);padding-left:12px}
/* emergency band */
.emerg{background:var(--y);color:var(--yink);position:relative}
.emerg:before,.emerg:after{content:"";position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(-45deg,#111418 0 12px,var(--y) 12px 24px)}
.emerg:before{top:0}.emerg:after{bottom:0}
.emerg .wrap{padding-top:34px;padding-bottom:34px;display:grid;gap:16px;align-items:center}
.emerg h2{color:var(--yink);margin:0;font-size:clamp(2rem,6vw,3.6rem)}
.emerg p{margin:0;font-weight:600;max-width:40em}
@media(min-width:960px){.emerg .wrap{grid-template-columns:1.2fr 1fr auto;gap:34px}}
/* sections */
.sec{padding:64px 0;border-bottom:1px solid var(--line)}
.sec.grid-bg{background-color:var(--navy);background-image:linear-gradient(rgba(108,196,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(108,196,255,.06) 1px,transparent 1px);background-size:32px 32px}
.sec-head{display:grid;gap:10px;margin-bottom:28px}
@media(min-width:960px){.sec-head{grid-template-columns:1fr 1fr;align-items:end;gap:40px}}
.sec-head p{color:var(--mut);margin:0}
/* troubleshooter */
.rules{border:1px solid var(--red);background:rgba(255,90,79,.07);padding:16px 18px;margin-bottom:22px}
.rules h3{color:var(--red);font-size:1.25rem;margin-bottom:8px}.rules ol{margin:0;padding-left:20px}.rules li{margin:4px 0;color:#e2d2d0}
.checks3{display:grid;gap:12px;margin-bottom:26px}
@media(min-width:760px){.checks3{grid-template-columns:repeat(3,1fr)}}
.checks3 div{background:var(--panel);border:1px solid var(--line);padding:16px;display:flex;gap:14px;align-items:flex-start}
.ck-ico{width:38px;height:38px;color:var(--y);flex:none}.checks3 b{display:block;font:700 1.25rem/1.05 var(--cond);text-transform:uppercase}.checks3 p{margin:4px 0 0;font-size:.92rem;color:var(--mut)}
.ts{display:grid;gap:10px}
@media(min-width:760px){.ts{grid-template-columns:1fr 1fr}}
.ts details{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--line2)}
.ts details[open]{border-top-color:var(--y);grid-column:1/-1;background:var(--panel2)}
.ts summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:center;padding:16px 18px}
.ts summary::-webkit-details-marker{display:none}
.sym-ico{width:40px;height:40px;color:var(--y);flex:none}
.ts summary b{display:block;font:700 1.4rem/1.05 var(--cond);text-transform:uppercase}
.ts summary small{display:block;color:var(--mut);font-size:.88rem;margin-top:3px}
.ts summary:after{content:"+";margin-left:auto;font:500 1.4rem var(--mono);color:var(--y)}
.ts details[open] summary:after{content:"−"}
.ts .body{padding:0 18px 18px;display:grid;gap:14px}
@media(min-width:900px){.ts .body{grid-template-columns:1.3fr 1fr auto;align-items:start}}
.ts h4{font:500 .74rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;color:var(--y)}
.ts .stop h4{color:var(--red)}
.ts ol,.ts ul{margin:0;padding-left:20px}.ts li{margin:5px 0;font-size:.96rem}
.ts .stop{border-left:3px solid var(--red);padding-left:14px}
.ts .go{display:flex;flex-direction:column;gap:8px}.ts .go .btn{font-size:1.1rem;padding:13px 16px}
/* brands */
.brands{background:#0a0f14;border-bottom:1px solid var(--line);padding:26px 0}
.brands ul{list-style:none;margin:10px 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 0}
.brands li{font:800 clamp(1.3rem,3.2vw,2rem)/1 var(--cond);text-transform:uppercase;color:#d7dfe7;letter-spacing:.03em}
.brands li+li:before{content:"/";color:var(--line2);padding:0 14px}
.brands p{margin:0;font-size:.85rem;color:var(--mut)}
/* types */
.types{display:grid;gap:14px;list-style:none;padding:0;margin:0}
@media(min-width:640px){.types{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.types{grid-template-columns:repeat(5,1fr)}}
.types li{background:var(--navy);border:1px solid var(--line2);display:flex;flex-direction:column}
.bp{display:block;width:100%;height:auto;background:#0c1826}
.bp-grid path{stroke:rgba(108,196,255,.12);stroke-width:1}
.bp-l{stroke:var(--cyan);stroke-width:2}.bp-l .dash{stroke-dasharray:5 5;stroke-width:1.2}.bp-l .arc{stroke-dasharray:3 4;stroke-width:1.4}
.bp-l .acc{stroke:var(--y);stroke-width:2.4}.bp-l .accf{fill:var(--y);stroke:none}.bp-l .dim{stroke:#8fb7d6;stroke-width:1}
.bp-t{fill:#9fd4ff;stroke:none;font:500 10px var(--mono);letter-spacing:.08em}
.types .tx{padding:14px 16px 16px}.types h3{font-size:1.4rem;margin-bottom:6px}.types p{font-size:.92rem;color:#c2ccd6;margin:0 0 8px}
.types .tr{font:500 .74rem/1.5 var(--mono);color:var(--y);text-transform:uppercase;letter-spacing:.04em;margin:0}
/* service desk */
.desk{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);list-style:none;padding:0;margin:0}
@media(min-width:700px){.desk{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.desk{grid-template-columns:repeat(3,1fr)}}
.desk a{display:block;background:var(--bg2);padding:22px;text-decoration:none;color:var(--txt);height:100%}
.desk a:hover{background:var(--panel2)}.desk b{display:block;font:800 1.65rem/1 var(--cond);text-transform:uppercase;margin:8px 0}
.desk p{margin:0;color:var(--mut);font-size:.94rem}.desk .arr{display:block;margin-top:12px;font:500 .78rem var(--mono);color:var(--y);text-transform:uppercase;letter-spacing:.08em}
/* flow */
.flow{display:grid;gap:12px;counter-reset:f;list-style:none;padding:0;margin:0}
@media(min-width:900px){.flow{grid-template-columns:repeat(3,1fr);gap:0}}
.flow li{border:1px solid var(--line2);padding:20px;position:relative;background:var(--panel)}
@media(min-width:900px){.flow li+li{border-left:0}.flow li:not(:last-child):after{content:"";position:absolute;right:-9px;top:50%;width:16px;height:16px;background:var(--y);transform:translateY(-50%) rotate(45deg);z-index:2}}
.flow .n{font:800 3rem/1 var(--cond);color:var(--y)}.flow b{display:block;font:700 1.4rem var(--cond);text-transform:uppercase;margin:6px 0}.flow p{margin:0;color:var(--mut)}
/* coverage table */
.cov{width:100%;border-collapse:collapse;font-size:.95rem}
.cov th,.cov td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.cov th{font:500 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.cov td:first-child a{font:700 1.3rem var(--cond);text-transform:uppercase;text-decoration:none}
.cov .z{font-family:var(--mono);font-size:.82rem;color:var(--mut)}
@media(max-width:640px){.cov thead{display:none}.cov tr{display:block;border-bottom:1px solid var(--line);padding:10px 0}.cov td{display:block;border:0;padding:2px 0}}
/* ticket form */
.ticket-sec{padding:64px 0;background:var(--bg2)}
.ticket{border:1px solid var(--line2);background:var(--panel);max-width:1040px;margin:0 auto}
.ticket .thead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;padding:14px 18px;border-bottom:1px dashed var(--line2);font:500 .78rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.ticket .thead b{color:var(--y);font-weight:500}
.ticket .callbar{display:grid;gap:14px;padding:22px 18px;background:var(--y);color:var(--yink);align-items:center}
.ticket .callbar h2{color:var(--yink);margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.ticket .callbar p{margin:0;font-weight:600}
@media(min-width:860px){.ticket .callbar{grid-template-columns:1fr auto;padding:24px 28px}}
.ticket form{padding:24px 18px 26px}
@media(min-width:860px){.ticket form{padding:30px 28px}}
.fgrid{display:grid;gap:14px 18px}
@media(min-width:700px){.fgrid{grid-template-columns:repeat(2,1fr)}.fgrid .full{grid-column:1/-1}}
@media(min-width:1000px){.fgrid.c3{grid-template-columns:repeat(3,1fr)}.fgrid.c4{grid-template-columns:repeat(4,1fr)}}
.ticket h3{font:500 .78rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--y);margin:22px 0 12px;display:flex;align-items:center;gap:10px}
.ticket h3:after{content:"";flex:1;height:1px;background:var(--line2)}
.ticket h3:first-child{margin-top:0}
.ticket label{display:block;font:500 .74rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#b9c6d3}
.ticket label i{font-style:normal;color:var(--y);margin-right:6px}
input,select,textarea{display:block;width:100%;margin-top:6px;font:400 1rem/1.3 var(--sans);color:var(--txt);background:#0d141b;border:1px solid var(--line2);border-radius:2px;padding:12px;min-height:48px;text-transform:none;letter-spacing:0}
select{appearance:auto}
input:focus,select:focus,textarea:focus{outline:2px solid var(--y);outline-offset:1px;border-color:var(--y)}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line2)}
.seg label{margin:0;position:relative}.seg input{position:absolute;opacity:0;inset:0;margin:0;min-height:0;cursor:pointer}
.seg span{display:block;text-align:center;padding:14px 6px;font:700 1.15rem/1 var(--cond);letter-spacing:.04em;color:var(--txt);border-right:1px solid var(--line2)}
.seg label:last-child span{border-right:0}
.seg input:checked+span{background:var(--y);color:var(--yink)}.seg input:focus-visible+span{outline:2px solid var(--y);outline-offset:-4px}
.consent{display:flex!important;gap:10px;align-items:flex-start;text-transform:none!important;font:400 .92rem/1.45 var(--sans)!important;letter-spacing:0!important;margin-top:18px}
.consent input{width:22px;height:22px;min-height:0;margin:0;flex:none;accent-color:var(--y)}
.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.ticket .submit{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px}
.ticket .submit .btn{min-width:240px}
.fnote{font-size:.85rem;color:var(--mut);margin:14px 0 0}
/* inner pages */
.pagehead{border-bottom:1px solid var(--line);background-color:var(--navy);background-image:linear-gradient(rgba(108,196,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(108,196,255,.06) 1px,transparent 1px);background-size:32px 32px;padding:40px 0 34px}
.pagehead .grid{display:grid;gap:24px;align-items:end}
@media(min-width:960px){.pagehead .grid{grid-template-columns:1fr 380px}}
.pagehead h1{font-size:clamp(2.5rem,7vw,4.8rem)}
.pagehead .dek{font-size:1.15rem;color:#c8d3de;max-width:38em;margin:0}
.crumbs{font:500 .74rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:16px}.crumbs a{color:var(--mut)}
.zips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.zips span{font:500 .78rem var(--mono);border:1px solid var(--line2);padding:5px 9px;color:#cfd9e3;background:var(--panel)}
.spec{display:grid;gap:30px;padding:40px 0}
@media(min-width:1000px){.spec{grid-template-columns:1fr 340px;gap:50px}}
.spec section{margin-bottom:34px}
.spec h2{font-size:clamp(1.7rem,4vw,2.4rem)}
.lead{font-size:1.12rem;color:#d5dee7}
.boxlist{list-style:none;padding:0;margin:0;display:grid;gap:8px}
@media(min-width:640px){.boxlist{grid-template-columns:1fr 1fr}}
.boxlist li{background:var(--panel);border:1px solid var(--line);padding:12px 14px 12px 40px;position:relative}
.boxlist li:before{content:"";position:absolute;left:14px;top:17px;width:12px;height:12px;border:2px solid var(--y)}
.proc{list-style:none;padding:0;margin:0;counter-reset:p}.proc li{counter-increment:p;padding:12px 0 12px 54px;position:relative;border-bottom:1px solid var(--line)}
.proc li:before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:10px;font:800 1.6rem var(--cond);color:var(--y)}
.note{border:1px solid var(--line2);border-left:4px solid var(--y);background:var(--panel);padding:14px 16px}
.warn{border-left-color:var(--red)}
.qa details{border-bottom:1px solid var(--line)}.qa summary{list-style:none;cursor:pointer;padding:16px 30px 16px 0;font:700 1.3rem/1.15 var(--cond);text-transform:uppercase;position:relative}
.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";position:absolute;right:0;top:14px;color:var(--y);font:500 1.3rem var(--mono)}
.qa details[open] summary:after{content:"−"}.qa p{color:#c8d3de;margin:0 0 16px}
.side .card{position:sticky;top:84px;background:var(--panel);border:1px solid var(--line2)}
.side .card .top{background:var(--y);color:var(--yink);padding:16px}
.side .card .top b{display:block;font:800 2rem/1 var(--cond)}.side .card .top span{font:500 .74rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.side .card .in{padding:16px}.side .card .btn{width:100%}
.side nav{margin-top:14px}.side nav a{display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none;font:500 .8rem var(--mono);text-transform:uppercase;letter-spacing:.05em}
.side .fine{font-size:.84rem;color:var(--mut);margin:12px 0 0}
.legal{padding:36px 0 50px;max-width:820px}.legal h2{margin-top:30px}
/* footer */
.foot{background:#080c10;border-top:4px solid var(--y);padding:44px 0 90px;color:#b6c2ce;font-size:.94rem}
@media(min-width:960px){.foot{padding-bottom:30px}}
.foot .cols{display:grid;gap:26px}@media(min-width:900px){.foot .cols{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.foot h4{font:500 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--y);margin:0 0 10px}
.foot ul{list-style:none;padding:0;margin:0}.foot li{margin:6px 0}.foot a{color:#e1e8ee;text-decoration:none}.foot a:hover{color:var(--y)}
.foot .big{font:800 2.2rem/1 var(--cond);color:var(--txt);text-transform:uppercase;text-decoration:none;display:block;margin:6px 0 10px}
.foot .safe{border:1px dashed var(--line2);padding:12px 14px;margin-top:12px;font-size:.88rem}
.foot .base{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--line);margin-top:30px;padding-top:16px;font:500 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#7f8e9c}
/* mobile tab bar */
.stickycall{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1.6fr 1fr 1fr;background:#080c10;border-top:1px solid var(--line2);padding-bottom:env(safe-area-inset-bottom)}
.stickycall a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px;text-decoration:none;color:var(--txt);font:500 .66rem var(--mono);letter-spacing:.06em;text-transform:uppercase;min-height:60px}
.stickycall a svg{width:20px;height:20px}
.stickycall a.c{background:var(--y);color:var(--yink);flex-direction:row;gap:8px;font:800 1.2rem var(--cond);letter-spacing:.04em}
@media(min-width:960px){.stickycall{display:none}}
/* worker error page compatibility */
.pagehead.wrap{padding:60px 18px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.sfig{margin:0 0 34px;max-width:720px}.sfig img{width:100%;border:1px solid var(--line2)}.sfig figcaption{font:500 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-top:6px}
@media(max-width:600px){.brand small{display:none}.brand b{font-size:1.35rem;white-space:nowrap}.hide-xs{display:none}.hdr .wrap{gap:10px}.menu summary{padding:10px}}