/* A transient opening wordmark, centered above the inn in both compositions. */
body .folio-intro.entry-gate{
 position:absolute;inset:0;width:100%;height:100%;padding:0;
 z-index:90;isolation:isolate;overflow:hidden;
 transform:none;transform-origin:center;pointer-events:none;
 background:transparent;opacity:1;animation:none;
 -webkit-backdrop-filter:none;backdrop-filter:none;
}
body .folio-intro.entry-gate:not([hidden]){display:block}
body .folio-intro.entry-gate::before{content:none}
.entry-composition{
 position:absolute;left:50%;top:28%;transform:translate(-50%,-50%);
 display:flex;flex-direction:column;align-items:center;
 width:max-content;max-width:90%;text-align:center;color:#f5f1e5;
 text-shadow:0 2px 12px #101916c9,0 1px 3px #101916a3;
}
.entry-title{display:flex;flex-direction:column;align-items:center;gap:9px;white-space:nowrap}
.entry-title-en{display:block;width:clamp(132px,10.5vw,172px);max-width:80vw;line-height:0;filter:drop-shadow(0 1px 2px #10191699)}
.entry-title-en .folio-wordmark{display:block;width:100%;height:auto;overflow:visible;fill:currentColor;stroke:none}
.entry-title-cn{
 display:block;padding:.08em 0;
 font-family:'Folio CN','Microsoft YaHei',sans-serif;
 font-size:clamp(36px,3vw,48px);font-weight:400;line-height:1.15;
 letter-spacing:.18em;text-indent:.18em;color:#f2eddf;
}
#home[data-composition=portrait] .entry-title-en{width:clamp(124px,34vw,172px);max-width:80vw}
#home[data-composition=portrait] .entry-title-cn{font-size:clamp(34px,10.25vw,50px)}
@media(max-height:520px) and (min-aspect-ratio:115/100){
 .entry-composition{top:24.5%}
 .entry-title{gap:4px}
 .entry-title-en{width:100px}
 .entry-title-cn{font-size:24px}
}

.entry-title-rule{display:block;width:64px;height:1px;margin-top:4px;background:linear-gradient(90deg,transparent,currentColor 24%,currentColor 76%,transparent);opacity:.55;transform-origin:center;flex:none}
#home[data-composition=portrait] .entry-title-rule{width:52px}

#home[data-composition=portrait] .entry-composition{top:30%}
.entry-explore{margin-top:10px;font-size:11px;line-height:1.3;letter-spacing:.2em;text-indent:.2em;opacity:.8}
@media(max-height:520px) and (min-aspect-ratio:115/100){.entry-title-rule{display:none}.entry-explore{margin-top:6px;font-size:10px}.entry-title-cn{padding:0}}

/* The creator travels with the opening title; the woodland stays unframed. */
.entry-composition{top:26%;width:min(460px,86%);max-width:86%;text-shadow:0 2px 12px #15151dcc,0 1px 3px #15151d99}
.entry-identity{margin-top:15px;color:#f5f1e9}
.entry-identity p{margin:0;font-weight:400}
.entry-creator{font-size:14px;line-height:1.7;letter-spacing:.12em}
.entry-direction{font-size:12px;line-height:1.8;margin-top:2px!important;letter-spacing:.035em}
.entry-summary{max-width:32em;margin:9px auto 0!important;font-size:12px;line-height:1.9;letter-spacing:.015em}
.entry-explore{margin-top:16px}
#home[data-composition=portrait] .entry-composition{top:25.5%;width:84%}
#home[data-composition=portrait] .entry-identity{margin-top:12px}
#home[data-composition=portrait] .entry-creator{font-size:13px}
#home[data-composition=portrait] .entry-direction{font-size:11px}
#home[data-composition=portrait] .entry-summary{font-size:11.5px;max-width:27em;line-height:1.85}
@media(max-height:520px) and (min-aspect-ratio:115/100){.entry-composition{top:35%;width:480px}.entry-identity{margin-top:8px}.entry-creator{font-size:12px}.entry-direction,.entry-summary{font-size:10px;line-height:1.5}.entry-summary{margin-top:4px!important}.entry-explore{margin-top:7px}}

.entry-summary{text-wrap:balance}

.entry-identity{margin-top:18px}.entry-label-row{font-size:12px;line-height:2.1;letter-spacing:.025em;white-space:nowrap}
#home[data-composition=portrait] .entry-identity{margin-top:16px}
#home[data-composition=portrait] .entry-label-row{font-size:11px;line-height:2.1}
@media(max-width:360px){#home[data-composition=portrait] .entry-label-row{font-size:10px;letter-spacing:0}}
