/* The name and its existing mark share one quiet reading space. */
body[data-page="studio"] .page-surface{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(min-content,1fr) auto;min-height:100vh;min-height:100dvh;--footer-overlap:0px;background:#080703;color:#e8dfd0}
body[data-page="studio"] main{display:grid;min-height:0}
.studio-ground{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.studio-ground>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;opacity:.7}
.studio-story{
  display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.2fr);align-items:center;
  gap:clamp(48px,7vw,112px);width:min(100%,1120px);min-height:80svh;margin-inline:auto;
  padding:clamp(160px,20svh,240px) clamp(32px,7vw,80px) clamp(80px,12svh,144px);
}
.studio-emblem{margin:0;display:grid;place-items:center}
.studio-emblem img{display:block;width:min(100%,320px);height:auto;filter:brightness(0) invert(.84);opacity:.9}
.studio-story-copy{min-width:0;max-width:34rem}
.studio-eyebrow{margin:0 0 24px;font:400 12px/1.5 Cinzel,Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:#c6b89c}
.studio-title{margin:0;font:400 clamp(40px,4.5vw,64px)/1.12 Playfair,Georgia,serif;letter-spacing:-.025em;text-wrap:balance}
.studio-meaning,.studio-explanation{font:400 clamp(17px,1.35vw,20px)/1.85 Playfair,Georgia,serif;letter-spacing:.005em}
.studio-meaning{margin:32px 0 0}
.studio-meaning [lang="ja"]{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;white-space:nowrap}
.studio-explanation{margin:22px 0 0;color:#cfc5b4}
.studio-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:32px}
.studio-links a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:400 12px/1.5 Cinzel,Georgia,serif;letter-spacing:.08em;color:inherit}
.studio-links a span[aria-hidden]{font:400 18px/1 Georgia,serif}
.studio-links a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(max-width:700px){
  .studio-story{grid-template-columns:minmax(0,1fr);gap:36px;min-height:0;padding:144px 32px 64px;text-align:center}
  .studio-emblem img{width:clamp(136px,32vw,200px)}
  .studio-story-copy{margin-inline:auto}
  .studio-title{font-size:clamp(34px,8.8vw,52px)}
  .studio-eyebrow{font-size:11px;margin-bottom:20px}
  .studio-meaning{margin-top:24px}
  .studio-links{justify-content:center;gap:12px 24px;margin-top:24px}
}
@media(forced-colors:active){
  body[data-page="studio"] .page-surface{background:Canvas;color:CanvasText}
  .studio-ground{display:none}
  .studio-eyebrow,.studio-explanation{color:CanvasText}
  .studio-links a{color:LinkText}
  .studio-links a:focus-visible{outline-color:Highlight}
  .studio-emblem{background:CanvasText;mask:url('/crocodile-icon.png') center/contain no-repeat}
  .studio-emblem img{visibility:hidden}
}