.studio-page{--st-paper:#f4efe3;--st-paper-2:#efe7d6;--st-paper-3:#f7eddc;--st-ink:#1f1b16;--st-ink-soft:#2a2118;--st-muted:#5f564b;--st-line:#3c2d1c24;--st-line-soft:#785c3414;--st-card:#fffcf6b8;--st-card-strong:#fffaf2e0;--st-card-soft:#ffffff94;--st-shadow:0 10px 28px #36281614;--st-shadow-soft:0 8px 30px #3c280a0a;--st-shadow-strong:0 18px 60px #3c280a14;--st-radius:18px;--st-radius-lg:22px;--st-radius-xl:28px;--st-gold:#d8b36a;--st-gold-dark:#9b6a1d;--st-gold-soft:#cb9b45}.studio-area-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;display:grid}.studio-area-card{border-radius:var(--st-radius-lg);background:var(--st-card);border:1px solid var(--st-line);box-shadow:var(--st-shadow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--st-ink);aspect-ratio:3/2;flex-direction:column;padding:28px 24px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.studio-area-card:before{content:"";background:var(--st-gold);border-radius:var(--st-radius-lg) 0 0 var(--st-radius-lg);opacity:.6;width:4px;transition:opacity .2s,width .2s;position:absolute;inset:0 auto 0 0}.studio-area-card:hover{box-shadow:var(--st-shadow-strong);transform:translateY(-3px)}.studio-area-card:hover:before{opacity:1;width:6px}.studio-area-card small{letter-spacing:.1em;text-transform:uppercase;color:var(--st-muted);margin-bottom:12px;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;display:block}.studio-area-card p{color:var(--st-ink-soft);flex:1;margin:0;font-size:1rem;line-height:1.6}.studio-area-card .area-nav-hint{background:var(--st-area-accent);color:#fff;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-self:flex-start;margin-top:auto;padding:8px 20px;font-size:.82rem;font-weight:700;transition:opacity .2s,transform .2s;display:inline-block}.studio-area-card:hover .area-nav-hint{opacity:.88;transform:scale(1.04)}.studio-area-card.area-tone-0{--st-area-accent:#b8864c;background:linear-gradient(#f7eadfb3 0%,#fffcf6e0 100%)}.studio-area-card.area-tone-0:before{background:var(--st-area-accent)}.studio-area-card.area-tone-1{--st-area-accent:#5a8f6a;background:linear-gradient(#e8f3e8b3 0%,#fffcf6e0 100%)}.studio-area-card.area-tone-1:before{background:var(--st-area-accent)}.studio-area-card.area-tone-2{--st-area-accent:#8a6b96;background:linear-gradient(#f1e6f3b3 0%,#fffcf6e0 100%)}.studio-area-card.area-tone-2:before{background:var(--st-area-accent)}.studio-area-card.area-tone-3{--st-area-accent:#5a7a9e;background:linear-gradient(#e4eef8b3 0%,#fffcf6e0 100%)}.studio-area-card.area-tone-3:before{background:var(--st-area-accent)}.studio-area-card.area-tone-4{--st-area-accent:#a89444;background:linear-gradient(#f7f2cfb3 0%,#fffcf6e0 100%)}.studio-area-card.area-tone-4:before{background:var(--st-area-accent)}.studio-listing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:28px;display:grid}.studio-listing-card{border-radius:var(--st-radius-lg);background:var(--st-card);border:1px solid var(--st-line-soft);box-shadow:var(--st-shadow-soft);color:var(--st-ink);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.studio-listing-card:hover{box-shadow:var(--st-shadow);transform:translateY(-2px)}.studio-listing-card .listing-card-media{background:linear-gradient(#d8cab18c,#f1eadba6) 50%/cover;border-bottom:1px solid #44341e14;height:200px}.studio-listing-card .listing-card-body{flex-direction:column;flex:1;padding:18px 18px 20px;display:flex}.studio-listing-card .listing-card-title{color:var(--st-ink);margin:0;font-size:1.1rem;font-weight:700}.studio-listing-card .listing-card-meta{color:var(--st-muted);margin-top:10px;font-size:.95rem;line-height:1.6}.studio-listing-card .listing-card-actions{justify-content:flex-start;margin-top:auto;padding-top:14px;display:flex}.studio-listing-card .listing-card-cta{background:var(--st-ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.studio-listing-card .listing-card-cta:hover{opacity:.9}.studio-cta-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:48px 0;display:flex}.studio-cta{min-height:48px;color:var(--st-ink);cursor:pointer;background:#fffcf6a8;border:1px solid #46341d38;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-family:inherit;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .18s,background .18s,opacity .18s;display:inline-flex}.studio-cta:hover{transform:translateY(-1px)}.studio-cta.primary{background:var(--st-gold);color:#241a10;border:1px solid #442d101f}.studio-cta.primary:hover{background:#e0be7e}.studio-cta.secondary{color:var(--st-ink);background:0 0;border:1px solid #46341d2e}.studio-cta.secondary:hover{background:#fffcf6e0}.studio-page .cta-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:48px 0;padding:0;display:flex}.studio-page .cta{min-height:48px;color:var(--st-ink);background:#fffcf6a8;border:1px solid #46341d38;border-radius:999px;justify-content:center;align-items:center;padding:10px 22px;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .18s,background .18s,opacity .18s;display:inline-flex}.studio-page .cta:hover{transform:translateY(-1px)}.studio-page .cta.primary{background:var(--st-gold);color:#241a10;border:1px solid #442d101f}.studio-page .cta.primary:hover{background:#e0be7e}.studio-page .label,.studio-page h1{margin-bottom:8px}.studio-page .quote{margin:4px 0 16px;padding-left:.85rem}.studio-page .intro+.section,.studio-page .quote+.section{border:none;margin:0;padding:20px 0 8px}.studio-page .intro+.section p,.studio-page .quote+.section p{margin-bottom:0}.studio-page>p{margin-bottom:10px}.contact-section.is-visible{display:block}@media (max-width:900px){.studio-area-grid{grid-template-columns:1fr}}@media (max-width:640px){.studio-listing-grid{grid-template-columns:1fr}.studio-cta-strip{flex-direction:column;align-items:stretch}.studio-cta{width:100%}}