/** Public local Studio Landing visual fidelity — SB-STU-007A. */

.sb-studio-landing { overflow: clip; background: var(--sb-color-bg-inverse); color: var(--sb-color-text-inverse-body); }
.sb-studio-landing__hero, .sb-studio-landing__editorial, .sb-studio-landing__final { position: relative; overflow: hidden; }
.sb-studio-landing__hero { min-height: 660px; height: 100svh; margin-top: calc(-1 * var(--sb-header-height-desktop)); }
.sb-studio-landing__final { min-height: 480px; height: clamp(480px, 72vh, 760px); }
.sb-studio-landing__hero-media, .sb-studio-landing__editorial-media, .sb-studio-landing__final-media { position: absolute; inset: 0; }
.sb-studio-landing__image { width: 100%; height: 100%; object-fit: cover; }

.sb-studio-landing__hero > .sb-scrim { background: linear-gradient(105deg, rgba(var(--sb-alpha-scrim), .9) 0%, rgba(var(--sb-alpha-scrim), .66) 34%, rgba(var(--sb-alpha-scrim), .12) 66%, rgba(var(--sb-alpha-scrim), .25) 100%); }
.sb-studio-landing__hero-bottom-scrim { position: absolute; inset: auto 0 0; height: 34%; background: linear-gradient(180deg, rgba(var(--sb-alpha-scrim), 0), rgba(var(--sb-alpha-scrim), .85)); pointer-events: none; }
.sb-studio-landing__final > .sb-scrim { background: linear-gradient(180deg, rgba(var(--sb-alpha-scrim), .34), rgba(var(--sb-alpha-scrim), .18) 40%, rgba(var(--sb-alpha-scrim), .8)); }

.sb-studio-landing__hero-content, .sb-studio-landing__editorial-panel, .sb-studio-landing__final-content { position: relative; z-index: var(--sb-layer-raised); display: flex; flex-direction: column; }
.sb-studio-landing__hero-content { justify-content: flex-end; min-height: inherit; max-width: min(56vw, 900px); padding: 0 var(--sb-page-inline) clamp(56px, 6vw, 90px); }
.sb-studio-landing__hero-eyebrow { margin: 0; color: var(--sb-color-accent-metal-over-media); }
.sb-studio-landing__hero-title { margin: var(--sb-space-10) 0 0; color: var(--sb-color-text-inverse); font-size: clamp(58px, 9.4vw, 168px); font-stretch: var(--sb-width-condensed); font-weight: var(--sb-weight-light); line-height: .86; letter-spacing: var(--sb-ls-hero); }
.sb-studio-landing__hero-subtitle { margin: var(--sb-space-2) 0 0; color: var(--sb-color-accent-metal-over-media); font-size: clamp(30px, 4.6vw, 78px); line-height: 1; }
.sb-studio-landing__hero-actions { display: flex; flex-wrap: wrap; gap: var(--sb-space-7); margin-top: clamp(28px, 3vw, 44px); }
.sb-studio-landing__hero-actions .sb-btn { min-width: 0; padding-inline: 38px; }

.sb-studio-landing__directory { background: var(--sb-color-bg-inverse); padding: clamp(64px, 6vw, 104px) var(--sb-page-inline) clamp(50px, 5vw, 80px); }
.sb-studio-landing__directory .sb-container { max-width: var(--sb-container-main); padding-inline: 0; }
.sb-studio-landing__directory-eyebrow { margin: 0; color: var(--sb-color-text-inverse-label); }
.sb-studio-directory__rows { margin-top: clamp(28px, 3vw, 48px); border-top: var(--sb-border-hairline) solid var(--sb-color-border-inverse-control); }
.sb-studio-directory__row { position: relative; display: flex; align-items: baseline; justify-content: space-between; gap: var(--sb-space-12); min-height: 0; padding: clamp(16px, 1.7vw, 26px) 0; border-bottom: var(--sb-border-hairline) solid var(--sb-color-border-inverse-control); color: var(--sb-color-text-inverse-body); cursor: default; }
.sb-studio-directory__row--active { cursor: pointer; }
.sb-studio-directory__name { font-size: clamp(30px, 4.4vw, 72px); font-weight: var(--sb-weight-light); line-height: 1; letter-spacing: var(--sb-ls-display); }
.sb-studio-directory__meta { display: flex; align-items: center; justify-content: flex-end; min-width: var(--sb-space-24); }
.sb-studio-directory__row--deferred { color: var(--sb-color-text-inverse-muted); }
.sb-studio-directory__row--active:hover .sb-studio-directory__name, .sb-studio-directory__row--active:focus-visible .sb-studio-directory__name { color: var(--sb-color-accent-metal-over-media); }
.sb-studio-directory__thumbnail { position: absolute; z-index: var(--sb-layer-raised); right: clamp(72px, 8vw, 132px); bottom: calc(var(--sb-space-2) * -1); width: clamp(144px, 18vw, 260px); aspect-ratio: 1; opacity: 0; overflow: hidden; pointer-events: none; transform: translateY(var(--sb-space-7)); transition: opacity var(--sb-duration-cinematic) var(--sb-ease-entrance), transform var(--sb-duration-cinematic) var(--sb-ease-entrance); }
.sb-studio-directory__thumbnail .sb-studio-landing__image { object-fit: cover; }

