/* Marcas: línea de tiempo con láminas editoriales (ver assets/js/marcas-linea.js) */
.has-brand-history .brand-timeline,.has-brand-history .brand-carousel{display:none}
/* overflow:clip (y no hidden) para que la parte fija con sticky funcione */
.marcas.has-brand-history{overflow:clip}

.brand-history-range{display:flex;align-items:center;gap:16px;margin-top:22px;color:rgba(166,202,223,.9);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.brand-history-range b{color:#fff;font-size:1.25rem;letter-spacing:0}
.brand-history-range i{flex:0 0 56px;height:1px;background:rgba(166,202,223,.5)}

/* ---- Línea ---- */
.brand-history-track{position:relative}
.brand-history-line{position:absolute;background:rgba(166,202,223,.22)}
.brand-history-drawn{position:absolute;border-radius:3px;background:linear-gradient(90deg,rgba(24,185,255,.1),#18b9ff 12%,#d6f4ff);box-shadow:0 0 18px rgba(24,185,255,.7)}
.brand-history-drawn::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(24,185,255,.25),0 0 30px #18b9ff}
.brand-history-decade{position:absolute;pointer-events:none}
.brand-history-decade b{color:rgba(166,202,223,.7);font-size:.72rem;font-weight:500;letter-spacing:.12em}
.brand-history-hud,.brand-history-drag{display:none}

/* ---- Lámina ---- */
.brand-sheet{position:absolute;color:var(--ink)}
.brand-sheet-dot{position:absolute;z-index:3;width:18px;height:18px;border-radius:50%;background:#003e6e;border:2px solid rgba(166,202,223,.6);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}
.brand-sheet.is-reached .brand-sheet-dot{background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 25%,transparent),0 0 24px var(--accent)}
.brand-sheet-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3vw,56px);border-radius:28px;background:var(--paper);box-shadow:0 40px 80px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s ease,filter .7s ease}
.brand-sheet:not(.is-current) .brand-sheet-card{opacity:.45;filter:saturate(.55) brightness(.8);transform:scale(.94)}
.brand-sheet-card::after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 30% 20%,rgba(120,80,40,.025) 0 1px,transparent 1px 3px);pointer-events:none}
.brand-sheet-blob{position:absolute;left:-12%;top:-22%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,#fff),color-mix(in srgb,var(--accent) 30%,transparent) 55%,transparent 70%);opacity:.7;pointer-events:none}
.brand-sheet-blob.is-b{left:auto;top:auto;right:-10%;bottom:-30%;width:38%;background:radial-gradient(circle,color-mix(in srgb,var(--accent2) 30%,transparent),transparent 70%);opacity:.6}

/* Collage */
.brand-sheet-collage{position:relative;min-height:0}
.brand-sheet-photo{position:absolute;z-index:1;display:flex;flex-direction:column;margin:0;padding:10px 10px 0;border-radius:6px;background:#fff;box-shadow:0 22px 40px -22px rgba(30,20,10,.6)}
.brand-sheet-photo img{display:block;flex:1;min-height:0;width:100%;object-fit:cover;border-radius:3px}
.brand-sheet-photo figcaption{flex:0 0 auto;padding:7px 2px 9px;font:500 italic clamp(.82rem,1.8vh,1rem)/1.15 "Cormorant Garamond",Georgia,serif;color:color-mix(in srgb,var(--ink) 75%,#fff);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-sheet-photo.p1{z-index:1}
.brand-sheet-photo.p2{z-index:3}
.brand-sheet-photo.p3{z-index:2}
.brand-sheet-photo.is-swapping img{animation:brandSheetSwap .5s ease both}
.brand-sheet-tape{position:absolute;z-index:4;width:84px;height:22px;background:color-mix(in srgb,var(--accent3) 55%,rgba(255,255,255,.6));opacity:.85;box-shadow:0 4px 10px -6px rgba(0,0,0,.4)}
.brand-sheet-sticker{position:absolute;z-index:5;display:grid;place-items:center;width:clamp(92px,13vh,124px);aspect-ratio:1;border-radius:50%;background:var(--accent);color:#fff;text-align:center;box-shadow:0 14px 26px -14px rgba(0,0,0,.55);transform:rotate(10deg)}
.brand-sheet-since{display:block;font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.brand-sheet-sticker b{display:block;font-size:clamp(1.3rem,3vh,1.7rem);letter-spacing:-.02em}

/* Tres disposiciones de collage que se alternan */
.layout-0 .p1{left:6%;top:9%;width:72%;height:58%;transform:rotate(-2.5deg)}
.layout-0 .p2{right:3%;bottom:6%;width:40%;height:40%;transform:rotate(5deg)}
.layout-0 .p3{left:2%;bottom:4%;width:40%;height:34%;transform:rotate(-6deg)}
.layout-0 .t1{left:36%;top:7%;transform:rotate(-4deg)}
.layout-0 .t2{right:18%;bottom:44%;transform:rotate(8deg)}
.layout-0 .brand-sheet-sticker{right:3%;top:4%}
.layout-1 .p1{right:4%;top:8%;width:70%;height:56%;transform:rotate(2deg)}
.layout-1 .p2{left:3%;top:5%;width:36%;height:36%;transform:rotate(-6deg)}
.layout-1 .p3{left:12%;bottom:5%;width:46%;height:36%;transform:rotate(3deg)}
.layout-1 .t1{left:52%;top:6%;transform:rotate(5deg)}
.layout-1 .t2{left:28%;bottom:38%;transform:rotate(-7deg)}
.layout-1 .brand-sheet-sticker{right:5%;bottom:7%}
.layout-2 .p1{left:8%;top:20%;width:64%;height:62%;transform:rotate(-1.5deg)}
.layout-2 .p2{right:2%;top:4%;width:38%;height:38%;transform:rotate(6deg)}
.layout-2 .p3{right:5%;bottom:3%;width:36%;height:34%;transform:rotate(-4deg)}
.layout-2 .t1{left:30%;top:18%;transform:rotate(-3deg)}
.layout-2 .t2{right:10%;top:3%;transform:rotate(9deg)}
.layout-2 .brand-sheet-sticker{left:2%;top:3%}

/* Texto */
.brand-sheet-text{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:0}
.brand-sheet-year{font-size:clamp(4rem,11vh,8.4rem);font-weight:800;line-height:.85;letter-spacing:-.06em;color:var(--accent)}
.brand-sheet-name{margin:clamp(6px,1.4vh,14px) 0 0;font-family:var(--brand-font);font-size:clamp(2rem,5.2vh,3.3rem);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--ink)}
.brand-sheet-kicker{margin:8px 0 0;font:500 italic clamp(1.15rem,2.6vh,1.5rem) "Cormorant Garamond",Georgia,serif;color:color-mix(in srgb,var(--accent) 60%,var(--ink))}
.brand-sheet-copy{max-width:44ch;margin:clamp(10px,2vh,18px) 0 0;font-size:clamp(.86rem,1.9vh,1rem);line-height:1.62;color:color-mix(in srgb,var(--ink) 85%,#fff)}
.brand-sheet-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(12px,2.2vh,22px)}
.brand-sheet-chips span{padding:6px 13px;border-radius:999px;background:#fff;color:var(--ink);font-size:.76rem;font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}
.brand-sheet-chips span:first-child{background:var(--accent);color:#fff;box-shadow:none}
.brand-sheet-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(12px,2.4vh,24px)}
.brand-sheet-thumbs button{width:clamp(44px,6.4vh,58px);aspect-ratio:1;padding:0;border:0;border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;box-shadow:0 0 0 2px #fff,0 8px 16px -10px rgba(0,0,0,.6);transition:transform .25s ease}
.brand-sheet-thumbs button:hover{transform:translateY(-3px)}
.brand-sheet-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.brand-sheet-thumbs button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@keyframes brandSheetSwap{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}

/* ---- Escritorio: la línea de tiempo al centro, protagonista; láminas compactas arriba y abajo ---- */
.brand-history-tick,.brand-sheet-mark{display:none}
@media(min-width:981px){
  .brand-history-outer{position:relative;width:100vw;margin:30px calc(50% - 50vw) 0}
  .brand-history-sticky{--line-y:50%;--gap:64px;position:sticky;top:var(--nav-h,64px);height:calc(100svh - var(--nav-h,64px));min-height:680px;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none}
  .brand-history-sticky.is-dragging{cursor:grabbing}
  .brand-history-track{position:absolute;left:0;top:0;bottom:0;will-change:transform}

  /* Línea: base gruesa, tramo recorrido brillante, una rayita por año y décadas grandes */
  .brand-history-line{left:0;right:0;top:var(--line-y);height:4px;border-radius:4px;transform:translateY(-50%);background:rgba(166,202,223,.22)}
  .brand-history-drawn{top:var(--line-y);height:6px;transform:translateY(-50%)}
  .brand-history-drawn::after{right:-9px;top:50%;width:18px;height:18px;transform:translateY(-50%)}
  .brand-history-tick{display:block;position:absolute;top:var(--line-y);width:1px;height:10px;background:rgba(166,202,223,.4);transform:translate(-50%,-50%)}
  .brand-history-decade{top:var(--line-y);width:0;height:0}
  .brand-history-decade::before{content:"";position:absolute;left:0;top:-14px;width:2px;height:28px;border-radius:2px;background:rgba(214,244,255,.75);transform:translateX(-50%)}
  .brand-history-decade b{position:absolute;left:0;top:20px;transform:translateX(-50%);color:rgba(214,244,255,.85);font-size:.9rem;font-weight:700;letter-spacing:.08em}
  .brand-history-decade em{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.04);font-size:clamp(6rem,15vh,9.5rem);font-style:normal;font-weight:800;letter-spacing:-.06em;line-height:1;white-space:nowrap;pointer-events:none}

  /* Punto y año de cada marca, sobre la línea */
  .brand-sheet{top:0;bottom:0;left:0;width:0}
  .brand-sheet-dot{left:0;top:var(--line-y);width:22px;height:22px;transform:translate(-50%,-50%)}
  .brand-history-decade.is-tight em{display:none}
  .brand-history-decade.is-near-brand b{display:none}
  .brand-sheet-mark{display:block;position:absolute;left:0;z-index:3;transform:translateX(-50%);font-size:clamp(2.4rem,6vh,3.6rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(214,244,255,.55);transition:color .4s ease,-webkit-text-stroke-color .4s ease,text-shadow .4s ease;pointer-events:none}
  .brand-sheet.is-up .brand-sheet-mark{top:calc(var(--line-y) + 22px)}
  .brand-sheet.is-down .brand-sheet-mark{bottom:calc(100% - var(--line-y) + 22px)}
  .brand-sheet.is-reached .brand-sheet-mark{color:var(--accent);-webkit-text-stroke-color:transparent;text-shadow:0 0 30px color-mix(in srgb,var(--accent) 45%,transparent)}
  .brand-sheet.is-reached .brand-sheet-mark{filter:brightness(1.25) saturate(1.1)}

  /* Conector del punto a la lámina */
  .brand-sheet::after{content:"";position:absolute;left:0;width:2px;height:var(--gap);transform:translateX(-50%);opacity:.35;transition:opacity .4s ease}
  .brand-sheet.is-up::after{bottom:calc(100% - var(--line-y) + 11px);background:linear-gradient(transparent,var(--accent))}
  .brand-sheet.is-down::after{top:calc(var(--line-y) + 11px);background:linear-gradient(var(--accent),transparent)}
  .brand-sheet.is-reached::after{opacity:1}

  /* Lámina compacta, centrada sobre su punto */
  .brand-sheet-card{position:absolute;left:0;width:var(--sheet-w,760px);transform:translateX(-50%);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,2vw,32px);padding:clamp(16px,2.6vh,26px) clamp(20px,2.4vw,32px) clamp(16px,2.6vh,26px) clamp(10px,1vw,16px);border-radius:24px}
  .brand-sheet.is-up .brand-sheet-card{bottom:calc(100% - var(--line-y) + var(--gap) + 11px);height:calc(var(--line-y) - var(--gap) - 34px)}
  .brand-sheet.is-down .brand-sheet-card{top:calc(var(--line-y) + var(--gap) + 11px);height:calc(100% - var(--line-y) - var(--gap) - 76px)}
  .brand-sheet:not(.is-current) .brand-sheet-card{opacity:.62;filter:saturate(.7) brightness(.86);transform:translateX(-50%) scale(.96)}
  .brand-sheet.is-up:not(.is-current) .brand-sheet-card{transform-origin:50% 100%}
  .brand-sheet.is-down:not(.is-current) .brand-sheet-card{transform-origin:50% 0}
  .brand-sheet-sticker,.brand-sheet-year,.brand-sheet-thumbs{display:none}
  .brand-sheet-photo{padding:7px 7px 0;border-radius:5px}
  .brand-sheet-photo figcaption{padding:5px 2px 6px;font-size:clamp(.72rem,1.5vh,.86rem)}
  .brand-sheet-tape{width:60px;height:16px}
  .brand-sheet-name{margin:0;font-size:clamp(1.5rem,3.6vh,2.3rem)}
  .brand-sheet-kicker{margin-top:4px;font-size:clamp(1rem,2.1vh,1.2rem)}
  .brand-sheet-copy{margin-top:clamp(6px,1.2vh,12px);font-size:clamp(.78rem,1.6vh,.9rem);line-height:1.5;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
  .brand-sheet-chips{gap:6px;margin-top:clamp(8px,1.4vh,14px)}
  .brand-sheet-chips span{padding:4px 10px;font-size:.68rem}
  .brand-sheet-chips span:nth-child(n+4){display:none}

  .brand-history-hud{position:absolute;left:max(28px,calc(50vw - 562px));bottom:20px;display:flex;align-items:baseline;gap:18px;pointer-events:none}
  .brand-history-now{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
  .brand-history-hint{color:rgba(166,202,223,.85);font-size:.76rem;letter-spacing:.06em}
  .brand-history-drag{position:absolute;right:max(28px,calc(50vw - 562px));bottom:14px;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:rgba(214,244,255,.9);font-size:.76rem;pointer-events:none}
  .brand-history-drag svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .brand-sheet img{-webkit-user-drag:none}
}

/* ---- Pantallas chicas: láminas una debajo de otra ---- */
@media(max-width:980px){
  .brand-history-outer{margin-top:28px}
  .brand-history-track{padding:6px 0 6px 30px}
  .brand-history-line{left:9px;top:0;bottom:0;width:2px}
  .brand-history-drawn{left:8px;top:0;width:4px;height:0;background:linear-gradient(180deg,rgba(24,185,255,.15),#18b9ff 10%,#d6f4ff)}
  .brand-history-drawn::after{left:50%;bottom:-7px;transform:translateX(-50%)}
  .brand-sheet{position:relative;margin:0 0 30px}
  .brand-sheet-dot{left:-30px;top:40px;transform:translateX(-50%) translateX(10px)}
  .brand-sheet-card{grid-template-columns:1fr;gap:18px;padding:20px 20px 24px}
  .brand-sheet:not(.is-current) .brand-sheet-card{opacity:1;filter:none;transform:none}
  .brand-sheet-collage{height:min(78vw,360px)}
  .brand-sheet-year{font-size:3.6rem}
  .brand-history-decade{position:relative;display:block;height:24px;margin:0 0 14px}
  .brand-history-decade b{position:absolute;left:-14px;top:4px}
  .brand-history-decade em{display:none}
}
@media(prefers-reduced-motion:reduce){
  .brand-sheet-card,.brand-sheet-dot,.brand-sheet::after{transition:none}
  .brand-sheet-photo.is-swapping img{animation:none}
}

/* Marcas v1.1 — ajuste para laptops y escritorios compactos.
   Conserva la línea de tiempo y las tarjetas editoriales; mobile no cambia. */
@media (min-width:981px) {
  .marcas.has-brand-history { padding-top:36px; padding-bottom:32px; }
  .marcas .sec-head { margin-bottom:10px; }
  .marcas .intro { max-width:620px; }
  .brand-history-outer { margin-top:12px; }
  .brand-history-sticky {
    --gap:clamp(24px,3.8vh,38px);
    height:calc(100svh - var(--nav-h,64px));
    min-height:0;
  }
  .brand-sheet-card {
    gap:clamp(10px,1.4vw,22px);
    padding:clamp(12px,1.8vh,20px) clamp(14px,1.7vw,24px) clamp(12px,1.8vh,20px) clamp(9px,1vw,14px);
    border-radius:18px;
  }
  .brand-sheet.is-down .brand-sheet-card {
    height:calc(100% - var(--line-y) - var(--gap) - 52px);
  }
  .brand-sheet-name { font-size:clamp(1.35rem,3.2vh,2rem); }
  .brand-sheet-kicker { font-size:clamp(.91rem,1.85vh,1.1rem); }
  .brand-sheet-copy { font-size:clamp(.75rem,1.48vh,.86rem); line-height:1.38; -webkit-line-clamp:5; }
  .brand-sheet-chips { margin-top:8px; gap:5px; }
  .brand-sheet-chips span { padding:4px 8px; font-size:.63rem; }
  .brand-sheet-mark { font-size:clamp(2rem,4.8vh,3rem); }
  .brand-history-hud { bottom:10px; }
  .brand-history-drag { bottom:8px; }
}
@media (min-width:981px) and (max-height:800px) {
  .brand-history-sticky { --line-y:49%; --gap:24px; }
  .brand-sheet.is-down .brand-sheet-card { height:calc(100% - var(--line-y) - var(--gap) - 42px); }
  .brand-sheet-copy { -webkit-line-clamp:4; }
  .brand-sheet-chips span:nth-child(n+3) { display:none; }
  .brand-sheet-photo figcaption { font-size:.69rem; padding:3px 2px 4px; }
}


/* ---- Marcas v1.2: mobile scrollytelling compacto con fundido entre tarjetas ----
   Solamente se activa cuando el JS calcula las escenas; desktop queda intacto. */
@media(max-width:980px){
  .marcas.has-brand-history{padding-block:36px 24px}
  .brand-history.is-mobile-scenes .brand-history-range{margin-top:16px;gap:12px;font-size:.69rem}
  .brand-history.is-mobile-scenes .brand-history-range b{font-size:1rem}
  .brand-history.is-mobile-scenes .brand-history-outer{position:relative;margin-top:12px}
  .brand-history.is-mobile-scenes .brand-history-sticky{
    position:sticky;top:var(--nav-h,64px);height:calc(100svh - var(--nav-h,64px));
    min-height:0;isolation:isolate;overflow:hidden
  }
  .brand-history.is-mobile-scenes .brand-history-track{
    position:absolute;inset:37px 0 15px;width:100%;height:auto;padding:0
  }
  .brand-history.is-mobile-scenes .brand-history-decade,
  .brand-history.is-mobile-scenes .brand-history-tick,
  .brand-history.is-mobile-scenes .brand-history-line,
  .brand-history.is-mobile-scenes .brand-history-drawn{display:none}
  .brand-history.is-mobile-scenes .brand-sheet{
    position:absolute;inset:0;width:100%;height:100%;margin:0;
    display:flex;align-items:center;justify-content:center;
    will-change:opacity,transform;transform-origin:50% 50%
  }
  .brand-history.is-mobile-scenes .brand-sheet-dot,
  .brand-history.is-mobile-scenes .brand-sheet-mark{display:none}
  .brand-history.is-mobile-scenes .brand-sheet-card{
    width:100%;height:100%;max-width:500px;max-height:680px;
    min-height:0;display:grid;grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(118px,.88fr) minmax(0,1fr);
    gap:clamp(7px,1.5svh,15px);padding:clamp(10px,2svh,18px);
    border-radius:20px;overflow:hidden;
    opacity:1!important;filter:none!important;transform:none!important;
    box-shadow:0 18px 38px -24px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.12)
  }
  .brand-history.is-mobile-scenes .brand-sheet-collage{min-height:0;height:100%}
  .brand-history.is-mobile-scenes .brand-sheet-text{justify-content:center;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .brand-history.is-mobile-scenes .brand-sheet-year{font-size:clamp(1.75rem,5svh,2.7rem);line-height:.92}
  .brand-history.is-mobile-scenes .brand-sheet-name{font-size:clamp(1.4rem,5.1svh,2.15rem);margin:3px 0 0;line-height:1.06}
  .brand-history.is-mobile-scenes .brand-sheet-kicker{font-size:clamp(.95rem,2.4svh,1.2rem);margin:4px 0 0;line-height:1.12}
  .brand-history.is-mobile-scenes .brand-sheet-copy{font-size:clamp(.76rem,1.65svh,.91rem);line-height:1.35;margin:7px 0 0;max-width:none}
  .brand-history.is-mobile-scenes .brand-sheet-chips{gap:5px;margin-top:8px}
  .brand-history.is-mobile-scenes .brand-sheet-chips span{padding:4px 9px;font-size:.64rem;line-height:1.2}
  .brand-history.is-mobile-scenes .brand-sheet-chips span:nth-child(n+3){display:none}
  .brand-history.is-mobile-scenes .brand-sheet-thumbs{display:none}
  .brand-history.is-mobile-scenes .brand-sheet-sticker{width:clamp(58px,12svh,84px)}
  .brand-history.is-mobile-scenes .brand-sheet-sticker b{font-size:clamp(1rem,2.5svh,1.4rem)}
  .brand-history.is-mobile-scenes .brand-sheet-since{font-size:.48rem}
  .brand-history.is-mobile-scenes .brand-sheet-photo{padding:6px 6px 0}
  .brand-history.is-mobile-scenes .brand-sheet-photo figcaption{font-size:.7rem;padding:4px 2px 5px}
  .brand-history.is-mobile-scenes .brand-sheet-tape{width:55px;height:14px}
  .brand-mobile-ui{display:none}
  .brand-history.is-mobile-scenes .brand-mobile-ui{
    position:absolute;left:0;right:0;top:0;display:block;z-index:40;pointer-events:none;
    color:#e0f4ff
  }
  .brand-mobile-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.7rem;letter-spacing:.065em}
  .brand-mobile-hint{opacity:.82}
  .brand-mobile-count{font-weight:800;font-size:.83rem;font-variant-numeric:tabular-nums;white-space:nowrap}
  .brand-mobile-progress{display:block;height:3px;margin-top:9px;border-radius:99px;background:rgba(255,255,255,.19);overflow:hidden}
  .brand-mobile-progress-fill{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18b9ff,#d6f4ff);transform:scaleX(0);transform-origin:0 50%;will-change:transform}
}
@media(max-width:980px) and (max-height:690px){
  .brand-history.is-mobile-scenes .brand-history-track{inset:34px 0 8px}
  .brand-history.is-mobile-scenes .brand-sheet-card{grid-template-rows:minmax(105px,.73fr) minmax(0,1fr);gap:7px;padding:10px}
  .brand-history.is-mobile-scenes .brand-sheet-text{justify-content:flex-start}
  .brand-history.is-mobile-scenes .brand-sheet-year{font-size:1.72rem}
  .brand-history.is-mobile-scenes .brand-sheet-name{font-size:1.47rem}
  .brand-history.is-mobile-scenes .brand-sheet-copy{font-size:.76rem;line-height:1.31;margin-top:5px}
  .brand-history.is-mobile-scenes .brand-sheet-chips{margin-top:5px}
  .brand-history.is-mobile-scenes .brand-sheet-chips span:nth-child(n+2){display:none}
}
@media(max-width:980px) and (max-height:530px){
  .brand-history.is-mobile-scenes .brand-sheet-card{grid-template-rows:minmax(75px,.5fr) minmax(0,1fr)}
  .brand-history.is-mobile-scenes .brand-sheet-chips{display:none}
  .brand-history.is-mobile-scenes .brand-sheet-sticker{width:52px}
}
@media (prefers-reduced-motion:reduce){
  .brand-history.is-mobile-scenes .brand-sheet,
  .brand-history.is-mobile-scenes .brand-sheet-card{transition:none!important;will-change:auto}
}