:root{--paper:#f3efe6;--ink:#111;--red:#ed171b;--body:"DM Sans",sans-serif;--heading:"Barlow Condensed",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:5px}
a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
img,svg{display:block;max-width:100%}
p,h1,h2,h3,figure{margin:0}
h1,h2,h3{font-family:var(--heading);font-weight:700;letter-spacing:-.02em}
.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--ink);color:var(--paper);padding:12px}
.skip:focus{top:16px}
.hero{overflow:hidden}
.hero-inner{max-width:1440px;margin:auto;position:relative;min-height:900px;padding:0 80px}
.nav{height:98px;display:flex;align-items:center;border-bottom:1px solid #cac7c0;position:relative;z-index:3;gap:0}
.logo{font-size:34px;line-height:1.4;font-weight:700;letter-spacing:-1.4px}
.nav-tag{font-size:12px;font-weight:600;margin-left:93px}
.nav nav{margin-left:auto;display:flex;align-items:center;gap:65px}
.about-link{font-size:15px;font-weight:500}
.join-link{font-size:18px;font-weight:700;color:var(--red)}
.hero-copy{position:relative;z-index:2;margin-left:570px;padding-top:87px;padding-bottom:64px}
.eyebrow{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.035em}
.red{color:var(--red)}
h1{font-size:92px;line-height:.98;margin-top:0;white-space:normal;text-wrap:balance}
.circled{position:relative;display:inline-block;max-width:100%}
.circled img{position:absolute;width:109%;max-width:none;height:118%;left:-4%;top:6%;pointer-events:none}
.intro{font-size:20px;line-height:30px;margin-top:49px;max-width:710px}
.intro p+p{margin-top:20px}
.hero-copy .signup button{width:235px}
.signup{margin-top:32px}
.signup label{display:block;font-weight:600;font-size:15px;margin-bottom:10px}
.signup-row{display:flex;gap:12px}
.signup input{font:18px var(--body);background:#fff;color:var(--ink);border:1px solid var(--ink);height:64px;padding:0 20px;min-width:0;flex:1;border-radius:0;opacity:1;-webkit-text-fill-color:#73716c}
.signup button{font:700 17px var(--body);background:var(--red);color:#fff;border:0;height:64px;padding:0 22px;width:206px;flex-shrink:0;border-radius:0;opacity:1}
.signup button{cursor:pointer}
.signup button:hover{filter:brightness(.92)}
.signup input:focus-visible,.signup button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.signup-success{min-height:128px;padding:20px 0;outline:0}
.signup-success h3{font-size:42px;line-height:1.05}
.signup-success p{font-size:17px;line-height:1.5;margin-top:12px}
.form-note{font-size:13px;line-height:18px;color:#53514e;margin-top:19px}
.portrait{position:absolute;width:720px;height:839px;left:-130px;top:188px;z-index:1}
.portrait-photo{width:100%;height:100%;filter:grayscale(1)}
.crown{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}

.section-inner{max-width:1440px;margin:auto;padding-left:80px;padding-right:80px}
.topics{background:var(--ink);color:var(--paper)}
.topics-grid{min-height:640px;padding-top:76px;padding-bottom:58px;display:grid;grid-template-columns:520px 1fr;column-gap:70px;position:relative}
h2{font-size:76px;line-height:1.03}
.topics-title h2{margin-top:0;text-wrap:balance}
.topics-subhead{font-size:24px;line-height:1.4;margin-top:24px}
.topic-list{grid-column:2;grid-row:1 / span 2;list-style:none;margin:0;padding:0}
.topic{display:flex;gap:43px;border-top:1px solid #55534e;min-height:170px;padding:14px 0 24px}
.number{font-size:17px;color:var(--red);width:24px;flex-shrink:0;padding-top:11px}
.topic h3{font-size:52px;line-height:1.1}
.topic p{font-size:19px;line-height:28px;max-width:570px;margin-top:18px}
.solo-playground{min-width:0;margin-top:28px;align-self:end}
.solo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;line-height:18px;color:#c3c0b9}
.solo-reset{border:0;border-bottom:1px solid #77756f;background:none;color:inherit;padding:2px 0;font:inherit;cursor:pointer}
.solo-reset:hover{color:var(--paper)}
.solo-reset:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.torn-solo{display:flex;align-items:flex-end;position:relative;width:100%;height:224px;overflow:hidden;isolation:isolate}
.solo-letter{position:relative;width:24%;padding:0;border:0;background:none;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transform-origin:0 0;color:inherit}
.solo-letter img{width:100%;height:100%;object-fit:fill;pointer-events:none}
.physics-ready .solo-letter{position:absolute;left:0;top:0;will-change:transform}
.solo-letter.is-held{cursor:grabbing;z-index:2}
.solo-letter:focus-visible{outline:2px dashed var(--red);outline-offset:-1px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.author-grid{min-height:640px;padding-top:80px;padding-bottom:70px;display:grid;grid-template-columns:560px 1fr;gap:120px}
.author-photo{padding-top:0}
.author-photo>img{width:560px;height:390px;object-fit:cover;filter:grayscale(1)}
figcaption{font-size:14px;font-weight:600;margin-top:23px}
.author-copy h2{margin-top:0;white-space:normal}
.author-copy>p{font-size:20px;line-height:30px;margin-top:28px}
.closing{background:var(--red);color:var(--paper)}
.closing-grid{min-height:580px;padding-top:86px;display:grid;grid-template-columns:600px 1fr;column-gap:80px;align-content:start}
.closing h2{font-size:88px;line-height:1}
.closing-intro{font-size:24px;line-height:1.4;margin-top:13px}
.closing .signup{margin-top:37px}
.closing input{background:var(--paper);border:0}
.closing button{background:var(--ink);color:var(--paper);width:212px}
.closing .form-note{color:var(--paper)}
footer{grid-column:1/-1;border-top:1px solid #f8a5a0;margin-top:124px;display:flex;align-items:center;gap:40px;min-height:105px;font-size:14px}
footer .logo{margin-right:auto;font-size:36px}
@media(min-width:1441px){.hero-inner{min-height:900px}}
@media(max-width:1350px) and (min-width:901px){
 .hero-inner,.section-inner{padding-left:50px;padding-right:50px}
 .hero-copy{margin-left:43%;padding-top:87px}
 h1{font-size:clamp(64px,6.4vw,86px)}
 .portrait{left:-180px}
 .nav-tag{margin-left:55px;font-size:10px}
 .nav nav{gap:30px}
 .topics-grid{grid-template-columns:40% 1fr;gap:50px}
 .author-grid{grid-template-columns:44% 1fr;gap:65px}
 .author-photo>img{width:100%;height:370px}
 h2{font-size:clamp(56px,5.3vw,76px)}
 .closing-grid{grid-template-columns:44% 1fr;gap:65px}
 .closing h2{font-size:clamp(65px,6.7vw,96px)}
 .signup button,.closing button{width:185px;padding:0 12px;font-size:15px}
}
@media(max-width:900px){
 .hero-inner,.section-inner{padding-left:24px;padding-right:24px}
 .hero-inner{min-height:0;padding-bottom:340px}
 .nav{height:79px}
 .logo{font-size:30px}
 .nav-tag,.about-link{display:none}
 .join-link{font-size:16px}
 .hero-copy{margin-left:0;padding-top:40px;padding-bottom:42px;max-width:590px}
 .eyebrow{font-size:12px;line-height:18px}
 h1{font-size:clamp(50px,12.8vw,76px);line-height:1;margin-top:0}
 .circled img{top:8%;height:117%;width:106%;left:-3%}
 .intro{font-size:18px;line-height:27px;margin-top:43px;max-width:430px}
 .hero-copy .signup button{width:100%}
 .signup{margin-top:31px}
 .signup label{font-size:14px;margin-bottom:12px}
 .signup-row{flex-direction:column;gap:12px}
 .signup input,.signup button,.closing button{height:56px;min-height:56px;width:100%;flex:auto;font-size:17px}
 .form-note{font-size:12px;line-height:18px;margin-top:17px}
 .portrait{width:430px;height:501px;left:50%;transform:translateX(-50%);top:auto;bottom:-161px}


 .topics-grid{min-height:830px;display:flex;flex-direction:column;padding-top:42px;padding-bottom:37px;gap:0}
 h2{font-size:52px;line-height:1.02}
 .topics-title h2{font-size:50px;margin-top:0}
 .topics-subhead{font-size:20px;line-height:1.4;margin-top:20px}
 .topic-list{margin-top:43px}
 .topic{min-height:148px;gap:20px;padding-top:16px}
 .number{font-size:15px;padding-top:5px}
 .topic h3{font-size:36px}
 .topic p{font-size:16px;line-height:24px;margin-top:17px}
 .solo-playground{width:100%;margin-top:30px}
 .torn-solo{height:240px}
 .author-grid{display:flex;flex-direction:column;gap:0;padding-top:45px;padding-bottom:28px;min-height:820px}
 .author-copy{order:0}
 .author-copy h2{margin-top:0}
 .author-copy>p{font-size:18px;line-height:27px;margin-top:24px;max-width:560px}
 .author-photo{order:1;padding-top:26px}
 .author-photo>img{width:100%;height:auto;aspect-ratio:342/235;max-height:390px;object-fit:cover}
 figcaption{font-size:11px;margin-top:18px}
 .closing-grid{display:block;padding-top:44px;min-height:660px}
 .closing h2{font-size:54px;line-height:1}
 .closing-intro{font-size:18px;line-height:25px;margin-top:36px}
 .closing .signup{margin-top:32px}
 .closing .form-note{margin-top:20px}
 footer{margin-top:48px;min-height:105px;position:relative;gap:16px;flex-wrap:wrap;padding:15px 0 24px;justify-content:space-between}
 footer .logo{font-size:28px;margin-right:0}
 footer span{font-size:12px}
 footer span:last-child{width:100%;font-size:10px;letter-spacing:.03em}
}
@media(min-width:540px) and (max-width:900px){
 .hero-inner{min-height:0;padding-bottom:489px}
 .hero-copy{max-width:600px}
 .signup-row{flex-direction:row}
 .signup input{flex:1;width:auto}
 .signup button{width:210px;flex:none}
 .hero-copy .signup button{width:225px}
 .portrait{width:540px;height:629px;left:50%;bottom:-140px}

 .topic p{max-width:560px}
 .author-photo>img{max-width:620px}
 .closing-grid{min-height:610px}
}
@media(max-width:360px){
 .hero-inner,.section-inner{padding-left:20px;padding-right:20px}
 h1{font-size:46px}
 .eyebrow{font-size:10px}
 .hero-inner{min-height:0}
 .hero-copy .signup{margin-top:27px}
 .intro{margin-top:35px}

 h2,.topics-title h2{font-size:45px}
 .closing h2{font-size:47px}
 .topic{padding-bottom:22px}
 .closing-grid{padding-bottom:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}