/* A quiet, lightweight showcase for the studio's own work. */
.showcase-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:3%;align-items:center;min-height:650px;min-height:min(740px,calc(100svh - 128px));max-height:none;padding:45px 4.6% 70px;overflow:visible}
.showcase-hero .hero-copy{padding:10px 0 0;max-width:470px}
.showcase-hero .availability{font-size:11px;margin-bottom:25px}
.showcase-hero h1{font-size:clamp(44px,4.7vw,76px);line-height:1.35;letter-spacing:-2px;margin-bottom:23px}
.showcase-hero h1 span{color:var(--ink)}
.showcase-hero .hero-description{font-size:15px;line-height:2.1;max-width:435px;margin-bottom:27px}
.showcase-hero .hero-actions{gap:24px}
.hero-signature{font-size:11px;color:var(--muted);margin:29px 0 0;line-height:2}
.hero-signature>span{display:block;font:8px/1.8 Arial,sans-serif;letter-spacing:2px;margin-top:6px}
.design-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9%;padding-top:85px;padding-bottom:90px;border-top:1px solid var(--line);background:var(--gray-soft)}
.design-intro h2{font-size:clamp(34px,3.7vw,58px);font-weight:700;letter-spacing:-1.8px;line-height:1.5;margin:0}
.design-intro h2>span{color:var(--muted)}
.design-intro-copy p{font-size:15px;line-height:2.2;color:var(--muted);margin:0 0 20px}
.design-principles{list-style:none;margin:30px 0 28px;padding:0;border-top:1px solid var(--line)}
.design-principles li{display:flex;align-items:center;gap:22px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}
.design-principles li>span{font-size:10px;color:var(--muted)}
.studio-header-start .studio-menu-toggle{min-height:44px}
@media(min-width:1251px){.studio-header-start{gap:35px}}
@media(min-width:761px) and (max-width:1050px){.showcase-hero{gap:1%;padding-top:32px;padding-bottom:50px}.showcase-hero h1{font-size:47px}.showcase-hero .hero-description{font-size:14px}.showcase-hero .hero-actions{gap:17px}.showcase-hero .button{padding:14px 18px;font-size:12px}.design-intro{gap:6%}}
@media(max-width:760px){.showcase-hero{display:flex;flex-direction:column;gap:22px;align-items:stretch;min-height:0;padding:35px 6% 45px}.showcase-hero .hero-copy{padding:0;max-width:580px}.showcase-hero .availability{font-size:10px;margin-bottom:21px}.showcase-hero h1{font-size:clamp(43px,9vw,63px);letter-spacing:-1.7px;line-height:1.4;margin-bottom:18px}.showcase-hero h1 br{display:initial}.showcase-hero h1 span{display:inline}.showcase-hero h1 span br{display:none}.showcase-hero .hero-description{font-size:14px;line-height:2;max-width:550px}.showcase-hero .hero-actions{gap:20px}.hero-signature{font-size:10px;margin-top:22px}.design-intro{grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:55px}.design-intro h2{font-size:36px;letter-spacing:-1px;line-height:1.5}.design-intro-copy p{font-size:14px;line-height:2.1}.design-principles li{font-size:12px}.studio-header-start{justify-content:center}}
@media(max-width:350px){.showcase-hero .hero-actions{gap:18px}.showcase-hero .button{padding:14px 18px}.showcase-hero h1{font-size:42px}.showcase-hero .hero-description{font-size:13px}}