/* Studio navigation: a balanced brand / primary / utility composition. */
html:has(body.inasen-studio) { --nav-size:104px; }
.inasen-studio { --studio-nav-unit:1px; --studio-admin-offset:0px; }
.inasen-studio.admin-bar { --studio-admin-offset:32px; }
.inasen-studio .header {
  display:grid;
  grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);
  align-items:center;
  column-gap:calc(28 * var(--studio-nav-unit));
  height:var(--nav-size);
  padding-inline:4.2%;
  top:var(--studio-admin-offset);
  background:rgba(246,245,241,.98);
  border-bottom:1px solid var(--line);
  box-shadow:none;
}
.inasen-studio.has-scrolled .header { background:rgba(246,245,241,.98); box-shadow:0 8px 28px #20231f06; }
.inasen-studio .header>.wordmark {
  justify-self:start;
  font-size:calc(34 * var(--studio-nav-unit));
  line-height:1;
  letter-spacing:calc(2.8 * var(--studio-nav-unit));
}
.inasen-studio .header .brand-square { width:calc(7 * var(--studio-nav-unit)); height:calc(7 * var(--studio-nav-unit)); margin-top:calc(18 * var(--studio-nav-unit)); }
.inasen-studio .header .wordmark sup { font-size:calc(8 * var(--studio-nav-unit)); margin-top:calc(2 * var(--studio-nav-unit)); }
.inasen-studio .desktop-nav {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:calc(32 * var(--studio-nav-unit));
  margin:0;
  min-width:0;
}
.inasen-studio .desktop-nav a {
  display:inline-flex;
  align-items:center;
  min-height:calc(52 * var(--studio-nav-unit));
  padding:calc(12 * var(--studio-nav-unit)) 0;
  font-size:calc(16 * var(--studio-nav-unit));
  line-height:1.5;
  font-weight:500;
  letter-spacing:.055em;
  white-space:nowrap;
  transition:color .2s;
}
.inasen-studio .desktop-nav a::after { bottom:calc(3 * var(--studio-nav-unit)); height:2px; background:var(--red); }
.inasen-studio .desktop-nav a:hover,
.inasen-studio .desktop-nav a[aria-current=page],
.inasen-studio .nav-entry:has([aria-expanded=true])>a { color:var(--red); }
.inasen-studio .nav-entry:has([aria-expanded=true])>a::after { width:100%; }
.inasen-studio .nav-entry { gap:calc(5 * var(--studio-nav-unit)); }
.inasen-studio .nav-disclosure { width:calc(22 * var(--studio-nav-unit)); height:calc(44 * var(--studio-nav-unit)); }
.inasen-studio .nav-disclosure svg { width:calc(12 * var(--studio-nav-unit)); height:calc(12 * var(--studio-nav-unit)); stroke-width:1.4; }
.inasen-studio .header-tools {
  display:flex;
  align-items:center;
  justify-self:end;
  gap:calc(22 * var(--studio-nav-unit));
  margin:0;
  padding-left:calc(26 * var(--studio-nav-unit));
  border-left:1px solid var(--line);
  font-size:calc(12 * var(--studio-nav-unit));
  white-space:nowrap;
}
.inasen-studio .language { min-height:calc(44 * var(--studio-nav-unit)); font-size:calc(12 * var(--studio-nav-unit)); letter-spacing:.04em; }
.inasen-studio .language span { margin-left:calc(7 * var(--studio-nav-unit)); }
.inasen-studio .list-trigger { min-height:calc(44 * var(--studio-nav-unit)); gap:calc(8 * var(--studio-nav-unit)); font-size:calc(12 * var(--studio-nav-unit)); }
.inasen-studio .list-trigger svg { width:calc(20 * var(--studio-nav-unit)); height:calc(20 * var(--studio-nav-unit)); }
.inasen-studio .quote-count { width:calc(19 * var(--studio-nav-unit)); height:calc(19 * var(--studio-nav-unit)); font-size:calc(10 * var(--studio-nav-unit)); }
.inasen-studio .header-cta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:calc(26 * var(--studio-nav-unit));
  min-width:calc(166 * var(--studio-nav-unit));
  min-height:calc(52 * var(--studio-nav-unit));
  padding:calc(15 * var(--studio-nav-unit)) calc(20 * var(--studio-nav-unit));
  font-size:calc(12 * var(--studio-nav-unit));
  line-height:1.5;
  letter-spacing:.045em;
}
.inasen-studio .header-cta>span:last-child { font-size:calc(21 * var(--studio-nav-unit)); line-height:1; transition:translate .2s; }
.inasen-studio .header-cta:hover>span:last-child { translate:2px -2px; }
.inasen-studio .header .menu-toggle { display:none; }
.inasen-studio .mega-menu {
  top:var(--studio-navigation-top,calc(var(--nav-size) + var(--studio-admin-offset)));
  grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);
  gap:6%;
  padding:calc(44 * var(--studio-nav-unit)) 4.2% calc(48 * var(--studio-nav-unit));
  max-height:calc(100dvh - var(--studio-navigation-top,var(--nav-size)));
}
.inasen-studio .navigation-shade { top:var(--studio-navigation-top,calc(var(--nav-size) + var(--studio-admin-offset))); }
.inasen-studio .mega-intro>.eyebrow { font-size:calc(9 * var(--studio-nav-unit)); letter-spacing:.16em; }
.inasen-studio .mega-intro h2 { font-size:calc(29 * var(--studio-nav-unit)); line-height:1.55; margin-block:calc(22 * var(--studio-nav-unit)); }
.inasen-studio .mega-intro .text-link { font-size:calc(12 * var(--studio-nav-unit)); }
.inasen-studio .mega-collection { gap:calc(24 * var(--studio-nav-unit)); padding-right:0; }
.inasen-studio .mega-picture { height:calc(176 * var(--studio-nav-unit)); }
.inasen-studio .mega-link-copy { gap:calc(9 * var(--studio-nav-unit)); padding-top:calc(17 * var(--studio-nav-unit)); }
.inasen-studio .mega-link-copy strong { font-size:calc(16 * var(--studio-nav-unit)); }
.inasen-studio .mega-link-copy small { font-size:calc(8 * var(--studio-nav-unit)); letter-spacing:.12em; }
.inasen-studio .mega-close { width:calc(36 * var(--studio-nav-unit)); height:calc(36 * var(--studio-nav-unit)); top:calc(9 * var(--studio-nav-unit)); right:calc(12 * var(--studio-nav-unit)); }

