/* Shared personal-site navigation. Does not style scenes, players, or article content. */
body[data-personal-works]{--header:80px}
body[data-personal-works] .site-header{position:relative;top:auto;width:100%;height:80px;min-height:80px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper,#fbfdff);border:0;z-index:40}
body[data-personal-works] .site-header .brand{display:flex;align-items:center;flex:none}
body[data-personal-works] .site-header .brand img{display:block;width:197px;max-width:100%;height:auto}
body[data-personal-works] .header-controls{display:flex;align-items:center;gap:20px;margin-left:auto}
body[data-personal-works] .language-switch{position:static;inset:auto;transform:none;flex:none;display:flex;align-items:center;gap:4px;font-size:12px}
body[data-personal-works] .language-switch :is(button,a,.language-current){display:grid;place-items:center;min-width:36px;min-height:44px;padding:0;border:0;background:none;text-decoration:none;color:inherit;font:inherit}
body[data-personal-works] .language-switch :is([aria-pressed=true],.language-current){font-weight:700;text-decoration:underline;text-underline-offset:6px}
body[data-personal-works] .menu-button{display:flex;align-items:center;justify-content:center;gap:11px;min-width:72px;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:12px;color:inherit;cursor:pointer;touch-action:manipulation}
body[data-personal-works] .menu-glyph{display:block;width:19px;height:12px;border-top:1.5px solid;border-bottom:1.5px solid;position:relative}
body[data-personal-works] .menu-glyph:after{content:'';position:absolute;top:4px;right:0;width:13px;border-top:1.5px solid}
body[data-personal-works] .right-menu{position:fixed;inset:0 0 0 auto;margin:0;padding:24px;width:min(360px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;box-sizing:border-box;border:0;border-radius:0;overflow:auto;overscroll-behavior:contain;background:var(--paper,#fbfdff);color:var(--ink,#163945);box-shadow:-16px 0 70px #173b4820}
body[data-personal-works] .right-menu:not([open]){display:none}
body[data-personal-works] .right-menu::backdrop{background:#173b4859;backdrop-filter:blur(3px)}
body[data-personal-works] .drawer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px;font-size:18px;letter-spacing:-.035em}
body[data-personal-works] .drawer-header button{min-width:44px;min-height:44px;padding:0;border:0;background:none;color:inherit;font-size:28px;cursor:pointer}
body[data-personal-works] .drawer-nav{display:grid;gap:5px}
body[data-personal-works] .drawer-nav a{display:flex;align-items:center;min-height:52px;padding:12px 0;border-bottom:1px solid #d8e4e7;text-decoration:none;font-size:20px;line-height:1.35}
body[data-personal-works] :is(.drawer-nav,.personal-footer-navigation) a[aria-current]{font-weight:650;color:var(--ink,#163945);text-decoration:underline;text-underline-offset:6px}
body[data-personal-works] .drawer-motion{margin-top:32px;padding-top:18px;border-top:1px solid #d8e4e7}
body[data-personal-works] .drawer-motion .motion-control{position:static;display:flex;gap:9px;align-items:center;min-height:44px;padding:8px 0;font-size:12px;white-space:normal}
body[data-personal-works] .drawer-motion .motion-state{position:static;width:auto;height:auto;max-width:none;overflow:visible;clip-path:none;text-align:left;font-size:11px;line-height:1.5;margin:8px 0 0}
body[data-personal-works].site-menu-open{overflow:hidden}
body[data-personal-works] .site-main{margin-right:0}
body[data-personal-works] .site-footer{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 28px;margin:0 5%;padding:28px 0 32px;border-top:1px solid #d8e4e7;color:var(--muted,#526f79)}
body[data-personal-works] .site-footer>.footer-brand{display:flex;align-items:center;min-height:44px;font-size:22px;letter-spacing:-.035em;text-decoration:none;color:var(--ink,#163945)}
body[data-personal-works] .site-footer>.footer-descriptor{margin:0;font-size:12px;line-height:1.6}
body[data-personal-works] .personal-footer-navigation{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:2px 24px;font-size:12px}
body[data-personal-works] .personal-footer-navigation>a{display:flex;align-items:center;min-height:44px;text-decoration:none}
body[data-personal-works] .site-footer>.footer-boundary{grid-column:1/-1;margin:0;font-size:10px;line-height:1.7}
body[data-personal-works] .site-main[data-empty-section]{min-height:calc(100svh - 260px)}
body[data-personal-works] .site-main[data-empty-section] .collection-links{margin-top:28px}
body[data-personal-works] :is(.site-header,.right-menu,.site-footer) :is(a,button):focus-visible{outline:3px solid #287e99;outline-offset:4px}
@media(max-width:600px){body[data-personal-works]{--header:72px}body[data-personal-works] .site-header{height:72px;min-height:72px;padding:0 5%;gap:12px}body[data-personal-works] .site-header .brand img{width:142px}body[data-personal-works] .header-controls{gap:10px}body[data-personal-works] .language-switch :is(button,a,.language-current){min-width:30px}body[data-personal-works] .menu-button{min-width:44px}body[data-personal-works] .menu-button>[data-copy]{display:none}body[data-personal-works] .site-footer{grid-template-columns:1fr;gap:4px;margin:0 5%;padding:24px 0}body[data-personal-works] .personal-footer-navigation{gap:2px 20px}body[data-personal-works] .right-menu{padding:20px}}

/* Wordmark: the name itself, without a separate symbol. */
body[data-personal-works] .site-header .brand{text-decoration:none;color:var(--ink,#163945);width:197px;min-width:0}
body[data-personal-works] .brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:3px;white-space:nowrap}
body[data-personal-works] .wordmark-primary{font-size:23px;line-height:1;font-weight:600;letter-spacing:-.045em}
body[data-personal-works] .wordmark-secondary{font-size:10px;line-height:1.25;font-weight:500;letter-spacing:.075em}
body[data-personal-works] .drawer-wordmark{font-size:15px;line-height:1.4;letter-spacing:-.02em}
body[data-personal-works] .site-footer>.footer-brand{font-size:18px;line-height:1.4}
body[data-personal-works] .footer-descriptor{display:none}
@media(max-width:600px){body[data-personal-works] .site-header .brand{width:142px}body[data-personal-works] .wordmark-primary{font-size:21px}body[data-personal-works] .wordmark-secondary{font-size:9px;letter-spacing:.035em}}

/* Equal presence for all three words of the identity. */
body[data-personal-works] .brand-wordmark{gap:2px}
body[data-personal-works] .brand-wordmark>span{font-size:15px;line-height:1.05;font-weight:550;letter-spacing:.035em;color:inherit}
@media(max-width:600px){body[data-personal-works] .brand-wordmark>span{font-size:13px;line-height:1.05;font-weight:550;letter-spacing:.035em}}

body[data-personal-works] .site-signature{grid-column:1/-1;justify-self:end;margin:12px 0 0;color:#526f79;font-size:12px;line-height:1.6;font-style:italic;font-weight:400;text-align:right}

/* allura-latin-ext-400-normal */
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/fonts/signature/allura-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* allura-latin-400-normal */
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/fonts/signature/allura-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
body[data-personal-works] .site-signature{font-family:"Allura",cursive;font-size:26px;line-height:1.5;font-style:oblique 8deg;font-weight:400;letter-spacing:0;max-width:100%;overflow-wrap:anywhere}
