:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier){--green:#204a40;--ivory:#f1ede3;--gold:#a18a59;--serif:'Songti SC','STSong',serif}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) *{box-sizing:border-box}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) body{margin:0;background:var(--ivory);color:var(--green);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) a{color:inherit;text-decoration:none}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) button{font:inherit}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) a:focus-visible,:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) button:focus-visible{outline:2px solid #a18a59;outline-offset:5px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4.8%;border-bottom:1px solid #214b4517}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .brand{display:flex;align-items:center;gap:14px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .seal{font:29px var(--serif);border:1px solid var(--gold);color:#8a7145;width:42px;height:45px;display:grid;place-items:center}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .brand strong{display:block;width:136px;height:42px;font-size:0;background:var(--green);mask:url('assets/lettering.png') center/contain no-repeat;-webkit-mask:url('assets/lettering.png') center/contain no-repeat}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .brand small{display:block;font-size:8px;letter-spacing:3px;color:#78847a}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) nav{height:100%;display:flex;align-items:center;gap:30px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) nav a{position:relative;display:flex;height:100%;align-items:center;font-size:12px;letter-spacing:1px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:21px;height:2px;background:var(--gold)}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) nav a:hover{color:#a1844f}
.atelier-scene{height:calc(100svh - 186px);min-height:550px;position:relative;isolation:isolate;overflow:hidden;background:#d2dac9}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .world-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0;z-index:-3}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 51%,#d7dfcf3b 65%,#d7dfcf60);pointer-events:none}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .stage-index{position:absolute;left:4.8%;top:24px;margin:0;display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:2.5px;color:#294d41}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .stage-index>span{font:20px var(--serif);letter-spacing:0}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .stage-index i{width:28px;height:1px;background:#65745a}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .cover-copy{position:relative;margin-left:70%;width:25%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:35px 0 35px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .overline{font:17px var(--serif);letter-spacing:3px;margin:0 0 19px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) h1{margin:0 0 23px -7px;width:min(100%,290px);display:grid;gap:12px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) h1 img{width:100%;height:auto;display:block}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .subtitle{font:30px/1.5 var(--serif);letter-spacing:4px;margin:0 0 12px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .description{font-size:12px;line-height:2;letter-spacing:1.5px;color:#4e6858;margin:0 0 25px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .primary{display:flex;align-items:center;justify-content:space-between;background:#234e43;color:#f3ead7;width:215px;min-height:53px;padding:0 20px;font-size:12px;letter-spacing:2px;transition:transform .2s,background .2s}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .primary:hover{transform:translateY(-2px);background:#143a30}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .primary b{font:25px var(--serif)}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .works-trigger{cursor:pointer;background:none;border:0;padding:0;color:#335847;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:8px;margin-top:15px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .works-trigger span{font-size:21px;font-weight:300}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .scene-note{position:absolute;left:4.8%;bottom:26px;display:flex;align-items:flex-start;gap:10px;padding:12px 15px;background:#eff0dcdb;backdrop-filter:blur(7px);border:1px solid #e8ebd66b}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .dot{width:5px;height:5px;background:#9d7f42;border-radius:50%;margin-top:4px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .scene-note p{margin:0;font:12px var(--serif);letter-spacing:2px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .scene-note small{display:block;font:7px sans-serif;letter-spacing:1.5px;margin-top:8px;color:#6c7c61}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .vertical-note{position:absolute;right:20px;top:30px;writing-mode:vertical-rl;letter-spacing:2px;font-size:7px;color:#57705d;margin:0}
.chapter-footer-atelier{height:98px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4.8%;border-top:1px solid #214b4517}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .previous{display:flex;align-items:center;gap:20px;color:#7a8c7b}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .previous>span{font:28px var(--serif);color:#9c8452}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .previous small{font-size:10px;letter-spacing:2px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection{display:flex;align-items:center;gap:18px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection>strong{font:37px var(--serif);font-weight:400;color:#a18a59}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection strong>span{font-size:21px;margin:0 7px;color:#9da38a}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection p{font:14px var(--serif);letter-spacing:2px;margin:0}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection small{display:block;font:8px sans-serif;letter-spacing:1.3px;color:#84927e;margin-top:9px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .next{display:flex;align-items:center;gap:40px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .next small{display:block;font-size:8px;letter-spacing:2px;color:#a08d62}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .next strong{display:block;font:20px var(--serif);letter-spacing:3px;font-weight:400;margin-top:7px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .next b{font:28px var(--serif);color:#a88c55}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#dedbcf}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .progress span{display:block;height:100%;width:calc(100% / 6);margin-left:50%;background:#a88c55}
.atelier-dialog{width:min(890px,calc(100% - 32px));max-height:88svh;overflow:auto;border:1px solid #9a9466;padding:28px;background:#f1ede3;color:#204a40;box-shadow:0 30px 100px #1b332c66}
.atelier-dialog::backdrop{background:#102d2bbb;backdrop-filter:blur(7px)}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .dialog-heading small{font-size:8px;letter-spacing:2px;color:#9b8152}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .dialog-heading h2{font:29px var(--serif);font-weight:400;margin:12px 0;letter-spacing:2px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .dialog-heading button{width:34px;height:34px;border:1px solid #b1ae8d;background:none;font:26px var(--serif);color:#375744;cursor:pointer}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .intro{font-size:11px;line-height:1.9;color:#6d7b66;margin:8px 0 22px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .feature-work{display:block;position:relative;background:#254b40;color:#eee7d6;padding:21px 24px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .feature-work small{font-size:8px;letter-spacing:2px;color:#ccbc8f}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .feature-work h3{font:29px var(--serif);letter-spacing:3px;margin:12px 0}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .feature-work p{font-size:10px;letter-spacing:1px;margin:0;color:#c0ccba}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .feature-work>span{position:absolute;right:23px;bottom:24px;font-size:11px;letter-spacing:1px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .work-list{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;margin-top:9px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .work-list a{display:grid;grid-template-columns:27px 1fr 20px;align-items:center;gap:11px;padding:18px 4px;border-bottom:1px solid #c5c9b2}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .work-list a:hover{background:#e2e6d8}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .work-list small{font:16px var(--serif);color:#9d8451}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .work-list h3{font:19px var(--serif);margin:0 0 7px;font-weight:400}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .work-list p{font-size:9px;letter-spacing:1px;color:#72816a;margin:0}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .work-list b{font-weight:400;color:#a18a59}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .extended{display:flex;gap:20px;align-items:center;font-size:9px;margin-top:25px;flex-wrap:wrap}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .extended>span{color:#a18a59;font-size:8px;letter-spacing:1px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .extended a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) nav{gap:20px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .cover-copy{margin-left:68%;width:27%}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .subtitle{font-size:25px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .overline{font-size:15px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .primary{width:200px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection>strong{font-size:32px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection p{font-size:12px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection small{font-size:7px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .previous small{display:none}}
@media(max-height:780px) and (min-width:801px){.atelier-scene{min-height:440px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .cover-copy{padding:23px 0}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) h1{width:225px;margin-bottom:14px;gap:8px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .overline{font-size:14px;margin-bottom:14px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .subtitle{font-size:24px;margin-bottom:9px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .description{font-size:10px;line-height:1.8;margin-bottom:18px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .primary{min-height:44px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .works-trigger{margin-top:10px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .stage-index{top:19px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .scene-note{bottom:20px}}
@media(max-width:800px){:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .site-header{height:121px;padding:16px 22px 9px;display:block}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .brand{gap:10px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .seal{width:31px;height:34px;font-size:23px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .brand strong{width:108px;height:34px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .brand small{font-size:7px;letter-spacing:2px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) nav{height:31px;justify-content:space-between;gap:10px;margin-top:13px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) nav a{font-size:9px;letter-spacing:0}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) nav a[aria-current]:after{bottom:0}
.atelier-scene{height:calc(100svh - 207px);min-height:620px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .world-art{height:auto;width:175%;max-width:none;inset:auto auto 0 -8%;object-fit:contain}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .hero-shade{background:linear-gradient(180deg,#d5ddce 0%,#d5ddce 36%,#d5ddcebb 44%,transparent 62%)}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .stage-index{top:22px;left:24px;font-size:6px;letter-spacing:1.5px;gap:10px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .stage-index>span{font-size:16px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .stage-index i{width:16px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .cover-copy{margin:0;width:100%;padding:65px 25px 0;height:auto;display:block}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .overline{font-size:13px;margin-bottom:17px;letter-spacing:2px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) h1{display:flex;gap:11px;width:100%;margin:0 0 14px -4px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) h1 img{width:calc(50% - 6px);min-width:0}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .subtitle{font-size:21px;letter-spacing:3px;margin-bottom:10px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .description{font-size:10px;line-height:1.8;letter-spacing:1px;margin-bottom:15px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .primary{width:181px;min-height:43px;padding:0 15px;font-size:11px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .works-trigger{font-size:8px;margin-top:10px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .scene-note{left:21px;bottom:15px;padding:9px 11px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .scene-note p{font-size:9px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .scene-note small{font-size:6px;letter-spacing:1px;margin-top:6px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .vertical-note{display:none}
.chapter-footer-atelier{height:86px;padding:0 22px;gap:18px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .previous{display:none}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection{gap:9px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection>strong{font-size:25px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection strong>span{font-size:15px;margin:0 3px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection p{font-size:10px;letter-spacing:.5px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .collection small{font-size:6px;letter-spacing:0;margin-top:6px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .next{gap:12px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .next small{font-size:6px;letter-spacing:1px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .next strong{font-size:14px;letter-spacing:1px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .next b{font-size:22px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .dialog-heading h2{font-size:22px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .dialog-heading small{font-size:6px}
.atelier-dialog{padding:21px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .work-list{grid-template-columns:1fr}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .intro{font-size:10px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .feature-work h3{font-size:24px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .feature-work>span{font-size:9px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .extended{gap:15px;font-size:8px}}
@media(min-width:651px) and (max-width:800px){.atelier-scene{min-height:470px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .world-art{inset:0;width:100%;height:100%;object-fit:cover}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .hero-shade{background:linear-gradient(90deg,transparent 50%,#d5ddce77)}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .cover-copy{margin-left:69%;width:27%;padding:60px 0 20px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) h1{display:grid;gap:9px;width:100%;margin-bottom:13px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) h1 img{width:100%}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .overline{font-size:11px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .subtitle{font-size:20px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .description{font-size:9px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .primary{width:100%;font-size:10px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .scene-note{bottom:20px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .stage-index{top:20px}}
@media(prefers-reduced-motion:reduce){:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .primary{transition:none}}
@media(min-width:801px){:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .stage-index{left:70%;right:4.8%;font-size:7px;letter-spacing:1.5px;gap:10px}
:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .stage-index i{width:18px}}
@media(max-width:650px){:is(.atelier-scene,.atelier-dialog,.chapter-footer-atelier) .world-art{mask-image:linear-gradient(180deg,transparent 0%,#000 20%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%)}}
.atelier-scene{height:100%;min-height:0;flex:0 0 100%;margin:0;border:0;width:100%;padding:0;color:#204a40;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.atelier-scene::before,.atelier-scene::after{content:none}
.atelier-dialog{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.page-shell.is-atelier-chapter{--topbar:88px;--bottombar:98px}
.is-atelier-chapter .site-header{padding:0 4.8%;gap:30px}
.is-atelier-chapter .brand-seal{width:42px;height:45px;font-size:29px;box-shadow:none}
.is-atelier-chapter .header-marker{display:none}
.is-atelier-chapter .chapter-nav{gap:30px}
.is-atelier-chapter .chapter-nav button{font:12px/1.2 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;letter-spacing:1px;color:#214b45}
.chapter-footer-atelier{display:none;height:100%}
.is-atelier-chapter .site-footer{display:block;padding:0;border-top:0;background:#f1ede3}
.is-atelier-chapter .site-footer>:not(.chapter-footer-atelier){display:none}
.is-atelier-chapter .chapter-footer-atelier{display:flex;height:100%}
.is-atelier-chapter .chapter-footer-atelier .collection strong>span{display:inline}
@media(max-width:1100px){.is-atelier-chapter .chapter-nav{gap:19px}}
@media(max-width:800px){
 .page-shell.is-atelier-chapter{--topbar:121px;--bottombar:86px}
 .is-atelier-chapter .site-header{padding:16px 22px 9px;gap:11px 20px}
 .is-atelier-chapter .brand-seal{width:31px;height:34px;font-size:23px}
 .is-atelier-chapter .chapter-nav{gap:10px;justify-content:space-between;flex-basis:100%;height:31px;margin-top:0}
 .is-atelier-chapter .chapter-nav button{font-size:9px;letter-spacing:0;height:31px;min-height:0;padding:0}
 .atelier-scene{height:100%;min-height:0}
}
@media(min-width:651px) and (max-width:800px){.atelier-scene .cover-copy{padding-top:30px}}