/* Vicio reference adapted to Cinar's own portfolio. */
:root{--bg:#ededed;--accent:#ff402f;--accent-fg:#0c0c0c;--gut:clamp(22px,3.4vw,64px);--top:86px;--bottom:76px}
.giant{line-height:1.02;letter-spacing:-.055em}
.bar--top,.bar--bottom{background:var(--bg)}
.bar--bottom{border-top:1px solid var(--line)}
.mark{font-size:clamp(26px,2.7vw,42px);letter-spacing:-.07em}
.strip{scrollbar-width:none}.strip::-webkit-scrollbar{display:none}
.p1{gap:6vw}.p1__media{width:min(60vh,39vw);transform:rotate(-3deg)}
.p1__media .shot{box-shadow:10px 12px 0 #0c0c0c}
.p1 h1{font-size:min(25vh,15vw);letter-spacing:-.065em}
.p1__sub{max-width:34ch;font-size:clamp(16px,1.4vw,21px)}
.sticker{box-shadow:3px 4px 0 #0c0c0c;border-radius:0}
.sticker--round{border-radius:50%}.sticker--dark{border-radius:999px;padding:20px 24px}
.shot video[src]{opacity:0}.shot video.is-ready{opacity:1}
.p2 h2,.p3 h2{font-size:min(23vh,13vw)}
.p4 h2{font-size:min(18vh,10vw)}
.panel{gap:clamp(24px,4vw,70px)}
.tile{transition:transform .3s ease}.tile:hover{transform:translateY(-8px)}
.tile b{font-size:clamp(18px,1.5vw,24px);font-stretch:70%;text-transform:uppercase}
.names{font-size:clamp(15px,1.6vh,19px)}
.p5 h2{font-size:min(25vh,15vw)}
.progress{position:fixed;bottom:0;left:0;height:4px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);z-index:12}
.travel{display:flex;gap:8px;align-items:center}.travel button{width:42px;height:42px;border:1px solid currentColor;border-radius:50%;background:none;cursor:pointer;font-size:24px}.travel button:hover{background:var(--accent)}
.travel button:disabled{opacity:.3;cursor:default}
.skip{position:fixed;top:-100px;left:20px;z-index:30;padding:12px;background:white}.skip:focus{top:12px}
@media(max-width:999px){.p1__media{width:calc(100% - 16px);margin:26px 8px 20px;transform:rotate(-2deg)}.p1 h1{font-size:clamp(80px,23vw,170px)}.p1__text{gap:18px}.p4 h2{font-size:17vw}.p2 h2,.p3 h2,.p5 h2{font-size:16vw}.p4__photo{max-width:100%}.progress{display:none}.panel{padding-bottom:60px}.sticker--dark{padding:16px}.bar{gap:8px}.bar__right{gap:4px}.lang button{padding:10px 5px}.bar--top .pill{padding:0 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--bg:#ffffff;--fg:#080808;--accent:#ed171f;--accent-fg:#ffffff}.sticker--round{color:var(--fg)}