@font-face{font-family:"Gloock";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/gloock-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Gloock";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/gloock-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ─── Header: same pattern as the marketplace ─── */
.bkn{position:sticky;top:0;z-index:60;height:84px;display:flex;align-items:center;gap:18px;padding:0 clamp(16px,2.5vw,40px);background:#063B3E;color:#fff}
.bkn a{color:#fff;text-decoration:none}
.bkn__links{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
.bkn__link{padding:9px 13px;border-radius:999px;font-weight:700;font-size:.95rem;white-space:nowrap}
.bkn__link:hover{background:rgba(255,255,255,.12);color:#fff}
.bkn__link[aria-current="page"]{background:rgba(255,255,255,.14)}
.bkn .bkn__cta{background:#FF6F59;color:#063B3E;font-weight:800}
.bkn .bkn__cta:hover{background:#fff;color:#063B3E}
.bkn__right{display:flex;align-items:center;gap:6px;margin-left:auto}
.bkn__burger{display:none;background:none;border:0;color:#fff;padding:9px;cursor:pointer;border-radius:10px}
.bkn__burger svg{width:26px;height:26px;display:block}
.bkn__menu{position:fixed;inset:84px 0 0 0;background:#063B3E;z-index:59;padding:12px clamp(16px,2.5vw,40px) 40px;display:none;flex-direction:column;gap:2px;overflow:auto}
.bkn__menu.open{display:flex}
.bkn__menu a{color:#fff;text-decoration:none;padding:14px 8px;font-weight:700;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1)}
@media (max-width:1040px){.bkn__links,.bkn__right .bkn__link{display:none}.bkn__burger{display:block}}


.bkn{box-sizing:border-box;font-family:"Schibsted Grotesk",system-ui,sans-serif}.bkn *{box-sizing:border-box}

/* ─── The Keys look "Caribe", Dan's pick 2026-11-03 (Desktop\keys-brand). Same logo, leaves and fonts as the marketplace ─── */
html{font-synthesis:none}
.bkn__brand{display:flex;align-items:center;gap:10px;margin-right:14px;font-family:"Gloock",Georgia,serif;font-weight:400;font-size:2.42rem;line-height:1;letter-spacing:-.012em;white-space:nowrap}
.bkn{height:84px}.bkn__menu{top:84px;inset:84px 0 0 0}
.kmark{display:block;height:54px;width:auto;flex:none}
@media (max-width:1040px){.bkn{height:70px}.bkn__menu{inset:70px 0 0 0}.bkn .kmark{height:46px}.bkn__brand{font-size:1.875rem;gap:8px;margin-right:0}}
@media (max-width:350px){.bkn .kmark{height:40px}.bkn__brand{font-size:1.625rem}}
.cav-consent{background:#063B3E}
.cav-consent__btn--solid{background:#FF6F59;border-color:#FF6F59;color:#063B3E}
.lf{position:absolute;pointer-events:none;user-select:none;will-change:transform;max-width:none!important;height:auto!important;z-index:2;width:calc(var(--w)*1vw)!important;left:calc((var(--ax) - var(--w)*var(--ox)/100)*1vw)}
.lf.t{top:calc((var(--ay) - var(--w)*var(--asp)*var(--oy)/100)*1vw)}
.lf.b{bottom:calc((var(--ay) - var(--w)*var(--asp)*(100 - var(--oy))/100)*1vw)}
.lf--f1{--w:15;--ax:101;--ay:12;--ox:100;--oy:45;--asp:1.8487}
.lf--f2{--w:11;--ax:86;--ay:-1;--ox:2;--oy:100;--asp:1.5235}
.kmotion{position:absolute;z-index:6;right:clamp(12px,1.5vw,24px);bottom:clamp(12px,1.5vw,24px);width:40px;height:40px;padding:0;border-radius:50%;background:rgba(6,59,62,.92);color:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1}
.kmotion::before{content:"\275A\275A"}.calm .kmotion::before{content:"\25B6"}
.kmotion:hover{background:#FF6F59;color:#063B3E}
@media (max-width:820px){.lf--f1{--w:30;--ax:102;--ay:17}.lf.lf--f2{display:none}}

.footer{position:relative;overflow:hidden;overflow:clip;padding-right:max(var(--gutp,16px),clamp(130px,19vw,330px))}
.footer>*:not(.lf):not(.kmotion){position:relative;z-index:3}
.footer__brand-row .kmark,.footer__logo .kmark{height:48px}
@media (max-width:820px){.footer{padding-right:clamp(16px,2.5vw,40px);padding-top:clamp(120px,36vw,240px)}.footer .kmotion{right:auto;left:clamp(16px,2.5vw,40px);top:clamp(44px,12vw,80px);bottom:auto}}