.sb-studio-landing__editorial-light { gap: 0; background: var(--sb-color-bg); color: var(--sb-color-text); }
.sb-studio-landing__cargo-media { min-height: clamp(560px, 88vh, 940px); }
.sb-studio-landing__editorial-light-panel { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-height: clamp(560px, 88vh, 940px); padding: clamp(44px, 5vw, 96px); }
.sb-studio-landing__cargo-eyebrow { margin: 0; color: var(--sb-color-text-muted); }
.sb-studio-landing__cargo-title { margin: var(--sb-space-10) 0 0; color: var(--sb-color-text); font-size: clamp(32px, 3.6vw, 58px); font-stretch: var(--sb-width-normal); font-weight: var(--sb-weight-light); line-height: 1.02; letter-spacing: var(--sb-ls-display); }
.sb-studio-landing__launch-rail { background: var(--sb-color-bg-inverse); padding-top: clamp(70px, 7vw, 110px); padding-bottom: clamp(60px, 6vw, 90px); }
.sb-studio-landing__picks-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--sb-space-10); }
.sb-studio-landing__picks-head .sb-h3 { margin: 0; color: var(--sb-color-text-inverse); font-size: clamp(24px, 2.6vw, 38px); font-stretch: var(--sb-width-expanded); font-weight: var(--sb-weight-light); line-height: 1.15; letter-spacing: var(--sb-ls-tight); }
.sb-studio-landing__picks-controls { display: flex; gap: var(--sb-space-4); }
.sb-studio-landing__picks-controls[hidden] { display: none; }
.sb-studio-landing__picks-control { display: grid; place-items: center; width: var(--sb-control-height-md); height: var(--sb-control-height-md); padding: 0; background: transparent; border: var(--sb-border-hairline) solid var(--sb-color-border-inverse-control); border-radius: var(--sb-radius-none); color: var(--sb-color-text-inverse); cursor: pointer; }
.sb-studio-landing__picks-control:hover { border-color: var(--sb-color-text-inverse); }
.sb-studio-landing__picks-rail { gap: clamp(16px, 2vw, 30px); margin: 0; padding: var(--sb-space-18) var(--sb-page-inline) var(--sb-space-2); scroll-padding-inline: var(--sb-page-inline); list-style: none; }
.sb-studio-landing__picks-item { flex: 0 0 clamp(260px, 26vw, 400px); }
.sb-studio-landing__picks-item .sb-studio-apparel-card__image { transition: transform var(--sb-duration-cinematic) var(--sb-ease-entrance); }

.sb-studio-landing__final-content { align-items: center; justify-content: flex-end; min-height: inherit; gap: var(--sb-space-7); padding: clamp(60px, 7vw, 110px) var(--sb-page-inline) clamp(44px, 5vw, 72px); text-align: center; }
.sb-studio-landing__final-content .sb-editorial { margin: 0; color: var(--sb-color-text-inverse); font-size: clamp(34px, 4.4vw, 66px); line-height: 1.02; }

