/* Stable page space lets the floating navigation resize without moving the content. */
.header-space{height:92px;}
.site-header{position:fixed;left:50%;top:20px;transform:translateX(-50%);width:min(1040px,calc(100% - 64px));height:66px;margin:0;padding:0 22px;border:1px solid #ffffff78;border-radius:40px;background:linear-gradient(115deg,rgba(255,255,255,.19),rgba(233,241,235,.11));-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 5px 24px #213d210c,inset 0 1px 0 #ffffff94,inset 0 -1px 0 #ffffff26;transition:width .36s cubic-bezier(.22,.68,.25,1),height .36s,top .36s,padding .36s,background .36s,box-shadow .36s;}
.site-header.scrolled{width:min(880px,calc(100% - 72px));height:54px;top:13px;padding:0 20px;background:rgba(249,248,243,.46);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 7px 25px #122b1412,inset 0 1px 0 #ffffff94,inset 0 -1px 0 #ffffff1f;}
.brand img{transition:width .36s,height .36s;}
.scrolled .brand img{width:31px;height:29px;}
.site-header .header-contact{transition:padding .36s,background .2s;}
.scrolled .header-contact{padding:7px 16px;min-height:32px;}
.hero-word:after{display:none;}
.marker-stroke{position:absolute;left:-1%;bottom:-8px;width:102%;height:16px;z-index:-1;overflow:visible;}
.marker-stroke path{stroke:#edcc51;stroke-width:6;stroke-linecap:round;fill:none;opacity:.85;}
.marker-stroke path+path{stroke-width:2;opacity:.7;}
.hero-annotation{left:calc(50% - 560px);top:277px;rotate:-7deg;font-size:14px;}
/* Context stays behind the artwork: soft, low-contrast settings rather than blank tiles. */
.character-study img.study-setting{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.64);opacity:.72;transform:none;transition:transform .6s ease;z-index:-2;}
.character-study:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f9f8f3b8 0%,#f9f8f362 55%,#f9f8f31f 100%);pointer-events:none;}
.study-index{color:#344c3b;background:#f9f8f3ae;border:1px solid #ffffff70;padding:4px 7px;border-radius:3px;top:12px;left:12px;font-size:6px;}
.character-study img.study-character{filter:drop-shadow(0 5px 7px #1e43201a);}
.game-card:hover .game-art.character-study>img.study-setting{transform:scale(1.025);}
.game-art.character-study img.study-sumo{width:71%;top:11%;}
.dialog-art.character-study img.study-setting{width:100%;height:100%;top:0;object-fit:cover;object-position:center;}
.dialog-art.character-study img.study-sumo{width:41%;top:5%;}
/* The connected world studies stay unobstructed, with an ordinary caption below. */
.world-studies{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 27px;padding-top:20px;}
.world-photo{width:100%;}
.world-path{height:220px;translate:0 -20px;}
.world-caption{grid-column:1/-1;position:relative;text-align:center;max-width:380px;margin:32px auto 0;padding:0 16px;background:none;border:0;box-shadow:none;backdrop-filter:none;}
.world-caption .eyebrow{font-size:7px;margin:0 0 11px;}
.world-caption h3{font-size:21px;letter-spacing:-.5px;line-height:1.2;font-weight:500;margin:0 0 13px;}
.world-caption>p:last-child{font-size:11px;line-height:1.85;color:#677761;margin:0;}
.studio-last-line{margin-top:22px;}
.studio-leaf{width:255px;opacity:.75;animation:leaf-breath 13s ease-in-out infinite;transform-origin:12% 90%;will-change:translate;}
.studio-leaf-left{left:calc(50% - 855px);top:35px;}
.studio-leaf-right{right:calc(50% - 865px);top:115px;animation-delay:-6s;}
@keyframes leaf-breath{0%,100%{translate:0 0}50%{translate:3px -5px}}
.footer-wordmark{font-family:"Helvetica Neue",Arial,sans-serif;font-size:17px;letter-spacing:-.7px;line-height:1;font-weight:600;white-space:nowrap;color:var(--cloud);}
.wordmark-dot{color:#a8d38f;margin-left:1px;}
.footer-mark{padding:2px 32px;}
.badge-wordmark{font-family:"Helvetica Neue",Arial,sans-serif!important;font-size:18px!important;font-weight:600!important;letter-spacing:-.7px;}
.swan-postcard{padding-bottom:29px;}
.swan-postcard>span{font-size:8px;left:8px;right:4px;bottom:7px;white-space:nowrap;}
@supports not (backdrop-filter:blur(1px)){.site-header,.site-header.scrolled{background:#f9f8f3f5;}}
@media(max-width:1100px){.hero-annotation{left:25px;top:267px;font-size:12px;}.studio-leaf-left{left:-182px;}.studio-leaf-right{right:-193px;}}
@media(max-width:760px){.header-space{height:80px;}.site-header{top:15px;width:calc(100% - 38px);height:58px;padding:0 15px;}.site-header.scrolled{width:calc(100% - 52px);height:52px;top:10px;padding:0 13px;}.hero-annotation{left:12px;top:153px;font-size:10px;}.studio-leaf{width:193px;}.studio-leaf-left{left:-145px;top:45px;}.studio-leaf-right{right:-154px;top:142px;}.world-studies{gap:19px 20px;}.world-path{height:190px;}.world-caption{max-width:325px;margin-top:26px;}.footer-wordmark{font-size:15px;}.footer-mark{padding:2px 18px;}.swan-postcard{width:128px;}.swan-postcard>span{font-size:6px;}}
@media(max-width:520px){.header-space{height:82px;}.site-header{width:calc(100% - 24px);top:12px;padding:0 13px;}.site-header.scrolled{width:calc(100% - 32px);height:52px;top:9px;padding:0 12px;}.brand img{width:32px;height:30px;}.scrolled .brand img{width:29px;height:27px;}.header-contact{margin-right:10px;}.menu-toggle{width:34px;height:42px;}.hero-annotation{left:12px;top:134px;font-size:9px;width:auto;}.marker-stroke{bottom:-7px;height:13px;}.world-studies{gap:14px;padding-top:16px;}.world-path{height:150px;translate:0 -5px;}.world-caption{max-width:270px;margin-top:26px;padding:0 9px;}.world-caption h3{font-size:20px;}.world-caption>p:last-child{font-size:11px;}.studio-leaf{width:135px;opacity:.65;}.studio-leaf-left{left:-105px;top:35px;}.studio-leaf-right{right:-109px;top:168px;}.dialog-art.character-study img.study-sumo{width:69%;top:9%;}.footer-mark{padding:0 0 0 16px;}.footer-wordmark{font-size:14px;}.badge-wordmark{font-size:12px!important;letter-spacing:-.4px;}.swan-postcard{width:116px;right:-7px;}.swan-postcard>span{font-size:5.5px;}}
@media(prefers-reduced-motion:reduce){.studio-leaf{animation:none;will-change:auto;}.site-header,.site-header *{transition:none!important;}}

/* Clearer glass keeps the navigation ink dark enough over the green sections. */
.site-header .desktop-nav{color:#102318;}