.chapter-2 .chapter-body{top:136px;left:85px;right:85px;bottom:90px;width:auto;display:block}.chapter-2 .section-title{font-size:55px;line-height:1.3}.chapter-2 .section-sub{font-size:25px;margin:16px 0 0}.creation-story{position:absolute;left:85px;right:85px;top:265px;height:400px;display:grid;grid-template-columns:.65fr 1fr 1fr 1.2fr;gap:42px;align-items:start}.story-step{position:relative;min-width:0}.story-picture{height:325px;position:relative;display:flex;align-items:center;justify-content:center}.story-step h3{font-size:22px;font-weight:500;color:#785b3e;margin:12px 0 0;letter-spacing:2px}.story-step h3 span{font:14px Georgia;color:#ab8b66;margin-right:15px}.story-connector{position:absolute;right:-37px;top:150px;width:30px;height:1px;background:#b49976}.story-connector:after{content:'';position:absolute;right:0;top:-3px;border-left:5px solid #b49976;border-top:3px solid transparent;border-bottom:3px solid transparent}.inspiration-sketch{width:150px;height:210px;fill:none;stroke:#bca582;stroke-width:1.4}.palette-dots{display:flex;gap:10px;position:absolute;bottom:13px;left:50%;transform:translateX(-50%)}.palette-dots i{width:22px;height:22px;border-radius:50%;border:1px solid #9c896c40}.story-pattern svg,.story-assembly svg{width:100%;height:100%;max-width:325px;filter:drop-shadow(0 7px 9px #80674612)}.story-result{background:#e9e2d7;overflow:hidden}.story-result [data-quad]{position:absolute;inset:0;background-repeat:no-repeat}.story-result .motif-mark{position:absolute;left:29%;top:46%;width:39%;height:34%;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 0 1px #84644335;pointer-events:none}.story-note{position:absolute;bottom:6px;right:0;font-size:12px;color:#a28c70}.chapter-2 .grid-2{position:absolute;left:0;right:0;top:580px;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px}.chapter-2 .card{padding:18px 0 0;border-top:1px solid #d3c2a9;background:none}.chapter-2 .card-header{font-size:23px;margin:0 0 11px;font-weight:500}.chapter-2 .card-content{font-size:20px;line-height:1.6}.chapter-2 .card-content ul{padding-left:21px}.chapter-2 .card-content li{margin:7px 0}.chapter-2 .banner{position:absolute;top:875px;left:0;right:0;border:0;border-top:1px solid #d3c2a9;padding:15px 0 0;margin:0;display:flex;align-items:center;gap:20px;background:none}.chapter-2 .banner h3{font-size:16px;margin:0;color:#9b8161}.chapter-2 .banner p{font:25px/1.4 'SimSun',serif;color:#765333}.chapter-2 .chapter-body{--detail-extra:calc(var(--extra-h,0px)*.5)}.chapter-2 .grid-2{top:calc(580px + var(--detail-extra))}.chapter-2 .banner{top:auto;bottom:0}.creation-story{height:calc(400px + var(--extra-h,0px)*.5)}.story-picture{height:calc(325px + var(--extra-h,0px)*.5)}.story-note{bottom:0}@media(prefers-reduced-motion:reduce){.creation-story *{animation:none!important;transition:none!important}}
.story-result [data-quad]{width:325px;max-width:100%;left:50%;right:auto;transform:translateX(-50%)}.story-result .motif-mark{width:100px;height:100px;left:50%;top:51%;transform:translateX(-50%)}