/* Studio review skin. Copy, URLs, forms and original site.css remain intact. */
:root {
  --wrap:1440px;
  --gutter:clamp(24px,4vw,80px);
  --sec-pad:clamp(56px,6.5vw,96px);
  --ease:cubic-bezier(.22,1,.36,1);
}
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { font-size:16px; }
h1,h2,h3 { font-weight:700; letter-spacing:-.05em; }
.un-bg-gradient { background:var(--un-teal); }
.un-eyebrow { font-size:14px; letter-spacing:.08em; }
.site-header { position:relative; background:var(--un-teal); border:0; }
.header__inner { min-height:108px; padding-block:28px; gap:32px; }
.site-header .wordmark { font-size:26px; }
.nav { align-items:center; gap:24px; }
.nav__link,html[lang="ko"] .nav__link { font-weight:400; font-size:14px; letter-spacing:0; text-transform:none; }
.nav__link { color:var(--un-white); border-width:1px; }
.nav__link.is-active { border-color:var(--un-white); }
.site-language { font-size:14px; }
.site-language a[aria-current] { border-color:var(--un-white); }
.site-header :focus-visible { outline-color:white; }
.btn { display:inline-flex; justify-content:center; align-items:center; font-size:16px; font-weight:700; text-transform:none; letter-spacing:0; line-height:1.4; padding:16px 24px; min-height:56px; border-width:1px; }
.hero .btn--solid,.capture .btn--solid,.invite .btn--solid { background:white; border-color:white; color:var(--un-teal); }
.hero .btn--solid:hover,.capture .btn--solid:hover,.invite .btn--solid:hover { background:var(--un-near-black); color:white; }
.btn--ghost { border-color:var(--un-white-60); }
.btn--ghost:hover { background:white; color:var(--un-teal); }
.btn,.nav__link,.section__more,.foot__link,.footer-icon,.chan { transition:color 180ms ease-out,background-color 180ms ease-out,border-color 180ms ease-out,opacity 180ms ease-out; }
.btn--line:is(:hover,:focus-visible) { background:var(--un-near-black); border-color:var(--un-near-black); color:white; }
.hero .btn--solid:focus-visible,.capture .btn--solid:focus-visible,.invite .btn--solid:focus-visible { background:var(--un-near-black); color:white; }
.section__more:is(:hover,:focus-visible) { opacity:.75; }
.chan:is(:hover,:focus-visible) { border-color:white; }
.section__more,.panel__cta,.host__link,.foot__link { text-transform:none; letter-spacing:0; font-size:16px; }
.section__more,.panel__cta { font-weight:700; }
.section__title,.feature__title,.hosts__title { font-size:clamp(32px,4.2vw,64px); letter-spacing:-.05em; }
.section__lead { color:inherit; font-size:clamp(18px,2vw,26px); }
.section__head { margin-bottom:40px; }
.section__head--row { padding-bottom:24px; }

/* One large opening, then a compact copy / episode pairing. */
.hero__inner--split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:40px 64px; padding-block:36px 64px; }
.hero__copy { display:contents; }
.hero__title { grid-column:1/-1; font-size:clamp(48px,7.7vw,120px); font-weight:700; line-height:1.04; letter-spacing:-.055em; max-width:19ch; text-wrap:balance; margin:0 0 16px; }
.hero__body { grid-column:1; grid-row:2; max-width:34ch; margin:0; align-self:start; }
.hero__body p { font-size:clamp(20px,2vw,28px); color:white; line-height:1.45; }
.hero__cta { grid-column:1; grid-row:3; margin:0; align-self:end; gap:12px; }
.hero__media { grid-column:2; grid-row:2/span 2; align-self:start; }
.media__frame { background:var(--un-charcoal); }

/* The show is an episode destination, not another consulting homepage. */
.page--show .hero__inner--split { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:48px; }
.page--show .hero__copy { display:block; }
.page--show .hero__title { font-size:clamp(40px,4.8vw,72px); text-wrap:initial; max-width:15ch; margin-bottom:28px; }
.page--show .hero__body { max-width:34ch; }
.page--show .hero__body p { font-size:20px; }
.page--show .hero__cta { margin-top:28px; }
.page--show .hero__media { grid-row:auto; grid-column:auto; align-self:center; }
.show-host-band { padding-block:40px 48px; border-top:1px solid var(--un-ink-25); }
.page--show .show-host-band .hosts { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; }
.page--show .show-host-band .hosts__title { font-size:32px; margin:0; }
.page--show .show-host-band .hosts__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.page--show .show-host-band .host { grid-template-columns:72px minmax(0,1fr); gap:16px; align-items:center; }
.page--show .show-host-band .host__frame { grid-row:auto; }
.page--show .show-host-band .host__name { font-size:24px; margin:0; }
.show-links { display:flex; flex-wrap:wrap; gap:24px 40px; justify-content:space-between; margin-top:32px; }
.show-links .section__more { margin:0; }

