:root{--paper:#f5f1e8;--ink:#22231f;--purple:#5a3fe0;--orange:#ff7546;--line:#d5d2c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{max-width:1280px;margin:auto;padding:0 36px}header{border-bottom:1px solid var(--line)}.top{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:22px;font-weight:900;line-height:1.05;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.logo span{background:var(--ink);color:var(--paper);width:43px;height:43px;display:grid;place-items:center;font-size:29px;transform:rotate(-8deg)}nav{display:flex;gap:26px;font-size:14px;font-weight:700}nav a[aria-current=page]{color:var(--purple)}.label{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;padding:70px 0 64px;align-items:center}h1{font-size:clamp(45px,6.5vw,86px);line-height:.99;letter-spacing:-5px;margin:24px 0 27px;max-width:800px}h1 em{font-style:normal;color:var(--purple)}.intro{font-size:18px;max-width:450px;color:#60615a}.button{display:inline-flex;background:var(--ink);color:white;padding:14px 24px;border-radius:50px;font-size:14px;font-weight:700;margin-top:20px;gap:30px}.button:hover{background:var(--purple);text-decoration:none}.poster{height:440px;background:var(--purple);position:relative;overflow:hidden;border-radius:4px;color:var(--paper);isolation:isolate}.poster .stripe{position:absolute;left:-15%;top:44%;width:135%;height:95px;background:var(--orange);transform:rotate(-20deg);z-index:-1}.poster .orbit{border:2px solid #c4b9ff;border-radius:50%;position:absolute;width:340px;height:340px;right:-115px;top:-115px;z-index:-1}.poster .orbit.two{width:470px;height:470px;top:-180px;right:-180px}.poster .star{font-size:170px;position:absolute;bottom:-65px;right:24px;color:#dcf594;line-height:1}.poster .poster-title{font-weight:900;font-size:76px;letter-spacing:-5px;line-height:.9;position:absolute;left:30px;top:80px;transform:rotate(-7deg)}.poster .small{position:absolute;left:28px;top:22px}.poster .bottom{position:absolute;left:28px;bottom:25px;font-size:12px;letter-spacing:2px}.ticker{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:15px 0;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800;letter-spacing:2px}.ticker b{color:var(--purple)}section{padding:54px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}h2{font-size:34px;line-height:1.1;letter-spacing:-1.3px;margin:0}h3{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:12px 0}.muted{color:#67685e}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{display:block}.art{height:225px;padding:24px;position:relative;overflow:hidden;display:flex;align-items:end;transition:transform .2s}.card:hover .art{transform:translateY(-4px)}.art strong{font-size:54px;letter-spacing:-3px;line-height:.9;position:relative;z-index:1}.art.place{background:#d9e2c8}.art.place:after{content:'';position:absolute;right:30px;top:25px;width:120px;height:200px;border:2px solid #67875c;border-radius:90px 90px 0 0;transform:rotate(15deg)}.art.music{background:#ffc5ae}.art.music:after{content:'';width:190px;height:190px;position:absolute;right:-25px;top:-15px;background:repeating-radial-gradient(circle,#222 0 5px,#333 6px 8px);border-radius:50%}.art.design{background:#d3c9ff}.art.design:after{content:'Aa';position:absolute;right:20px;top:10px;font-size:120px;font-family:Georgia,serif;color:#745bdb;transform:rotate(-15deg)}.card-meta{display:flex;justify-content:space-between;margin-top:17px}.card p{font-size:14px;color:#66675f}.feature{display:grid;grid-template-columns:1fr 1fr;background:#e6e9dc;margin:25px 0 55px}.feature>div{padding:44px}.feature h2{font-size:44px;max-width:390px}.feature .quote{background:var(--orange);font-size:42px;font-weight:900;letter-spacing:-2px;line-height:1.15;display:flex;align-items:center}.feature .quote span{max-width:390px}.page-head{padding:64px 0 36px;max-width:950px}.page-head h1{font-size:68px}.page-head p{font-size:20px;max-width:660px}.reading{max-width:760px;margin:0 auto;padding:20px 0 70px;font-size:18px}.reading h2{margin:40px 0 20px;font-size:30px}.reading p{margin:18px 0}.reading ul{padding-left:24px}.note{background:#e6e9dc;border-left:4px solid var(--purple);padding:22px 26px;margin:30px 0}.breadcrumb{font-size:13px;color:#67685e;margin-top:32px}.article-banner{height:200px;display:flex;align-items:center;padding:30px;margin:20px 0}.article-banner strong{font-size:48px;line-height:1;letter-spacing:-2px}.list{border-top:1px solid var(--line);margin-top:30px}.list a{display:flex;justify-content:space-between;gap:25px;padding:24px 0;border-bottom:1px solid var(--line);font-size:22px;font-weight:700}.list small{display:block;font-size:13px;font-weight:400;margin-top:8px;color:#67685e}footer{border-top:1px solid var(--line);padding:36px 0 25px}.foot{display:flex;justify-content:space-between;gap:30px}.foot p{max-width:330px;font-size:13px;color:#67685e}.foot-links{display:flex;gap:22px;font-size:13px}.copyright{margin-top:30px;font-size:11px;color:#77786f;border-top:1px solid var(--line);padding-top:18px}.back{display:inline-block;color:var(--purple);font-size:14px;font-weight:700;margin-top:22px}@media(max-width:800px){.wrap{padding:0 22px}.top{padding:22px 0;align-items:start;flex-direction:column;gap:22px}nav{gap:22px;flex-wrap:wrap;font-size:13px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0}h1{letter-spacing:-3px}.poster{height:350px}.poster .poster-title{font-size:67px;top:65px}.cards{grid-template-columns:1fr;gap:32px}.art{height:260px}.feature{grid-template-columns:1fr}.feature>div{padding:30px}.feature .quote{min-height:220px;font-size:36px}.feature h2{font-size:34px}.ticker{font-size:10px;letter-spacing:1px;flex-wrap:wrap}.page-head h1{font-size:48px}.page-head{padding-top:42px}.reading{font-size:17px}.foot{flex-direction:column}.foot-links{flex-wrap:wrap}.section-heading{align-items:start}.section-heading h2{font-size:29px}.article-banner strong{font-size:38px}}
 .page-head h1{overflow-wrap:anywhere}@media(max-width:480px){.poster .poster-title{font-size:54px;left:22px;letter-spacing:-3px}.poster .small{font-size:9px;left:22px}.poster .bottom{font-size:10px;left:22px}.page-head h1{font-size:43px}.article-banner strong{font-size:32px}}
@media(max-width:800px){.wrap.top{padding:22px}}