.studio-page{background:var(--paper)}
.studio-page main>section:not(.studio-hero){padding-top:4.5rem;padding-bottom:4.5rem}
.studio-page .studio-nav-active{color:var(--blue);font-weight:600}
.studio-hero{position:relative;min-height:calc(100vh - 76px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#e6e5e0}
.studio-hero-meta{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.14em}
.studio-hero h1{font-family:"Noto Sans KR";font-size:clamp(3.5rem,7vw,8.2rem);font-weight:300;line-height:1.03;letter-spacing:-.065em;margin:5vh 0;max-width:12em}
.studio-hero h1 em{font-style:normal;color:var(--blue)}
.studio-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}
.studio-hero-bottom>p{max-width:680px;font-size:1.12rem;line-height:1.8;margin:0}
.studio-hero-cta{display:flex;flex-direction:column;gap:1rem}
.studio-hero-cta>span{font-size:.7rem;letter-spacing:.11em}.studio-hero-cta i{display:inline-block;width:7px;height:7px;margin-right:.55rem;background:#79bd17;border-radius:50%;box-shadow:0 0 0 5px rgba(121,189,23,.15)}
.studio-hero-cta a{display:flex;justify-content:space-between;padding:1.25rem 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:1rem}.studio-hero-cta b{font-weight:400}
.studio-signal{position:absolute;width:31vw;height:31vw;right:-10vw;top:9vh;border:1px solid rgba(35,73,216,.2);border-radius:50%;animation:orbit-float 7s ease-in-out infinite;pointer-events:none}
.studio-signal span{position:absolute;inset:18%;border:1px solid rgba(35,73,216,.16);border-radius:50%}.studio-signal span:nth-child(2){inset:36%}.studio-signal i{position:absolute;inset:46%;background:var(--blue);border-radius:50%;animation:halo-breathe 5s ease-in-out infinite}
.client-situations{background:#f8f7f3}
.situation-head,.service-intro,.process-head{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;margin:5rem 0}
.situation-head h2,.service-intro h2,.process-head h2,.proof-grid h2{font-family:"Noto Sans KR";font-size:clamp(2.3rem,4.6vw,5.1rem);font-weight:300;line-height:1.14;letter-spacing:-.055em;margin:0}
.editorial-heading span{display:block;white-space:nowrap}
.situation-head p,.service-intro>p,.process-head>p{line-height:1.8;margin:0;color:var(--muted)}
.situation-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.situation-list article{min-height:300px;padding:1.8rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.situation-list article>span{font-size:.7rem;color:var(--muted)}
.situation-list h3{font-family:"Noto Sans KR";font-size:clamp(1.5rem,2.4vw,2.7rem);font-weight:300;line-height:1.3;letter-spacing:-.04em;margin:auto 0 2rem}
.situation-list b{font-size:.65rem;letter-spacing:.12em;font-weight:500;color:var(--blue)}
.studio-services{background:var(--ink);color:#fff}
.studio-services .section-kicker{border-color:rgba(255,255,255,.24)}.studio-services .section-kicker span:last-child,.studio-services .service-intro>p{color:#aaa}
.service-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.22)}
.service-offers article{min-height:650px;padding:2rem;background:#1d1d1d;display:flex;flex-direction:column}
.service-offers .offer-featured{background:var(--blue)}
.offer-no{font-size:clamp(3.5rem,6vw,6.5rem);font-weight:300;line-height:1;color:rgba(255,255,255,.15);margin-bottom:2.5rem}
.service-offers h3{font-family:"Noto Sans KR";font-size:clamp(1.7rem,2.5vw,3rem);font-weight:300;line-height:1.25;letter-spacing:-.045em;margin:1.5rem 0}
.service-offers article>p:not(.eyebrow){line-height:1.75;color:#bbb}
.offer-featured>p:not(.eyebrow){color:rgba(255,255,255,.75)!important}
.service-offers ul{list-style:none;padding:1.2rem 0 0;margin:1rem 0 2rem;border-top:1px solid rgba(255,255,255,.22)}
.service-offers li{padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:.85rem}
.offer-time{display:flex;justify-content:space-between;margin-top:auto;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.35);font-size:.68rem;letter-spacing:.09em}.offer-time b{font-weight:500}
.period-note{text-align:right;color:#888;font-size:.72rem;margin:1rem 0 0}
.studio-work{background:#d8d9d5}
.studio-case{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center;margin-top:5rem}
.studio-case-reverse{grid-template-columns:.8fr 1.2fr}.studio-case-reverse .studio-case-media{order:2}
.studio-case-media{position:relative;min-height:580px;background:#bbb;overflow:hidden}.studio-case-media img{display:block;width:100%;height:100%;min-height:580px;object-fit:cover;transition:transform .8s}.studio-case:hover img{transform:scale(1.02)}
.studio-case-media span{position:absolute;left:1rem;bottom:1rem;padding:.5rem .7rem;background:rgba(15,15,15,.76);color:#fff;font-size:.62rem;letter-spacing:.08em}
.studio-case-copy h2{font-family:"Noto Sans KR";font-size:clamp(2.8rem,5vw,5.8rem);font-weight:300;letter-spacing:-.06em;margin:2rem 0}
.studio-case-copy>p{line-height:1.8;color:#454541}.studio-case-copy .case-prompt{font-family:"Noto Sans KR";font-size:1.3rem;font-weight:300;line-height:1.55;color:var(--ink)}
.studio-case-copy dl{margin:2.5rem 0 0;border-top:1px solid var(--line)}.studio-case-copy dl div{display:grid;grid-template-columns:80px 1fr;padding:.9rem 0;border-bottom:1px solid var(--line)}.studio-case-copy dt{font-size:.67rem;letter-spacing:.1em}.studio-case-copy dd{font-size:.76rem;margin:0;color:var(--muted)}
.all-work-link{display:flex;justify-content:space-between;margin-top:4rem;padding:1.5rem 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.all-work-link b{font-size:.75rem;letter-spacing:.1em}
.studio-process{background:#f8f7f3}
.process-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.process-list li{display:grid;grid-template-columns:80px 1fr;padding:2rem 0;border-bottom:1px solid var(--line)}.process-list li>span{font-size:.7rem;color:var(--muted)}
.process-list li>div{display:grid;grid-template-columns:.55fr .8fr 1fr;gap:4vw;align-items:start}.process-list b{font-size:.68rem;letter-spacing:.1em;color:var(--blue)}.process-list h3{font-family:"Noto Sans KR";font-size:1.55rem;font-weight:400;margin:0;letter-spacing:-.035em}.process-list p{line-height:1.7;color:var(--muted);margin:0}
.studio-proof{background:var(--blue);color:#fff}.studio-proof .section-kicker{border-color:rgba(255,255,255,.3)}.studio-proof .section-kicker span:last-child{color:rgba(255,255,255,.65)}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:5rem}.proof-grid>div>p{font-size:1.05rem;line-height:1.85;margin:0 0 3rem;color:rgba(255,255,255,.78)}
.proof-names{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.3)}.proof-names span{padding:1rem;border-right:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);font-size:.78rem}
.studio-faq{background:var(--paper)}.faq-list{margin-top:5rem;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:1.6rem 0;cursor:pointer;font-family:"Noto Sans KR";font-size:1.25rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:.68rem;color:var(--muted)}.faq-list summary b{font-weight:300}.faq-list details[open] summary b{transform:rotate(45deg)}.faq-list details p{max-width:760px;margin:0 0 2rem 70px;line-height:1.8;color:var(--muted)}
.studio-inquiry{background:var(--acid);min-height:65vh;display:flex;flex-direction:column;justify-content:center}.studio-inquiry h2{font-family:"Noto Sans KR";font-size:clamp(2.4rem,6vw,7rem);font-weight:300;line-height:1.08;letter-spacing:-.055em;margin:2rem 0 2.5rem}.inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}.inquiry-grid p{max-width:660px;line-height:1.75;margin:0}.inquiry-grid a{display:flex;justify-content:space-between;padding:1.1rem 0;border-top:1px solid;border-bottom:1px solid;font-size:1.1rem}
@media(max-width:800px){
  .editorial-heading span{white-space:normal}
  .studio-page main>section:not(.studio-hero){padding-top:3.5rem;padding-bottom:3.5rem}
  .studio-hero{min-height:calc(100svh - 64px)}.studio-hero-meta span:last-child{display:none}.studio-hero h1{font-size:clamp(2.8rem,12vw,5rem);margin:4rem 0}.studio-hero-bottom,.situation-head,.service-intro,.process-head,.proof-grid,.inquiry-grid{grid-template-columns:1fr}.studio-hero-bottom{gap:2.5rem}.studio-signal{width:75vw;height:75vw;right:-40vw}
  .situation-head,.service-intro,.process-head{margin:3.5rem 0}.situation-list,.service-offers{grid-template-columns:1fr}.situation-list article{min-height:250px}.service-offers article{min-height:580px}
  .studio-case,.studio-case-reverse{grid-template-columns:1fr;gap:2rem}.studio-case-reverse .studio-case-media{order:0}.studio-case-media,.studio-case-media img{min-height:420px}.studio-case-copy h2{margin:1.5rem 0}
  .process-list li{grid-template-columns:45px 1fr}.process-list li>div{grid-template-columns:1fr;gap:1rem}.process-list p{margin-top:.25rem}
  .proof-grid{gap:3rem}.proof-names{grid-template-columns:1fr}.faq-list{margin-top:3.5rem}.faq-list summary{grid-template-columns:42px 1fr auto;font-size:1rem}.faq-list details p{margin-left:42px}
  .studio-inquiry{min-height:52vh}.studio-inquiry h2{margin-bottom:2.25rem}.inquiry-grid{gap:2rem}.inquiry-grid a{font-size:1rem}
}


/* Featured Behance artwork: fill the existing media dimensions. */
.studio-featured-media{height:580px;background:#fff}
.studio-featured-media a{display:block;height:100%}
.studio-featured-media img{height:100%;min-height:0;object-fit:cover}
.studio-project-link{display:flex;justify-content:space-between;align-items:center;margin-top:1.6rem;padding:1rem 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:.78rem;letter-spacing:.04em}
@media(max-width:800px){.studio-featured-media{height:420px}}