/* Shared composition for studio and cooperation hero sections. */
.subpage-hero{position:relative;isolation:isolate;overflow:hidden;overflow:clip;padding-top:85px;padding-bottom:85px}.subpage-hero .section-label{margin-bottom:0}.subpage-hero .studio-intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:6%;align-items:center;margin-top:60px}.subpage-hero .studio-intro-grid>div:first-child{position:relative;z-index:2}.service-page .subpage-hero h1{font-size:clamp(46px,6vw,94px);font-weight:600;letter-spacing:-.065em;line-height:1.03;margin:0;max-width:none}.subpage-hero .studio-intro-lead{font-size:19px;line-height:1.8;color:#aaa;max-width:690px;margin:30px 0}.subpage-hero .studio-intro-art{position:relative;aspect-ratio:1/1;width:100%;max-width:520px;justify-self:center;z-index:0;pointer-events:none}.subpage-hero .studio-intro-art canvas,.subpage-hero .studio-glass-fallback{position:absolute;width:250%;height:250%;max-width:none;left:-30%;top:-75%;display:block;pointer-events:none}.subpage-hero .studio-glass-fallback{opacity:.45}.subpage-hero .live-3d .studio-glass-fallback{visibility:hidden}
@media(max-width:1000px) and (min-width:601px){.subpage-hero .studio-intro-grid{grid-template-columns:1.6fr 1fr;gap:4%}.subpage-hero .studio-intro-art{max-width:440px}}
@media(max-width:600px){.subpage-hero{padding-top:36px;padding-bottom:36px}.subpage-hero .studio-intro-grid{grid-template-columns:1fr;margin-top:32px;gap:30px}.service-page .subpage-hero h1{font-size:43px}.subpage-hero .studio-intro-lead{font-size:17px;margin:25px 0}.subpage-hero .studio-intro-art{max-width:310px;margin:auto}.subpage-hero .studio-intro-art canvas,.subpage-hero .studio-glass-fallback{width:160%;height:160%;left:-15%;top:-30%}}

.service-page .subpage-hero h1 em{color:inherit;font-style:normal}.subpage-hero .studio-intro-grid{align-items:center}.service-page .subpage-hero h1{overflow-wrap:normal}@media(max-width:600px){.service-page .subpage-hero h1{font-size:clamp(37px,10.3vw,43px);line-height:1.08}}

/* Cooperation scene spans the hero so its edges can continue behind the copy. */
.subpage-hero>#cooperation-glass,.subpage-hero>#portfolio-glass{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;z-index:0}.subpage-hero>.section-label{position:relative;z-index:2}.subpage-hero .studio-intro-grid>div:first-child{background:transparent}

/* Keep sculpture presence without dedicating a full extra screen to it on phones. */
@media(max-width:600px){.subpage-hero .studio-intro-grid{gap:20px;margin-top:28px}.subpage-hero .studio-intro-art{width:240px;max-width:100%;height:140px;aspect-ratio:auto;margin:0;justify-self:end}.subpage-hero .studio-intro-lead{margin:20px 0}}

/* Restore original mobile sculpture scale independently of reserved layout height. */
@media(max-width:600px){.subpage-hero .studio-intro-art{width:310px;max-width:100%}.portfolio-page .portfolio-hero .studio-intro-art{width:280px;max-width:100%}.studio-page .subpage-hero .studio-intro-art canvas,.studio-page .subpage-hero .studio-glass-fallback{height:auto;aspect-ratio:1/1}}