/* Studio editorial sections — extends the existing visual identity. */
[hidden]{display:none!important}.section-wrap{padding:90px 5%}.about-inner{padding-bottom:65px}.studio-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;margin-top:55px}.story-copy{max-width:640px}.story-copy p{font-size:16px;line-height:1.85;margin-bottom:20px;color:#494640}.story-copy .story-intro{font-size:clamp(23px,2.4vw,35px);line-height:1.35;font-weight:700;color:var(--ink);letter-spacing:-1px}.ink-link{display:inline-flex;gap:24px;align-items:center;min-height:48px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:700}.ink-link:hover{color:#a32e25;border-color:currentColor}.studio-orbit{height:280px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit-line{position:absolute;width:85%;height:56%;border:1px solid #10101155;border-radius:50%;transform:rotate(-28deg)}.orbit-two{transform:rotate(28deg);width:66%;height:85%;border-color:#10101122}.orbit-star{font-size:115px;color:var(--red);line-height:1;animation:studio-spin 32s linear infinite;animation-play-state:paused}.is-active .orbit-star{animation-play-state:running}.orbit-line:after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:var(--ink);left:12%;top:7%}.orbit-label{position:absolute;bottom:0;font-size:10px;letter-spacing:4px}.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #10101133;margin-top:55px;padding-top:26px;gap:30px}.studio-principles span{font-size:12px;line-height:1.6;color:#555049}.studio-principles b{display:block;color:var(--ink);font-size:18px;margin-bottom:5px}.product-notes{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin:36px 2% 0;padding:0 0 10px}.product-notes article{padding:22px 0}.small-label{font-size:10px;letter-spacing:1.7px;color:#d4b6a9}.product-notes h3{font-size:24px;line-height:1.35;margin:15px 0 12px;letter-spacing:-.7px}.product-notes p{font-size:14px;line-height:1.8;color:#bcb8b1;max-width:550px}.product-notes .case-link{font-size:10px;margin-top:15px}.client-case{margin-top:36px}.alphard-case{border-top:0;margin-top:0;padding-top:30px;padding-bottom:70px;border-bottom:0}.alphard-case .case-preview{order:2}.alphard-case .case-copy{order:1}.case-extra{margin-top:12px}.case-preview img{transition:transform .5s}.case-preview:hover img{transform:scale(1.025)}.studio-services{margin-top:50px}.studio-services .section-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%}.section-intro h2,.process-heading h2,.studio-faq h2{font:700 clamp(40px,4.6vw,68px)/1.1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-1.7px;margin:24px 0}.section-intro>p:last-child,.process-heading>p:last-child{font-size:15px;line-height:1.8;max-width:380px;color:#555049}.service-rows details{border-top:1px solid #10101140}.service-rows details:last-child{border-bottom:1px solid #10101140}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service-rows summary{display:grid;grid-template-columns:30px 1fr 22px;gap:12px;align-items:center;padding:26px 0;font-size:22px;font-weight:700;line-height:1.3}.service-number{font-size:10px;color:#655e55}.detail-toggle{font-size:25px;font-weight:400;transition:transform .25s}.service-rows details[open] .detail-toggle{transform:rotate(45deg)}.service-body{padding:0 0 26px 42px}.service-body p{font-size:14px;line-height:1.8;color:#504b44}.service-body ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0}.service-body li{font-size:10px;padding:7px 10px;border:1px solid #10101130;border-radius:3px}.service-body .ink-link{font-size:11px}.process-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 10%;align-items:end}.process-heading .eyebrow{grid-column:1/-1;color:#c3beb5}.process-heading h2 span{color:var(--red)}.process-heading>p:last-child{color:#bcb8b1;margin-bottom:24px;max-width:440px}.process-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:35px 0 0;padding:0}.process-steps li{border-top:1px solid #ffffff35;padding:22px 0 0;display:flex;flex-direction:column;align-items:stretch}.step-number{font-size:12px;letter-spacing:2px;display:flex;justify-content:space-between;align-items:center;color:#bcb8b1}.step-number i{font-size:28px;font-style:normal;color:var(--red);transition:transform .3s}.process-steps li:hover .step-number i{transform:rotate(35deg)}.process-steps h3{font-size:23px;margin:32px 0 15px;letter-spacing:-.6px}.process-steps p{font-size:14px;line-height:1.8;color:#bcb8b1;margin-bottom:30px}.step-result{font-size:8px;letter-spacing:1px;color:#b8aaa0;margin-top:auto}.studio-faq{border-top:1px solid #ffffff29;margin:0 5%;padding:65px 0 85px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.studio-faq .eyebrow{font-size:10px;color:#c3beb5;letter-spacing:2px}.studio-faq h2{margin:23px 0 15px}.faq-list details{border-top:1px solid #ffffff30}.faq-list details:last-child{border-bottom:1px solid #ffffff30}.faq-list summary{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:16px;padding:24px 0;line-height:1.6}.faq-list summary span{color:var(--red);font-size:25px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{padding:0 30px 24px 0;font-size:14px;line-height:1.85;color:#bcb8b1;overflow-wrap:anywhere}.faq-list a{text-decoration:underline}.contact{border-top:1px solid #ffffff29;margin:0 4%;padding-left:0;padding-right:0}.contact-link>span{line-height:1.6}.menu-dialog nav a{font-size:clamp(30px,5.6vw,74px);line-height:1.45}.posters[data-filter=web]{display:none}@keyframes studio-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.process-steps{grid-template-columns:1fr 1fr;gap:38px}.studio-services .section-wrap{gap:6%}.service-rows summary{font-size:19px}.studio-principles{gap:20px}.studio-story{gap:5%;grid-template-columns:.7fr 1.3fr}}
@media(max-width:700px){.section-wrap{padding:60px 7%}.about-inner{padding-bottom:45px}.about-lead{max-width:100%}.studio-story{grid-template-columns:1fr;margin-top:30px;gap:28px}.studio-orbit{height:175px;width:230px;margin:auto}.orbit-star{font-size:83px}.orbit-label{font-size:8px;letter-spacing:3px}.story-copy .story-intro{font-size:25px}.story-copy p{font-size:14px;line-height:1.8}.studio-principles{grid-template-columns:1fr;margin-top:30px;gap:17px}.studio-principles span{display:grid;grid-template-columns:95px 1fr;align-items:baseline;gap:12px}.studio-principles b{font-size:15px}.product-notes{grid-template-columns:1fr;gap:12px;margin-top:20px}.product-notes article+article{border-top:1px solid #ffffff22}.product-notes h3{font-size:22px}.alphard-case .case-preview{order:0}.alphard-case .case-copy{order:0}.alphard-case{padding-top:10px;padding-bottom:20px}.studio-services{margin-top:45px}.studio-services .section-wrap{grid-template-columns:1fr;gap:36px}.section-intro h2,.process-heading h2,.studio-faq h2{font-size:42px;letter-spacing:-1px}.service-rows summary{font-size:20px;padding:22px 0;grid-template-columns:22px 1fr 20px}.service-body{padding-left:34px}.process-heading{grid-template-columns:1fr;gap:0}.process-steps{gap:30px 20px;margin-top:10px}.process-steps h3{font-size:20px;margin-top:20px}.process-steps p{font-size:12px}.step-result{font-size:7px;letter-spacing:.4px;line-height:1.6}.studio-faq{grid-template-columns:1fr;margin:0 7%;padding:45px 0 55px;gap:30px}.faq-list summary{font-size:15px}.filters{gap:23px;flex-wrap:wrap}.filters button{font-size:10px}.contact{margin:0 7%}.menu-dialog nav a{font-size:34px;line-height:1.65}.menu-dialog nav{margin:auto 0}.contact-link>span{font-size:12px}}
@media(max-width:360px){.process-steps{grid-template-columns:1fr}.process-steps p{font-size:14px}.step-result{font-size:9px}.studio-principles span{grid-template-columns:1fr;gap:2px}.service-rows summary{font-size:18px}.filters{gap:18px}}
@media(prefers-reduced-motion:reduce){.orbit-star{animation:none}.case-preview img,.step-number i,.detail-toggle,.faq-list summary span{transition:none}}
@media(max-width:360px){.brand{left:46%}.brand .emblem{width:30px}.brand .wordmark{width:64px}.header-contact{font-size:8px;letter-spacing:0}}

/* Wide-screen balance: let content fill its grid cell instead of leaving capped columns. */
@media(min-width:701px){
 .studio-story{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,4vw,76px)}
 .story-copy{max-width:none;min-width:0}
 .story-copy p{font-size:clamp(16px,1.05vw,20px)}
 .story-copy .story-intro{font-size:clamp(25px,2.1vw,40px)}
 .client-case{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(30px,3vw,58px)}
 .client-case .case-copy{max-width:none;min-width:0}
 .client-case .case-description{max-width:none;font-size:clamp(15px,1vw,18px)}
 .alphard-case{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
}

/* Satellites follow the exact responsive ellipse while the rings stay still. */
@supports (offset-path:ellipse(50% 50% at 50% 50%)){
 .orbit-line:after{left:0;top:0;offset-path:ellipse(50% 50% at 50% 50%);offset-anchor:center;offset-rotate:0deg;animation:orbit-travel 14s linear infinite;animation-delay:-3s;animation-play-state:paused}
 .orbit-two:after{animation-duration:19s;animation-direction:reverse;animation-delay:-11s}
 .studio-orbit.is-active .orbit-line:after{animation-play-state:running}
}
@keyframes orbit-travel{from{offset-distance:0%}to{offset-distance:100%}}
@media(prefers-reduced-motion:reduce){.orbit-line:after{animation:none!important;offset-distance:65%}.orbit-two:after{offset-distance:24%}}

/* Keep the caption below the orbit artwork, including moving satellites. */
.studio-orbit{max-width:560px;width:100%;margin-bottom:32px}
.orbit-label{bottom:-30px;white-space:nowrap}
@media(max-width:700px){.studio-orbit{width:230px;margin-bottom:22px}.orbit-label{bottom:-20px}}
