/* 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] .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}}

/* Shared readable three-word identity. */
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}}

/* BEGIN BALANCED BRAND ICON: three equal links, one fixed readable lockup. */
body[data-personal-works] .site-header .brand-wordmark {
 --brand-symbol-size:44px;
 --brand-symbol-gap:11px;
 position:relative;
 padding-left:calc(var(--brand-symbol-size) + var(--brand-symbol-gap));
 isolation:isolate;
 overflow:hidden;
}
body[data-personal-works] .site-header .brand-wordmark::before {
 content:'';
 position:absolute;
 left:0;
 top:50%;
 width:var(--brand-symbol-size);
 height:var(--brand-symbol-size);
 transform:translateY(-50%);
 background:currentColor;
 -webkit-mask:url('/assets/navigation/balanced-links-v1.svg') center / contain no-repeat;
 mask:url('/assets/navigation/balanced-links-v1.svg') center / contain no-repeat;
 pointer-events:none;
}
@media (max-width:600px) {
 body[data-personal-works] .site-header .brand-wordmark {
  --brand-symbol-size:36px;
  --brand-symbol-gap:9px;
 }
}
@media (forced-colors:active) {
 body[data-personal-works] .site-header .brand-wordmark::before {
  forced-color-adjust:none;
  background:CanvasText;
 }
}
/* END BALANCED BRAND ICON */


/* BEGIN WINDSONG SIGNATURE: decorative vector, exact live text retained. */
body[data-personal-works] .site-signature{grid-column:1/-1;justify-self:end;position:relative;left:clamp(0px,calc(5vw - 16px),24px);margin:6px 0 0;padding:0;width:2.94em;height:2.2848em;max-width:100%;font-size:1rem;line-height:1;color:#526f79;overflow:visible}
body[data-personal-works] .site-signature::after{content:'';display:block;width:100%;height:100%;background:currentColor;-webkit-mask:url('/assets/signature/signature-tr-windsong-r10.svg') center/contain no-repeat;mask:url('/assets/signature/signature-tr-windsong-r10.svg') center/contain no-repeat;pointer-events:none}
html:lang(en) body[data-personal-works] .site-signature::after{-webkit-mask-image:url('/assets/signature/signature-en-windsong-r10.svg');mask-image:url('/assets/signature/signature-en-windsong-r10.svg')}
body[data-personal-works] .site-signature-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:pre-line}
@media(forced-colors:active),print{body[data-personal-works] .site-signature{left:0;width:auto;height:auto;font-size:13px;line-height:1.15;text-align:right}body[data-personal-works] .site-signature::after{display:none}body[data-personal-works] .site-signature-text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none}}
/* END WINDSONG SIGNATURE */
/* BEGIN LIVING HOME DETAILS: finite, optional sitewide decoration. */
body[data-personal-works] .calm-preferences { margin-top: 16px; }
body[data-personal-works] .calm-motion-control {
 display:flex; align-items:center; gap:9px; min-height:44px; padding:8px 0;
 border:0; background:none; color:inherit; font:inherit; font-size:12px; line-height:1.5; text-align:left;
}
body[data-personal-works] .calm-motion-control::before { content:''; flex:none; width:7px; height:7px; border:1px solid currentColor; border-radius:50%; }
body[data-personal-works] .calm-motion-control[aria-pressed="true"]::before { background:currentColor; }
/* This blank normal-flow margin guarantees a phone refuge below every moving plane.
   It has no visible panel/background. Refuges can also use proven-clear lower margins. */
