.hl{--hl-wine:#6f1528;--hl-gold:#a57b32;--hl-ink:#2e1c16;--hl-ink2:#5a463b;--hl-bg:#f6eedf;--hl-ease:cubic-bezier(.2,.7,.2,1);position:relative}
.hl *{box-sizing:border-box}
.hl-sec{padding:clamp(56px,8vw,104px) 0;overflow:hidden}
.hl-head{width:min(1200px,100% - 40px);margin:0 auto clamp(22px,3vw,34px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.hl-head .hl-eb{display:block;font-size:13px;letter-spacing:.16em;color:var(--hl-gold);font-weight:700;margin:0 0 10px}
.hl-head h2{margin:0;color:var(--hl-wine);font-size:clamp(1.7rem,1.3rem + 1.6vw,2.7rem);line-height:1.15}
.hl-ctl{display:flex;align-items:center;gap:14px}
.hl-hint{font-size:13px;color:var(--hl-ink2);letter-spacing:.04em}
.hl-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(111,21,40,.32);background:rgba(255,252,245,.8);color:var(--hl-wine);display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,transform .25s,opacity .25s;padding:0}
.hl-btn svg{width:20px;height:20px}
.hl-btn:hover{background:var(--hl-wine);color:#fff;transform:scale(1.06)}
.hl-btn:focus-visible{outline:2px solid var(--hl-gold);outline-offset:3px}
.hl-btn[disabled]{opacity:.35;pointer-events:none}
[dir=rtl] .hl-btn svg{transform:scaleX(-1)}
.hl-reel.nofl .hl-ctl{display:none}
.hl-track{display:flex;gap:clamp(12px,1.6vw,22px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:max(20px,(100% - 1200px)/2);padding:4px max(20px,(100% - 1200px)/2) 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;outline:none;overscroll-behavior-x:contain}
.hl-track::-webkit-scrollbar{display:none}
.hl-track.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.hl-track.drag *{pointer-events:none}
.hl-track:focus-visible{box-shadow:inset 0 0 0 2px var(--hl-gold)}
.hl-it{flex:0 0 auto;height:clamp(300px,58vh,560px);aspect-ratio:var(--ar,1.5);margin:0;position:relative;border-radius:18px;overflow:hidden;scroll-snap-align:start;background:#2a1a14;box-shadow:0 24px 46px -30px rgba(79,13,27,.55);isolation:isolate}
.hl-it picture,.hl-it img{display:block;width:100%;height:100%}
.hl-it img{object-fit:cover;transform:translate3d(var(--px,0),0,0) scale(1.12);transition:transform .9s var(--hl-ease),filter .6s;will-change:transform;user-select:none;-webkit-user-drag:none}
.hl-it:hover img{transform:translate3d(var(--px,0),0,0) scale(1.18)}
.hl-it figcaption,.hl-tile figcaption{position:absolute;inset:auto 0 0 0;padding:44px 20px 16px;color:#fff8ec;font-size:15px;line-height:1.45;background:linear-gradient(transparent,rgba(20,6,8,.78));z-index:2;transition:transform .5s var(--hl-ease),opacity .5s}
.hl-it .hl-n{position:absolute;top:14px;inset-inline-start:16px;z-index:2;font-size:12px;letter-spacing:.14em;color:#fff8ec;background:rgba(20,6,8,.38);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:5px 10px;border-radius:99px}
.hl-bar{width:min(1200px,100% - 40px);height:2px;margin:6px auto 0;background:rgba(111,21,40,.14);border-radius:2px;overflow:hidden}
.hl-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--hl-gold),var(--hl-wine));transform-origin:left;transform:scaleX(var(--p,.08));transition:transform .15s linear}
[dir=rtl] .hl-bar i{transform-origin:right}
.hl-band{height:clamp(340px,74vh,760px);position:relative;overflow:hidden;margin:0}
.hl-band .hl-clip{position:absolute;inset:0;clip-path:inset(var(--ci,0%) var(--cx,0%) round var(--cr,0px));will-change:clip-path;overflow:hidden;background:#1d0d0a}
.hl-band picture{position:absolute;inset:-14% 0 auto 0;width:100%;height:128%;display:block}.hl-band img{display:block;width:100%;height:100%;object-position:50% var(--op,40%)}
.hl-band img{object-fit:cover;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.hl-band .hl-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,6,8,.05) 35%,rgba(20,6,8,.66));z-index:1}
.hl-band figcaption{position:absolute;z-index:2;inset:auto 0 0 0;width:min(1200px,100% - 40px);margin:0 auto;padding:0 0 clamp(26px,5vw,56px);color:#fff8ec}
.hl-band figcaption b{display:block;font-size:13px;letter-spacing:.18em;color:#ecd9a4;font-weight:700;margin-bottom:10px}
.hl-band figcaption span{display:block;font-size:clamp(1.35rem,1rem + 1.8vw,2.5rem);line-height:1.2;max-width:24ch;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hl-mos{width:min(1200px,100% - 40px);margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(10px,1.4vw,18px)}
.hl-tile{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#2a1a14;grid-column:span 4;height:clamp(220px,24vw,320px);box-shadow:0 22px 44px -32px rgba(79,13,27,.55);isolation:isolate}
.hl-tile.big{grid-column:span 8;height:clamp(320px,38vw,520px)}
.hl-tile.side{grid-column:span 4;height:clamp(320px,38vw,520px)}
.hl-tile.half{grid-column:span 6;height:clamp(260px,30vw,420px)}
.hl-tile picture,.hl-tile img{display:block;width:100%;height:100%}
.hl-tile img{object-fit:cover;transform-origin:var(--ox,50%) var(--oy,50%);transition:transform .7s var(--hl-ease)}
.hl-tile:hover img{transform:scale(1.22)}
.hl-tile figcaption{transform:translateY(0)}
@media (hover:hover) and (pointer:fine){.hl-tile figcaption{transform:translateY(101%);opacity:0}.hl-tile:hover figcaption,.hl-tile:focus-within figcaption{transform:none;opacity:1}}
.hl-js .hl-tile.hl-m,.hl-js .hl-it.hl-m{clip-path:inset(100% 0 0 0 round 18px);transition:clip-path 1.1s var(--hl-ease) var(--d,0s)}
.hl-js .hl-tile.hl-m img,.hl-js .hl-it.hl-m img{scale:1.18;transition:transform .7s var(--hl-ease),scale 1.4s var(--hl-ease) var(--d,0s)}
.hl-js .hl-tile.hl-m.in,.hl-js .hl-it.hl-m.in{clip-path:inset(0 0 0 0 round 18px)}
.hl-js .hl-tile.hl-m.in img,.hl-js .hl-it.hl-m.in img{scale:1}
.hl-js .hl-head.hl-m{opacity:0;transform:translateY(22px);transition:opacity .9s var(--hl-ease),transform .9s var(--hl-ease)}
.hl-js .hl-head.hl-m.in{opacity:1;transform:none}
@media (max-width:760px){
 .hl-mos{grid-template-columns:1fr 1fr}
 .hl-tile,.hl-tile.half{grid-column:span 2;height:auto;aspect-ratio:3/2}
 .hl-tile.big{grid-column:span 2;height:auto;aspect-ratio:3/2}
 .hl-tile.side{grid-column:span 2;height:auto;aspect-ratio:4/5}
 .hl-tile.sm{grid-column:span 1;aspect-ratio:4/5}
 .hl-it{height:clamp(260px,52vh,440px);max-width:84vw}
 .hl-hint{display:none}
 .hl-btn{width:42px;height:42px}
 .hl-it figcaption,.hl-tile figcaption{font-size:14px;padding:36px 14px 12px}
 .hl-band{height:clamp(300px,62vh,520px)}
}
@media (prefers-reduced-motion:reduce){
 .hl-it img,.hl-tile img,.hl-band img{transition:none!important;transform:none!important;scale:1!important}
 .hl-js .hl-tile.hl-m,.hl-js .hl-it.hl-m{clip-path:none!important;transition:none!important}
 .hl-js .hl-head.hl-m{opacity:1;transform:none;transition:none}
 .hl-band .hl-clip{clip-path:none!important}
 .hl-track{scroll-behavior:auto}
}
.hl-js .hl-tile.hl-m,.hl-js .hl-it.hl-m{clip-path:none;transition:none}
.hl-js .hl-tile.hl-m img,.hl-js .hl-it.hl-m img{scale:1}
.hl-js .hl-head.hl-m{opacity:1;transform:none}
.reveal:has(img),figure.reveal,.photo.reveal{opacity:1;transform:none}
.hl-track{--g:clamp(12px,1.6vw,22px);gap:var(--g);width:min(1200px,100% - 40px);margin:0 auto;padding:4px 0 18px;scroll-padding-inline:0}
.hl-it{height:auto;aspect-ratio:3/2;flex:0 0 calc((100% - var(--g)) / 2);max-width:none}
.hl-it img{transform:translate3d(var(--px,0),0,0) scale(1.06)}
.hl-it:hover img{transform:translate3d(var(--px,0),0,0) scale(1.1)}
.hl-it figcaption,.hl-tile figcaption{background:linear-gradient(transparent,rgba(20,6,8,.58))}
.hl-it figcaption{text-shadow:0 1px 3px rgba(0,0,0,.5)}
@media (max-width:760px){.hl-it{flex-basis:100%;height:auto;max-width:none}}
.hl-band .hl-clip{clip-path:none}
.hl-band .hl-ov{background:linear-gradient(180deg,rgba(20,6,8,0) 50%,rgba(20,6,8,.46))}
.hl-band figcaption span{text-shadow:0 1px 3px rgba(0,0,0,.55),0 2px 18px rgba(0,0,0,.4)}
.hl-band figcaption b{text-shadow:0 1px 3px rgba(0,0,0,.6)}