.studio-page { --studio-paper:#f0f0f0; background:var(--studio-paper); color:#101010; letter-spacing:0 }
.studio-page .site-header { color:var(--white) }
.studio-main { position:relative; overflow:clip }
.studio-main>.page-grid { z-index:1 }
.studio-main>.page-grid i { background:rgba(126,126,126,.13) }
.studio-main section { position:relative }
.studio-hero { height:56.25vw; min-height:0; overflow:hidden; color:white }
.studio-hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.studio-hero h1 { position:absolute; inset:14.6vw 0 auto; font-size:10.416667vw; line-height:1.03; font-weight:400; white-space:nowrap }
.studio-hero h1 span { display:block }
.studio-hero h1 span:nth-child(1) { margin-left:42.5% }
.studio-hero h1 span:nth-child(2) { margin-left:10.7% }
.studio-hero h1 span:nth-child(3) { margin-left:36.5% }
.studio-intro { min-height:56.25vw; text-align:center; padding:9.1vw 0 6vw }
.studio-intro-overview { min-height:26.5vw }
.studio-intro-heading { position:relative; z-index:2 }
.studio-intro h2 { font-size:2.083333vw; line-height:1.45 }
.studio-intro-heading>p { font:300 1.666667vw/1.5 var(--sans); margin-top:.55vw }
.studio-intro-copy { position:relative; z-index:2; margin:4.45vw auto 0; width:85%; font:300 1.041667vw/2 var(--sans) }
.studio-services { position:relative; margin:0 7.3%; display:grid; grid-template-columns:1fr 1fr 1.31fr 1fr; gap:5.6vw; text-align:left; z-index:2 }
.studio-service h3 { font:400 1.25vw/1.6 var(--serif); text-transform:uppercase; white-space:nowrap }
.studio-service ul { list-style:none; margin:.65vw 0 0; padding:0; font:300 1.041667vw/2 var(--sans); color:#7d7d7d }
.studio-service li { margin:0; min-width:0 }
.studio-showcase { height:56.25vw; color:white; overflow:hidden }
.studio-slides { position:absolute; inset:0; background:#111 }
.studio-slides img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.8s ease }
.studio-slides img.is-active { opacity:1 }
.studio-slides img:nth-child(3) { object-position:center 54% }
.studio-slides::after { content:''; position:absolute; inset:0; background:rgba(0,0,0,.12) }
.studio-showcase-quote { position:relative; z-index:2; padding-top:13vw; width:87%; margin:auto; text-align:center; font:400 4.166667vw/1.25 var(--script); font-synthesis:none }
.studio-visit-wrap { position:absolute; z-index:2; left:0; right:0; bottom:7.7vw; text-align:center }
.studio-visit { font:400 2.083333vw/1.4 var(--serif); text-transform:uppercase; display:inline-flex; align-items:center; gap:1.3vw }
.studio-visit span { font:300 3.1vw/1 var(--sans); transition:translate .3s ease }
.studio-visit[href]:hover span { translate:.4vw 0 }
.studio-collage { height:75.25vw; color:var(--navy) }
.studio-photo { position:absolute; margin:0; padding:.73vw; background:rgba(255,255,255,.32) }
.studio-photo img { width:100%; height:100%; object-fit:cover }
.studio-marketing-photo { left:7.2%; top:10.1vw; width:26.2%; height:14.75vw }
.studio-marketing-photo img { object-position:center 53% }
.studio-brands-photo { left:74.1%; top:13.2vw; width:18.9%; height:16.7vw }
.studio-brands-photo img { object-position:55% center }
.studio-experiences-photo { left:10.1%; top:28.7vw; width:19.2%; height:15.45vw }
.studio-experiences-photo img { object-position:48% center }
.studio-lifestyle-photo { left:56.65%; top:40.6vw; width:36.2%; height:16.65vw }
.studio-lifestyle-photo img { object-position:center 51% }
.studio-collage-label { position:absolute; z-index:2; font:400 4.166667vw/1.35 var(--serif); white-space:nowrap }
.studio-marketing-label { left:29.3%; top:23.5vw }
.studio-brands-label { left:58.6%; top:27.5vw }
.studio-experiences-label { left:21.1%; top:46.6vw }
.studio-lifestyle-label { left:41.6%; top:36.3vw }
.studio-brands { height:36vw }
.studio-brands .brand-wall { position:absolute; top:.1vw; left:6.25%; width:57.2%; display:grid; gap:.83vw; z-index:2 }
.studio-brands .brand-row { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.83vw }
.studio-brands .brand-tile { position:relative; aspect-ratio:292/185; min-width:0; overflow:hidden; background:#222 }
.studio-brands .brand-tile>img { width:100%; height:100%; object-fit:cover }
.studio-brands .brand-tile>img:first-child { filter:brightness(.75) }
.studio-brands .brand-tile>.partner-logo { position:absolute; inset:0; object-fit:fill }
.studio-statistics { position:absolute; top:0; left:69.2%; width:28.5%; z-index:2; display:grid; gap:1.75vw }
.studio-statistic-number { display:block; font:400 3.125vw/1.15 var(--serif); white-space:nowrap; font-variant-numeric:lining-nums tabular-nums }
.studio-statistic-label { display:block; margin-top:.5vw; font:300 1.041667vw/1.4 var(--sans) }
.studio-line { display:block; overflow:hidden; padding-bottom:.24em; margin-bottom:-.24em }
.studio-line>span { display:block }
.studio-motion-ready [data-studio-reveal] { opacity:0; transform:translate3d(0,80px,0) }
.studio-motion-ready .studio-line>span { opacity:0; transform:translate3d(0,110%,0) }
@media(max-width:900px) {
 .studio-hero { height:83svh; min-height:500px }
 .studio-hero-video { object-position:52% center }
 .studio-hero h1 { top:31svh; font-size:13vw; line-height:1.25 }
 .studio-hero h1 span:nth-child(1) { margin-left:25% }
 .studio-hero h1 span:nth-child(2) { margin-left:7% }
 .studio-hero h1 span:nth-child(3) { margin-left:23% }
 .studio-intro { min-height:0; padding:80px 7% 85px }
 .studio-intro-overview { min-height:0 }
 .studio-intro h2 { font-size:28px }
 .studio-intro-heading>p { font-size:22px; margin-top:16px; line-height:1.4 }
 .studio-intro-copy { width:100%; font-size:17px; line-height:1.8; margin-top:40px }
 .studio-intro-copy br { display:none }
 .studio-services { position:relative; inset:auto; margin-top:70px; grid-template-columns:1fr 1fr; gap:38px 26px }
 .studio-service h3 { font-size:18px; line-height:1.5; white-space:normal }
 .studio-service ul { font-size:16px; line-height:1.65; margin-top:14px }
 .studio-service li { margin-bottom:8px }
 .studio-showcase { height:80svh; min-height:510px }
 .studio-showcase-quote { width:86%; padding-top:105px; font-size:36px; line-height:1.3 }
 .studio-showcase-quote br { display:none }
 .studio-visit-wrap { bottom:68px }
 .studio-visit { font-size:24px; gap:12px }
 .studio-visit span { font-size:36px }
 .studio-collage { height:995px }
 .studio-photo { padding:6px }
 .studio-marketing-photo { top:80px; left:5%; width:54%; height:150px }
 .studio-marketing-label { top:228px; left:28% }
 .studio-brands-photo { top:295px; left:62%; width:33%; height:200px }
 .studio-brands-label { top:365px; left:29% }
 .studio-experiences-photo { top:490px; left:6%; width:39%; height:210px }
 .studio-experiences-label { top:705px; left:9% }
 .studio-lifestyle-photo { top:790px; left:32%; width:63%; height:165px }
 .studio-lifestyle-label { top:750px; left:41% }
 .studio-collage-label { font-size:29px }
 .studio-brands { height:auto; padding:65px 7% 85px }
 .studio-brands .brand-wall { position:relative; inset:auto; width:100%; gap:12px }
 .studio-brands .brand-row { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px }
 .studio-brands .brand-tile:nth-child(4) { grid-column:1/2; margin-left:50%; width:100% }
 .studio-brands .brand-tile:nth-child(5) { grid-column:2/3; margin-left:50%; width:100% }
 .studio-statistics { position:relative; inset:auto; width:100%; margin-top:50px; gap:30px }
 .studio-statistic-number { font-size:clamp(30px,7.4vw,44px) }
 .studio-statistic-label { font-size:17px; margin-top:8px }

}
@media(max-width:480px) {
 .studio-services { grid-template-columns:1fr; gap:34px; margin-left:8%; margin-right:8% }
 .studio-service h3 { font-size:20px }
 .studio-service ul { font-size:18px }
}
@media(prefers-reduced-motion:reduce) {
 .studio-motion-ready [data-studio-reveal],.studio-motion-ready .studio-line>span { opacity:1 !important; transform:none !important }
 .studio-slides img { transition:none }
}