/* Joy's Box V13 — floating luxury header, hidden native scrollbar, new loader, full PDF project archive */
:root{--v13-gold:#c5a354;--v13-black:#090908;--v13-paper:#f3efe5;--v13-line:rgba(255,255,255,.14)}

/* Keep the page scrollable but remove the browser's native scrollbar. */
html,body{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}

/* Preloader — short, precise, brand-led. */
body.is-loading{overflow:hidden}
.preloader-v13{position:fixed;inset:0;z-index:2200;background:#070706;color:#f7f2e9;display:grid;place-items:center;overflow:hidden;opacity:1;transform:scale(1);transition:opacity .56s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1),visibility .62s;will-change:opacity,transform}
.preloader-v13::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 48%,rgba(197,163,84,.12),transparent 23%),linear-gradient(115deg,transparent 42%,rgba(255,255,255,.025) 50%,transparent 58%);pointer-events:none}
.preloader-v13__meta{position:absolute;left:clamp(22px,3vw,48px);right:clamp(22px,3vw,48px);display:flex;justify-content:space-between;align-items:center;font:700 7px/1 var(--sans);letter-spacing:.2em;color:rgba(255,255,255,.42)}
.preloader-v13__meta--top{top:clamp(22px,3vw,42px)}.preloader-v13__meta--bottom{bottom:clamp(22px,3vw,42px)}
.preloader-v13__center{position:relative;width:min(340px,72vw);display:grid;justify-items:center;text-align:center}
.preloader-v13__logo{width:clamp(74px,6vw,96px);height:auto;display:block;margin-bottom:25px;filter:drop-shadow(0 8px 34px rgba(197,163,84,.12));transform:translateY(0);transition:transform .5s ease,opacity .42s ease}
.preloader-v13__label{font:700 7px/1 var(--sans);letter-spacing:.24em;color:#cfc7b7;margin-bottom:19px}
.preloader-v13__track{width:100%;height:1px;background:rgba(255,255,255,.16);overflow:hidden}.preloader-v13__track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#7e6428,#d7bc72);transform:scaleX(0);transform-origin:left center;will-change:transform}
.preloader-v13__count{margin-top:12px;justify-self:end;font:600 10px/1 var(--sans);letter-spacing:.12em;color:rgba(255,255,255,.54);font-variant-numeric:tabular-nums}
.preloader-v13.is-leaving{opacity:0;transform:scale(1.012);visibility:hidden}.preloader-v13.is-leaving .preloader-v13__logo{transform:translateY(-8px);opacity:.2}

/* Floating header — deliberately detached from the viewport edges. */
.site-header.site-header-v12{top:18px;left:22px;right:22px;padding:0;border-radius:22px;background:rgba(8,8,7,.58);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 42px rgba(0,0,0,.16);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);overflow:hidden;transition:background .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease,transform .35s cubic-bezier(.22,.8,.22,1)}
.header-v12__inner{height:68px;padding:0 18px 0 16px;border:0;grid-template-columns:1fr auto 1fr;transition:height .28s ease,padding .28s ease}
.brand-logo-v12{width:48px;height:54px}.brand-logo-v12 img{width:46px}
.header-v12__center{font-size:6px;color:rgba(255,255,255,.68);gap:11px}.header-v12__center i{width:22px}
.menu-toggle-v12{height:38px;padding:0 2px 0 12px;gap:14px;font-size:6.7px}.menu-toggle-v12 b{width:25px}.menu-toggle-v12 b i{width:25px}.menu-toggle-v12 b i:last-child{width:15px}
.site-header-v12.is-scrolled{top:14px;background:rgba(8,8,7,.82);border-color:rgba(255,255,255,.14);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.site-header-v12.is-scrolled .header-v12__inner{height:62px;border:0}
.site-header-v12.is-light{background:rgba(244,240,231,.88);color:#0b0b0a;border-color:rgba(20,19,16,.11);box-shadow:0 14px 40px rgba(38,31,18,.09)}
.site-header-v12.is-light .header-v12__inner{border:0}.site-header-v12.is-light .header-v12__center{color:#6d675e}.site-header-v12.is-light .menu-toggle-v12{color:#111}
body.menu-open .site-header-v12{transform:translateY(calc(-100% - 28px))}

/* Keep the custom progress indicator subtle now that the native scrollbar is hidden. */
.scroll-progress{right:5px;width:1px;opacity:.55}

/* Story refinements for the merged 2023—24 milestone. */
.story-frame__copy strong{white-space:nowrap}.story-frame[data-year="2023-2024"] .story-frame__copy strong{font-size:clamp(66px,8.5vw,140px)}

/* Full profile archive: same visual language, eight real project entries. */
.work-archive__head>div>span{color:#d6b966}.archive-card{top:98px}.archive-card__bottom h3{max-width:1220px}
.archive-card__top span:last-child{color:rgba(255,255,255,.72)}

/* Two showreels from the latest profile. */
.showreels-v13{padding:128px var(--pad) 120px;background:#0b0b0a;color:#f4efe5}
.showreels-v13__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:8vw;align-items:end;margin-bottom:58px}.showreels-v13__head .section-kicker{grid-column:1/-1;margin-bottom:-12px}.showreels-v13__head h2{margin:0;font:600 clamp(76px,9vw,146px)/.78 var(--cond);letter-spacing:-.045em;text-transform:uppercase}.showreels-v13__head h2 i{font-family:var(--serif);font-weight:400;color:var(--v13-gold);text-transform:none}.showreels-v13__head p{margin:0 0 8px;color:#aaa399;font:500 13px/1.7 var(--sans);max-width:410px}
.showreels-v13__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.showreel-card-v13{position:relative;height:min(70vh,720px);min-height:520px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#141412;color:#fff;overflow:hidden;text-align:left;cursor:pointer;isolation:isolate}.showreel-card-v13 img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.showreel-card-v13__shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12) 44%,rgba(0,0,0,.82) 100%)}.showreel-card-v13__meta{position:absolute;left:24px;right:24px;bottom:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.3);display:block}.showreel-card-v13__meta small{display:block;margin-bottom:10px;font:700 7px/1 var(--sans);letter-spacing:.16em;color:#d8bd73}.showreel-card-v13__meta strong{display:block;max-width:82%;font:600 clamp(38px,4.2vw,72px)/.84 var(--cond);letter-spacing:-.03em;text-transform:uppercase}.showreel-card-v13__play{position:absolute;top:22px;right:22px;width:82px;height:82px;border:1px solid rgba(255,255,255,.48);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:7px;font:700 6.5px/1 var(--sans);letter-spacing:.14em;background:rgba(0,0,0,.1);backdrop-filter:blur(8px)}.showreel-card-v13__play b{font-size:10px}.showreel-card-v13:hover img{transform:scale(1.025)}.showreel-card-v13:hover .showreel-card-v13__play{background:rgba(197,163,84,.2);border-color:#d5b76a}

/* Ensure country names only live in the dedicated market section visually. */
.markets{position:relative}

@media(max-width:900px){
  .site-header.site-header-v12{left:14px;right:14px;top:14px;border-radius:19px}.header-v12__inner{height:64px}.site-header-v12.is-scrolled{top:10px}.site-header-v12.is-scrolled .header-v12__inner{height:58px}
  .showreels-v13__head{grid-template-columns:1fr;gap:22px}.showreels-v13__head .section-kicker{grid-column:auto;margin-bottom:0}.showreels-v13__grid{grid-template-columns:1fr}.showreel-card-v13{height:64vh;min-height:500px}
}
@media(max-width:700px){
  .site-header.site-header-v12{left:10px;right:10px;top:10px;padding:0;border-radius:17px}.header-v12__inner{height:60px;padding:0 12px}.site-header-v12.is-scrolled{top:8px}.site-header-v12.is-scrolled .header-v12__inner{height:56px}.brand-logo-v12{width:40px}.brand-logo-v12 img{width:39px}.menu-toggle-v12{font-size:6px;gap:10px;padding-left:6px}.menu-toggle-v12 b{width:21px}.menu-toggle-v12 b i{width:21px}.menu-toggle-v12 b i:last-child{width:13px}
  .preloader-v13__meta{left:18px;right:18px;font-size:6px}.preloader-v13__meta--top{top:20px}.preloader-v13__meta--bottom{bottom:20px}.preloader-v13__meta--bottom span:first-child{display:none}.preloader-v13__center{width:min(280px,76vw)}.preloader-v13__logo{width:72px}.preloader-v13__label{font-size:6px;letter-spacing:.19em}
  .story-frame[data-year="2023-2024"] .story-frame__copy strong{font-size:17vw}
  .showreels-v13{padding:86px 18px 78px}.showreels-v13__head{margin-bottom:34px}.showreels-v13__head h2{font-size:15vw}.showreels-v13__head p{font-size:12px}.showreel-card-v13{min-height:420px;height:58vh;border-radius:18px}.showreel-card-v13__meta{left:18px;right:18px;bottom:18px}.showreel-card-v13__meta strong{font-size:11vw;max-width:90%}.showreel-card-v13__play{width:62px;height:62px;top:16px;right:16px}
}
@media(prefers-reduced-motion:reduce){.preloader-v13,.preloader-v13__logo,.showreel-card-v13 img{transition:none!important}}