:where(.site-nav){display:flex;justify-content:center;gap:30px;margin:12px 0 38px;font-size:12px;font-weight:800;letter-spacing:.08em}.site-nav a{padding:12px 0;text-decoration:none}.site-nav a:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:560px){.site-nav{gap:26px}}

/* Shared mobile controls; desktop navigation remains in normal document flow. */
.hero>a{max-width:100%}
.mobile-header-controls,.mobile-social-name,.mobile-menu-toggle,.mobile-navigation,.mobile-back-top,.mobile-header-spacer{display:none}
.mobile-social-icon{display:contents}
@media(max-width:767px){
  .ovz-mobile-nav-ready .site-nav{display:none}
  /* Desktop social row is hidden on mobile; the cloned row remains beside the burger. */
  .mobile-header > .socials{display:none}
  .mobile-header{
    position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(0,0,0,.95);
    padding:calc(20px + env(safe-area-inset-top,0px)) 4vw 12px;
  }
  .mobile-header .logo{max-width:100%;height:auto}
  .mobile-header-controls{
    display:flex;justify-content:space-between;align-items:center;position:relative;
    width:100%;max-width:720px;min-height:46px;margin-top:16px;
    flex-wrap:nowrap;gap:clamp(0px,calc((100vw - 320px) / 10),12px);
  }
  .mobile-header-controls > .mobile-header-socials{
    display:flex;flex:1 1 auto;min-width:160px;align-items:center;
    justify-content:space-evenly;gap:0;margin:0;
  }
  .mobile-header-socials .social{
    flex:0 0 40px;width:40px;min-width:40px;height:44px;
    padding:0;opacity:1;color:#fff;
  }
  .mobile-header-socials .social svg{width:24px;height:24px}
  .mobile-header-socials .note-wordmark{font-size:17px;letter-spacing:-.06em}
  .mobile-header-socials .social:focus-visible{outline:2px solid white;outline-offset:-2px}
  @media(max-width:359px){
    .mobile-header-socials .social svg{width:22px;height:22px}
    .mobile-header-socials .note-wordmark{font-size:16px}
  }
  /* Keep 44px+ tap targets, but make the visible JP/EN control ~70% of its former size. */
  .mobile-header-controls .lang-switch{
    position:relative;margin:0;border:0;height:44px;isolation:isolate;
  }
  .mobile-header-controls .lang-switch::before{
    content:"";position:absolute;left:50%;top:50%;width:66px;height:32px;
    transform:translate(-50%,-50%);border:1px solid #fff;box-sizing:border-box;
    pointer-events:none;z-index:3;
  }
  .mobile-header-controls .lang-switch::after{
    content:"";position:absolute;left:50%;top:50%;width:1px;height:32px;
    transform:translate(-.5px,-50%);background:#fff;pointer-events:none;z-index:3;
  }
  .mobile-header-controls .lang-switch button{
    position:relative;isolation:isolate;height:44px;min-width:44px;width:46px;
    padding:0;border:0;background:transparent;color:#fff;font-size:8px;text-align:center;
  }
  .mobile-header-controls .lang-switch button:first-child{padding-left:13px}
  .mobile-header-controls .lang-switch button:last-child{padding-right:13px}
  .mobile-header-controls .lang-switch button.active{background:transparent;color:#000}
  .mobile-header-controls .lang-switch button.active::before{
    content:"";position:absolute;top:50%;width:33px;height:32px;
    transform:translateY(-50%);background:#fff;z-index:-1;pointer-events:none;
  }
  .mobile-header-controls .lang-switch button:first-child.active::before{right:0}
  .mobile-header-controls .lang-switch button:last-child.active::before{left:0}
  @media(max-width:359px){
    .mobile-header-controls .lang-switch button{width:44px}
  }
  .ovz-mobile-nav-ready .home-menu{margin-top:48px}
  .ovz-mobile-nav-ready .interviews-wrap,
  .ovz-mobile-nav-ready .interview{margin-top:48px}
  .mobile-navigation .socials{
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    margin:8px 0 0;padding-top:8px;border-top:1px solid #444;
  }
  .mobile-navigation .social{
    width:100%;height:auto;min-height:48px;justify-content:flex-start;
    gap:14px;opacity:1;font-weight:400;letter-spacing:normal;
  }
  .mobile-navigation .mobile-social-icon{display:flex;align-items:center;justify-content:center;width:38px;flex:0 0 38px}
  .mobile-navigation .mobile-social-name{display:inline}
  .mobile-navigation .note-wordmark .mobile-social-icon{font-weight:800;font-size:15px;letter-spacing:-.06em}
  .mobile-header-spacer{display:block;height:var(--ovz-header-height,0px)}
  .mobile-menu-toggle{
    display:flex;align-items:center;justify-content:center;flex:0 0 44px;
    width:44px;height:44px;
    padding:8px;border:0;border-radius:0;background:none;color:#fff;cursor:pointer;
  }
  /* Visible hamburger is 70%; the 44px button remains the tap target. */
  .mobile-menu-toggle svg{display:block;width:20px;height:20px}
  .mobile-navigation:not([hidden]){
    display:flex;flex-direction:column;position:absolute;top:calc(100% + 12px);left:0;
    width:min(240px,92vw);z-index:1100;background:rgba(0,0,0,.96);
    padding:8px 0;border:1px solid #444;max-height:calc(100dvh - var(--ovz-header-height) - 12px);overflow-y:auto;
  }
  .mobile-navigation a{display:flex;align-items:center;min-height:48px;padding:12px 18px;text-decoration:none;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
  .mobile-back-top:not([hidden]){
    display:flex;align-items:center;justify-content:center;position:fixed;
    right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));
    min-width:44px;min-height:44px;max-width:calc(100% - 32px);padding:10px 14px;
    z-index:900;background:rgba(30,30,30,.75);color:#fff;border:1px solid rgba(255,255,255,.35);
    border-radius:4px;font:inherit;font-size:12px;cursor:pointer;
  }
  .mobile-menu-toggle:focus-visible,.mobile-navigation a:focus-visible,.mobile-back-top:focus-visible{outline:2px solid white;outline-offset:2px}
  html.ovz-mobile-nav-ready{scroll-padding-top:calc(var(--ovz-header-height,0px) + 12px)}
  .ovz-mobile-nav-ready .footer{padding-bottom:64px}
}


