/* Eikona standalone motion. Original design remains in style.css. */
html{overflow-x:clip;scrollbar-gutter:stable}
.motion-frame{position:relative;overflow:hidden;isolation:isolate;min-width:0}
.motion-frame>img{display:block;width:100%;transform:translate3d(0,var(--pan,0px),0) scale(var(--zoom,1));transform-origin:center;will-change:transform}
.hero>.motion-frame{height:100%;min-height:0}
.hero>.motion-frame>img{height:100%;object-fit:cover;object-position:50% 54%}
.duo .motion-frame,.detail-grid .motion-frame{aspect-ratio:9/16}
.duo .motion-frame>img,.detail-grid .motion-frame>img{height:100%;object-fit:cover}
.detail-grid .motion-frame img{margin:0;width:100%}
.exterior .motion-frame{transform:scale(var(--expand,1));transform-origin:center;will-change:transform}
.exterior .motion-frame>img{max-height:850px;object-fit:contain}
.motion-wait{opacity:0;transform:translate3d(0,46px,0)}
.motion-frame.mask-wait{clip-path:inset(0 0 100% 0)}
.menu-toggle{display:none}
@media(max-width:700px){
.hero>.motion-frame{height:auto;aspect-ratio:9/13}
.hero>.motion-frame>img{height:100%;aspect-ratio:auto}
.detail-grid>.motion-frame:last-child{grid-column:1/3;width:65%;margin:20px auto 0}
.detail-grid .motion-frame>img:last-child{width:100%;margin:0}}
@media(max-width:850px){
html.motion-capable body header{position:relative;z-index:30;flex-wrap:nowrap}
html.motion-capable body .header-links{display:flex;align-items:center;margin-left:auto;gap:12px}
html.motion-capable body .languages{margin:0;order:0}
html.motion-capable body .menu-toggle{display:flex;position:relative;z-index:52;width:44px;height:44px;flex:none;padding:10px;border:0;background:transparent;color:#eeeae3;cursor:pointer;align-items:center;justify-content:center}
.menu-toggle span{position:absolute;width:24px;height:1px;background:currentColor;transition:transform .4s}
.menu-toggle span:first-child{transform:translateY(-4px)}.menu-toggle span:last-child{transform:translateY(4px)}
.menu-toggle[aria-expanded="true"] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:rotate(-45deg)}
html.motion-capable body header nav:not(.languages){position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:25px;padding:90px 9%;background:#111210;font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,8vw,54px);visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);transition:clip-path .65s cubic-bezier(.22,1,.36,1),visibility .65s}
html.motion-capable body header nav.menu-open{visibility:visible;pointer-events:auto;clip-path:inset(0)}
html.motion-capable body header nav:not(.languages) a{opacity:0;transform:translateY(34px);transition:opacity .55s,transform .75s cubic-bezier(.22,1,.36,1)}
html.motion-capable body header nav.menu-open a{opacity:1;transform:none;transition-delay:var(--menu-delay)}
html.motion-capable body:has(.menu-open) .languages{position:relative;z-index:51}}
@media(prefers-reduced-motion:reduce){.motion-wait{opacity:1;transform:none}.motion-frame.mask-wait{clip-path:none}.motion-frame,.motion-frame>img{transform:none!important;will-change:auto}}

/* Editorial V2: fixed line masks; the resting typography remains unchanged. */
.title-mask,.hero h1>.title-line{display:block;clip-path:inset(-.12em -.08em -.12em -.08em)}
.title-motion{display:block;transform-origin:left bottom}
h1.motion-wait,h2.motion-wait{transform:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .duo .motion-frame>img,.detail-grid .motion-frame>img{scale:1;transition:scale 1.2s cubic-bezier(.22,1,.36,1)}
 .duo .motion-frame:hover>img,.detail-grid .motion-frame:hover>img{scale:1.025}
 .button span{transition:transform .45s cubic-bezier(.22,1,.36,1)}
 .button:hover span,.button:focus-visible span{transform:translateX(5px)}
}
@media(max-width:380px){html.motion-capable body .header-links{gap:6px}html.motion-capable body .languages a{min-width:56px;padding:5px 4px}}