/* Object-led cover: the user's orange, glossy LS and restrained edge typography. */
:root{--cover-panel-top:13svh;--cover-panel-x:3.2vw}
.hero.hero-editorial{
 --cover-ink:#171715;--cover-gutter:calc(var(--cover-panel-x) + 34px);
 height:100svh;min-height:640px;color:var(--cover-ink);
 background:linear-gradient(119deg,#351431 0%,#351431 48%,#1e1e1e 48.08%,#1e1e1e 100%);
}
.hero-editorial .hero-film-frame{
 position:absolute;inset:var(--cover-panel-top) var(--cover-panel-x);overflow:hidden;isolation:isolate;
 border-radius:14px;background:#ea5b0c;
 box-shadow:0 28px 55px #10100e40,0 2px 8px #10100e12,inset 0 1px 0 #ffffff18;
}
.hero-editorial .hero-film-light{
 position:absolute;inset:-10%;z-index:0;
 background:radial-gradient(ellipse at 50% 30%,#ff9a4026,transparent 65%);
 transform:translate3d(var(--cover-light-x,0px),var(--cover-light-y,0px),0);
}
.hero-editorial .hero-film-mark{
 position:absolute;z-index:2;left:50%;top:50%;width:min(36vw,44svh);aspect-ratio:875/798;
 mix-blend-mode:normal;
 transform:translate3d(calc(-50% + var(--cover-art-x,0px)),calc(-50% + var(--cover-art-y,0px)),0);
}
.hero-editorial .hero-film-mark img{
 display:block;width:100%;height:100%;object-fit:contain;
 filter:none;
 animation:coverMarkDrift 17s cubic-bezier(.45,0,.35,1) infinite;
 transform-origin:49% 54%;
}
.hero-editorial .hero-object-shadow{
 position:absolute;z-index:1;left:50%;top:78%;width:min(25vw,32svh);height:16px;
 background:#1717157a;border-radius:50%;filter:blur(12px);
 transform:translate(-50%,-50%);animation:coverShadowDrift 17s cubic-bezier(.45,0,.35,1) infinite;
}
.hero-editorial .hero-film-grain{
 position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.035;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
}
/* The real header follows the cover's continuous handoff. */
body.hero-in-view .site-header{
 translate:0;
 padding-inline:clamp(24px,3.2vw,52px);
}
body.hero-in-view .site-header::after{opacity:0}
body.hero-in-view .brand-mark{width:36px}
body.hero-in-view .language-switch button{font-size:10px}
.hero.hero-editorial .hero-title-wrap{
 inset:calc(var(--cover-panel-top) + 38px) 0 auto;z-index:4;display:grid;place-items:center;
 width:100%;padding:0;transform-origin:center;
}
.hero.hero-editorial .hero-title{
 font:800 14px/1.3 Montserrat,Arial,sans-serif;letter-spacing:-.035em;
 white-space:nowrap;text-align:center;color:var(--cover-ink);width:fit-content;margin:0;
 transition:opacity 1s ease;cursor:default;pointer-events:none;
}
.hero-editorial .hero-editorial-kicker{
 position:absolute;z-index:4;left:20%;right:20%;top:calc(var(--cover-panel-top) + 40px);margin:0;
 text-align:center;font:800 9px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.08em;
 color:var(--cover-ink);
}
.hero-editorial .hero-object-wordmark{
 position:absolute;left:var(--cover-gutter);top:50%;z-index:4;translate:0 -50%;display:grid;gap:2px;
 font:800 10px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.28em;color:var(--cover-ink);
}
.hero.hero-editorial .hero-welcome{
 left:var(--cover-gutter);bottom:calc(var(--cover-panel-top) + 30px);z-index:4;
 width:260px;max-width:28%;gap:8px;
}
.hero-editorial .hero-welcome strong{color:var(--cover-ink);font-size:8px;font-weight:800;letter-spacing:.12em}
.hero-editorial .hero-welcome p{
 color:var(--cover-ink);font:400 11px/1.5 Arial,Helvetica,sans-serif;
 letter-spacing:0;max-width:260px;
}
.hero-editorial .hero-explore{
 position:absolute;left:50%;bottom:calc(var(--cover-panel-top) + 28px);z-index:4;translate:-50% 0;
 display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 10px;
 color:var(--cover-ink);font:800 7px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.12em;
 text-align:center;text-decoration:none;
}
.hero-editorial .hero-explore>span:first-child{font:400 24px/1 Arial,sans-serif;transition:translate .4s}
.hero-editorial .hero-explore:hover>span:first-child{translate:0 5px}
.hero-editorial .hero-explore:focus-visible{outline:2px solid var(--cover-ink);outline-offset:5px;border-radius:3px}
.hero-editorial .hero-object-signature{
 position:absolute;right:var(--cover-gutter);bottom:calc(var(--cover-panel-top) + 35px);
 z-index:4;width:25px;height:28px;object-fit:contain;
}
.is-loading .hero-editorial .hero-title{opacity:0}
.hero-editorial.is-cover-offscreen .hero-film-mark img,.hero-editorial.is-cover-offscreen .hero-object-shadow{animation-play-state:paused}
/* An observer can briefly report the old geometry during a controlled handoff
   or live DOM reparent. The transition owns motion until it has finished. */
body.is-snap-scrolling .hero-editorial .hero-film-mark img,body.is-snap-scrolling .hero-editorial .hero-object-shadow,
.is-site-loop .hero-editorial .hero-film-mark img,.is-site-loop .hero-editorial .hero-object-shadow{animation-play-state:running}
@keyframes coverMarkDrift{
 0%,100%{transform:perspective(1100px) translate3d(-2px,4px,0) rotateZ(-7deg) rotateX(1deg) rotateY(-3deg)}
 27%{transform:perspective(1100px) translate3d(5px,-9px,0) rotateZ(-5deg) rotateX(-2deg) rotateY(2deg)}
 56%{transform:perspective(1100px) translate3d(1px,-15px,0) rotateZ(-6deg) rotateX(1deg) rotateY(4deg)}
 79%{transform:perspective(1100px) translate3d(-5px,-3px,0) rotateZ(-8deg) rotateX(2deg) rotateY(-1deg)}
}
@keyframes coverShadowDrift{
 0%,100%{transform:translate(-51%,-50%) scaleX(1);opacity:.7}
 27%{transform:translate(-48%,-50%) scaleX(.9);opacity:.56}
 56%{transform:translate(-49%,-50%) scaleX(.84);opacity:.5}
 79%{transform:translate(-52%,-50%) scaleX(.96);opacity:.65}
}
@media(min-width:761px) and (max-width:1050px){
 :root{--cover-panel-top:10svh;--cover-panel-x:24px}
 .hero-editorial .hero-film-mark{width:min(44vw,41svh)}
 .hero-editorial .hero-object-shadow{top:72%;width:30vw}
 .hero.hero-editorial .hero-welcome{width:210px;max-width:28%}
 .hero-editorial .hero-welcome p{font-size:10px}
 .hero-editorial .hero-title{font-size:12px}
}
@media(max-width:760px){
 :root{--cover-panel-top:18px;--cover-panel-x:14px}
 .hero.hero-editorial{--cover-gutter:40px;min-height:640px}
 .hero-editorial .hero-film-frame{border-radius:12px}
 body.hero-in-view .site-header{padding-inline:clamp(24px,3.2vw,52px)}
 body.hero-in-view .brand-mark{width:31px}
 body.hero-in-view .language-switch{gap:10px}
 body.hero-in-view .language-switch button{font-size:9px}
 .hero.hero-editorial .hero-title{font-size:11px}
 .hero-editorial .hero-editorial-kicker{top:calc(var(--cover-panel-top) + 70px);left:18%;right:18%;font-size:7px;letter-spacing:.04em}
 .hero-editorial .hero-film-mark{top:43%;width:min(72vw,38svh)}
 .hero-editorial .hero-object-shadow{top:64%;width:50vw;height:12px;filter:blur(10px)}
 .hero-editorial .hero-object-wordmark{left:31px;top:43%;font-size:7px;gap:1px;letter-spacing:.14em}
 .hero.hero-editorial .hero-welcome{
  left:var(--cover-gutter);right:var(--cover-gutter);bottom:calc(var(--cover-panel-top) + 99px);
  width:auto;max-width:none;gap:7px;
 }
 .hero-editorial .hero-welcome strong{font-size:7px}
 .hero-editorial .hero-welcome p{font-size:11px;max-width:270px;line-height:1.5}
 .hero-editorial .hero-explore{bottom:calc(var(--cover-panel-top) + 24px);font-size:6px;gap:11px;min-height:44px}
 .hero-editorial .hero-object-signature{width:20px;height:24px;bottom:calc(var(--cover-panel-top) + 35px)}
}
@media(max-width:360px){
 .hero.hero-editorial .hero-title{font-size:10px}
 .hero-editorial .hero-editorial-kicker{font-size:5.5px}
 body.hero-in-view .language-switch{gap:10px}
 body.hero-in-view .language-switch button{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .hero-editorial .hero-film-mark img{animation:none;transform:rotate(-6deg)}
 .hero-editorial .hero-object-shadow{animation:none}
 .hero-editorial .hero-film-mark,.hero-editorial .hero-film-light{transform:none}
 .hero-editorial .hero-film-mark{translate:-50% -50%}
 .hero-editorial .hero-title,.hero-editorial .hero-explore>span:first-child{transition:none}
}