/* Desktop / Mobile view switch */
.footer{position:relative}
.ovz-view-switch{
  position:absolute;right:0;bottom:0;
  margin:0;padding:0;border:0;background:none;
  color:inherit;font:inherit;font-size:calc(1em - 1pt);font-weight:inherit;
  line-height:inherit;letter-spacing:inherit;text-transform:none;
  cursor:pointer;-webkit-appearance:none;appearance:none;
}
.ovz-view-switch:hover{color:#aaa}
.ovz-view-switch:focus-visible{outline:1px solid currentColor;outline-offset:4px}

/* Force the mobile presentation when Mobile is selected on a desktop-width browser. */
html.ovz-force-mobile .site{width:min(92vw,430px)}
html.ovz-force-mobile .hero{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:min(100%,430px);z-index:1000;background:rgba(0,0,0,.95);
  padding:calc(20px + env(safe-area-inset-top,0px)) 18px 12px;
}
html.ovz-force-mobile .mobile-header .logo{width:min(90vw,394px);max-width:100%;height:auto}
html.ovz-force-mobile .mobile-header > .socials{display:none}
html.ovz-force-mobile.ovz-mobile-nav-ready .site-nav{display:none}
html.ovz-force-mobile .mobile-header-controls{
  display:flex;justify-content:space-between;align-items:center;position:relative;
  width:100%;max-width:100%;min-height:46px;margin-top:16px;flex-wrap:nowrap;gap:8px;
}
html.ovz-force-mobile .mobile-header-controls > .mobile-header-socials{
  display:flex;flex:1 1 auto;min-width:160px;align-items:center;justify-content:space-evenly;gap:0;margin:0;
}
html.ovz-force-mobile .mobile-header-socials .social{
  flex:0 0 40px;width:40px;min-width:40px;height:44px;padding:0;opacity:1;color:#fff;
}
html.ovz-force-mobile .mobile-header-socials .social svg{width:24px;height:24px}
html.ovz-force-mobile .mobile-header-socials .note-wordmark{font-size:17px;letter-spacing:-.06em}
html.ovz-force-mobile .mobile-header-controls .lang-switch{
  position:relative;margin:0;border:0;height:44px;isolation:isolate;
}
html.ovz-force-mobile .mobile-header-controls .lang-switch::before{
  content:"";position:absolute;left:50%;top:50%;width:66px;height:32px;
  transform:translate(-50%,-50%);border:1px solid #fff;box-sizing:border-box;pointer-events:none;z-index:3;
}
html.ovz-force-mobile .mobile-header-controls .lang-switch::after{
  content:"";position:absolute;left:50%;top:50%;width:1px;height:32px;
  transform:translate(-.5px,-50%);background:#fff;pointer-events:none;z-index:3;
}
html.ovz-force-mobile .mobile-header-controls .lang-switch button{
  position:relative;isolation:isolate;height:44px;min-width:44px;width:46px;
  padding:0;border:0;background:transparent;color:#fff;font-size:8px;text-align:center;
}
html.ovz-force-mobile .mobile-header-controls .lang-switch button:first-child{padding-left:13px}
html.ovz-force-mobile .mobile-header-controls .lang-switch button:last-child{padding-right:13px}
html.ovz-force-mobile .mobile-header-controls .lang-switch button.active{background:transparent;color:#000}
html.ovz-force-mobile .mobile-header-controls .lang-switch button.active::before{
  content:"";position:absolute;top:50%;width:33px;height:32px;
  transform:translateY(-50%);background:#fff;z-index:-1;pointer-events:none;
}
html.ovz-force-mobile .mobile-header-controls .lang-switch button:first-child.active::before{right:0}
html.ovz-force-mobile .mobile-header-controls .lang-switch button:last-child.active::before{left:0}
html.ovz-force-mobile .mobile-header-spacer{display:block;height:var(--ovz-header-height,0px)}
html.ovz-force-mobile .mobile-menu-toggle{
  display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;
  padding:8px;border:0;border-radius:0;background:none;color:#fff;cursor:pointer;
}
html.ovz-force-mobile .mobile-menu-toggle svg{display:block;width:20px;height:20px}
html.ovz-force-mobile .mobile-navigation:not([hidden]){
  display:flex;flex-direction:column;position:absolute;top:calc(100% + 12px);left:0;
  width:min(240px,92vw);z-index:1100;background:rgba(0,0,0,.96);
  padding:8px 0;border:1px solid #444;max-height:calc(100dvh - var(--ovz-header-height) - 12px);overflow-y:auto;
}
html.ovz-force-mobile .mobile-navigation a{
  display:flex;align-items:center;min-height:48px;padding:12px 18px;text-decoration:none;font-size:15px;line-height:1.5;overflow-wrap:anywhere;
}
html.ovz-force-mobile .mobile-back-top:not([hidden]){
  display:flex;align-items:center;justify-content:center;position:fixed;
  right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(64px + env(safe-area-inset-bottom,0px));
  min-width:44px;min-height:44px;max-width:calc(100% - 32px);padding:10px 14px;
  z-index:900;background:rgba(30,30,30,.75);color:#fff;border:1px solid rgba(255,255,255,.35);
  border-radius:4px;font:inherit;font-size:12px;cursor:pointer;
}
html.ovz-force-mobile.ovz-mobile-nav-ready{scroll-padding-top:calc(var(--ovz-header-height,0px) + 12px)}
html.ovz-force-mobile .ovz-mobile-nav-ready .footer,
html.ovz-force-mobile.ovz-mobile-nav-ready .footer{padding-bottom:64px}

/* Main HOME / ARCHIVE mobile layout while forced from desktop. */
html.ovz-force-mobile .home-menu{margin-top:10px;margin-bottom:58px}
html.ovz-force-mobile .home-menu .lang-switch{margin-bottom:42px}
html.ovz-force-mobile .home-actions{gap:14px}
html.ovz-force-mobile .home-entry{font-size:66px}
html.ovz-force-mobile .filters{grid-template-columns:1fr}
html.ovz-force-mobile .field.keyword{grid-column:auto}
html.ovz-force-mobile .lang-switch button{min-width:48px;padding:0 9px}

/* INTERVIEWS list/detail mobile layout while forced from desktop. */
html.ovz-force-mobile .interviews-title{font-size:35px;max-width:100%;overflow-wrap:anywhere}
html.ovz-force-mobile .interviews-grid{grid-template-columns:1fr;gap:36px}
html.ovz-force-mobile .site-nav{margin-bottom:36px;gap:26px}
html.ovz-force-mobile .interviews-wrap .topbar{align-items:flex-start;flex-direction:column;gap:20px}
html.ovz-force-mobile .article-body{font-size:15px}
html.ovz-force-mobile .article-toolbar{margin-bottom:28px}
html.ovz-force-mobile .interview-card img{margin-bottom:16px}
html.ovz-force-mobile .article-body figure.youtube-embed-wrap{
  width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;
}

/* Legacy desktop-mode overrides; unified header rules below take precedence. */
html.ovz-force-desktop .mobile-header-controls,
html.ovz-force-desktop .mobile-header-spacer,
html.ovz-force-desktop .mobile-back-top{display:none!important}
html.ovz-force-desktop .mobile-header{
  position:static;transform:none;width:auto;padding:28px 0 22px;background:transparent;
}
html.ovz-force-desktop .mobile-header > .socials{display:flex!important}
html.ovz-force-desktop.ovz-mobile-nav-ready .site-nav{display:flex}

/* Keep the footer switch clear of the mobile back-to-top control. */
@media(max-width:767px){
  .mobile-back-top:not([hidden]){bottom:calc(64px + env(safe-area-inset-bottom,0px))}
}


/* Mobile header: burger left, centered social row, language switch centered below. */
@media(max-width:767px){
  .mobile-header-controls{
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    grid-template-rows:44px 44px;
    align-items:center;
    width:100%;
    max-width:720px;
    min-height:88px;
    margin-top:16px;
    gap:0;
  }
  .mobile-menu-toggle{
    grid-column:1;
    grid-row:1;
    justify-self:start;
  }
  .mobile-header-controls > .mobile-header-socials{
    grid-column:2;
    grid-row:1;
    justify-self:center;
    display:flex;
    flex:0 0 auto;
    min-width:0;
    width:auto;
    align-items:center;
    justify-content:center;
    gap:0;
    margin:0;
  }
  .mobile-header-controls .lang-switch{
    grid-column:2;
    grid-row:2;
    justify-self:center;
    align-self:center;
    margin:0;
  }
  .mobile-navigation:not([hidden]){
    top:calc(100% + 12px);
  }
}

html.ovz-force-mobile .mobile-header-controls{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  grid-template-rows:44px 44px;
  align-items:center;
  width:100%;
  max-width:100%;
  min-height:88px;
  margin-top:16px;
  gap:0;
}
html.ovz-force-mobile .mobile-menu-toggle{
  grid-column:1;
  grid-row:1;
  justify-self:start;
}
html.ovz-force-mobile .mobile-header-controls > .mobile-header-socials{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  display:flex;
  flex:0 0 auto;
  min-width:0;
  width:auto;
  align-items:center;
  justify-content:center;
  gap:0;
  margin:0;
}
html.ovz-force-mobile .mobile-header-controls .lang-switch{
  grid-column:2;
  grid-row:2;
  justify-self:center;
  align-self:center;
  margin:0;
}


/* Unified header controls for Desktop and Mobile. */
html.ovz-mobile-nav-ready .site-nav{display:none!important}
.mobile-header > .socials{display:none!important}

.mobile-header-controls,
html.ovz-force-desktop .mobile-header-controls,
html.ovz-force-mobile .mobile-header-controls{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px;
  grid-template-rows:44px 44px;
  align-items:center;
  position:relative;
  width:100%;
  max-width:720px;
  min-height:88px;
  margin:16px auto 0;
  gap:0;
}

.mobile-menu-toggle,
html.ovz-force-desktop .mobile-menu-toggle,
html.ovz-force-mobile .mobile-menu-toggle{
  display:flex!important;
  grid-column:1;
  grid-row:1;
  justify-self:start;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  padding:8px;
  border:0;
  border-radius:0;
  background:none;
  color:#fff;
  cursor:pointer;
}
.mobile-menu-toggle svg{display:block;width:20px;height:20px}

.mobile-header-controls > .mobile-header-socials,
html.ovz-force-desktop .mobile-header-controls > .mobile-header-socials,
html.ovz-force-mobile .mobile-header-controls > .mobile-header-socials{
  display:flex!important;
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:0;
  width:auto;
  gap:0;
  margin:0;
}
.mobile-header-socials .social{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px;
  width:40px;
  min-width:40px;
  height:44px;
  padding:0;
  opacity:1;
  color:#fff;
}
.mobile-header-socials .social svg{width:24px;height:24px}
.mobile-header-socials .note-wordmark{font-size:17px;letter-spacing:-.06em}
.mobile-header-socials .social:focus-visible{outline:2px solid white;outline-offset:-2px}

.mobile-header-controls .lang-switch,
html.ovz-force-desktop .mobile-header-controls .lang-switch,
html.ovz-force-mobile .mobile-header-controls .lang-switch{
  grid-column:2;
  grid-row:2;
  justify-self:center;
  align-self:center;
  position:relative;
  margin:0;
  border:0;
  height:44px;
  isolation:isolate;
}
.mobile-header-controls .lang-switch::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:66px;
  height:32px;
  transform:translate(-50%,-50%);
  border:1px solid #fff;
  box-sizing:border-box;
  pointer-events:none;
  z-index:3;
}
.mobile-header-controls .lang-switch::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:1px;
  height:32px;
  transform:translate(-.5px,-50%);
  background:#fff;
  pointer-events:none;
  z-index:3;
}
.mobile-header-controls .lang-switch button{
  position:relative;
  isolation:isolate;
  height:44px;
  min-width:44px;
  width:46px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  font-size:8px;
  text-align:center;
}
.mobile-header-controls .lang-switch button:first-child{padding-left:13px}
.mobile-header-controls .lang-switch button:last-child{padding-right:13px}
.mobile-header-controls .lang-switch button.active{background:transparent;color:#000}
.mobile-header-controls .lang-switch button.active::before{
  content:"";
  position:absolute;
  top:50%;
  width:33px;
  height:32px;
  transform:translateY(-50%);
  background:#fff;
  z-index:-1;
  pointer-events:none;
}
.mobile-header-controls .lang-switch button:first-child.active::before{right:0}
.mobile-header-controls .lang-switch button:last-child.active::before{left:0}

.mobile-navigation:not([hidden]){
  display:flex!important;
  flex-direction:column;
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  width:min(240px,92vw);
  z-index:1100;
  background:rgba(0,0,0,.96);
  padding:8px 0;
  border:1px solid #444;
  max-height:calc(100dvh - 24px);
  overflow-y:auto;
}
.mobile-navigation a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:12px 18px;
  text-decoration:none;
  font-size:15px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

/* Desktop mode keeps desktop page proportions, but navigation matches Mobile. */
html.ovz-force-desktop .mobile-header-controls{display:grid!important}
html.ovz-force-desktop .mobile-header > .socials{display:none!important}
html.ovz-force-desktop.ovz-mobile-nav-ready .site-nav{display:none!important}

@media(max-width:359px){
  .mobile-header-socials .social svg{width:22px;height:22px}
  .mobile-header-socials .note-wordmark{font-size:16px}
  .mobile-header-controls .lang-switch button{width:44px}
}


/* Desktop fixed header and back-to-top. */
@media(min-width:768px){
  .mobile-header{
    position:fixed;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:min(92vw,1180px);
    z-index:1000;
    background:rgba(0,0,0,.95);
    padding:28px 0 12px;
  }
  .mobile-header-spacer{
    display:block;
    height:var(--ovz-header-height,0px);
  }
  .mobile-back-top:not([hidden]){
    display:flex;
    align-items:center;
    justify-content:center;
    position:fixed;
    right:16px;
    bottom:16px;
    min-width:44px;
    min-height:44px;
    max-width:calc(100% - 32px);
    padding:10px 14px;
    z-index:900;
    background:rgba(30,30,30,.75);
    color:#fff;
    border:1px solid rgba(255,255,255,.35);
    border-radius:4px;
    font:inherit;
    font-size:12px;
    cursor:pointer;
  }
  .mobile-back-top:focus-visible{
    outline:2px solid white;
    outline-offset:2px;
  }
  html.ovz-mobile-nav-ready{
    scroll-padding-top:calc(var(--ovz-header-height,0px) + 12px);
  }
}


/* Desktop: mirror the social/language stack against the burger. */
@media(min-width:768px){
  .mobile-header-controls > .mobile-header-socials{
    grid-column:3;
    justify-self:center;
  }
  .mobile-header-controls .lang-switch{
    grid-column:3;
    justify-self:center;
  }
}
html.ovz-force-desktop .mobile-header-controls > .mobile-header-socials{
  grid-column:3;
  justify-self:center;
}
html.ovz-force-desktop .mobile-header-controls .lang-switch{
  grid-column:3;
  justify-self:center;
}


/* Final header alignment: burger left, social/language stack right. */
.mobile-header-controls,
html.ovz-force-desktop .mobile-header-controls,
html.ovz-force-mobile .mobile-header-controls{
  grid-template-columns:44px minmax(0,1fr) auto!important;
}
.mobile-header-controls > .mobile-header-socials,
html.ovz-force-desktop .mobile-header-controls > .mobile-header-socials,
html.ovz-force-mobile .mobile-header-controls > .mobile-header-socials{
  grid-column:3!important;
  justify-self:end!important;
}
.mobile-header-controls .lang-switch,
html.ovz-force-desktop .mobile-header-controls .lang-switch,
html.ovz-force-mobile .mobile-header-controls .lang-switch{
  grid-column:3!important;
  justify-self:end!important;
}