.home-stage > .calm-shore { position:relative; width:100%; height:48px; margin:8px 0; pointer-events:none; user-select:none; }
/* One zero-size document overlay; no hit testing or clipping lane. */
body[data-personal-works] > .calm-roamer { position:absolute;top:0;left:0;width:0;height:0;z-index:41;pointer-events:none;user-select:none;visibility:hidden;overflow:visible;contain:layout style; }
body[data-personal-works] > .calm-roamer[data-active] { visibility:visible; }
.calm-roamer .calm-fish-travel,.calm-roamer .calm-fish-face { width:var(--calm-fish-width,42px);height:var(--calm-fish-height,21px); }
.calm-roamer .calm-fish-travel { position:absolute;top:0;left:0; }
.calm-roamer .calm-fish-face { transform-origin:50% 50%; }
.calm-roamer .calm-fish-face svg { display:block;width:100%;height:100%;overflow:visible; }
.calm-fish-tail { transform-origin:33px 32px; }
.calm-fish-pectoral { transform-origin:89px 35px; }
.calm-roamer[data-active] .calm-fish-tail { animation:calm-tail 1600ms ease-in-out var(--calm-cycles,60); }
.calm-roamer[data-active] .calm-fish-pectoral { animation:calm-pectoral 2100ms ease-in-out var(--calm-cycles,60); }
.calm-roamer[data-swim="0"] .calm-fish-tail { animation-name:calm-tail-alt; }
.calm-roamer[data-swim="0"] .calm-fish-pectoral { animation-name:calm-pectoral-alt; }
.calm-roamer[data-flee] .calm-fish-tail { animation:calm-tail 420ms ease-in-out var(--calm-escape-cycles,13); }
@keyframes calm-tail { 0%,100%{transform:rotate(-8deg)} 50%{transform:rotate(8deg)} }
@keyframes calm-tail-alt { 0%,100%{transform:rotate(-8deg)} 50%{transform:rotate(8deg)} }
@keyframes calm-pectoral { 0%,100%{transform:rotate(5deg)} 50%{transform:rotate(-10deg)} }
@keyframes calm-pectoral-alt { 0%,100%{transform:rotate(5deg)} 50%{transform:rotate(-10deg)} }
/* One soft vertical band crosses the icon, then all three equal-weight rows.
   The symbol and real text remain fixed; no glyph replacement, filter or blur. */
body[data-personal-works] .brand-wordmark { position:relative; }
body[data-personal-works] .brand-wordmark > .calm-logo-light {
 position:absolute; top:0; bottom:0; left:0; display:block; width:8px; z-index:1;
 margin:0; padding:0; border:0; opacity:0; pointer-events:none; user-select:none;
 background:linear-gradient(90deg,transparent,rgba(242,255,249,.94),transparent);
}
@media (prefers-reduced-motion:reduce) {
 .calm-refuge { display:none!important; }
 body[data-personal-works] .brand-wordmark > .calm-logo-light { display:none!important; }
}
@media (forced-colors:active) {
 body[data-personal-works] .brand-wordmark > .calm-logo-light { display:none!important; }
}
/* END LIVING HOME DETAILS */

/* Short product introduction, immediately after each drawn story. */
.product-summary { max-width: 76ch; margin: 18px auto 28px; padding: 0 24px; color: #355461; font-size: 15px; line-height: 1.75; }
.product-summary p { margin: 0; }
html[lang="en"] .product-summary [lang="tr"], html:not([lang="en"]) .product-summary [lang="en"] { display: none; }
@media (max-width: 600px) { .product-summary { padding: 0 18px; margin-top: 16px; font-size: 14px; } }

/* BEGIN SHORT EDITORIAL PAGE SHELL: normal flow, shared site gutters.
   The direct page-intro check excludes article-layout pages, including CMS writing.
   Main grows into spare viewport space; taller content keeps its natural height. */
@media screen {
body[data-personal-works]:is([data-site-section="contact"],[data-site-section="ideas"],[data-site-section="writings"],[data-site-section="privacy"]):has(> .site-main > .page-intro) {
 min-height:100vh;
 min-height:100svh;
 display:flex;
 flex-direction:column;
}
body[data-personal-works]:is([data-site-section="contact"],[data-site-section="ideas"],[data-site-section="writings"],[data-site-section="privacy"]):has(> .site-main > .page-intro) > :is(.site-header,.site-footer) {
 flex:none;
}
body[data-personal-works]:is([data-site-section="contact"],[data-site-section="ideas"],[data-site-section="writings"],[data-site-section="privacy"]):has(> .site-main > .page-intro) > .site-main {
 flex:1 0 auto;
 min-height:0;
 min-width:0;
 width:100%;
 margin:0;
 padding-inline:5%;
}
body[data-personal-works]:is([data-site-section="contact"],[data-site-section="ideas"],[data-site-section="writings"],[data-site-section="privacy"]):has(> .site-main > .page-intro) > .site-main > :is(.page-intro,.contact-grid,.prose-panel,.knowledge-body) {
 padding-inline:0;
}
}
/* END SHORT EDITORIAL PAGE SHELL */