:root { color-scheme:light; --ink:#292929; --muted:#686868; --line:#dedede; --paper:#fff; font-family:"Poppins",Arial,sans-serif; }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { width:min(100%,1440px); min-height:100vh; margin:0 auto; padding:0 clamp(1.25rem,5vw,5.5rem); color:var(--ink); background:var(--paper); }
a { color:inherit; }
.studio-header { min-height:7rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; border-bottom:1px solid var(--line); }
.studio-brand { display:inline-flex; align-items:center; gap:.75rem; text-decoration:none; }
.studio-brand img { width:2.2rem; height:2.2rem; filter:grayscale(1) brightness(.18); }
.studio-brand strong { font-size:.92rem; letter-spacing:-.02em; }
.return-link { font-size:.68rem; font-weight:600; text-decoration:none; }
.return-link span { margin-left:.35rem; }
main { padding-bottom:clamp(5rem,12vw,10rem); }
.studio-intro { min-height:min(76vh,52rem); padding:clamp(5rem,12vw,10rem) 0 5rem; display:grid; align-content:center; }
.studio-kicker,.section-number { margin:0 0 1.2rem; color:#777; font-size:.64rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.studio-intro h1 { max-width:69rem; margin:0; font-size:clamp(3rem,8.4vw,8rem); font-weight:600; line-height:.94; letter-spacing:-.065em; }
.studio-intro h1 em { color:#777; font-style:normal; font-weight:400; }
.studio-lead { max-width:44rem; margin:clamp(2rem,5vw,4rem) 0 0 auto; color:#515151; font-size:clamp(1rem,1.65vw,1.45rem); line-height:1.65; }
.studio-story,.studio-sonyeon { padding:clamp(4rem,9vw,8rem) 0; display:grid; grid-template-columns:minmax(5rem,1fr) minmax(0,3fr); gap:2rem; border-top:1px solid var(--line); }
.studio-story>div,.studio-sonyeon>div { max-width:52rem; }
h2 { margin:0 0 2rem; font-size:clamp(2rem,4.3vw,4.2rem); font-weight:600; line-height:1; letter-spacing:-.055em; }
.studio-story div p,.studio-sonyeon div p { color:#555; font-size:clamp(.95rem,1.25vw,1.12rem); line-height:1.8; }
.studio-disciplines { padding:clamp(4rem,9vw,8rem) 0; border-top:1px solid var(--line); }
.section-heading { display:grid; grid-template-columns:minmax(5rem,1fr) minmax(0,3fr); gap:2rem; }
.discipline-grid { margin-top:3rem; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); border-bottom:1px solid var(--line); }
.discipline-grid article { min-height:20rem; padding:2rem clamp(1rem,2.5vw,2.5rem) 2.5rem 0; }
.discipline-grid article+article { padding-left:clamp(1rem,2.5vw,2.5rem); border-left:1px solid var(--line); }
.discipline-grid span { color:#777; font-size:.62rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.discipline-grid h3 { margin:4rem 0 1rem; font-size:clamp(1.25rem,2.2vw,2rem); font-weight:600; line-height:1.15; letter-spacing:-.035em; }
.discipline-grid p { color:#626262; font-size:.82rem; line-height:1.7; }
.studio-sonyeon a { display:inline-flex; margin-top:1.5rem; padding-bottom:.35rem; gap:1rem; border-bottom:1px solid #333; font-size:.75rem; font-weight:700; text-decoration:none; }
footer { min-height:7rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; border-top:1px solid var(--line); }
footer span { font-weight:700; }
footer small { color:#777; font-size:.65rem; }
@media (max-width:700px) {
  .studio-header { min-height:5.5rem; }
  .studio-brand strong { font-size:.8rem; }
  .return-link { font-size:.58rem; }
  .studio-intro { min-height:70vh; padding:5rem 0 3rem; }
  .studio-story,.studio-sonyeon,.section-heading { grid-template-columns:1fr; gap:.5rem; }
  .discipline-grid { grid-template-columns:1fr; }
  .discipline-grid article { min-height:0; padding:2.25rem 0; }
  .discipline-grid article+article { padding-left:0; border-top:1px solid var(--line); border-left:0; }
  .discipline-grid h3 { margin:2rem 0 .8rem; }
  footer { align-items:flex-start; flex-direction:column; justify-content:center; gap:.3rem; }
}