@media (hover: hover) and (pointer: fine) {
	.sb-studio-directory__row:hover .sb-studio-directory__thumbnail, .sb-studio-directory__row:focus-visible .sb-studio-directory__thumbnail { opacity: 1; transform: none; }
	.sb-studio-directory__row:hover .sb-studio-directory__thumbnail .sb-studio-landing__image, .sb-studio-directory__row:focus-visible .sb-studio-directory__thumbnail .sb-studio-landing__image, .sb-studio-landing__picks-item .sb-studio-apparel-card__link:hover .sb-studio-apparel-card__image, .sb-studio-landing__picks-item .sb-studio-apparel-card__link:focus-visible .sb-studio-apparel-card__image { transform: scale(var(--sb-media-hover-scale)); }
}
@media (max-width: 1039px) { .sb-studio-landing__hero { margin-top: calc(-1 * var(--sb-header-height-mobile)); } }
@media (max-width: 919px) { .sb-studio-landing__cargo-media, .sb-studio-landing__editorial-light-panel { min-height: 520px; } }
@media (max-width: 767px) {
	.sb-studio-landing__hero { min-height: 600px; height: 600px; }
	.sb-studio-landing__final { min-height: 460px; height: 460px; }
	.sb-studio-landing__hero-content, .sb-studio-landing__final-content { padding-inline: var(--sb-page-inline-mobile); }
	.sb-studio-landing__hero-content { max-width: none; padding-bottom: var(--sb-space-18); }
	.sb-studio-landing__hero-title { font-size: var(--sb-type-hero-mobile-statement); }
	.sb-studio-landing__hero-subtitle { font-size: var(--sb-type-editorial-mobile); }
	.sb-studio-landing__hero-actions { width: 100%; }
	.sb-studio-landing__hero-actions .sb-btn { width: 100%; }
	.sb-studio-landing__directory { padding-inline: var(--sb-page-inline-mobile); }
	.sb-studio-directory__rows { margin-top: var(--sb-space-11); }
	.sb-studio-directory__name { font-size: var(--sb-type-h3); }
	.sb-studio-directory__thumbnail { display: none; }
	.sb-studio-landing__cargo-media { min-height: 520px; }
	.sb-studio-landing__editorial-light-panel { min-height: 300px; padding: var(--sb-section-y-mobile-lg) var(--sb-page-inline-mobile); }
	.sb-studio-landing__cargo-title { font-size: var(--sb-type-display-mobile); }
	.sb-studio-landing__picks-controls { display: none; }
	.sb-studio-landing__picks-rail { gap: var(--sb-grid-gap-mobile); padding-inline: var(--sb-page-inline-mobile); scroll-padding-inline: var(--sb-page-inline-mobile); }
	.sb-studio-landing__picks-item { flex-basis: 260px; }
}

/* JavaScript only enhances an otherwise fully visible Landing. */
.sb-studio-landing--enhanced [data-sb-reveal] { opacity: 0; transform: translateY(var(--sb-space-7)); transition: opacity var(--sb-duration-cinematic) var(--sb-ease-entrance), transform var(--sb-duration-cinematic) var(--sb-ease-entrance); }
.sb-studio-landing--enhanced [data-sb-reveal].is-visible { opacity: 1; transform: none; }
.sb-studio-landing--enhanced .sb-studio-landing__hero-media .sb-studio-landing__image { opacity: 0; animation: sb-studio-hero-fade 1.2s var(--sb-ease-entrance) both; }
.sb-studio-landing--enhanced .sb-studio-landing__hero-content--public > * { opacity: 0; animation: sb-studio-hero-rise .8s var(--sb-ease-entrance) both; }
.sb-studio-landing--enhanced .sb-studio-landing__hero-content--public > *:nth-child(1) { animation-delay: .12s; }
.sb-studio-landing--enhanced .sb-studio-landing__hero-content--public > *:nth-child(2) { animation-delay: .24s; }
.sb-studio-landing--enhanced .sb-studio-landing__hero-content--public > *:nth-child(3) { animation-delay: .36s; }
@keyframes sb-studio-hero-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes sb-studio-hero-rise { from { opacity: 0; transform: translateY(var(--sb-space-7)); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
	.sb-studio-landing .sb-studio-landing__image, .sb-studio-landing--enhanced [data-sb-reveal], .sb-studio-landing--enhanced [data-sb-reveal].is-visible, .sb-studio-landing--enhanced .sb-studio-landing__hero-media .sb-studio-landing__image, .sb-studio-landing--enhanced .sb-studio-landing__hero-content--public > * { opacity: 1 !important; transform: none !important; transition: none !important; animation: none !important; }
}