.reading-world{background:#f1e2cf;color:var(--ink)}
.reading-hero{position:relative;display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,1.28fr);gap:clamp(48px,8vw,120px);align-items:end;min-height:500px;padding:clamp(72px,9vw,128px) var(--edge,clamp(22px,7vw,110px));overflow:hidden;border-bottom:1px solid var(--ink)}
.reading-hero::after{position:absolute;right:-.06em;bottom:-.32em;content:"Aa";font:600 clamp(220px,30vw,480px)/1 var(--serif);letter-spacing:-.12em;color:rgba(255,77,109,.16);pointer-events:none}
.reading-hero h1{position:relative;z-index:1;max-width:840px;margin:18px 0 0;font:500 clamp(62px,9vw,132px)/.84 var(--serif);letter-spacing:-.065em;text-transform:uppercase}
.reading-hero h1 em{display:block;color:#b51f48;font-style:normal}
.reading-intro{position:relative;z-index:1;max-width:440px;margin:0 0 8px;font:500 clamp(20px,2vw,28px)/1.38 var(--serif);letter-spacing:-.025em}
.reading-layout{display:grid;grid-template-columns:minmax(140px,.34fr) minmax(0,1.66fr);gap:clamp(34px,7vw,110px);max-width:1220px;margin:auto;padding:clamp(72px,9vw,130px) var(--edge,clamp(22px,7vw,110px))}
.reading-aside{position:sticky;top:105px;align-self:start}
.reading-aside span{display:block;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.reading-aside strong{display:block;margin-top:15px;font:500 clamp(28px,3vw,42px)/1 var(--serif);letter-spacing:-.04em}
.reading-aside i{display:block;width:48px;height:5px;margin-top:24px;background:var(--red)}
.reading-sheet{max-width:780px}
.reading-sheet blockquote{margin:0;font:400 clamp(18px,1.55vw,21px)/1.88 var(--sans);letter-spacing:-.012em}
.reading-sheet p{margin:0 0 1.55em}
.reading-sheet p:first-child{font:500 clamp(24px,2.4vw,34px)/1.5 var(--serif);letter-spacing:-.035em}
.reading-sheet p:first-child::first-letter{float:left;margin:.08em .12em 0 0;color:#b51f48;font:600 3.7em/.72 var(--serif)}
.reading-sheet p:last-child{margin-bottom:0}
.reading-end{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(48px,6vw,80px) var(--edge,clamp(22px,7vw,110px));background:var(--ink);color:#fff}
.reading-end h2{max-width:760px;margin:0;font:500 clamp(36px,5vw,72px)/.95 var(--serif);letter-spacing:-.045em}
.reading-end .button{border-color:#fff;background:var(--acid);color:var(--ink)}
@media(max-width:780px){.reading-hero{grid-template-columns:1fr;min-height:0;gap:28px;padding:56px 18px 64px}.reading-hero::after{right:-.1em;bottom:-.2em;font-size:62vw}.reading-hero h1{font-size:clamp(52px,15vw,72px)}.reading-intro{font-size:19px}.reading-layout{grid-template-columns:1fr;gap:38px;padding:64px 18px}.reading-aside{position:static}.reading-aside strong{font-size:30px}.reading-sheet blockquote{font-size:17px;line-height:1.82}.reading-sheet p:first-child{font-size:23px}.reading-end{grid-template-columns:1fr;padding:52px 18px}.reading-end .button{width:100%;justify-content:space-between}}
.place-reading-world{background:#dfe5ff;color:#111833}.place-reading-world .sub-header{background:#162443;color:#fff;border-color:rgba(255,255,255,.25)}
.place-reading-world .reading-hero{background:linear-gradient(135deg,#162443 0 63%,#4558ff 63% 100%);color:#fff;border-color:#d9ff43}
.place-reading-world .reading-hero::after{content:"0,18%";right:-.03em;bottom:-.2em;color:rgba(217,255,67,.13);font-size:clamp(150px,19vw,300px);letter-spacing:-.08em}
.place-reading-world .reading-hero h1 em{color:#d9ff43}.place-reading-world .reading-intro{color:rgba(255,255,255,.82)}
.place-reading-world .reading-layout{max-width:1260px}.place-reading-world .reading-aside i{background:#ff7a32}.place-reading-world .reading-sheet p:first-child::first-letter{color:#4558ff}
.place-reading-world .reading-sheet .message{display:inline-block;margin:.25em 0;padding:.15em .42em;background:#d9ff43;color:#101319;font-family:var(--serif);font-style:italic;line-height:1.45}
.place-reading-world .reading-end{background:#ff7a32;color:#101319}.place-reading-world .reading-end .button{border-color:#101319;background:#101319;color:#fff}