/* Progressive enhancement: content is visible without JavaScript. */
.home-studio .hero h1{font-size:clamp(3.2rem,5.2vw,5.7rem);max-width:13ch}
.home-studio .hero-main img{object-position:50% 48%}
.paint-controls{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin-top:2rem;color:#626b56;font-size:.66rem;letter-spacing:.04em}
.paint-controls button{font:inherit;border:1px solid #bac0b0;background:transparent;color:#45513c;padding:.6rem .75rem;cursor:pointer}
.paint-controls button[aria-pressed=true]{background:#44513b;color:white}
.paint-reveal{position:relative;isolation:isolate;background:#e5dfd1;overflow:hidden}
.paint-reveal.is-painting::before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ddd5c5,#f1ede3);z-index:-1}
.paint-reveal.is-painting img{clip-path:inset(0 0 calc(100% - var(--paint,100%)) 0);will-change:clip-path}
.paint-reveal .spray-head{position:absolute;right:0;top:var(--paint,0%);width:135px;height:78px;transform:translateY(-50%);pointer-events:none;z-index:3;opacity:var(--spray-opacity,0)}
.paint-reveal .spray-head svg{width:100%;height:100%;overflow:visible}
.paint-reveal.is-painting figcaption{z-index:4}
.paint-reveal:focus-within img{clip-path:none}
.reading-content{padding:3rem 6% 5rem;max-width:1260px;margin:auto}
.reading-content>section:not(.case-film){max-width:800px;margin:0 auto 3.5rem}
.reading-content h2{font-size:clamp(2rem,3.2vw,3rem);max-width:25ch;margin-bottom:1.2rem}
.reading-content p{color:#596150;line-height:1.95;font-size:1rem}
.case-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin:3rem 0}
.case-photo-grid figure{height:460px;position:relative}
.case-photo-grid figure:first-child{grid-row:span 2;height:auto;min-height:460px}
.case-photo-grid img{width:100%;height:100%;object-fit:cover}
.case-photo-grid figcaption{position:absolute;bottom:0;left:0;background:#f8f6f0ed;padding:.8rem 1rem;font-size:.8rem}
.case-film{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:#e9ecdf;padding:3rem;margin-top:3rem}
.case-film video{width:100%;max-height:560px;background:#242c22;object-fit:contain}
.resource-hub .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.resource-hub .related-card{gap:.8rem}.resource-hub .related-card strong{font-family:Georgia,serif;font-size:1.6rem;font-weight:400}
@media(max-width:760px){.home-studio .hero h1{font-size:3.4rem}.home-studio .hero-visual{min-height:500px}.paint-controls{margin-top:1.4rem}.case-photo-grid{grid-template-columns:1fr}.case-photo-grid figure,.case-photo-grid figure:first-child{height:450px;grid-row:auto}.case-film{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem}.resource-hub .related-grid{grid-template-columns:1fr}.reading-content{padding:2rem 6% 3rem}.paint-reveal .spray-head{width:105px}}
@media(prefers-reduced-motion:reduce){.paint-reveal.is-painting img{clip-path:none!important;will-change:auto}.spray-head{display:none!important}.scroll-cue{display:none}}
@media print{.paint-reveal.is-painting img{clip-path:none!important}.spray-head,.paint-controls{display:none!important}}

/* Compact editorial block and accessible full-photo view. */
@media(min-width:761px){.studio-teaser-image{height:clamp(560px,52vw,740px);min-height:0}.studio-teaser-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}}
.photo-zoom{position:absolute;top:1rem;right:1rem;z-index:5;background:#f8f6f0f2;color:#34412d;border:1px solid #c6cbbf;padding:.65rem .9rem;font:500 .74rem 'Segoe UI',sans-serif;cursor:pointer;min-height:44px}
.photo-viewer{position:fixed;inset:0;margin:auto;width:min(1050px,94vw);max-width:94vw;max-height:94dvh;padding:1rem 1.3rem;border:1px solid #8b947e;background:#f8f6f0;color:#293723;box-sizing:border-box;overflow:auto}
.photo-viewer::backdrop{background:#172016e8}.photo-viewer-open{overflow:hidden}
.photo-viewer-bar,.photo-viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem}.photo-viewer-bar{margin-bottom:.8rem}.photo-count{font-size:.78rem;letter-spacing:.12em}
.photo-viewer button{font:inherit;border:1px solid #bdc4b3;background:transparent;color:inherit;min-width:44px;min-height:44px;padding:.5rem .8rem;cursor:pointer}.photo-viewer button:hover{background:#e3e8da}
.photo-viewer .photo-full{display:block;width:100%;height:min(70dvh,780px);object-fit:contain;background:#e9e7de}
.photo-viewer-bottom{margin-top:.8rem}.photo-caption{font-size:.82rem;margin:0;text-align:center;line-height:1.5}
@media(max-width:600px){.photo-viewer{padding:.7rem;width:96vw;max-width:96vw}.photo-viewer .photo-full{height:66dvh}.photo-caption{font-size:.74rem}.photo-zoom{top:.7rem;right:.7rem}}