/* About, Sponsor and Subscribe share the same left edge, never an offset title. */
.page--about article.section,.page--sponsor article.section,.page--subscribe article.section,.page--meet-us article.section { padding-top:0; }
.page--about article.section > .section__head,
.page--sponsor article.section > .section__head,
.page--meet-us article.section > .section__head,
.page--subscribe article.section > .section__head { max-width:none; background:var(--un-teal); color:white; padding:40px max(var(--gutter),calc((100% - var(--wrap))/2)) 64px; margin:0 0 56px; }
article.section > .section__head .un-eyebrow { color:white; }
h1.section__title { font-weight:700; font-size:clamp(48px,7.7vw,112px); letter-spacing:-.055em; margin-top:0; max-width:20ch; }
article.section > .section__head .section__lead { max-width:52ch; margin:28px 0 0; }
.page--about .prose > p:first-child,.page--sponsor .prose > p:first-child { font-size:clamp(22px,2.4vw,32px); max-width:53ch; line-height:1.5; margin-top:0; }
.page--about .prose > p,.page--sponsor .prose > p { font-size:18px; max-width:65ch; }
.page--about .prose > h2 { font-size:clamp(32px,4.2vw,56px); padding-top:32px; margin-top:48px; border-top:1px solid var(--un-ink-25); }
.sponsor-story { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; padding:32px 0; border-top:1px solid var(--un-ink-25); margin-top:32px; }
.sponsor-story > h2 { font-size:clamp(28px,3.5vw,48px); padding:0; border:0; margin:0; }
.sponsor-story > p { margin:0; font-size:18px; max-width:52ch; }
.page--sponsor .invite { max-width:none; margin-top:40px; padding:48px; border:0; }
.invite__title { font-size:clamp(32px,4vw,56px); max-width:24ch; }
.invite { border:0; }
.subscribe-options { gap:48px; }
.subscribe-option { border-top:1px solid var(--un-teal); padding-top:24px; }
.page--subscribe .subscribe-option h2 { font-size:clamp(32px,4vw,56px); }
.subscribe-option p { font-size:18px; }

/* Real people and events carry the imagery; nothing is passed off as client work. */
.studio-host-band { background:var(--un-charcoal); color:white; padding-block:64px; }
.hosts { margin:0; }
.hosts__grid,.hosts--compact .hosts__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }
.hosts--compact .host { grid-template-columns:minmax(100px,160px) minmax(0,1fr); column-gap:24px; }
.hosts--compact .host__name { font-size:28px; }
.host .host__role { font-size:14px; font-weight:400; text-transform:none; letter-spacing:0; }
.host .host__bio { font-size:16px; }
.studio-host-band .host__bio,.studio-host-band .host__role { color:rgba(255,255,255,.8); }
.studio-host-band a { color:white; }
.studio-host-band .section__more { border-bottom:1px solid var(--un-white-40); }
.page--about .hosts { background:var(--un-charcoal); color:white; border:0; padding:48px; margin-top:56px; }
.page--about .hosts__title { font-size:clamp(32px,4vw,56px); margin:0 0 40px; }
.page--about .host { display:grid; grid-template-columns:120px minmax(0,1fr); column-gap:24px; align-content:start; }
.page--about .host__frame { grid-column:1; grid-row:1/span 4; }
.page--about .host__name { margin:0; font-size:28px; }
.page--about .host__role,.page--about .host__bio { color:rgba(255,255,255,.8); }
.page--about .host a { color:white; }
.page--about .host__link { justify-self:start; border:0; padding:0 0 8px; border-bottom:1px solid var(--un-white-40); }
.page--about .host__frame img { margin:0; border:0; }
.section--events { padding-block:64px; }
.feature { align-items:start; gap:48px; }
.feature__title { max-width:21ch; }
.feature__body { font-size:20px; }
.meet-coffee { margin-top:56px; }
.meet-coffee .invite { padding:clamp(28px,4vw,56px); }
.meet-coffee .invite__title { font-size:clamp(32px,4vw,56px); }
.meet-coffee .invite__body { font-size:18px; color:rgba(255,255,255,.8); }
.two-up { border:0; background:none; gap:32px; }
.panel { border:0; padding:40px; gap:24px; }
.panel__title { font-size:clamp(28px,3.4vw,48px); }
.panel__body { font-size:18px; }
.panel--quiet { border-top:1px solid var(--un-teal); padding-inline:0; }

