.hero{grid-template-columns:1fr 1.12fr;min-height:645px;padding-block:38px 57px;gap:24px}.hero-art{height:535px;isolation:isolate}.hero-aura{position:absolute;inset:42px 0 0;border-radius:50%;background:radial-gradient(ellipse at 43% 40%,#ffeac58c 0,#dce8d5b0 40%,#bfd7cf70 62%,transparent 71%);transform:rotate(-12deg)}.hero-orbit{position:absolute;inset:95px -6px 40px;border:1px dashed #a7b99a88;border-radius:50%;transform:rotate(-23deg)}.hero-cat{position:absolute;width:calc(100% + 76px);max-width:none;height:auto;aspect-ratio:1;left:50%;top:50%;right:auto!important;bottom:auto;transform:translate(-50%,-50%) rotate(-4deg);filter:drop-shadow(0 22px 15px #52644c15)}.spark-one{right:1%;top:60px;color:#bc976b}.spark-two{left:4%;bottom:135px;color:#70886a}.selected-creatures{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-block:15px 24px}.selected-creatures .creature img{height:175px}.selected-creatures .creature figcaption{font-size:12px}.ui-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px}.ui-shot:last-child{grid-column:auto;max-width:none;width:auto;justify-self:stretch}.ui-shot:last-child .ui-image{aspect-ratio:1.6}.ui-shot h3{font-size:24px}.ui-shot p{font-size:12px;line-height:1.7;margin-top:7px;max-width:none}.design-system{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.system-heading{margin-bottom:19px}.system-heading h3,.system-details h3{font-size:25px}.color-tokens{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.color-token>span{display:block;height:82px;border:1px solid #d7d0c3;border-radius:9px}.color-token strong{font-size:11px;display:block;margin-top:10px}.color-token code{font:10px var(--body);color:#7b806f;letter-spacing:.5px}.system-details{display:grid;grid-template-columns:.8fr 1.4fr;gap:32px 40px;margin-top:35px}.system-details article{min-width:0}.font-specimen{display:flex;align-items:center;gap:22px;margin-top:16px}.font-specimen>span{display:block;width:70px;font-size:48px;line-height:1.25}.display-specimen{font-family:var(--heading);font-weight:500}.body-specimen{font-family:var(--body);font-weight:700}.font-specimen strong{font-size:12px}.font-specimen p{font-size:11px;margin-top:3px}.state-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}.state-samples figure{margin:0}.sample-action{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-radius:10px;background:#ffc7a8;color:#35232b;border:2px solid #ffe6ce;box-shadow:0 4px 0 #9b6655,inset 0 0 0 2px #fff1df;font:500 21px var(--heading);line-height:1.3}.sample-action>span{font-size:12px}.sample-hover{background:#ffdabd}.sample-focus{outline:3px solid #35232b;outline-offset:-5px}.state-samples figcaption{font-size:10px;margin-top:14px;color:#697268}.state-study>p{font-size:11px;margin-top:20px}.icon-study{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:45px}.action-icons{display:flex;gap:40px}.action-icons figure{margin:0;display:flex;align-items:center;gap:10px}.action-icons img{width:36px;height:36px;background:#51474f;padding:7px;border-radius:9px}.action-icons figcaption{font-size:11px}
@media(max-width:1100px){.hero{min-height:580px}.hero-art{height:450px}.hero-cat{width:calc(100% + 38px)}.hero-orbit{inset:70px 0 35px}.selected-creatures .creature img{height:150px}.sample-action{font-size:19px;padding:13px}.system-details{gap:28px}}
@media(max-width:800px){.hero{min-height:510px;gap:15px}.hero-art{height:370px}.hero-cat{width:calc(100% + 30px)}.hero-aura{inset:25px 0 0}.hero-orbit{inset:55px 0 20px}.spark-one{top:35px;font-size:40px}.spark-two{bottom:95px;font-size:25px}.selected-creatures .creature img{height:125px}.selected-creatures .creature figcaption{font-size:10px}.system-details{grid-template-columns:1fr 1.3fr;gap:26px}.state-samples{gap:8px}.sample-action{padding:11px 9px;font-size:16px}.sample-action>span{font-size:9px}.state-samples figcaption{font-size:8px}.font-specimen{gap:13px}.font-specimen>span{width:52px;font-size:41px}.color-token>span{height:68px}.action-icons{gap:22px}}
@media(max-width:560px){.hero{grid-template-columns:1fr;padding-block:34px 25px;gap:8px}.hero-art{height:360px;margin:0 5px}.hero-cat{width:calc(100% + 32px)}.hero-aura{inset:40px 0 10px}.hero-orbit{inset:55px 4px 40px}.spark-one{top:45px;right:0}.spark-two{left:0;bottom:110px}.selected-creatures{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.selected-creatures .creature img{height:137px}.selected-creatures .creature figcaption{font-size:11px}.ui-gallery{grid-template-columns:1fr;gap:27px}.ui-shot:last-child .ui-image{aspect-ratio:844/390}.ui-shot h3{font-size:24px}.ui-shot p{font-size:12px}.design-system{margin-top:31px;padding-top:25px}.color-tokens{gap:7px}.color-token>span{height:56px;border-radius:6px}.color-token strong{font-size:8px;margin-top:8px}.color-token code{font-size:7px;letter-spacing:0}.system-details{grid-template-columns:1fr;gap:29px}.system-details h3,.system-heading h3{font-size:24px}.type-study{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.type-study h3{grid-column:1/-1}.font-specimen{gap:10px;margin-top:18px}.font-specimen>span{width:48px;flex-shrink:0;font-size:37px}.font-specimen strong{font-size:11px}.font-specimen p{font-size:10px;max-width:100px}.state-samples{gap:10px;margin-top:20px}.sample-action{font-size:19px;padding:12px}.state-samples figcaption{font-size:9px}.state-study>p{font-size:11px;margin-top:17px}.icon-study{display:block}.action-icons{margin-top:20px;justify-content:space-between;gap:8px}.action-icons figure{gap:8px}.action-icons img{width:32px;height:32px}.action-icons figcaption{font-size:10px}}
@media(max-width:1100px){.hero-cat{width:calc(100% + 12px)}}
@media(max-width:1100px){.hero-aura{left:18px;right:18px}.hero-orbit{left:24px;right:24px}}
.object-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.object-strip figure{margin:0;text-align:center}.object-strip img{width:100%;height:130px;object-fit:contain}.object-strip figcaption{font-family:var(--heading);font-size:17px}.system-details{padding-bottom:15px}@media(max-width:1100px){.hero-orbit{left:30px;right:30px}}@media(max-width:560px){.object-strip{gap:9px;margin-top:23px;padding-top:14px}.object-strip img{height:90px}.object-strip figcaption{font-size:12px}}

.selected-creatures{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:560px){.selected-creatures .creature img{height:100px}.selected-creatures .creature figcaption{font-size:10px}}

.ui-shot:nth-child(-n+4) .ui-image{aspect-ratio:1280/1000}.chapter-picture,.world-chapter:nth-of-type(even) .chapter-picture,.world-chapter:last-child .chapter-picture{aspect-ratio:800/440}.world-chapter:last-child{grid-column:auto}
.selected-creatures{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.selected-creatures .creature img{height:180px}.selected-creatures .creature figcaption{font-size:13px}.selected-creatures .creature-boss{grid-column:1/-1;padding-top:16px}.selected-creatures .creature-boss img{height:245px}.selected-creatures .creature-boss figcaption{font-size:20px}@media(max-width:800px){.selected-creatures{grid-template-columns:repeat(3,minmax(0,1fr))}.selected-creatures .creature img{height:155px}}@media(max-width:560px){.selected-creatures{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.selected-creatures .creature img{height:145px}.selected-creatures .creature figcaption{font-size:12px}.selected-creatures .creature-boss img{height:220px}}

.chapter-picture,.world-chapter:nth-of-type(even) .chapter-picture,.world-chapter:last-child .chapter-picture{aspect-ratio:1440/900}