:root {
  --pink: #f01872;
  --ink: #09080a;
  --paper: #f3eeeb;
  --white: #fff;
  --serif: "Playfair Display", Georgia, serif;
  --sans: "Manrope", Arial, sans-serif;
}

/* Campaign films are the content, not an embedded thumbnail gallery. */
.campaign { background:#0b0b0d; color:#fff; }
.campaign-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.campaign-copy { position:absolute; z-index:2; left:6%; bottom:12%; max-width:42%; }
.campaign-copy h2 { font-size:clamp(3rem,7vw,8rem); font-weight:800; letter-spacing:-.065em; line-height:.93; margin:0 0 1.4rem; }
.campaign-copy h2 em { font-family:var(--serif); font-weight:500; }
.campaign-copy p { font-size:1rem; line-height:1.5; }
.campaign-copy .eyebrow { font-size:.875rem; }
.campaign-next,.alternate-take { background:transparent; border:0; border-bottom:1px solid currentColor; padding:.75rem 0; font-size:1rem; color:inherit; }
.film-controls { position:absolute; right:5%; bottom:6%; display:flex; gap:.55rem; z-index:5; }
.media-control { position:relative; width:46px; height:46px; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.38); border-radius:50%; background:rgba(8,8,10,.34); color:#fff; opacity:.68; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); transition:opacity .25s, transform .25s, background .25s, border-color .25s; }
.media-control:hover,.media-control:focus-visible { opacity:1; transform:scale(1.08); background:rgba(240,24,114,.76); border-color:#fff; }
.play-toggle::before { content:""; position:absolute; left:18px; top:14px; width:0; height:0; border-top:9px solid transparent; border-bottom:9px solid transparent; border-left:14px solid #fff; transition:all .22s cubic-bezier(.2,.8,.2,1); }
.play-toggle.is-playing::before { left:15px; top:14px; width:15px; height:18px; border:0; border-left:4px solid #fff; border-right:4px solid #fff; }
.sound-toggle::before { content:""; position:absolute; left:13px; top:18px; width:8px; height:10px; border-radius:2px 0 0 2px; background:#fff; }
.sound-toggle::after { content:""; position:absolute; left:20px; top:14px; width:15px; height:18px; border:3px solid #fff; border-left:0; border-top-color:transparent; border-bottom-color:transparent; border-radius:0 50% 50% 0; transform:scale(.72); transition:transform .22s, opacity .22s; }
.sound-toggle:not(.is-unmuted)::after { width:13px; height:2px; left:21px; top:22px; border:0; border-radius:2px; background:#fff; transform:rotate(-45deg); }
.swiper-slide { box-shadow:-34px 0 84px rgba(0,0,0,.34); transform-origin:right center; }
.arrival::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#000b,transparent 55%); pointer-events:none; }
.arrival .campaign-copy { bottom:11%; max-width:80%; }
.arrival .campaign-copy h2 { font-size:clamp(3rem,8vw,8rem); }
.portrait-campaign .campaign-video { left:45%; width:55%; object-fit:contain; background:#080809; }
.portrait-campaign .campaign-copy { max-width:36%; top:34%; bottom:auto; }
.red-campaign { background:#95182b; }
.red-campaign .campaign-copy .eyebrow { color:#ffd2d8; }
.adventure-campaign { background:#123b42; }
.offcanvas-body button { font-size:clamp(1.6rem,4vw,3rem); }
.transition-word { top:auto; bottom:4rem; }
@media(max-width:767.98px) {
  .portrait-campaign .campaign-video { left:0; width:100%; object-fit:contain; }
  .campaign-copy, .portrait-campaign .campaign-copy { left:1rem; top:auto; bottom:10rem; max-width:90%; text-shadow:0 2px 18px #000; pointer-events:none; }
  .campaign-copy button { pointer-events:auto; }
  .campaign-copy h2 { font-size:clamp(2.5rem,10vw,4rem); margin-bottom:.5rem; }
  .campaign-copy p:not(.eyebrow) { display:none; }
  .campaign-copy .eyebrow { font-size:.75rem; margin-bottom:.7rem; }
  .portrait-campaign::after { content:""; position:absolute; inset:55% 0 0; background:linear-gradient(transparent,#000b); pointer-events:none; }
  .film-controls { left:50%; right:auto; bottom:1rem; transform:translateX(-50%); }
  .media-control { width:44px; height:44px; opacity:.78; }
  .arrival .campaign-video { object-position:51% center; }
  .arrival .campaign-copy { bottom:10rem; }
  .arrival .campaign-copy h2 { font-size:14vw; }
  .custom-arrow { display:flex!important; top:auto; bottom:1rem; width:44px; height:44px; }
  .swiper-button-prev { left:auto; right:4.3rem; }
  .swiper-button-next { right:1rem; }
  .slide-count { display:none; }
  .desktop-scroll-hint { display:none; }
}
@media(max-height:530px) and (min-width:768px) {
  .campaign-copy,.portrait-campaign .campaign-copy { top:30%; bottom:auto; }
  .campaign-copy h2 { font-size:3rem; }
}

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: var(--ink); color: var(--ink); font-family: var(--sans); }
body { overscroll-behavior: none; }
img, video { display: block; width: 100%; }
button, a { color: inherit; }
button:focus-visible, a:focus-visible { outline: 3px solid var(--white); outline-offset: 4px; }
::selection { background: var(--pink); color: var(--white); }

.site-header { position: fixed; z-index: 1050; inset: max(1rem, env(safe-area-inset-top)) clamp(1rem, 4vw, 3rem) auto; display: flex; align-items: center; justify-content: space-between; color: var(--white); mix-blend-mode: difference; pointer-events: none; }
.site-header > * { pointer-events: auto; }
.wordmark { display: flex; align-items: center; gap: .65rem; border: 0; padding: 0; background: transparent; color: inherit; text-align: left; }
.monogram { width: 2.65rem; height: 2.65rem; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-family: var(--serif); font-size: 1.1rem; font-style: italic; line-height: 1; letter-spacing: -.14em; padding-right: .08em; }
.wordmark-copy { display: grid; line-height: 1; }
.wordmark-copy strong { font-size: 1rem; letter-spacing: -.035em; text-transform: uppercase; }
.wordmark-copy small { margin-top: .35rem; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; opacity: .72; }
.header-status { align-items: center; gap: .55rem; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
.status-dot { width: .5rem; height: .5rem; border-radius: 50%; background: var(--pink); box-shadow: 0 0 0 .35rem rgba(240,24,114,.18); }
.menu-button { width: 3.4rem; height: 3.4rem; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: transparent; display: grid; place-content: center; gap: .42rem; }
.menu-button span { display: block; width: 1.3rem; height: 2px; background: currentColor; }

.offcanvas { --bs-offcanvas-width: min(540px, 100vw); background: var(--pink); color: var(--white); }
.offcanvas-header { padding: 1.5rem 2rem; }
.offcanvas-body { padding: 2rem clamp(2rem, 7vw, 5rem); }
.offcanvas-body button { display: flex; gap: 1rem; align-items: baseline; border: 0; border-bottom: 1px solid rgba(255,255,255,.38); padding: .28em 0; background: none; color: var(--white); font-family: var(--serif); font-size: clamp(2.1rem, 5vw, 4.3rem); font-style: italic; line-height: 1.12; text-align: left; transition: padding-left .25s ease; }
.offcanvas-body button:hover { padding-left: .18em; }
.offcanvas-body button span { min-width: 2rem; font-family: var(--sans); font-size: .72rem; font-style: normal; letter-spacing: .12em; }

.swiper { width: 100%; height: 100dvh; background: var(--ink); }
.swiper-wrapper, .panel { height: 100%; }
.panel { position: relative; width: 100%; overflow: hidden; isolation: isolate; }
.panel-content { position: relative; z-index: 4; height: 100%; }
.panel-bg, .panel-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.panel-bg { z-index: -2; }
.eyebrow { display: inline-block; margin: 0 0 1.15rem; text-transform: uppercase; letter-spacing: .15em; font-size: .78rem; font-weight: 700; }

.transition-word { position: fixed; z-index: 9; left: 50%; top: 1.45rem; transform: translateX(-50%); overflow: hidden; color: var(--white); mix-blend-mode: difference; pointer-events: none; }
.transition-word span { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }

.panel-hero { background: var(--ink); color: var(--white); }
.hero-photo { left: auto; right: 8%; width: 54%; object-position: center 17%; z-index: 0; }
.shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(0,0,0,.7), transparent 58%), linear-gradient(0deg, rgba(0,0,0,.68), transparent 55%); }
.hero-name { position: absolute; z-index: 0; font-size: clamp(9rem, 26vw, 27rem); font-weight: 800; line-height: .72; letter-spacing: -.1em; white-space: nowrap; }
.hero-name-back { left: -1.7vw; top: 18%; color: var(--pink); }
.hero-name-front { z-index: 2; right: -1.5vw; top: 47%; color: transparent; -webkit-text-stroke: clamp(1px, .12vw, 2px) var(--white); text-stroke: clamp(1px, .12vw, 2px) var(--white); }
.hero-intro { max-width: 35rem; margin: 0; font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.55; }
.circle-next { width: 7.3rem; aspect-ratio: 1; display: grid; place-content: center; gap: .4rem; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; background: rgba(0,0,0,.12); color: var(--white); text-transform: uppercase; letter-spacing: .09em; font-size: .72rem; backdrop-filter: blur(9px); transition: .25s ease; }
.circle-next:hover { border-color: var(--pink); background: var(--pink); transform: scale(1.04); }
.circle-next span { font-size: 1.35rem; }

.panel-lookbook { overflow: hidden; background: #f23879; color: var(--ink); isolation: isolate; }
.look-word { position: absolute; z-index: 0; left: 50%; transform: translateX(-50%); font-size: clamp(9rem, 23vw, 24rem); font-weight: 800; line-height: .63; letter-spacing: -.1em; white-space: nowrap; pointer-events: none; }
.look-word-top { top: 8%; color: var(--ink); }
.look-word-bottom { bottom: 4%; color: transparent; -webkit-text-stroke: clamp(1px,.13vw,2px) rgba(24,23,27,.82); text-stroke: clamp(1px,.13vw,2px) rgba(24,23,27,.82); }
.lookbook-kicker { position: absolute; z-index: 5; left: clamp(1rem,4vw,4rem); top: 18%; width: 13rem; }
.lookbook-kicker > p:last-child { margin: 1.15rem 0 0; font-family: var(--serif); font-size: clamp(1.15rem,1.55vw,1.55rem); font-style: italic; line-height: 1.05; }
.look-deck { position: absolute; z-index: 3; left: 50%; top: 50%; width: min(72vw, 76rem); height: min(72vh, 49rem); transform: translate(-50%,-48%); }
.look-card { position: absolute; overflow: hidden; margin: 0; border: 0; padding: 0; background: #17161a; box-shadow: 0 1.5rem 5rem rgba(42,4,20,.27); }
.look-card img { width: 100%; height: 100%; display: block; object-fit: cover; }
.look-card-left { z-index: 1; left: 0; top: 16%; width: 30%; height: 64%; transform: rotate(-8deg); opacity: .82; }
.look-card-right { z-index: 1; right: 0; top: 13%; width: 30%; height: 67%; transform: rotate(8deg); opacity: .82; }
.look-card-centre { z-index: 3; left: 29%; top: 0; width: 42%; height: 92%; transform: rotate(1.25deg); color: var(--white); text-align: left; cursor: pointer; }
.look-card-centre::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(0,0,0,.65),transparent 35%); pointer-events: none; }
.look-card-centre:focus-visible { outline: .25rem solid var(--white); outline-offset: .35rem; }
.look-card-caption { position: absolute; z-index: 2; left: 1.25rem; bottom: 1.2rem; display: grid; gap: .18rem; text-transform: uppercase; }
.look-card-caption b { font-size: clamp(1.35rem,2vw,2.1rem); letter-spacing: -.04em; }
.look-card-caption i { font-family: var(--serif); font-size: .83rem; letter-spacing: .08em; }
.look-card-action { position: absolute; z-index: 2; right: 1.15rem; top: 1.15rem; display: flex; align-items: center; gap: .65rem; padding: .55rem .7rem; border: 1px solid rgba(255,255,255,.72); border-radius: 999px; background: rgba(0,0,0,.2); font-size: .62rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; backdrop-filter: blur(10px); }
.look-card-action b { font-size: 1rem; }
.lookbook-footer { position: absolute; z-index: 5; right: clamp(1rem,4vw,4rem); bottom: 7%; display: flex; align-items: center; gap: .8rem; font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.lookbook-footer i { width: 3.5rem; height: 1px; background: currentColor; opacity: .45; }

.film-copy h1, .editorial-copy h1, .profile-copy h1 { margin: 0; font-size: clamp(3.4rem, 6.5vw, 7.5rem); font-weight: 800; letter-spacing: -.072em; line-height: .84; }
.film-copy h1 em, .editorial-copy h1 em { font-family: var(--serif); font-weight: 500; }

.panel-film { background: #000; color: var(--white); }
.panel-video { object-position: center 44%; transition: opacity .28s ease, transform .7s ease; }
.panel-video.video-changing { opacity: .2; transform: scale(1.025); }
.panel-video.is-landscape { object-position: center; }
.film-vignette { position: absolute; inset: 0; z-index: 1; background: radial-gradient(circle at center, transparent 28%, rgba(0,0,0,.73) 100%); }
.film-copy { position: absolute; z-index: 3; }
.film-copy-left { left: clamp(1rem,5vw,5rem); bottom: 9%; }
.film-copy-right { right: clamp(1rem,5vw,5rem); top: 19%; width: min(22rem, 35vw); text-align: right; }
.film-copy-right p { font-size: .95rem; line-height: 1.65; }
.active-film-title { margin: 1.1rem 0 0; color: var(--pink); font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.sound-button { display: inline-flex; align-items: center; gap: .65rem; margin-top: 1rem; border: 1px solid rgba(255,255,255,.65); border-radius: 999px; padding: .7rem 1rem; background: rgba(0,0,0,.15); color: var(--white); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(9px); }
.sound-button span { width: .5rem; height: .5rem; border-radius: 50%; background: var(--pink); }
.motion-selector { position: absolute; z-index: 4; right: clamp(1rem,5vw,5rem); bottom: 6%; width: min(43vw, 47rem); display: grid; grid-template-columns: repeat(6, 1fr); gap: .55rem; }
.motion-thumb { position: relative; aspect-ratio: .78; overflow: hidden; border: 1px solid rgba(255,255,255,.38); border-radius: .45rem; padding: 0; background: #111; opacity: .62; transition: opacity .25s, border-color .25s, transform .25s; }
.motion-thumb:hover, .motion-thumb.active { opacity: 1; border-color: var(--pink); transform: translateX(-3px); }
.motion-thumb img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.motion-thumb span { position: absolute; left: .35rem; bottom: .3rem; display: grid; place-items: center; width: 1.35rem; height: 1.35rem; border-radius: 50%; background: rgba(0,0,0,.7); color: var(--white); font-size: .58rem; font-weight: 800; }

.panel-editorial { background: var(--pink); color: var(--white); }
.editorial-copy { position: absolute; z-index: 4; left: clamp(1rem,5vw,5rem); top: 20%; width: min(31vw, 30rem); }
.editorial-copy > p:nth-of-type(2) { max-width: 25rem; margin-top: 1.6rem; line-height: 1.7; }
.concept-note { width: fit-content; margin-top: 1.5rem; padding: .65rem .85rem; border: 1px solid rgba(255,255,255,.55); border-radius: 999px; font-size: .72rem; letter-spacing: .07em; text-transform: uppercase; }
.cover-wrap { position: absolute; top: 12%; bottom: 9%; width: 26%; }
.cover-wrap-one { left: 43%; transform: rotate(-2deg); }
.cover-wrap-two { right: 3%; transform: rotate(2deg); }
.cover { position: relative; height: 100%; margin: 0; box-shadow: 0 2rem 5rem rgba(74,0,30,.28); }
.cover img { height: 100%; object-fit: cover; }
.cover figcaption { position: absolute; inset: auto .7rem .7rem; padding: .55rem .7rem; background: rgba(0,0,0,.65); border-radius: 999px; color: var(--white); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(10px); }

.panel-profile { color: var(--white); }
.profile-photo { object-position: 71% center; }
.profile-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.78) 40%, rgba(0,0,0,.08) 78%); }
.profile-copy { position: absolute; z-index: 3; left: clamp(1rem,5vw,5rem); top: 19%; width: min(44rem, 52vw); }
.profile-copy h1 { font-size: clamp(4.5rem, 9vw, 10rem); }
.profile-lead { max-width: 38rem; margin-top: 1.2rem; font-size: 1rem; line-height: 1.65; }
.model-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 2rem 0 0; border-top: 1px solid rgba(255,255,255,.24); border-left: 1px solid rgba(255,255,255,.24); }
.model-details div { min-height: 5rem; padding: .8rem; border-right: 1px solid rgba(255,255,255,.24); border-bottom: 1px solid rgba(255,255,255,.24); }
.model-details dt { margin-bottom: .35rem; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; opacity: .55; }
.model-details dd { margin: 0; font-size: .9rem; font-weight: 600; }
.booking-link { display: inline-flex; align-items: center; gap: 1rem; margin-top: 1.4rem; border-bottom: 2px solid var(--pink); padding: .5rem 0; color: var(--white); text-decoration: none; font-size: .9rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.booking-link span { color: var(--pink); font-size: 1.5em; }
footer { position: absolute; z-index: 4; inset: auto clamp(1rem,4vw,3rem) max(1.25rem,env(safe-area-inset-bottom)); display: flex; justify-content: space-between; font-size: .68rem; letter-spacing: .11em; text-transform: uppercase; opacity: .6; }

.journey { position: fixed; z-index: 9; inset: auto 0 0; height: 3px; background: rgba(255,255,255,.12); }
.journey span { display: block; width: 20%; height: 100%; background: var(--pink); transform-origin: left center; transition: width .85s cubic-bezier(.2,.75,.2,1); }
.swiper-pagination { left: 50% !important; bottom: max(1.35rem,env(safe-area-inset-bottom)) !important; transform: translateX(-50%); width: auto !important; display: flex; gap: .3rem; }
.swiper-pagination-bullet { width: 1.55rem; height: 3px; border-radius: 0; background: var(--white); opacity: .35; }
.swiper-pagination-bullet-active { background: var(--pink); opacity: 1; }
.custom-arrow { width: 3.2rem; height: 3.2rem; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; color: var(--white); mix-blend-mode: difference; }
.custom-arrow::after { font-size: .85rem; font-weight: 800; }
.swiper-button-prev { left: clamp(.75rem,2vw,2rem); }
.swiper-button-next { right: clamp(.75rem,2vw,2rem); }
.slide-count { position: fixed; z-index: 9; right: clamp(1rem,4vw,3rem); bottom: max(1.35rem,env(safe-area-inset-bottom)); color: var(--white); mix-blend-mode: difference; font-size: .7rem; letter-spacing: .14em; }
.desktop-scroll-hint { position: fixed; z-index: 9; left: 50%; bottom: max(1.35rem,env(safe-area-inset-bottom)); display: flex; align-items: center; gap: .7rem; transform: translateX(-50%); color: var(--white); mix-blend-mode: difference; font-size: .67rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; pointer-events: none; transition: opacity .45s ease, transform .45s ease; }
.desktop-scroll-hint span { width: 2.6rem; height: 1px; overflow: hidden; background: rgba(255,255,255,.4); }
.desktop-scroll-hint span::after { content: ''; display: block; width: 55%; height: 100%; background: currentColor; animation: scrollCue 1.6s ease-in-out infinite; }
.has-wheeled .desktop-scroll-hint { opacity: 0; transform: translate(-50%,.75rem); }
@keyframes scrollCue { 0% { transform: translateX(-110%); } 55%,100% { transform: translateX(190%); } }
.motion-left, .motion-right { will-change: transform, opacity; }

@media (max-width: 991.98px) {
  .hero-photo { right: 0; width: 72%; }
  .hero-name { font-size: clamp(8rem, 28vw, 16rem); }
  .lookbook-kicker { top: 13%; }
  .look-deck { width: 82vw; }
  .editorial-copy { top: 13%; width: 35%; }
  .editorial-copy > p:nth-of-type(2) { display: none; }
  .cover-wrap { width: 27%; }
  .cover-wrap-one { left: 41%; }
  .profile-copy { width: 62vw; }
}

@media (max-width: 575.98px) {
  .site-header { inset: max(.75rem,env(safe-area-inset-top)) 1rem auto; }
  .wordmark-copy small { display: none; }
  .menu-button { width: 2.9rem; height: 2.9rem; }
  .transition-word { display: none; }
  .hero-photo { width: 100%; right: 0; object-position: 58% 18%; }
  .shade { background: linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.02) 74%); }
  .hero-name { font-size: 31vw; }
  .hero-name-back { top: 17%; left: -2vw; }
  .hero-name-front { top: 44%; right: -1vw; }
  .hero-intro { max-width: 19rem; font-size: .95rem; }
  .circle-next { width: 5.6rem; margin-left: auto; margin-top: 1rem; font-size: .62rem; }
  .look-word { left: 49%; font-size: 39vw; line-height: .69; }
  .look-word-top { top: 17%; }
  .look-word-bottom { bottom: 12%; }
  .lookbook-kicker { left: 1rem; top: 11%; width: 10.5rem; }
  .lookbook-kicker > p:last-child { margin-top: .65rem; font-size: 1rem; }
  .look-deck { top: 54%; width: 112vw; height: 57vh; transform: translate(-50%,-48%); }
  .look-card-left { left: 1%; top: 15%; width: 29%; height: 61%; }
  .look-card-centre { left: 22%; width: 56%; height: 91%; }
  .look-card-right { right: 1%; top: 13%; width: 29%; height: 63%; }
  .look-card-caption { left: 1rem; bottom: 1rem; }
  .look-card-action { right: .7rem; top: .7rem; padding: .45rem .55rem; }
  .look-card-action { font-size: 0; }
  .look-card-action b { font-size: 1rem; }
  .lookbook-footer { right: 1rem; bottom: 7%; }
  .lookbook-footer span:last-child, .lookbook-footer i { display: none; }
  .film-copy-left { left: 1rem; bottom: 13%; }
  .film-copy h1 { font-size: 3rem; }
  .film-copy-right { right: 1rem; top: 14%; width: 12rem; }
  .film-copy-right p { font-size: .78rem; }
  .panel-video.is-landscape { object-position: center; }
  .film-copy-left { bottom: 12.3rem; }
  .motion-selector { right: 0; bottom: 4.2rem; width: 100%; display: flex; gap: .5rem; overflow-x: auto; padding: 0 1rem .4rem; scrollbar-width: none; }
  .motion-selector::-webkit-scrollbar { display: none; }
  .motion-thumb { flex: 0 0 4.9rem; aspect-ratio: .78; }
  .editorial-copy { left: 1rem; top: 11%; width: calc(100% - 2rem); }
  .editorial-copy h1 { font-size: 3rem; }
  .concept-note { margin-top: .8rem; font-size: .58rem; }
  .cover-wrap { top: 41%; bottom: 8%; width: 48%; }
  .cover-wrap-one { left: 1%; }
  .cover-wrap-two { right: 1%; }
  .cover figcaption { font-size: .56rem; }
  .profile-photo { object-position: 67% center; }
  .profile-shade { background: linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.78) 58%,rgba(0,0,0,.08) 100%); }
  .profile-copy { left: 1rem; top: auto; bottom: 5.2rem; width: calc(100% - 2rem); }
  .profile-copy h1 { font-size: 3.8rem; }
  .profile-lead { display: none; }
  .model-details { grid-template-columns: repeat(2,1fr); margin-top: 1rem; }
  .model-details div { min-height: 3.6rem; padding: .5rem; }
  .model-details dt { font-size: .58rem; }
  .model-details dd { font-size: .76rem; }
  .booking-link { margin-top: .85rem; font-size: .68rem; }
  footer { display: none; }
  .custom-arrow { display: none; }
  .swiper-pagination { left: 1rem !important; transform: none; }
  .slide-count { right: 1rem; }
}

/* Compact mobile carousel controls: solid brand pink, never blend to green. */
@media (max-width: 767.98px) {
  .desktop-scroll-hint { display: none !important; }
  .custom-arrow, .swiper-pagination { display: none !important; }
  .panel-lookbook { background: var(--ink); color: var(--white); }
  .panel-lookbook .look-word,
  .panel-lookbook .look-card-left,
  .panel-lookbook .look-card-right,
  .panel-lookbook .look-card-action { display: none !important; }
  .panel-lookbook .lookbook-kicker { left: 1rem; top: 6.7rem; width: auto; color: var(--white); text-shadow: 0 2px 16px rgba(0,0,0,.65); }
  .panel-lookbook .lookbook-kicker .eyebrow { margin: 0; }
  .panel-lookbook .lookbook-kicker > p:last-child { display: none; }
  .panel-lookbook .look-deck { inset: 0; width: 100%; height: 100%; transform: none; }
  .panel-lookbook .look-card-centre { inset: 0; width: 100%; height: 100%; transform: none; box-shadow: none; cursor: pointer; }
  .panel-lookbook .look-card-centre::after { background: linear-gradient(180deg,rgba(0,0,0,.5),transparent 28%,transparent 58%,rgba(0,0,0,.82)); }
  .panel-lookbook .look-card-caption { left: 1rem; right: 1rem; bottom: 4.4rem; }
  .panel-lookbook .look-card-caption b { font-size: 2rem; }
  .panel-lookbook .look-card-caption i { font-size: .82rem; }
  .panel-lookbook .lookbook-footer { left: 1rem; right: auto; bottom: 1.45rem; color: var(--white); text-shadow: 0 2px 12px rgba(0,0,0,.7); }
  .panel-lookbook .lookbook-footer i,
  .panel-lookbook .lookbook-footer span:last-child { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .motion-left, .motion-right { transform: none !important; opacity: 1 !important; }
  .swiper-wrapper { transition-duration: 0ms !important; }
  .journey span { transition: none; }
}