@import url('../nature-object-response-17/page.css');
@import url('folio.css');

/* One camera contains the plate, every animated layer and every hit region. */
html:has(.fullscreen-home){width:100%;height:100%;overflow:hidden}
.fullscreen-home{width:100%;height:100%;overflow:hidden;background:#327987}
.fullscreen-home #desktop-app,.fullscreen-home #scene-home{width:100%;height:100%}
.fullscreen-home .landscape{position:fixed;inset:0;width:100vw;height:100svh;max-width:none!important;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:#71b2b8}
.fullscreen-home .stage{position:absolute;width:max(100vw,177.6833156svh);height:max(100svh,56.2799043vw);max-width:none;left:auto;right:0;top:0;aspect-ratio:1672/941;overflow:hidden;border:0;border-radius:0}
.fullscreen-home .introduction{position:absolute;top:clamp(35px,6.3svh,78px);left:clamp(32px,4.3vw,98px);z-index:5;color:#fff9e8;text-align:left;pointer-events:none;text-shadow:0 2px 5px #234c508c,0 0 25px #305e6770}
.fullscreen-home .introduction h1,.fullscreen-home .introduction p{font-family:"STKaiti","华文楷体","KaiTi","楷体","Kaiti SC",serif;font-weight:400;font-synthesis:none}
.fullscreen-home .introduction h1{font-size:clamp(57px,5.3vw,88px);line-height:1.22;letter-spacing:.08em;margin:0 0 15px}
.fullscreen-home .signature{width:clamp(104px,8.1vw,136px);line-height:0;margin:0 0 15px}
/* Reuse the original long-stroke wordmark; only its display colour changes. */
.fullscreen-home .signature img{display:block;width:100%;height:auto;filter:brightness(0) invert(1) sepia(.12) drop-shadow(0 1px 2px #234c5080)}
/* Align the last character of the quote with the heading's right edge. */
.fullscreen-home .intro-line{width:max-content;font-size:clamp(14px,1.18vw,18px);line-height:1.7;letter-spacing:.07em;margin:0 0 0 auto;text-align:right;white-space:nowrap}
/* Quiet, viewport-anchored shortcuts sit above the artwork, not inside its camera. */
.fullscreen-home .scene-shortcuts{position:fixed;top:clamp(32px,6.3svh,78px);right:clamp(32px,4.3vw,98px);z-index:20;display:flex;align-items:center;gap:clamp(24px,2.6vw,44px);color:#fff9e8;font-family:"STKaiti","华文楷体","KaiTi","楷体","Kaiti SC",serif;font-size:clamp(16px,1.35vw,21px);font-weight:400;line-height:1.5;letter-spacing:.12em;text-shadow:0 2px 5px #163e3db3,0 0 14px #1b424875}
.fullscreen-home .scene-shortcuts a{position:relative;display:inline-flex;align-items:center;gap:.4em;min-height:44px;padding:4px 0;color:inherit;text-decoration:none;white-space:nowrap;transition:color .18s ease,transform .18s ease}
.fullscreen-home .scene-shortcuts a>span{font-size:.82em;letter-spacing:0}
.fullscreen-home .scene-shortcuts a::after{content:"";position:absolute;left:0;right:.12em;bottom:5px;height:1px;background:currentColor;opacity:0;transform:scaleX(.35);transform-origin:left;transition:opacity .18s ease,transform .18s ease}
.fullscreen-home .scene-shortcuts a:hover{color:#ffe1a0;transform:translateY(-1px)}
.fullscreen-home .scene-shortcuts a:hover::after,.fullscreen-home .scene-shortcuts a:focus-visible::after{opacity:.85;transform:scaleX(1)}
.fullscreen-home .scene-shortcuts a:focus-visible{outline:1px solid #fff0be;outline-offset:5px;border-radius:2px}
.fullscreen-home .scene-shortcuts a:active{transform:translateY(1px)}
.fullscreen-home .theme-directory{display:contents}
.fullscreen-home .theme-section{display:none}
.entrances-ready .fullscreen-home .theme-directory{display:none}
html:not(.entrances-ready) .fullscreen-home .theme-section:target{display:block;position:fixed;inset:5vh max(30px,calc((100vw - 760px)/2));padding:27px 32px;background:var(--paper);border:1px solid var(--line);z-index:30;max-height:90svh;overflow:auto;box-shadow:0 20px 80px #123d3566}
.static-return{display:inline-block;margin-bottom:24px;font-size:12px;color:var(--accent)}
/* No permanent markers or floating labels. The objects themselves still react. */
.fullscreen-home .portal-pin{opacity:0;pointer-events:none}
.fullscreen-home .portal-caption{display:none}
.fullscreen-home .scene-portal:focus-visible .portal-pin{opacity:1}
.fullscreen-home .scene-portal:focus-visible .pin-aura{opacity:.55}
.fullscreen-home .scene-portal:focus-visible .pin-rays{opacity:0}
.fullscreen-home .scene-portals.is-pointing .portal-pin{pointer-events:none}
.fullscreen-home .portal-cursor{z-index:15}

/* Exploration UI is revealed only after an object is opened. */
.theme-dialog{width:1120px;max-width:calc(100vw - 80px);margin:auto;padding:32px 34px 23px;border-radius:3px;background:#f3f1e7;box-shadow:0 25px 95px #102b2566}
.theme-dialog::backdrop{background:#173c3559}
.theme-dialog .theme-eyebrow{margin-bottom:10px;font-size:10px}
.theme-dialog h2{font-size:35px;letter-spacing:.08em;margin-bottom:10px}
.theme-dialog .theme-note{margin-bottom:25px;font-family:var(--serif);font-size:15px}
.theme-dialog .theme-works{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.theme-dialog .specimen-visual{aspect-ratio:1.65}
.theme-dialog .specimen-copy{padding:16px 0 12px}
.theme-dialog .specimen h3{font-size:20px;min-height:66px;margin-top:10px}
.theme-dialog .specimen-copy p{font-size:11px;min-height:43px}
.theme-dialog .specimen-action{margin-top:13px}
.theme-dialog .specimen-meta{font-size:9px}.theme-dialog .specimen-meta>span:last-child{font-size:9px}
.theme-dialog .close-theme{right:19px;top:19px}
.theme-dialog .theme-work{display:block}.theme-dialog .theme-work .work-text{margin-top:12px}
.directory-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding-top:23px;font-size:12px}
.directory-footer nav{display:flex;gap:29px;align-items:center;padding-top:4px}
.theme-dialog .all-works{display:flex;gap:18px;font-size:12px;padding:0;border:0}
.directory-footer nav>a{white-space:nowrap}
.directory-footer nav>a>span{font-size:16px;margin-left:12px}
.landscape-settings{position:relative;min-width:93px;text-align:right}
.landscape-settings summary{cursor:pointer;list-style:none;padding:5px 0;color:var(--muted)}
.landscape-settings summary::-webkit-details-marker{display:none}
.landscape-settings summary::after{content:"＋";margin-left:12px;color:var(--brass)}
.landscape-settings[open] summary::after{content:"−"}
.settings-inner{padding-top:10px;text-align:left}
.settings-inner .scene-controls{position:static;display:flex;flex-wrap:wrap;background:#e7ecdc;color:var(--ink);border:1px solid var(--line);box-shadow:none;border-radius:2px;padding:5px;font-size:11px}
.settings-inner p{font-size:10px;line-height:1.8;margin:10px 0 0;color:var(--muted)}
.landscape-settings summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:1100px){.theme-dialog{max-width:calc(100vw - 48px);padding:28px 25px 22px}.theme-dialog .theme-works{gap:19px}.theme-dialog .specimen h3{font-size:18px}.theme-dialog .specimen-meta>span:last-child{display:none}}
@media(max-height:780px){.theme-dialog{padding-top:23px}.theme-dialog .theme-note{margin-bottom:19px}.theme-dialog .specimen-visual{aspect-ratio:1.85}.theme-dialog .specimen h3{min-height:0;font-size:18px;line-height:1.6}.theme-dialog .specimen-copy{padding-top:12px}.directory-footer{padding-top:18px}.fullscreen-home .introduction h1{font-size:clamp(50px,5.1vw,76px)}.fullscreen-home .introduction{top:32px}}
@media(prefers-reduced-motion:reduce){.fullscreen-home .introduction,.fullscreen-home .portal-pin,.fullscreen-home .scene-shortcuts a,.fullscreen-home .scene-shortcuts a::after{transition:none}}