:root{--yellow:#ffd60a;--ink:#131208;--rule:rgba(19,18,8,.25)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html[data-motion="on"]{scroll-behavior:smooth}
body{margin:0;background:var(--yellow);color:var(--ink);font-family:'Schibsted Grotesk',sans-serif;-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:inherit;text-decoration:none}
a:hover{opacity:.7}
::selection{background:var(--ink);color:var(--yellow)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.site-footer :focus-visible{outline-color:var(--yellow)}
.skip{position:fixed;left:16px;top:-90px;z-index:50;background:var(--ink);color:var(--yellow);padding:12px 18px;font-weight:700;font-size:15px;transition:top .15s}
.skip:focus{top:16px}
.page{min-height:100vh;display:flex;flex-direction:column}
.poster{min-height:100vh;min-height:100svh;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(48px,7vh,96px);padding:clamp(28px,4.5vw,64px) clamp(24px,4.5vw,64px) clamp(36px,5vw,56px)}
.wordmark{margin:0;width:100%;font-family:'Anton',sans-serif;font-weight:400;line-height:1.04;letter-spacing:.01em;user-select:none;-webkit-user-select:none}
.wordmark span{display:block;width:max-content;white-space:nowrap;cursor:pointer;font-size:clamp(40px,13vw,200px)}
.intro{margin:0;max-width:58ch;font-size:clamp(17px,1.4vw,19.5px);line-height:1.6;font-weight:600}
.doc{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(28px,4.5vw,56px) clamp(24px,4.5vw,64px) clamp(56px,7vw,96px)}
.home-link{font-size:17px;font-weight:700}
.page-title{margin:clamp(32px,5vw,56px) 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(52px,10vw,150px);line-height:.96;letter-spacing:.01em;text-transform:uppercase}
.lede{margin:clamp(20px,3vw,32px) 0 0;max-width:58ch;font-size:clamp(17px,1.4vw,19.5px);line-height:1.6;font-weight:600}
.doc a[href],.err a.text{text-decoration-color:var(--ink)}
.lede a,.row a,.contact-list a,.block-lede a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.section-nav{display:flex;flex-wrap:wrap;gap:10px clamp(20px,2.5vw,32px);margin-top:clamp(24px,3.5vw,40px);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.section-nav a{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.block{margin-top:clamp(24px,4vw,48px);border-top:5px solid var(--ink);padding-top:clamp(28px,4vw,48px);scroll-margin-top:24px}
.block.rows-only{padding-top:0;margin-top:clamp(40px,6vw,72px)}
.kicker{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.block-title{margin:14px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(36px,6vw,84px);line-height:1;letter-spacing:.01em;text-transform:uppercase}
.block-lede{margin:clamp(18px,2.5vw,28px) 0 clamp(28px,4vw,44px);max-width:62ch;font-size:17.5px;line-height:1.6;font-weight:600}
.row{display:flex;flex-wrap:wrap;gap:8px clamp(20px,3vw,48px);align-items:baseline;padding:clamp(20px,3vw,32px) 0;border-top:2px solid var(--rule)}
.block.rows-only .row:first-child{border-top:0}
.row .num{flex:0 0 52px;margin:0;font-size:15px;font-weight:700}
.row .row-title{flex:1 1 220px;margin:0;font-size:16.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.row .row-body{flex:2 1 300px;margin:0;font-size:17px;line-height:27px;font-weight:500;max-width:66ch}
ul.row-body{padding-left:20px}
.row-body p{margin:0;font-size:17px;line-height:27px}
.row-body p+p{margin-top:14px}
.contact-list{margin:18px 0 0;padding:0;list-style:none;font-size:17px;line-height:27px;font-weight:500}
.contact-list li{border-top:2px solid var(--rule);padding:10px 0}
.err{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4.5vw,64px) clamp(24px,4.5vw,64px)}
.err h1{margin:18px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(44px,9vw,140px);line-height:.98;letter-spacing:.01em;text-transform:uppercase}
.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:clamp(24px,4vw,40px)}
.btn{display:inline-block;background:var(--ink);color:var(--yellow);padding:14px 22px;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.05em}
.btn:hover{background:#000;color:#fff;opacity:1}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--yellow)}
.site-footer{background:var(--ink);color:var(--yellow);padding:20px clamp(24px,4.5vw,64px);display:flex;justify-content:space-between;align-items:baseline;gap:14px 24px;flex-wrap:wrap;font-size:13.5px;font-weight:600}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px clamp(18px,2vw,28px)}
.site-footer a:hover{color:#fff;opacity:1}
.legal{margin:0;font-weight:400;opacity:.75}
/* Justification of the blurb: left | center | right (both layers inherit it) */
.blurb{position:relative;max-width:58ch;cursor:none;text-align:left;touch-action:none}
html[data-motion="off"] .blurb{cursor:auto;touch-action:auto}
html[data-motion="off"] .spot{display:none}
.blurb .intro{max-width:none}
.bar{background:var(--ink);color:var(--yellow);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.32em .45em}
.bar-invert{background:var(--yellow);color:var(--ink)}
.spot{position:absolute;inset:0;pointer-events:none;clip-path:circle(0px at 0 0)}
.slits{position:absolute;inset:0;pointer-events:none}
.slit{position:absolute;display:none;background:var(--ink)}

.foot-tools{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.foot-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:2px solid currentColor;color:inherit;font:inherit;font-weight:600;padding:6px 10px;cursor:pointer;text-transform:none}
.foot-btn:hover{background:var(--yellow);color:var(--ink)}
.foot-btn[aria-pressed="false"]{opacity:.72}
.foot-ico{width:14px;height:14px;flex:0 0 auto}
