@media (min-width: 768px) {
.home .home-cta { color: var(--bg); }
.home .home-cta::before { background: var(--fg); }
}
.home .hh { padding-block: clamp(20px, 2.6vw, 44px) clamp(28px, 3vw, 48px); }
.home .hsv, .home .hpw, .home .hs, .home .hm, .home .ha-sec, .home .hcr { padding-block: calc(var(--section) * .6); }
.home .hh__grid {
display: grid; grid-template-columns: minmax(0, 1fr); gap: 0;
grid-template-areas: "label" "title" "meta" "cap";
}
.home .hh__label { grid-area: label; color: var(--fg); max-width: 46ch; }
@media (min-width: 768px) { .home .hh__label { max-width: none; } }
.home .hh__title { grid-area: title; margin-top: clamp(14px, 1.8vw, 26px); }
.home .hh__title .fit { line-height: .86; }
.home .hh__title .fit__t { display: inline-block; vertical-align: top; }
.home .hh__row { display: block; width: max-content; }
.home .hh__you { display: inline-block; line-height: .86; }
html:not(.js) .home .hh__you { color: var(--fg); font-style: italic; }
.home .hh__slot {
position: relative; display: inline-block; vertical-align: baseline; width: 1.95em; height: .71em; margin: 0 .04em;
overflow: hidden; clip-path: var(--runner-window); background: var(--stage);
}
.home .hh__slot picture, .home .hh__slot img { position: absolute; inset: 0; width: 100%; height: 100%; }
.home .hh__slot img { object-fit: cover; object-position: 50% 100%; transform: scale(1.4); transform-origin: 50% 100%; }
.home .hh__meta { grid-area: meta; display: grid; gap: 22px; margin-top: 26px; align-content: end; }
.home .hh__lede { font-size: var(--t-lede); line-height: 1.42; max-width: 46ch; text-wrap: pretty; }
.home .hh__act { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
.home .hh__chips { display: grid; gap: 10px; }
.home .hh__chipsl { color: var(--fg-2); }
.home .hh__chipl { display: flex; flex-wrap: wrap; gap: 8px; }
.home .hh__chip { text-decoration: none; min-height: 44px; }
.home .hh__chip:hover, .home .hh__chip:focus-visible { border-color: var(--fg); background: var(--fg); color: var(--bg); font-style: italic; }
.home .hh__cap {
grid-area: cap; margin-top: 22px; display: flex; flex-wrap: wrap; column-gap: .5em; row-gap: 1px; max-width: 52ch;
font: 600 11.5px/1.35 var(--f-cond); letter-spacing: .06em; text-transform: uppercase; color: var(--fg-2);
}
.home .hh__cap .tabular, .home .hh__capl { color: var(--fg); }
.home .hh__capl::after { content: ":"; }
@media (min-width: 768px) and (max-width: 1023.98px) {
.home .hh__meta { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 32px; margin-top: 32px; }
.home .hh__lede { grid-column: 1; grid-row: 1 / span 2; }
.home .hh__act { grid-column: 2; grid-row: 1; align-self: start; }
.home .hh__chips { grid-column: 2; grid-row: 2; }
}
@media (min-width: 1024px) {
.home .hh__grid {
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(36px, 4vw, 80px);
grid-template-areas: "label label" "title meta" "cap meta";
}
.home .hh__meta { margin-top: 0; align-self: end; padding-bottom: .4em; }
.home .hh__cap { align-self: start; }
}
.home .sv__list { margin-top: clamp(32px, 4vw, 64px); border-bottom: 1px solid var(--hair); }
.home .sv {
display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; align-items: start;
padding: 18px 0 20px; border-top: 1px solid var(--hair);
}
.home .sv__h { margin: 0; }
.home .sv__a { position: relative; display: inline-block; padding-bottom: 12px; color: inherit; text-decoration: none; }
.home .sv__a:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }
.home .sv__name { font-size: clamp(32px, 20px + 2.4vw, 62px); font-weight: 900; line-height: .9; }
.home .sv__a::after {
content: ""; position: absolute; left: 0; bottom: 0; width: min(100%, 4.2em); height: 7px; background: var(--red);
clip-path: var(--runner-line); transform: scaleX(0); transform-origin: 0 50%; transition: transform .45s var(--ease);
}
.home .sv.is-on .sv__a::after { transform: scaleX(1); }
.home .sv__x { font-size: var(--t-body, 17px); line-height: 1.45; color: var(--fg-2); max-width: 44ch; text-wrap: pretty; }
.home .sv__go .tlink { font-size: 14px; }
.home .sv.is-on .sv__x { color: var(--fg); }
@media (min-width: 1024px) {
.home .sv { grid-template-columns: minmax(0, 6fr) minmax(0, 4fr) minmax(0, 2.6fr); column-gap: clamp(24px, 3vw, 56px); padding: 22px 0 18px; }
.home .sv__go { justify-self: end; text-align: right; }
.home .sv__x, .home .sv__go { padding-top: .5em; }
}
.home .hsv__act { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-top: clamp(28px, 3vw, 44px); }
.home .hpw__steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: clamp(28px, 3vw, 48px); counter-reset: none; }
.home .hpw__s { display: grid; grid-template-columns: 2.2em minmax(0, 1fr); column-gap: 14px; row-gap: 6px; padding: 18px 0; border-top: 1px solid var(--hair); align-content: start; }
.home .hpw__n { grid-row: 1 / span 2; font: 600 clamp(28px, 2.4vw, 40px)/.9 var(--f-cond); font-variant-numeric: tabular-nums; color: var(--fg); }
.home .hpw__t { font: 700 var(--t-h3)/1.15 var(--f-cond); }
.home .hpw__x { font-size: var(--t-meta); line-height: 1.45; color: var(--fg-2); max-width: 36ch; text-wrap: pretty; }
@media (min-width: 768px) {
.home .hpw__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
}
@media (min-width: 1024px) {
.home .hpw__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.home .hpw__s { grid-template-columns: minmax(0, 1fr); padding-top: 16px; }
.home .hpw__n { grid-row: auto; margin-bottom: 10px; }
}
.home .hpw__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 28px; margin-top: clamp(20px, 2.4vw, 32px); padding-top: 16px; border-top: 1px solid var(--hair); }
.home .hpw__note { font-size: var(--t-meta); color: var(--fg); }
.home .hs { position: relative; }
.home .hs__stage { position: relative; margin-top: clamp(36px, 4.4vw, 72px); --al: 36%; --ar: 64%; }
.home .hs__aisle { position: absolute; top: 0; bottom: 0; left: var(--al); width: calc(var(--ar) - var(--al)); background: var(--nap), var(--red); background-blend-mode: multiply; }
.home .hs__list { position: relative; }
.home .aw { position: relative; }
.home .aw__in {
position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr) minmax(0, 1fr); gap: 0 24px;
padding-inline: var(--m); max-width: var(--max); margin-inline: auto; align-items: center;
padding-block: clamp(20px, 2.2vw, 32px); text-decoration: none; color: inherit;
}
.home .aw__in:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.home .aw__date { justify-self: start; }
.home .aw__name { font-size: clamp(44px, 5.2vw, 92px); text-align: center; }
.home .aw__info { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; font-size: var(--t-meta); line-height: 1.4; }
.home .aw__when { color: var(--fg-2); margin-bottom: 2px; }
.home .aw__en { font-weight: 700; color: var(--fg); text-wrap: pretty; }
.home .aw__tag { display: inline-block; margin-left: 4px; padding: 3px 6px 2px; border: 1px solid currentColor; font: 600 11px/1 var(--f-cond); letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; vertical-align: 1px; }
.home .aw__cta { position: relative; display: inline-flex; gap: .5em; margin-top: 8px; padding-bottom: 6px; font: 700 var(--t-ui)/1.1 var(--f-cond); letter-spacing: .02em; text-transform: uppercase; }
.home .aw__cta::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--red); clip-path: var(--runner-line); transform: scaleX(0); transform-origin: 0 50%; transition: transform .45s var(--ease); }
.home .aw.is-on .aw__cta::after { transform: scaleX(1); }
.home .aw.is-on .aw__ctat { font-style: italic; }
@media (max-width: 1023.98px) {
.home .hs__stage { --al: 0px; --ar: 6px; }
.home .hs__aisle { left: 0; width: max(6px, calc(var(--m) * .45)); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.home .on-aisle::after { display: none; }
.home .aw__in { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-block: 22px 26px; border-top: 1px solid var(--hair); }
.home .hs__list { border-bottom: 1px solid var(--hair); }
.home .aw__name { font-size: clamp(44px, 11vw, 88px); text-align: left; }
}
.home .hs__foot { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px clamp(32px, 5vw, 96px); margin-top: clamp(36px, 4vw, 64px); }
.home .hs__pl { color: var(--fg-2); }
.home .hs__pr { display: flex; flex-wrap: wrap; gap: 6px 0; margin-top: 12px; font: 700 clamp(19px, 16px + .6vw, 26px)/1.25 var(--f-cond); }
.home .hs__pr li { display: inline-flex; align-items: center; }
.home .hs__pr li:not(:last-child)::after { content: ""; display: inline-block; width: .9em; height: .28em; margin: 0 .6em; background: var(--red); clip-path: var(--runner); }
.home .hs__sign { margin-top: 18px; font-size: var(--t-lede); line-height: 1.4; }
.home .hs__nm { font: italic 900 1.4em/1 var(--f-display); text-transform: uppercase; letter-spacing: 0; white-space: nowrap; }
.home .hs__end { display: grid; gap: 22px; align-content: start; }
.home .hs__note { font-size: var(--t-meta); line-height: 1.45; color: var(--fg-2); max-width: 46ch; }
.home .hs__note a { color: var(--fg); overflow-wrap: anywhere; }
.home .hs__act { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
@media (min-width: 1024px) { .home .hs__foot { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.home .hsp__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(40px, 5vw, 80px); }
.home .hsp__lead { display: flex; flex-direction: column; align-items: flex-start; gap: 26px; }
.home .hsp__lead .shead { width: 100%; }
.home .hsp__intro { font-size: var(--t-lede); line-height: 1.45; max-width: 44ch; color: var(--fg); text-wrap: pretty; }
.home .hsp__tiers { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px 12px; padding-top: 8px; }
.home .hsp__tier { margin-bottom: calc(var(--step) * 14px); }
@media (max-width: 559.98px) {
.home .hsp__tiers { flex-direction: column; align-items: flex-start; gap: 8px; }
.home .hsp__tier { margin: 0 0 0 calc(var(--step) * 22px); }
}
.home .hsp__tier .sash__band { font-size: clamp(16px, 14px + .45vw, 20px); padding: .55em 1.3em .5em; background: var(--line); color: var(--ink); }
.home .hsp__act { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
.home .hsp__groups { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 32px; align-content: start; }
.home .hsp__g { padding: 18px 0 20px; border-top: 1px solid var(--hair); }
.home .hsp__gt { font: 900 clamp(30px, 22px + 1.6vw, 52px)/.92 var(--f-display); text-transform: uppercase; }
.home .hsp__gl { margin-top: 10px; font-size: var(--t-meta); line-height: 1.45; color: var(--fg-2); max-width: 34ch; }
@media (min-width: 640px) { .home .hsp__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) {
.home .hsp__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: clamp(48px, 6vw, 120px); align-items: end; }
}
.home .hm__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(32px, 4vw, 56px); margin-top: clamp(32px, 4vw, 56px); align-items: start; }
@media (min-width: 1024px) { .home .hm__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.home .hm__tv .label, .home .hm__cl, .home .pw__cap .label { color: var(--fg-2); }
.home .hm__intro { margin-top: 10px; font-size: var(--t-meta); color: var(--fg); }
.home .hm__tvl { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin-top: 8px; font: 700 clamp(30px, 22px + 1.8vw, 54px)/1.1 var(--f-cond); letter-spacing: -.005em; }
.home .hm__tvl li { display: inline-flex; align-items: center; white-space: nowrap; }
.home .hm__tvl li:not(:last-child)::after { content: ""; display: inline-block; width: .5em; height: .2em; margin: 0 .42em; background: var(--red); clip-path: var(--runner); }
.home .pw__wall { margin: 0; }
.home .pw__rows {
position: relative; overflow: hidden; aspect-ratio: 16 / 8; padding: 14px 0; display: grid; align-content: space-evenly;
background: color-mix(in srgb, var(--paper) 93%, var(--ink)); box-shadow: inset 0 0 0 1px rgba(12, 11, 10, .08);
}
.home .pw__rows::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(70% 60% at 50% 45%, rgba(255, 244, 222, .55), rgba(255, 244, 222, 0) 70%); }
.home .pw__row { display: flex; align-items: center; gap: 0 1.6em; white-space: nowrap; font: 700 clamp(12px, 1.05vw, 15px)/1 var(--f-cond); letter-spacing: .02em; text-transform: uppercase; color: var(--mute); transform: translateX(-2%); }
.home .pw__row--shift { transform: translateX(-9%); }
.home .pw__logo { flex: none; color: var(--ink); }
.home .pw__logo .logo { height: 1.15em; }
.home .pw__nm { flex: none; }
.home .pw__cap { display: grid; gap: 6px; margin-top: 12px; font-size: var(--t-meta); line-height: 1.45; color: var(--fg-2); }
.home .hm__clips { margin-top: clamp(40px, 5vw, 72px); }
.home .hm__clips .clips { margin-top: 14px; }
.home .hm__go { margin-top: clamp(24px, 3vw, 40px); }
.home .ha__list { margin-top: clamp(32px, 4vw, 56px); border-bottom: 1px solid var(--hair); }
.home .ha { display: grid; grid-template-columns: max-content minmax(0, 1fr) minmax(0, 19em); gap: 24px clamp(24px, 3vw, 48px); align-items: center; padding: 18px 0 16px; border-top: 1px solid var(--hair); transition: opacity .3s var(--ease); }
.home .ha__t { font-size: clamp(34px, 18px + 3vw, 72px); line-height: .92; font-weight: 800; }
.home .ha__a { color: inherit; text-decoration: none; }
.home .ha__a:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }
.home .ha__meta { display: flex; flex-direction: column; gap: 3px; font-size: var(--t-meta); line-height: 1.4; color: var(--fg-2); text-align: right; }
.home .ha__place { color: var(--fg); }
.home .ha__meta > span { text-wrap: balance; }
.home .ha__note em { font-weight: 700; color: var(--fg); white-space: nowrap; }
.home .hw { position: relative; display: inline-block; vertical-align: baseline; width: 2.3em; height: .7em; margin-left: .06em; }
.home .hw__f { position: absolute; inset: 0; overflow: hidden; background: var(--stage); clip-path: polygon(24% 0, 76% 0, 100% 100%, 0 100%); transition: clip-path .5s var(--ease); }
.home .hw__f picture, .home .hw__f img { position: absolute; inset: 0; width: 100%; height: 100%; }
.home .hw__f img { object-fit: cover; transition: transform .8s var(--ease); }
.home .hw__flash { position: absolute; inset: 0; opacity: 0; pointer-events: none; background: radial-gradient(60% 60% at 50% 50%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 72%); }
.home .ha.is-flash .hw__flash { animation: rc-flash .5s ease-out 1 both; }
.home .ha.is-developed .hw__colour { opacity: 1; }
.home .ha:hover .hw__f, .home .ha:focus-within .hw__f, .home .ha.is-open .hw__f { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.home .ha:hover .hw__f img, .home .ha:focus-within .hw__f img, .home .ha.is-open .hw__f img { transform: scale(1.06); }
@media (hover: hover) { .home .ha__list:has(.ha:hover) .ha:not(:hover) { opacity: .4; } .home .ha[data-develop] { cursor: zoom-in; } }
@media (max-width: 1023.98px) {
.home .ha { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 18px 0 20px; }
.home .ha__date { order: -1; }
.home .ha__meta { text-align: left; }
.home .ha__t { font-size: clamp(34px, 9.6vw, 72px); }
}
.home .hcr__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(32px, 4vw, 64px); padding-top: 14px; border-top: 2px solid var(--hair-strong); }
@media (min-width: 768px) { .home .hcr__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); column-gap: clamp(32px, 5vw, 120px); align-items: start; } }
.home .hcr__photo { max-width: 380px; }
.home .hcr__main { display: flex; flex-direction: column; align-items: flex-start; gap: clamp(22px, 2.6vw, 40px); }
.home .hcr__label { color: var(--fg); }
.home .hcr__list { width: 100%; }
.home .hcr__list .credits__r:last-child { border-bottom: 1px solid var(--hair); }
@media (prefers-reduced-motion: reduce) {
.home .sv__a::after, .home .aw__cta::after, .home .hw__f, .home .hw__f img { transition: none; }
}
.mq{margin-top:clamp(40px,6vw,80px);border-top:1px solid var(--line,#D8D2C6);padding-top:20px;overflow:hidden}
.mq__l{margin-bottom:14px}
.mq__row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mq__track{display:flex;gap:clamp(28px,4vw,56px);width:max-content;list-style:none;margin:0;padding:10px 0;animation:mq 60s linear infinite}
.mq__row:first-of-type .mq__track{animation-duration:30s}
.mq__row--rev .mq__track{animation-direction:reverse;animation-duration:110s}
.mq__track li{font-family:"Sofia Sans Extra Condensed",sans-serif;font-weight:800;font-size:clamp(26px,3.4vw,48px);text-transform:uppercase;white-space:nowrap;color:var(--ink,#0C0B0A)}
.mq__row--rev .mq__track li{font-size:clamp(18px,2vw,26px);font-weight:700;text-transform:none;color:var(--mute,#5F5B55)}
.mq:hover .mq__track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq__track{animation:none;flex-wrap:wrap;width:auto}.mq__track li[aria-hidden]{display:none}}
.mq__track{align-items:center}
.mq__logo{display:flex;align-items:center;justify-content:center;height:72px;width:150px;padding:10px 14px;background:#fff;border:1px solid var(--line,#D8D2C6)}
.mq__row--rev .mq__logo{height:56px;width:120px;padding:8px 10px}
.mq__logo img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.85;transition:filter .3s,opacity .3s}
.mq__logo:hover img{filter:none;opacity:1}
.mq__logo{background:#12100E;border-color:#12100E}
.mq__logo img{filter:none;opacity:1}