/* The footer stays compact; the follow cards retain their useful full labels. */
.capture__inner { max-width:calc(var(--wrap) + var(--gutter)*2); padding-block:64px; }
.capture__title { font-size:clamp(36px,5.5vw,80px); max-width:20ch; }
.capture__form { max-width:880px; margin-top:40px; }
.capture__input { font-size:20px; }
.capture__input::placeholder { color:rgba(255,255,255,.7); }
.page--subscribe .capture__inner { padding-top:40px; }
.page--subscribe .capture__title { margin:0; font-size:clamp(48px,7.7vw,112px); line-height:1.08; }
.page--subscribe .capture__sub { margin-top:24px; font-size:20px; color:white; }
.subscribe-next { margin-top:16px; max-width:52ch; font-size:14px; color:rgba(255,255,255,.8); }
.subscribe-other { margin-top:24px; font-size:14px; color:rgba(255,255,255,.8); }
.subscribe-other a { color:white; text-decoration:underline; text-underline-offset:4px; }
.channels { margin-top:48px; padding-top:24px; }
.channels__title { font-size:14px; font-weight:400; text-transform:none; letter-spacing:0; margin-bottom:20px; }
.channels__row { grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.chan { border:0; border-top:1px solid var(--un-white-40); padding:20px 0; gap:12px; align-items:flex-start; }
.chan__icon { margin-top:3px; }
.chan__label { font-size:16px; }
.chan__handle { font-size:14px; color:rgba(255,255,255,.75); }
.site-footer { border-bottom:0; }
.footer__inner { padding-top:48px; padding-bottom:32px; }
.footer__brand { max-width:460px; }
.site-footer .wordmark { font-size:clamp(28px,3.2vw,44px); }
.tagline { font-size:16px; color:rgba(255,255,255,.7); }
.footer__nav { display:grid; grid-template-columns:repeat(2,1fr); gap:16px 48px; align-content:start; }
.foot__link { font-weight:400; }
.footer__note { font-size:14px; color:var(--un-white-60); }
.footer__legal { padding-bottom:24px; }

/* Content never waits for an observer to become readable. */
.rv,.rv.is-in { opacity:1; transform:none; transition:none; }
.studio-entered { animation:site-studio-enter 650ms var(--ease) both; }
.site-header a,.section__more,.host__link { text-underline-offset:6px; }
@keyframes site-studio-enter { from { opacity:.3; transform:translateY(14px); } to { opacity:1; transform:none; } }
html[lang="ko"] :is(h1,h2,h3) { letter-spacing:-.035em; line-height:1.2; word-break:keep-all; }
html[lang="ko"] .hero__title { max-width:18ch; }

@media(min-width:1600px) { :root { --gutter:80px; } }
@media(max-width:1100px) {
  .header__inner { flex-wrap:wrap; }
  .channels__row { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .page--about .hosts__grid { grid-template-columns:1fr; }
  .page--about .host { grid-template-columns:180px minmax(0,1fr); }
}
@media(max-width:939px) {
  .header__inner { flex-direction:column; align-items:start; gap:24px; min-height:0; }
  .nav { width:100%; gap:16px 24px; }
  .hero__inner--split { grid-template-columns:1fr; gap:24px; padding-block:24px 48px; }
  .hero__title { grid-column:auto; font-size:clamp(44px,8.8vw,80px); max-width:19ch; }
  .hero__body,.hero__cta,.hero__media { grid-column:auto; grid-row:auto; margin:0; }
  .hero__inner--split .hero__body,.hero__inner--split .hero__cta { margin:0; }
  .hero__inner--split .hero__media { margin-top:16px; max-width:640px; }
  .page--show .hero__inner--split { grid-template-columns:1fr; gap:32px; }
  .page--show .hero__cta { margin-top:24px; }
  .page--show .hero__media { width:100%; }
  .page--show .show-host-band .hosts { grid-template-columns:1fr; gap:24px; }
  .hosts--compact .hosts__grid { grid-template-columns:1fr; }
  .hosts--compact .host { grid-template-columns:140px minmax(0,1fr); }
  .sponsor-story { gap:32px; }
}
@media(max-width:760px) {
  .sponsor-story,.subscribe-options,.two-up { grid-template-columns:1fr; gap:24px; }
  .subscribe-option { padding-bottom:16px; }
  .page--about .hosts,.page--sponsor .invite { padding:32px 24px; }
  .page--about .host { grid-template-columns:120px minmax(0,1fr); }
  .channels__row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer__inner { gap:32px; }
}
@media(max-width:480px) {
  .site-language { margin-left:0; padding-left:0; border:0; }
  .hero__cta .btn { flex-basis:100%; }
  .page--about .host { display:block; }
  .page--about .host__frame { max-width:220px; margin-bottom:24px; }
  .hosts--compact .host { grid-template-columns:96px minmax(0,1fr); gap:12px 20px; }
  .page--show .show-host-band .hosts__grid { grid-template-columns:1fr; gap:20px; }
  .page--show .show-host-band .host { grid-template-columns:64px minmax(0,1fr); gap:16px; }
  .channels__row { grid-template-columns:1fr; gap:0; }
  .capture__form { flex-direction:column; }
  .panel { padding:32px 24px; }
  .panel--quiet { padding-inline:0; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
}
.motion-off *,.motion-off *::before,.motion-off *::after { animation:none!important; transition:none!important; }
