/* All new visual rules are confined to the atelier. */
.za-root{width:100%;height:100%;min-height:0;position:relative;overflow:hidden;background:#210c08;color:#f6dfa5;font-family:'Songti SC','STSong',serif;isolation:isolate}
.za-root *{box-sizing:border-box}.za-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);container-type:size;isolation:isolate}
.za-architecture{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.za-heading{position:absolute;left:5.2%;top:7%;width:32%;text-align:center;text-shadow:0 2px 14px #1f0805}
.za-heading h2{margin:0!important;color:#ffe1a0!important;font:700 5.9cqw/1.15 'STXingkai','Xingkai SC','Kaiti SC',serif!important;letter-spacing:.06em!important}
.za-heading p{font-size:1.5cqw;letter-spacing:.12em;margin:1.3cqh 0}.za-heading small{font-size:1.15cqw;letter-spacing:.18em;color:#e8c896}
.za-feature{position:absolute;left:8%;top:33%;width:29%;height:51%;color:inherit;text-align:center;text-decoration:none;border-radius:4px;transition:filter .2s}
.za-artifact{display:block;position:absolute;left:13%;width:74%;height:69%;top:-1%;object-fit:contain;filter:drop-shadow(0 10px 12px #1b0808aa)}
.za-feature-copy{position:absolute;top:72%;width:100%;left:0;text-shadow:0 2px 7px #250702}.za-feature h3{margin:0!important;font-size:2cqw!important;color:#ffe4b0!important;font-weight:400!important;letter-spacing:.12em}.za-feature p{font-size:1cqw;letter-spacing:.2em;margin:.7cqh 0 1.4cqh}.za-enter{display:inline-block;font-size:1cqw;padding:.8cqh 2cqw;border:1px solid #c9a16b;border-radius:30px;background:#37170bcc}
.za-doors{position:absolute;inset:0;pointer-events:none}.za-door{position:absolute;pointer-events:auto;text-decoration:none;color:#ffe7b5;border-radius:3px;transition:background .2s,box-shadow .2s;outline-offset:5px}
.za-door-0{left:45.5%;top:15%;width:15%;height:33%}.za-door-1{left:63.3%;top:14%;width:15%;height:34%}.za-door-2{left:80.7%;top:11%;width:15%;height:37%}
.za-door-3{left:45.5%;top:54%;width:15%;height:28%}.za-door-4{left:63.3%;top:54%;width:15%;height:31%}.za-door-5{left:80.7%;top:54%;width:15%;height:35%}
.za-door-title{position:absolute;left:0;bottom:100%;width:120%;padding-bottom:1.2cqh;text-shadow:0 2px 8px #130704}.za-door-title small{font-size:.95cqw;letter-spacing:.13em;color:#eac586}.za-door h3{font-size:1.55cqw!important;line-height:1.3!important;color:#ffe7b5!important;letter-spacing:.04em!important;font-weight:400!important;margin:0!important}
.za-door-hint{position:absolute;left:0;bottom:0;width:100%;padding:1cqh .6cqw;background:#210c08e8;color:#fff0cf;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;text-align:center}.za-door-hint span{display:block;font-size:.85cqw}.za-door-hint strong{display:block;font-size:1.05cqw;font-weight:400;margin-top:.5cqh}
.za-door:hover,.za-door:focus-visible{box-shadow:0 0 24px #ffcd7466;outline:1px solid #ffe7a9;background-color:#ffc55812}.za-door:hover .za-door-hint,.za-door:focus-visible .za-door-hint{opacity:1;transform:none}.za-feature:hover,.za-feature:focus-visible{filter:brightness(1.12);outline:1px solid #ffe7a9}
.za-note{position:absolute;bottom:3px;left:0;width:100%;font:10px/1.5 sans-serif;text-align:center;color:#dabd92;margin:0;pointer-events:none}
@media(max-width:700px) and (orientation:portrait){
.za-root{overflow-y:auto;overscroll-behavior:contain}.za-stage{position:relative;left:0;top:0;transform:none;width:100%;height:auto!important;min-height:100%;padding:24px 18px 36px;container-type:inline-size}
.za-architecture{height:410px;object-fit:cover;object-position:left;opacity:.5}
.za-heading{position:relative;left:auto;top:auto;width:100%}.za-heading h2{font-size:48px!important}.za-heading p{font-size:13px;margin:10px 0}.za-heading small{font-size:12px}
.za-feature{position:relative;display:block;left:auto;top:auto;width:100%;height:295px;margin:12px 0 32px;background:#240e0aa8}.za-artifact{left:20%;width:60%;height:70%;top:0}.za-feature-copy{top:72%}.za-feature h3{font-size:24px!important}.za-feature p{font-size:11px;margin:4px 0 8px}.za-enter{font-size:12px;padding:7px 20px}
.za-doors{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px 14px}.za-door{position:relative;inset:auto!important;width:100%!important;height:220px!important;border:1px solid #97704488;background-image:url('/assets/atelier/architecture.webp');background-repeat:no-repeat;background-size:690% 345%}
.za-door-0{background-position:54% 28%}.za-door-1{background-position:75% 27%}.za-door-2{background-position:96% 25%}.za-door-3{background-position:54% 82%}.za-door-4{background-position:75% 87%}.za-door-5{background-position:96% 90%}
.za-door-title{position:relative;bottom:auto;width:100%;padding:8px;background:#210c08ee}.za-door-title small{font-size:10px}.za-door h3{font-size:16px!important}.za-door-hint{opacity:1;transform:none;padding:8px 3px}.za-door-hint span{font-size:10px}.za-door-hint strong{font-size:12px;margin-top:4px}.za-note{display:none}
}
@media(prefers-reduced-motion:reduce){.za-root *{transition:none!important}}
@media(min-width:701px),(orientation:landscape){.za-heading{top:5%}.za-heading h2{font-size:5.5cqw!important}.za-feature{top:36%;height:48%}.za-artifact{height:66%}.za-feature-copy{top:70%}.za-door-title{padding-right:.3cqw}.za-door-title:after{content:'进入';display:inline-block;margin-top:.3cqh;font-size:.8cqw;color:#e5c38a;letter-spacing:.16em}}
@media(min-width:701px),(orientation:landscape){.za-door-0{top:20%;height:28%}.za-door-1{top:19%;height:29%}.za-door-2{top:16%;height:32%}.za-door-3{top:59%;height:23%}.za-door-4{top:59%;height:26%}.za-door-5{top:59%;height:30%}}
@media(min-width:701px),(orientation:landscape){.za-heading{top:3%;left:4%;width:34%}.za-heading h2{font-size:6.5cqw!important;line-height:1.1!important}.za-heading p{font-size:1.3cqw;margin:1cqh 0}.za-heading small{font-size:1.1cqw}.za-feature{top:30%;height:54%}.za-artifact{height:69%}.za-feature-copy{top:78%}}

/* User-selected complete image, no crop or recoloring. */
.za-artifact{object-fit:contain;filter:none;border-radius:3px}
@media(min-width:701px),(orientation:landscape){.za-artifact{left:14%;width:72%;height:72%;top:0}.za-feature{top:29%;height:56%}.za-feature-copy{top:80%}}
@media(min-width:701px),(orientation:landscape){.za-feature{top:32%;height:53%}.za-feature p{margin:.4cqh 0 1cqh;text-shadow:0 1px 4px #140500}}

@media(min-width:701px),(orientation:landscape){.za-feature{top:35%;height:50%}.za-artifact{height:66%;top:0;left:10%;width:80%}.za-feature-copy{top:74%}}