/* Realistic room V5: coherent photographic scene with live HTML/canvas interactions. */
body{background:#bdb09b}#room{overflow:hidden;background:#bdb09b}.intro,#canvas,#labels,#tooltip{display:none}header{padding:25px 32px}.brand{color:#514a3d;text-shadow:0 1px 8px #fff5}.brand span{letter-spacing:2px}.controls button{background:#f5efdfd9;backdrop-filter:blur(12px)}#fusion-viewport{position:absolute;inset:0;overflow:hidden}.fusion-scene{position:absolute;left:50%;top:50%;width:1600px;height:1000px;transform-origin:center;isolation:isolate;background:#b7a48c}.fusion-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.night-background{opacity:0;transition:opacity 1.2s}.night .night-background{opacity:1}.fusion-object{position:absolute;margin:0;padding:0;border:0;background:none;color:#554331;overflow:visible;appearance:none}.fusion-object>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.fusion-object .object-title{position:absolute;left:50%;top:100%;transform:translate(-50%,-4px);font-size:15px;letter-spacing:.06em;white-space:nowrap;background:#fbefdbef;padding:7px 13px;box-shadow:0 3px 10px #45290d25;line-height:1.2;border-radius:2px;opacity:0;pointer-events:none;transition:opacity .18s}.object-title small{margin-left:9px;font:9px Georgia;letter-spacing:1px;color:#947a57}.fusion-object:hover .object-title,.fusion-object:focus-visible .object-title{opacity:1}.fusion-object:focus-visible{outline:2px solid #d7b578;outline-offset:3px;border-radius:8px}.object-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,8px);padding:10px 16px;background:#faf3e8;color:#655139;box-shadow:0 5px 20px #2d20142b;border-radius:3px;font-size:15px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.fusion-object:hover .object-tip,.fusion-object:focus-visible .object-tip{opacity:1;transform:translate(-50%,0)}
.crt-display{position:absolute;left:613px;top:294px;width:370px;height:278px;z-index:22;border-radius:4% / 5%;overflow:hidden;pointer-events:none;clip-path:polygon(1% 1%,99% 1%,99% 98%,1% 98%);background:#17353799;animation:crt-boot 1.2s ease-out both;box-shadow:inset 0 0 25px #000a}.crt-display canvas{width:100%;height:100%;opacity:.58}.crt-display:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 35%,#0006);mix-blend-mode:multiply}.crt-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e8eed4;text-shadow:0 0 10px #bedc9960}.crt-copy small{font:9px monospace;letter-spacing:3px}.crt-copy strong{font:italic 32px Georgia;margin:12px 0}.crt-copy span{font-size:11px;letter-spacing:1px}.crt-copy b{font:10px monospace;letter-spacing:2px;border:1px solid #e2ecc750;padding:8px 14px;margin-top:26px}@keyframes crt-boot{0%{opacity:0;transform:scaleY(.01)}35%{opacity:.8;transform:scaleY(.015)}70%,100%{opacity:1;transform:scaleY(1)}}
.fusion-object[data-item="cube"]>img{animation:float-cube 5s ease-in-out infinite;filter:brightness(.85) saturate(.72) drop-shadow(4px 5px 5px #2c201622);transform-origin:center}.night .fusion-object[data-item="cube"]>img{filter:brightness(.59) saturate(.6) drop-shadow(4px 5px 5px #0003)}.cube-shadow{position:absolute;left:1070px;top:679px;width:85px;height:16px;border-radius:50%;background:#59442544;filter:blur(8px);animation:float-shadow 5s ease-in-out infinite;z-index:2}@keyframes float-cube{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes float-shadow{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(.85);opacity:.4}}.fusion-object[data-item="photo"]{clip-path:polygon(3% 7%,78% 0,100% 82%,20% 97%);background:#242621}.fusion-object[data-item="photo"] img{object-fit:cover;object-position:center;filter:brightness(.82) saturate(.85)}.night .fusion-object[data-item="photo"] img{filter:brightness(.48) saturate(.65)}.fusion-object[data-item="cup"]>img{filter:saturate(.65) brightness(.86) drop-shadow(2px 5px 4px #24160f38)}.night .fusion-object[data-item="cup"]>img{filter:saturate(.55) brightness(.58) drop-shadow(2px 5px 4px #0004)}.night .brand{color:#f6ecd5}.night #room{background:#292a29}.night .crt-display{background:#123039b0}.night .fusion-object .object-title{background:#e7d9bfed;color:#604d35}footer{padding:20px 32px;color:#fbefd9;text-shadow:0 1px 4px #35210c80;pointer-events:none}footer button{pointer-events:auto}footer .hint i{background:#d7dea8}#content{transition:opacity .24s}body.section-open #fusion-viewport{visibility:hidden}body.section-open .fusion-object>img,body.motion-paused .fusion-object>img,body.motion-paused .cube-shadow{animation-play-state:paused}#mobile-entries{display:none}#photo-dialog{max-width:min(90vw,820px)}
@media(max-width:700px){body,#room{background:#e6dccb}header{padding:18px}.brand{font-size:19px}.brand span{font-size:8px}.controls button{width:32px;height:32px}.brand{color:#514a3d}#fusion-viewport{top:96px;height:var(--scene-height);border-block:1px solid #77614420;overflow:hidden}.fusion-scene{top:50%}.fusion-object{pointer-events:none}.object-title,.object-tip{display:none!important}#mobile-entries{position:absolute;top:calc(120px + var(--scene-height));left:20px;right:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}#mobile-entries button{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:13px 15px;border:1px solid #a5917138;background:#f6f0e4d9;color:#65583f;border-radius:4px;font-size:12px;text-align:left}#mobile-entries small{font:8px Georgia;color:#99866b}#mobile-entries button:last-child{grid-column:1/-1}footer{padding:14px 18px;color:#74664c;text-shadow:none}footer .hint{max-width:90px;line-height:1.8;font-size:9px}#find,#photo-button{padding:10px 12px;text-shadow:none}.night #mobile-entries button{background:#34332e;color:#e7ddc9;border-color:#d8c4a22a}.night #room{background:#242925}.night header .brand{color:#f6ecd5}.night footer{color:#d8c7aa}}
@media(max-width:700px) and (max-height:720px){#fusion-viewport{top:78px}#mobile-entries{top:calc(92px + var(--scene-height));gap:5px}#mobile-entries button{min-height:44px;padding:10px 13px}footer{padding:8px 16px}}
@media(prefers-reduced-motion:reduce){.fusion-object>img,.cube-shadow,.crt-display{animation:none!important}.night-background{transition:none!important}}

#find{color:#635139;text-shadow:none}.brand{padding:9px 12px;margin:-9px -12px;background:linear-gradient(90deg,#f4ecd9d9,#f4ecd945);border-radius:4px}.night .brand{background:linear-gradient(90deg,#242824c9,#24282422)}.night #find{color:#e3d5bb}@media(max-width:700px){.brand,.night .brand{background:none;padding:0;margin:0}}

body[data-section=music] #return{display:none}

/* V6: restrained object-shaped hover feedback, including lamp and photograph. */
button.fusion-object{pointer-events:none;cursor:pointer}
.object-hitarea{position:absolute;inset:0;display:block;clip-path:var(--object-shape);pointer-events:auto;cursor:pointer;z-index:1}
.object-hover-wash{position:absolute;inset:0;backdrop-filter:brightness(1.12) saturate(1.03);-webkit-backdrop-filter:brightness(1.12) saturate(1.03);opacity:0;transition:opacity .22s ease;pointer-events:none}
.object-hover-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;transition:opacity .22s ease;pointer-events:none}
.object-hover-outline path{fill:none;stroke:#f9edd0;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
button.fusion-object:focus-visible{outline:none}
button.fusion-object:focus-visible .object-hover-wash{opacity:1}
button.fusion-object:focus-visible .object-hover-outline{opacity:.85}
.fusion-object .object-title,.object-tip{z-index:3}
.fusion-object .object-title{transition:opacity .2s ease,transform .2s ease;transform:translate(-50%,2px)}
.fusion-object:focus-visible .object-title{transform:translate(-50%,-5px)}
.fusion-object[data-item="photo"]{clip-path:none;background:none}
.fusion-object[data-item="photo"]>img{clip-path:var(--object-shape)}
.fusion-object[data-item="telephone"] .object-title,.fusion-object[data-item="telephone"] .object-tip{left:43%}
.fusion-object[data-item="photo"] .object-title,.fusion-object[data-item="photo"] .object-tip{left:75%}
.fusion-object[data-item="lamp"] .object-tip{bottom:auto;top:24%;left:66%}
.fusion-object[data-item="lamp"] .object-title{top:47%;left:81%}
.crt-display{transition:box-shadow .22s ease}
.fusion-scene:has([data-item="computer"]:focus-visible) .crt-display{box-shadow:inset 0 0 25px #0006,0 0 17px #dceacb25}
.night .object-hover-wash{backdrop-filter:brightness(1.22) saturate(1.02);-webkit-backdrop-filter:brightness(1.22) saturate(1.02)}
.night .object-hover-outline path{stroke:#e8d2a6}
@media(hover:hover) and (pointer:fine) and (min-width:701px){
 button.fusion-object:hover .object-hover-wash{opacity:1}
 button.fusion-object:hover .object-hover-outline{opacity:.65}
 .fusion-object:hover .object-title{transform:translate(-50%,-5px)}
 .fusion-scene:has([data-item="computer"]:hover) .crt-display{box-shadow:inset 0 0 25px #0006,0 0 17px #dceacb25}
}
@media(max-width:700px){.object-hitarea{pointer-events:none}#mobile-entries button:active{background:#e4d6bd;transform:translateY(1px)}.night #mobile-entries button:active{background:#4a4438}}
@media(prefers-reduced-motion:reduce){.object-hover-wash,.object-hover-outline,.fusion-object .object-title,.crt-display{transition:none!important}}

.fusion-object{user-select:none;-webkit-user-select:none}

/* Desk objects: top-facing cube, live red flip clock and cup beside the files. */
.fusion-object[data-item="cube"]>img{animation:none;transform:none;filter:brightness(.90) saturate(.72) drop-shadow(3px 7px 5px #2c201627)}
.cube-shadow{left:1081px;top:675px;width:92px;animation:none;opacity:.4}
.desk-clock{position:absolute;left:1058px;top:526px;width:155px;height:104px;z-index:27;display:block;filter:drop-shadow(2px 5px 3px #271b154a);pointer-events:none}
.desk-clock svg{display:block;width:100%;height:100%;overflow:visible}
.night .desk-clock{filter:brightness(.57) drop-shadow(2px 5px 3px #0006)}

/* V9: physical objects share one photographed scene; only clock digits are live. */
.cube-shadow{display:none}
.desk-clock{left:0;top:0;width:1600px;height:1000px;z-index:27;filter:none}
.desk-clock svg{width:100%;height:100%}
.night .desk-clock{filter:brightness(.6)}


/* Register the daylight photograph with the night scene and live overlays. */
.day-background{transform-origin:0 0;transform:matrix(1.0202,0,0,1.0225,.151,.101)}

/* V12: one proportional stage at every viewport size, with controls outside it. */
:root{--desk-header:80px;--desk-footer:64px}
header{height:var(--desk-header);padding:16px 24px;align-items:center}
header .brand{font-size:24px;line-height:1.15}
footer{height:var(--desk-footer);padding:12px 24px;color:#6a5b44;text-shadow:none}
#fusion-viewport{inset:var(--desk-header) 0 var(--desk-footer);height:auto;overflow:hidden}
.fusion-scene{width:1600px;height:1000px;flex:none}
.fusion-background{object-fit:cover}
.day-background{transform:matrix(1.02135,0,0,1.02135,.151,.101)}
.night footer{color:#e3d5bb}
@media(max-width:700px){
 :root{--desk-header:76px;--desk-footer:60px}
 html,body{overflow-x:hidden;overflow-y:auto}
 body.section-open{overflow:hidden}
 header{height:var(--desk-header);padding:12px 16px;gap:10px}
 header .brand{font-size:18px;max-width:calc(100% - 84px)}
 header .brand span{font-size:8px;letter-spacing:1px}
 #fusion-viewport{top:var(--desk-header);bottom:auto;height:calc(100vw * .625);border:0}
 #mobile-entries{top:calc(var(--desk-header) + var(--scene-height) + 16px);left:16px;right:16px;gap:8px}
 #mobile-entries button{min-height:44px;padding:10px 12px}
 footer{position:fixed;height:var(--desk-footer);padding:10px 16px;background:#e6dccbf5}
 .night footer{background:#242925f5}
}

.fusion-scene{overflow:hidden}
.crt-display{animation:crt-ready .25s ease-out both}
@keyframes crt-ready{from{opacity:0}to{opacity:1}}

/* V13: edge-to-edge photograph, with floating controls and no outer bands. */
html,body{width:100%;height:100%;overflow:hidden}
#room{height:100dvh;min-height:0}
#fusion-viewport{inset:0;height:auto;border:0}
header{background:none}
footer,.night footer{position:absolute;background:none;color:#fbefd9;text-shadow:0 1px 4px #35210c80}
#mobile-entries{display:none}
@media(max-width:700px){
 html,body{overflow:hidden}
 #fusion-viewport{inset:0;height:auto;border:0}
 #mobile-entries{display:none}
 footer,.night footer{position:absolute;background:none;color:#fbefd9;text-shadow:0 1px 4px #35210c80}
}


/* Third scene: overcast daylight outside, warm practical lights inside. */
.rain-background{opacity:0;transition:opacity 1.2s;pointer-events:none}
.rainy .rain-background{opacity:1}
.rainy .brand{color:#f6f0de;background:linear-gradient(90deg,#253333dd,#25333355)}
.rainy .controls button{background:#273533d9;color:#f1ead9;border-color:#ddd9c355}
.rainy .desk-clock{filter:brightness(.8)}
.rainy footer{color:#f4ecd6}
.weather-menu{position:fixed;z-index:70;min-width:170px;padding:7px;border:1px solid #bca9876b;border-radius:12px;background:#f8f2e6f5;box-shadow:0 10px 32px #1c241e30;backdrop-filter:blur(14px);color:#574d39}
.weather-menu[hidden]{display:none}
.weather-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:9px 12px;border:0;background:none;border-radius:7px;text-align:left;font-size:13px}
.weather-menu i{width:18px;font-style:normal;font-size:17px;text-align:center}
.weather-menu b{margin-left:auto;opacity:0;font-weight:400}
.weather-menu [aria-checked=true]{background:#dfe4d2;color:#3e513b}
.weather-menu [aria-checked=true] b{opacity:1}
.weather-menu button:hover{background:#e7e7d8}
.night .weather-menu,.rainy .weather-menu{background:#26312bf5;color:#f2e6cb;border-color:#c8b58a44}
.night .weather-menu [aria-checked=true],.rainy .weather-menu [aria-checked=true]{background:#4b5a44;color:#fff3d8}
.night .weather-menu button:hover,.rainy .weather-menu button:hover{background:#3b4939}
@media(prefers-reduced-motion:reduce){.rain-background{transition:none}}

/* Brighter rainy daytime, with live elements registered to the photograph. */
.scene-overlays{position:absolute;inset:0;width:1600px;height:1000px;z-index:1;transform-origin:0 0}
.rainy .scene-overlays{transform:matrix(1.018,0,0,1.018,.86,2.42)}
.rainy .brand{color:#41524b;background:linear-gradient(90deg,#f2f4eddc,#f2f4ed65)}
.rainy .controls button{background:#f1f4edd9;color:#3c524c;border-color:#768a8044}
.rainy .desk-clock{filter:none}
.rainy .weather-menu{background:#f5f6eff5;color:#44564e;border-color:#a3b0a666}
.rainy .weather-menu [aria-checked=true]{background:#dce6d8;color:#3d5343}
.rainy .weather-menu button:hover{background:#e4ebe0}

/* Overcast daylight sits below the sunny scene, with neutral lamp colour retained. */
:root{--rain-exposure:.82}
.rain-background{filter:brightness(var(--rain-exposure))}
.rainy #view-map img{filter:brightness(var(--rain-exposure))}

/* Fixed-eye first-person view. Background and hit regions share this projection. */
.fusion-scene{left:0;top:0;width:1586px;height:992px;transform-origin:0 0;will-change:auto;overflow:visible;background:none}
.fusion-background{object-fit:fill}
.day-background{transform:none}
.scene-overlays,.rainy .scene-overlays{width:1586px;height:992px;transform:none}
.rain-background{filter:none}
.desk-clock{width:1586px;height:992px}
.crt-display{left:695px;top:320px;width:187px;height:134px;clip-path:polygon(2% 0,100% 1%,98% 99%,0 99%);border-radius:3px}
.crt-copy small{font-size:5px;letter-spacing:1.6px}
.crt-copy strong{font-size:17px;margin:7px 0}
.crt-copy span{font-size:6px;letter-spacing:.1px}
.crt-copy b{font-size:5px;letter-spacing:1px;padding:4px 7px;margin-top:13px}
.object-tip{font-size:10px;padding:6px 9px}
#fusion-viewport{touch-action:none}
.view-travelling .object-tip{opacity:0!important}
.view-travelling .object-hover-wash,.view-travelling .object-hover-outline{opacity:0!important}
.view-travelling .fusion-object{pointer-events:none}
.view-travelling .object-hitarea{pointer-events:none}
body.section-open #fusion-viewport{visibility:visible}
#content:not([hidden]){animation:page-arrive .22s ease-out both}
@keyframes page-arrive{from{opacity:0}to{opacity:1}}
@media(max-width:700px){button.fusion-object .object-hitarea{pointer-events:auto}.hint{max-width:125px}}
@media(prefers-reduced-motion:reduce){.fusion-scene{will-change:auto}#content{animation:none!important}}
/* Unlike hidden, clip cannot be scrolled by browser focus or scrollIntoView. */
#fusion-viewport,#room{overflow:clip}

/* Native-resolution photograph surface; keep DOM images as a WebGL fallback. */
.room-photograph{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none}
.photo-layer-ready>.room-photograph{display:block}
.photo-layer-ready .fusion-background{visibility:hidden}

/* Weather ornaments share the room projection, including the Canvas fallback. */
.weather-ornaments{position:absolute;left:850px;top:264px;width:62px;height:40px;pointer-events:none}
.weather-ornaments canvas{position:absolute;inset:0;width:62px;height:40px;opacity:0;transition:opacity .35s}
body[data-weather="day"] .ornament-day,body[data-weather="night"] .ornament-night,body[data-weather="rain"] .ornament-rain{opacity:1}
.photo-layer-ready .weather-ornaments{visibility:hidden}

/* Quiet discovery: labels appear nearby; the portfolio remains visible on screen. */
.fusion-object .object-tip{display:none!important}
.nearby-label{position:fixed;z-index:9;padding:10px 15px;border:1px solid #b7a17c80;border-radius:5px;background:#fff6e7f2;color:#514432;box-shadow:0 4px 18px #35210c24;font-size:13px;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .18s,transform .18s}
.nearby-label.visible{opacity:1;transform:translateY(0)}
.fusion-object.is-near .object-hover-wash{opacity:.65}
.fusion-object.is-near .object-hover-outline{opacity:.8}
.desk-invitation{position:fixed;z-index:9;bottom:94px;left:50%;transform:translate(-50%,5px);width:max-content;max-width:calc(100% - 36px);margin:0;padding:11px 18px;border:1px solid #d6c6a8;background:#fff6e7ed;color:#5b4a33;border-radius:6px;box-shadow:0 4px 20px #35210c20;font-size:13px;line-height:1.7;text-align:center;pointer-events:none;opacity:0;transition:opacity .4s,transform .4s}
.desk-invitation.visible{opacity:1;transform:translate(-50%,0)}
.crt-copy b{font-family:'PingFang SC',sans-serif;font-size:7px;letter-spacing:.5px;border-color:#e2ecc7a0;background:#e2ecc713;padding:5px 9px}
.desk-first-visit .crt-copy b{animation:portfolio-invite 2s ease-in-out 2}
@keyframes portfolio-invite{50%{background:#e2ecc735;box-shadow:0 0 10px #dbe8bd55}}
.desk-first-visit .fusion-object:is([data-item="folders"],[data-item="scrapbook"]) .object-tip,.desk-show-guides .fusion-object .object-tip{display:block!important;opacity:1;transform:translate(-50%,0);font-size:10px;background:#fff6e7ed;color:#514432;border:1px solid #b7a17c80;box-shadow:0 3px 14px #35210c24}
.desk-first-visit .fusion-object[data-item="folders"] .object-tip{bottom:calc(100% + 12px)}
.desk-first-visit .fusion-object[data-item="scrapbook"] .object-tip{bottom:calc(100% + 12px)}
body.section-open .nearby-label,body.section-open .desk-invitation,.view-travelling .nearby-label{opacity:0}
.night .nearby-label,.night .desk-invitation{background:#eee1ccf2;color:#493e2f;border-color:#c8b18b}
@media(max-width:700px){.desk-invitation{font-size:12px;bottom:90px;padding:10px 14px}.nearby-label{font-size:12px}#find{white-space:nowrap}.hint{max-width:100px}}
@media(prefers-reduced-motion:reduce){.nearby-label,.desk-invitation{transition:none}.desk-first-visit .crt-copy b{animation:none}}
/* Small screens use the readable directory; cropped room edges never carry labels. */
@media(max-width:700px){.desk-first-visit .fusion-object .object-tip,.desk-show-guides .fusion-object .object-tip{display:none!important}}

.fusion-scene{user-select:none;-webkit-user-select:none}

/* Strong, readable object outlines on light and dark photography. */
.object-hover-outline{filter:drop-shadow(0 0 1px #302215dd) drop-shadow(0 0 4px #fff0b699)}
.object-hover-outline path{stroke:#fff5ce!important;stroke-width:3;stroke-linejoin:round}
.fusion-object.is-near .object-hover-outline,button.fusion-object:hover .object-hover-outline,button.fusion-object:focus-visible .object-hover-outline{opacity:1}
.fusion-object.is-near .object-hover-wash{opacity:.85}
.fusion-object[data-item="cup"],.fusion-object[data-item="cup"] .object-hitarea{pointer-events:none}
.night .desk-clock,.rainy .desk-clock{filter:none}

.night .desk-clock,.rainy .desk-clock{filter:none}
.clock-scene{display:none}.clock-scene-day{display:block}.night .clock-scene-day,.rainy .clock-scene-day{display:none}.night .clock-scene-night,.rainy .clock-scene-rain{display:block}

/* Home title sits on the quiet wall above the monitor. Inner pages keep their layout. */
body[data-studio-page=homepage] header.studio-header .studio-brand{
 position:absolute;left:50%;top:clamp(24px,5vh,56px);grid-column:auto;
 align-items:center;justify-self:center;text-align:center;
 transform:translateX(-50%)!important;transform-origin:center!important;
 margin:0!important;padding:0!important;color:#3d3025!important;
 background:none!important;text-shadow:0 1px 1px #f2d5af66!important;
 -webkit-text-stroke:0!important;
}
body[data-studio-page=homepage].night header.studio-header .studio-brand{color:#f6e5c8!important;text-shadow:0 1px 3px #211a1480!important}
@media(max-width:700px){
 body[data-studio-page=homepage] header.studio-header .studio-brand{top:clamp(76px,11vh,110px)}
 body[data-studio-page=homepage] header.studio-header .studio-brand .studio-signature{font-size:32px!important}
 body[data-studio-page=homepage] header.studio-header .studio-brand .studio-chinese{font-size:18px!important}
 body[data-studio-page=homepage] header.studio-header .studio-brand .studio-tagline{font-size:9px!important}
}

/* A separate wayfinding hint sits below the brand, with the original light ink and dot. */
body[data-studio-page=homepage] header.studio-header>.studio-explore-guide{
 position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;
 margin:0;padding:0;width:max-content;max-width:calc(100vw - 28px);
 font:500 12px/1.7 'PingFang SC','Microsoft YaHei',sans-serif;
 letter-spacing:.4px;white-space:nowrap;color:#fff4df;
 text-shadow:0 1px 4px #35210c99;pointer-events:none;
}
body[data-studio-page=homepage] header.studio-header>.studio-explore-guide::before{
 content:'';display:block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#d7dea8;
 box-shadow:0 0 5px #d7dea833;
}
body[data-studio-page=homepage]>footer{justify-content:flex-end}
@media(max-width:700px){body[data-studio-page=homepage] header.studio-header>.studio-explore-guide{font-size:11px;letter-spacing:0;gap:8px}}