/* Hask Chocolate: chrome shared by every page */
:root{--paper:#0D7671;--deep:#0A5552;--cream:#FBEFD5;--choc:#4B2413;--choc2:#6B3820;--choc3:#2A1208;--foil:#E7C988}
*{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--cream);font:400 18px/1.5 Schibsted,system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit}:focus-visible{outline:3px solid var(--cream);outline-offset:3px}
.w{max-width:1240px;margin:auto;padding-inline:24px}
.studio{margin:0;padding:7px 16px;background:var(--deep);font-size:14px;text-align:center}
header.site{max-width:1240px;margin:auto;padding:12px 24px;display:flex;align-items:center;gap:8px 28px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.logo svg{width:40px;height:40px;flex:none}
.logo b{font:400 30px/1 Rozha,serif;letter-spacing:.01em}
header.site nav{margin-right:auto}
header.site ul{display:flex;gap:4px 20px;margin:0;padding:0;list-style:none}
header.site nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:none;border-bottom:3px solid transparent}
header.site nav a[aria-current=page],header.site nav a:hover{border-bottom-color:var(--foil)}
.boxct{font-weight:700;min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:99px;background:var(--cream);color:var(--choc3);text-decoration:none}
.boxct i{font-style:normal;display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:var(--choc);color:var(--cream);font-size:15px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 22px;background:var(--choc);color:var(--cream);font:700 18px/1.1 Schibsted,sans-serif;border:0;border-radius:99px;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--choc3)}
.btn.light{background:var(--cream);color:var(--choc3)}
.btn:disabled{opacity:.6;cursor:default}
h1,h2.h{font-weight:400;font-family:Rozha,serif}
h2.h{font-size:clamp(32px,4.2vw,58px);line-height:1.02;margin:0 0 20px}
section{padding-block:72px}
/* a wrapped bar: photo plus the band printed on it */
.wrap{position:relative;overflow:hidden;background:var(--deep);container-type:inline-size}
.wrap img{width:100%;height:100%;object-fit:cover}
.band{position:absolute;left:28%;right:28%;top:50%;transform:translateY(-50%);text-align:center;line-height:1;color:var(--ink,#FBEFD5);pointer-events:none;mix-blend-mode:normal}
.wrap .band small{display:block;font:700 2.5cqw/1 Schibsted,sans-serif;letter-spacing:.24em;opacity:.85}
.wrap .band b{display:block;font:400 5.4cqw/1.1 Rozha,serif;margin-top:1cqw;white-space:nowrap}
.wrap .band em{display:block;font:700 2.3cqw/1 Schibsted,sans-serif;font-style:normal;margin-top:1cqw;opacity:.85}
footer.site{background:var(--choc3);color:var(--cream);padding:48px 0 32px;margin-top:0}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
footer.site h3{margin:0 0 8px;font-size:16px}
footer.site ul{margin:0;padding:0;list-style:none}
footer.site li a{display:inline-flex;min-height:36px;align-items:center;text-decoration:none}
footer.site li a:hover{text-decoration:underline}
footer.site .logo svg path[fill]{fill:var(--cream)}
footer.site .fine{margin:28px 0 0;padding-top:16px;border-top:1px solid #FBEFD533;font-size:15px}
@media (max-width:860px){
  body{font-size:17px}.w{padding-inline:16px}
  header.site{padding:8px 16px;gap:0 12px}
  header.site nav{order:3;width:100%;margin:0;overflow-x:auto}
  header.site ul{gap:18px}
  .boxct{margin-left:auto}
  section{padding-block:48px}
  footer.site .cols{grid-template-columns:1fr 1fr}footer.site .cols>div:first-child{grid-column:1/-1}
}
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}
}

[hidden]{display:none!important}

.skip{position:absolute;left:-9999px;top:8px;z-index:9;background:#111;color:#fff;padding:10px 16px;font-weight:700}.skip:focus{left:16px}
h1,h2,h3,dt{text-wrap:balance}p,dd,li{text-wrap:pretty}