@media(min-width:1800px) {
  html:has(body.inasen-studio) { --nav-size:calc(104 * var(--display-unit)); }
  .inasen-studio { --studio-nav-unit:var(--display-unit); }
}
@media(min-width:1201px) and (max-width:1439px) {
  .inasen-studio .header { column-gap:18px; }
  .inasen-studio .header>.wordmark { font-size:30px; }
  .inasen-studio .desktop-nav { gap:22px; }
  .inasen-studio .desktop-nav a { font-size:15px; letter-spacing:.035em; }
  .inasen-studio .header-tools { gap:16px; padding-left:18px; }
  .inasen-studio .header-cta { min-width:150px; padding-inline:16px; }
  .inasen-studio .list-text { display:none; }
}
@media(max-width:1200px) {
  html:has(body.inasen-studio) { --nav-size:84px; }
  .inasen-studio .header { grid-template-columns:minmax(0,1fr) auto; column-gap:20px; }
  .inasen-studio .header>.wordmark { font-size:30px; }
  .inasen-studio .desktop-nav { display:none; }
  .inasen-studio .header-tools { gap:22px; border-left:0; padding-left:0; }
  .inasen-studio .list-text { display:none; }
  .inasen-studio .header-cta { min-width:156px; min-height:48px; }
  .inasen-studio .header .menu-toggle { display:flex; width:44px; height:44px; padding:9px; flex-direction:column; justify-content:center; align-items:center; gap:6px; }
  .inasen-studio .header .menu-toggle span { width:24px; height:1px; }
  .inasen-studio .mobile-menu:not([hidden]) {
    display:flex;
    position:fixed;
    top:var(--studio-navigation-top,calc(var(--nav-size) + var(--studio-admin-offset)));
    left:0;
    right:0;
    z-index:39;
    max-height:calc(100dvh - var(--studio-navigation-top,var(--nav-size)));
    overflow:auto;
    padding:16px 4.2% 28px;
    background:var(--paper);
    border-bottom:1px solid var(--line);
  }
  .inasen-studio .mobile-menu a { min-height:58px; display:flex; align-items:center; padding:16px 0; font-size:20px; font-weight:500; letter-spacing:.05em; }
}
@media(max-width:782px) {
  .inasen-studio.admin-bar { --studio-admin-offset:46px; }
}
@media(max-width:640px) {
  html:has(body.inasen-studio) { --nav-size:76px; }
  .inasen-studio .header { padding-inline:22px; column-gap:12px; }
  .inasen-studio .header>.wordmark { font-size:26px; letter-spacing:2px; }
  .inasen-studio .header .brand-square { width:6px; height:6px; margin-top:13px; }
  .inasen-studio .header .wordmark sup { font-size:7px; margin-top:1px; }
  .inasen-studio .header-tools { gap:12px; }
  .inasen-studio .language { font-size:11px; }
  .inasen-studio .language span { margin-left:3px; }
  .inasen-studio .list-trigger { gap:5px; }
  .inasen-studio .list-trigger svg { width:19px; height:19px; }
  .inasen-studio .quote-count { width:17px; height:17px; font-size:9px; }
  .inasen-studio .header-cta { display:none; }
  .inasen-studio .header .menu-toggle { width:40px; height:44px; padding:8px; }
  .inasen-studio .mobile-menu:not([hidden]) { padding:12px 22px 24px; }
  .inasen-studio .mobile-menu a { font-size:18px; }
}
@media(max-width:600px) {
  .inasen-studio.admin-bar { --studio-admin-offset:0px; }
}
@media(max-width:360px) {
  .inasen-studio .header { padding-inline:16px; column-gap:8px; }
  .inasen-studio .header>.wordmark { font-size:24px; }
  .inasen-studio .header-tools { gap:8px; }
  .inasen-studio .language { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .inasen-studio .header-cta>span:last-child { transition:none; }
}