/* One weight across the site (Book) — only Book carries ss01/salt (round alt "a"). */
@font-face{font-family:"Suisse";src:url("suisseintl-book.ttf") format("truetype");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"Suisse Mono";src:url("suisseintl-mono.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#f4f4f2;--fg:#191919;--muted:#a3a39d;--soft:#4c4c48;--line:rgba(25,25,25,.16);--accent:#ff3b1d;--pad:40px;--gap:24px;--maxw:1600px}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font-family:"Suisse","Helvetica Neue",Arial,sans-serif;font-weight:400;font-feature-settings:"ss01" 1,"salt" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
sup{font-size:.5em;vertical-align:super}
.frame{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.mono{font-family:"Suisse Mono",monospace;text-transform:uppercase;letter-spacing:.04em;font-size:12px;line-height:18px}
header.top{position:fixed;top:0;left:0;right:0;z-index:60;mix-blend-mode:difference}
header.top .frame{height:64px;display:flex;align-items:center;justify-content:space-between}
.logo{display:block;height:20px;width:auto;color:#fff}.logo svg{height:100%;width:auto;display:block}.logo svg path{fill:currentColor}
.navc{display:flex;gap:30px}
.navc a{font-family:"Suisse Mono",monospace;text-transform:uppercase;font-size:11px;letter-spacing:.04em;color:#fff}
.badge{position:fixed;left:50%;bottom:5vh;transform:translateX(-50%);width:clamp(100px,8.5vw,132px);height:clamp(100px,8.5vw,132px);z-index:900}
.badge .disc{position:absolute;inset:0;border-radius:50%;background:var(--accent)}
.badge .ring{position:absolute;inset:0;animation:spin 18s linear infinite}
.badge .ring svg{width:100%;height:100%;display:block}
.badge .ctr{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px}
@keyframes spin{to{transform:rotate(360deg)}}
.article-hero{padding:150px 0 40px;display:flex;align-items:center;text-align:center}
.article-hero .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);width:100%}
.article-hero .meta{grid-column:1/-1;color:var(--soft)}
.article-hero h1{grid-column:2/12;font-weight:400;font-size:clamp(58px,5.3vw,102px);line-height:1.06;letter-spacing:-.055em;margin-top:40px}
.article-hero .dek{grid-column:4/10;font-size:clamp(19px,1.35vw,22px);line-height:1.5;letter-spacing:0;color:var(--soft);margin-top:34px}
/* blog placeholder images */
.jstrip-wrap{padding:0 0 20px}
.jstrip{width:100%;height:40vh;min-height:260px;border-radius:2px;background:linear-gradient(135deg,#e6e6e2,#cfcfc9)}
.jfig{width:100%;aspect-ratio:16/9;margin:52px 0;border-radius:2px;background:linear-gradient(135deg,#e6e6e2,#cfcfc9)}
.article{padding:44px 0 130px}
.article .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}
.answer{display:none}
.body{grid-column:4/10}
.body h2{font-weight:400;font-size:clamp(26px,2.2vw,34px);line-height:1.2;letter-spacing:-.02em;margin:0 0 26px;text-align:center}
.body p{font-size:clamp(18px,1.15vw,21px);line-height:1.5;letter-spacing:0;color:var(--soft);margin-bottom:1.35em}
.body p.big{font-size:clamp(28px,3vw,51px);line-height:1.216;letter-spacing:-.03em;color:var(--fg);margin-bottom:1em;text-align:center}
.body .rule{height:1px;background:var(--line);margin:82px 0}
.faq{border-top:1px solid var(--line);margin-top:86px;padding-top:28px}
.faq div{border-bottom:1px solid var(--line);padding:22px 0}
.faq h3{font-size:clamp(17px,1.15vw,21px);font-weight:500;margin-bottom:10px;letter-spacing:-.01em}
.faq p{font-size:clamp(16px,1vw,18px);line-height:1.42;margin:0;color:var(--soft)}
.next{padding:0 0 120px}
.next a{display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;font-weight:500;font-size:clamp(34px,4.8vw,86px);line-height:1;letter-spacing:-.045em}
footer{padding:86px 0 46px;background:#1a1a1a;color:#f4f4f2}
.fmark{width:100%;padding:60px 0 30px;font-weight:500;font-size:clamp(96px,20vw,310px);line-height:.72;letter-spacing:-.075em;white-space:nowrap;overflow:hidden}
.fbase{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);font-family:"Suisse Mono",monospace;text-transform:uppercase;letter-spacing:.04em;font-size:12px;color:rgba(244,244,242,.58)}
.fbase span:nth-child(2){text-align:center}.fbase span:nth-child(3){text-align:right}
@media(max-width:860px){:root{--pad:20px;--gap:14px}.navc{gap:18px}.navc a:nth-child(n+4){display:none}.article-hero .grid,.article .grid{grid-template-columns:repeat(6,1fr)}.article-hero .meta,.article-hero h1,.article-hero .dek,.answer,.body{grid-column:1/-1}.answer{position:relative;top:auto}.fbase{grid-template-columns:1fr}.fbase span:nth-child(n){text-align:left}}


/* ===== SHARED SITE FOOTER (matches homepage) ===== */
.site-footer{background:#1a1a1a;color:#f4f4f2;padding:120px 0 86px;border:0;font-family:"Suisse","Helvetica Neue",Arial,sans-serif;font-weight:400;font-feature-settings:"ss01" 1,"salt" 1}
.site-footer .sf-frame{width:100%;max-width:none;margin:0;padding:0 25px}
.site-footer .sf-meta{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:0;border-top:1px solid rgba(244,244,242,.22);border-bottom:1px solid rgba(244,244,242,.22);font-family:"Suisse Mono",monospace;text-transform:uppercase;letter-spacing:.04em;font-size:12px;line-height:1.55}
.site-footer .sf-col{min-height:218px;padding:42px clamp(18px,2.2vw,42px)}
.site-footer .sf-col + .sf-col{border-left:1px solid rgba(244,244,242,.22)}
.site-footer .sf-title{font-size:12px;margin-bottom:28px;color:#f4f4f2}
.site-footer .sf-meta a{display:block;color:rgba(244,244,242,.58);text-decoration:none}
.site-footer .sf-meta a:hover{color:#f4f4f2}
.site-footer .sf-news{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(244,244,242,.22);padding:0 0 14px;color:rgba(244,244,242,.58);margin-top:0}
.site-footer .sf-legal{font-size:10px;color:rgba(244,244,242,.58);margin-top:18px;text-transform:none;letter-spacing:0;line-height:1.5}
.site-footer .sf-social{display:flex;gap:20px;margin-top:34px;align-items:center}
.site-footer .sf-social a{display:block;color:#f4f4f2;width:22px;height:22px}
.site-footer .sf-social svg{width:22px;height:22px;display:block;fill:currentColor}
.site-footer .sf-mark{width:100%;color:#f4f4f4;display:flex;justify-content:center;margin:40px 0 42px}
.site-footer .sf-mark svg{width:100%;height:auto;display:block}
.site-footer .sf-mark svg path{fill:currentColor}
.site-footer .sf-base{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;font-family:"Suisse Mono",monospace;text-transform:uppercase;letter-spacing:.04em;font-size:12px;color:rgba(244,244,242,.58)}
.site-footer .sf-base span:nth-child(2){text-align:center}
.site-footer .sf-base span:nth-child(3){text-align:right}
@media(max-width:980px){.site-footer .sf-meta{grid-template-columns:1fr 1fr}.site-footer .sf-col + .sf-col{border-left:0}.site-footer .sf-col:nth-child(even){border-left:1px solid rgba(244,244,242,.22)}}
@media(max-width:620px){.site-footer .sf-meta{grid-template-columns:1fr}.site-footer .sf-col:nth-child(even){border-left:0}.site-footer .sf-base{grid-template-columns:1fr;gap:10px}.site-footer .sf-base span{text-align:left!important}}