:root{--red:#c51e22;--paper:#f1e7d5;--serif:"Songti SC","STSong","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:#111;background:#fff;font-family:var(--serif)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #e26e59;outline-offset:5px}.skip{position:fixed;top:-80px;background:#fff;padding:15px;z-index:30}.skip:focus{top:10px}.header{position:absolute;top:0;left:0;right:0;z-index:10;color:#fff;display:flex;align-items:flex-start;gap:45px;padding:25px 4.4%}.brand{font-size:36px;font-weight:700;line-height:1.15;letter-spacing:2px;white-space:nowrap}.brand span{position:relative}.brand span:after{content:"";width:5px;height:5px;background:var(--red);position:absolute;left:3px;bottom:4px}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:5px;margin-top:12px}.header nav{display:flex;gap:44px;margin:8px auto 0;font-size:15px;letter-spacing:1px}.header nav a{position:relative;padding-bottom:9px}.header nav a:first-child:after,.header nav a:hover:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--red)}.menu{display:flex;flex-direction:column;justify-content:space-between;width:27px;height:23px;background:none;border:0;padding:0;margin-top:8px;color:inherit}.menu span{height:1px;width:100%;background:currentColor}.header nav.open{display:flex;position:absolute;right:4.4%;top:75px;margin:0;background:#071015f5;padding:24px;flex-direction:column;gap:24px;min-width:180px;border:1px solid #ffffff40}.hero{height:clamp(570px,52vw,850px);position:relative;background:#030c10;color:#fff;overflow:hidden}.hero-panels,.hero-panel{height:100%;position:relative}.hero-panel[hidden]{display:none}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 45%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#010a10e8 0%,#010a108a 33%,#010a1010 66%,#010a1040),linear-gradient(0deg,#010a1050,transparent 40%)}.hero-copy{position:absolute;left:4.4%;top:29%;max-width:60%}.kicker{display:flex;align-items:center;gap:12px;font-size:18px;margin:0 0 24px}.kicker:before{content:"";height:5px;width:34px;background:var(--red)}h1{font-size:clamp(44px,5.8vw,88px);font-weight:600;line-height:1.15;margin:0 0 23px;letter-spacing:1px}.hero-title{font-size:clamp(22px,3vw,42px);line-height:1.5;margin:0 0 35px;font-weight:400}.read-button{border:1px solid #ffffff80;padding:11px 26px;display:inline-flex;align-items:center;gap:24px;font-size:16px}.read-button:hover{background:#ffffff16}.read-button span{font-size:25px}.hero-sign{position:absolute;bottom:7%;right:4.4%;font-size:12px;letter-spacing:4px;text-align:right;line-height:1.8}.image-disclaimer{position:absolute;left:4.4%;bottom:14px;font:9px Arial,sans-serif;letter-spacing:1px;color:#d0d3d3}.slide-tabs{position:absolute;right:4.4%;top:38%;display:flex;flex-direction:column;gap:19px}.slide-tabs button{background:none;border:0;color:#b0b6b8;font-size:15px;position:relative;padding:5px 9px}.slide-tabs button[aria-pressed=true]{color:#fff}.slide-tabs button[aria-pressed=true]:before{content:"";width:1px;background:var(--red);position:absolute;left:0;top:3px;bottom:3px}.slide-tabs button[aria-pressed=true]:after{content:"";height:2px;width:16px;background:var(--red);position:absolute;left:9px;bottom:-4px}.editorial{padding:36px 3.6% 36px 4.4%;display:grid;grid-template-columns:19% 1fr;gap:28px}.section-intro{padding-top:42px;display:flex;flex-direction:column;align-items:flex-start}.section-intro h2{font-size:30px;font-weight:600;line-height:1.2;margin:0 0 28px;position:relative;padding-left:20px;white-space:nowrap}.section-intro h2:before{content:"";height:28px;width:5px;background:var(--red);position:absolute;left:0;top:4px}.section-intro>p{font-size:16px;line-height:1.8;margin:0;white-space:nowrap}.section-next{display:flex;gap:20px;align-items:center;margin-top:auto;margin-bottom:80px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.section-next span{font-size:24px;text-decoration:none}.comment-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.comment-card{height:clamp(310px,33.5vw,480px);position:relative;overflow:hidden;color:#fff;background:#142125}.comment-card>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.comment-card:hover>img{transform:scale(1.035)}.comment-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000f 0%,#0008 30%,transparent 70%)}.comment-card:nth-child(2)>img{filter:sepia(.6);object-position:65% center}.comment-card:nth-child(3)>img{object-position:75% center}.card-copy{position:absolute;z-index:1;bottom:20px;left:18px;right:18px}.card-copy h3{font-size:clamp(23px,2.5vw,36px);font-weight:500;line-height:1.4;margin:0 0 22px}.card-copy p{display:flex;gap:20px;align-items:center;font-size:12px;letter-spacing:.5px;margin:0;color:#d0ceca}.card-copy p span{font-size:23px}.photo-note{position:absolute;top:12px;left:12px;font:8px Arial,sans-serif;color:#fff;z-index:1;padding:4px 6px;background:#0006}.letters{background:radial-gradient(ellipse at 30% 20%,#fffcf3a0,transparent 65%),repeating-linear-gradient(13deg,#967b4410 0,#967b4410 1px,transparent 1px,transparent 5px),#eee3ce;padding-top:38px;padding-bottom:35px}.letter-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.letter-card{min-height:310px;height:clamp(310px,30vw,430px);position:relative;overflow:hidden;padding:26px 18px 20px;background:#f7eddc;box-shadow:0 2px 7px #8e73452e;border:1px solid #cbb59360;transition:transform .25s}.letter-card:hover{transform:translateY(-4px)}.letter-card:nth-child(3){transform:rotate(-1deg)}.letter-card:nth-child(3):hover{transform:rotate(-1deg) translateY(-4px)}.envelope-fold{position:absolute;top:-80px;left:-10px;right:-10px;height:130px;transform:rotate(-38deg);border-bottom:1px solid #cbb59340;z-index:1}.letter-photo{position:absolute;top:0;right:0;width:80%;height:66%;opacity:.9;mask-image:linear-gradient(0deg,transparent 0%,#000 60%);-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 60%)}.letter-photo img{width:100%;height:100%;object-fit:cover;object-position:65% 15%}.letter-card:nth-child(2) .letter-photo img{object-position:60% 15%}.letter-card h3{position:relative;z-index:2;font-size:clamp(21px,2.1vw,30px);font-family:"Kaiti SC","STKaiti",var(--serif);font-weight:500;line-height:1.45;margin:95px 0 15px;text-shadow:0 1px 8px #f7eddc,1px 0 10px #f7eddc}.letter-meta{position:absolute;bottom:22px;left:18px;right:18px;font-size:15px}.letter-meta p{margin:0 0 13px;line-height:1.4}.letter-meta small{display:block;font-size:12px;color:#756b5d;margin-top:3px}.letter-meta time{font-size:12px;color:#87735e;letter-spacing:1px}.envelope-icon{position:absolute;right:0;bottom:0;font-size:30px;color:#b69b78}.letter-note{position:absolute;right:9px;top:9px;z-index:3;font:8px Arial,sans-serif;color:#6b604d;background:#f7eddca6;padding:3px}.closing{height:220px;position:relative;color:#fff;display:flex;align-items:center;gap:8%;padding:32px 5.5%;isolation:isolate;background:#020e15}.closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-2;opacity:.65}.closing:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0006,transparent 45%,#010b12 76%);z-index:-1}.closing h2{font-weight:400;font-size:32px;line-height:1.5;margin:0 auto 0 0;border-left:2px solid var(--red);padding-left:28px}.closing>p{font-size:13px;line-height:1.9;letter-spacing:1px}.closing>a{font-size:28px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;width:46px;height:46px}footer{background:#061016;color:#a7afb2;font:9px Arial,sans-serif;display:flex;justify-content:space-between;gap:20px;padding:15px 4.4%;line-height:1.8}
@media(min-width:1600px){.editorial{padding-left:calc((100vw - 1460px)/2);padding-right:calc((100vw - 1460px)/2)}}
@media(max-width:900px){.header{gap:25px}.brand{font-size:30px}.header nav{gap:24px;font-size:13px}.editorial{grid-template-columns:1fr;padding:35px 5%;gap:24px}.section-intro{padding-top:0;display:grid;grid-template-columns:1fr auto;gap:15px 20px;align-items:center}.section-intro h2{font-size:28px;margin:0}.section-intro>p{font-size:13px;grid-column:1;white-space:normal}.section-next{grid-column:2;grid-row:1/3;margin:0}.comment-card{height:340px}.card-copy h3{font-size:24px}.letter-card{height:330px}.letter-card h3{font-size:24px}.closing{height:210px;gap:25px}.closing h2{font-size:28px}.hero-title{margin-bottom:28px}}
@media(max-width:640px){.header{padding:22px 6%;align-items:flex-start;justify-content:space-between}.brand{font-size:29px}.brand small{font-size:9px;margin-top:9px;letter-spacing:4px}.header nav{display:none}.header nav.open{right:6%;top:78px}.menu{width:25px;height:20px}.hero{height:650px}.hero-image{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#010a10c9,#010a1030 80%),linear-gradient(0deg,#010a10bc,transparent 55%)}.hero-copy{left:6%;top:30%;max-width:83%}.kicker{font-size:15px;margin-bottom:23px}.kicker:before{width:27px;height:4px}h1{font-size:clamp(37px,8.8vw,56px);margin-bottom:26px}.hero-title{font-size:clamp(21px,4.8vw,30px);line-height:1.6;margin-bottom:32px}.read-button{padding:10px 22px;font-size:14px;gap:22px}.slide-tabs{right:5%;top:auto;bottom:35px;flex-direction:row;gap:15px}.hero-sign{display:none}.image-disclaimer{left:6%;font-size:8px;bottom:13px;letter-spacing:0}.editorial{padding:32px 6%}.section-intro h2{font-size:27px;padding-left:15px}.section-intro h2:before{width:4px;height:24px}.section-intro>p{font-size:12px;line-height:1.8}.section-next{font-size:12px;gap:10px}.comment-cards{gap:12px;grid-template-columns:1fr}.comment-card{height:260px}.comment-card>img{object-position:center 35%}.comment-card:nth-child(2)>img{object-position:center 45%}.card-copy{left:22px;right:22px;bottom:20px}.card-copy h3{font-size:28px;margin-bottom:16px;max-width:90%}.card-copy h3 br{display:none}.card-copy p{font-size:11px}.comment-card:after{background:linear-gradient(0deg,#000e,transparent 95%)}.letter-cards{grid-template-columns:1fr;gap:22px}.letter-card{height:330px;padding:25px}.letter-photo{width:65%;height:90%;mask-image:linear-gradient(0deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(0deg,transparent,#000 70%)}.letter-card h3{font-size:29px;line-height:1.55;margin-top:50px;max-width:90%}.letter-meta{left:25px;right:25px;bottom:24px}.letter-card:nth-child(3){transform:none}.closing{height:auto;min-height:290px;display:grid;grid-template-columns:1fr auto;padding:35px 7%;gap:20px}.closing h2{font-size:28px;grid-column:1/-1;padding-left:22px}.closing>p{font-size:12px;padding-left:24px;margin:0}.closing>a{width:40px;height:40px}.closing:after{background:#010b1260}footer{padding:16px 6%;flex-direction:column;gap:5px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:640px){.hero-image{object-position:82% center}}

/* Original supplied logo; crop surrounding whitespace in layout only. */
.header .brand{display:block;width:125px;height:98px;flex-shrink:0;line-height:1;letter-spacing:0}.header .brand-logo{display:block;position:relative;width:100%;height:100%;overflow:hidden;mix-blend-mode:screen}.header .brand-logo:after{display:none}.header .brand-logo img{position:absolute;width:150%;max-width:none;height:auto;left:-25%;top:-45.333%;filter:invert(1);display:block}.header .brand{mix-blend-mode:screen}@media(max-width:640px){.header .brand{width:100px;height:78px}}

.header .brand,.header .brand-logo{mix-blend-mode:normal}.header .brand-logo img{filter:url(#logo-reverse)}
/* Homepage editorial rails */
.hero-copy{max-width:70%}.hero-copy h1{font-size:clamp(35px,4.8vw,72px);max-width:15em}.hero-title{max-width:22em;font-size:clamp(19px,2.5vw,34px)}.hero-controls{position:absolute;bottom:28px;left:4.4%;display:flex;align-items:center;gap:10px}.hero-controls button{color:#fff;background:#08131b66;border:1px solid #ffffff60;padding:7px 12px;font-size:12px}.hero-controls span{font:10px Arial,sans-serif;letter-spacing:2px;margin-left:12px}.slide-image-note{position:absolute;bottom:9px;left:4.4%;font:8px Arial,sans-serif;color:#dedede}.slide-tabs{gap:12px;top:29%}.work-rail{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a7a495 transparent;padding:0 0 15px;overscroll-behavior-x:contain;min-width:0}.work-rail>a{flex:0 0 calc((100% - 32px)/3);min-width:0;scroll-snap-align:start}.work-rail .comment-card{height:clamp(310px,33.5vw,480px)}.work-rail .letter-card{height:clamp(330px,32vw,450px)}.work-rail .letter-card:nth-child(3){transform:none}.work-rail .letter-card h3{font-size:clamp(21px,2.1vw,30px);line-height:1.5}.work-rail .card-copy h3{font-size:clamp(22px,2.2vw,32px)}.person-name{display:block;font-size:15px;letter-spacing:2px;margin-bottom:12px}.rail-controls{display:flex;gap:10px;margin:0 0 15px}.rail-controls button{border:1px solid #bab9ad;color:#333;background:transparent;width:36px;height:32px;font-size:20px}.rail-controls button:disabled{opacity:.3;cursor:default}.section-next{margin-bottom:25px}.work-rail .comment-card:after{pointer-events:none}#people .comment-card:nth-child(2)>img{filter:none}#people .card-copy p{font-size:10px}body>.header nav{gap:34px}
@media(max-width:900px){.section-intro{grid-template-columns:1fr auto}.rail-controls{grid-column:2;grid-row:2;margin:0}.section-next{grid-column:2;grid-row:1;margin:0}.work-rail>a{flex-basis:calc((100% - 32px)/3)}.work-rail .card-copy h3{font-size:23px}}
@media(max-width:640px){.hero-copy{max-width:82%;top:28%}.hero-copy h1{font-size:clamp(32px,8.5vw,48px);line-height:1.3}.hero-title{font-size:21px;line-height:1.6}.hero-controls{left:6%;bottom:32px;gap:6px}.hero-controls button{padding:6px 8px;font-size:11px}.hero-controls span{display:none}.slide-tabs{right:4%;top:auto;bottom:34px;gap:2px}.slide-tabs button{font-size:12px;padding:4px 6px}.slide-tabs button[aria-pressed=true]:after{left:6px;width:12px}.slide-image-note{left:6%;font-size:7px}.work-rail{gap:15px;margin-right:-7%;padding-right:7%;scroll-padding-right:7%}.work-rail>a{flex-basis:82%;max-width:340px}.work-rail .comment-card{height:350px}.work-rail .letter-card{height:350px}.work-rail .card-copy h3{font-size:28px}.work-rail .letter-card h3{font-size:28px}.rail-controls button{width:32px;height:28px}.section-intro>p{font-size:11px}.section-next{font-size:11px}}
.work-rail .comment-card:nth-child(2)>img{filter:none}
/* Keep the supplied logo intact and add the publication descriptor beside it. */
.header .brand{display:flex;align-items:center;gap:18px;width:auto;height:98px}.header .brand-logo{width:125px;height:98px;flex-shrink:0}.header .brand-sports{position:static;border-left:1px solid #ffffff50;padding:5px 0 5px 17px;font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:5px;line-height:1.2}.header .brand-sports:after{display:none}.header .brand-sports small{display:block;font:8px Arial,sans-serif;letter-spacing:3px;margin-top:11px}.header nav{gap:25px}.about-editorial{padding:68px 5%;display:grid;grid-template-columns:1.2fr 1fr;gap:9%;background:#09171c;color:#f0eee5;border-top:3px solid #ac2927}.about-label{font:10px Arial,"PingFang SC",sans-serif;letter-spacing:2px;color:#a5b0ae}.about-statement h2{font-family:var(--serif);font-size:37px;line-height:1.5;font-weight:400;margin:27px 0 20px;max-width:12em}.about-editorial p{font-family:var(--serif);font-size:15px;line-height:2;color:#bfc8c4;margin:0;max-width:36em}.curator{border-left:1px solid #ffffff25;padding-left:34px}.curator h3{font-family:var(--serif);font-size:26px;font-weight:400;margin:27px 0 20px}.social-link{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff30;margin-top:27px;padding-top:22px;font:12px "PingFang SC",sans-serif;color:#f1ece2}.social-link>span{font-size:11px;border:1px solid #bd4547;padding:6px 9px;color:#f2b7af}.social-link b{font-size:22px;font-weight:400;margin-left:auto}.social-link.pending{color:#a3aba8}.about-editorial+footer{border-top:1px solid #ffffff1a}body>.header nav{gap:25px}
@media(max-width:900px){.header .brand{gap:12px}.header .brand-logo{width:103px;height:81px}.header .brand-sports{font-size:22px;padding-left:13px}.header .brand{height:81px}.about-editorial{gap:6%;padding-top:50px;padding-bottom:50px}.about-statement h2{font-size:30px}.curator{padding-left:25px}}
@media(max-width:640px){.header .brand{height:64px;gap:13px}.header .brand-logo{width:82px;height:64px}.header .brand-sports{font-size:23px;letter-spacing:4px;padding-left:13px}.header .brand-sports small{font-size:7px;letter-spacing:2px;margin-top:9px}.about-editorial{grid-template-columns:1fr;padding:42px 7%;gap:32px}.about-statement h2{font-size:29px;margin-top:20px;margin-bottom:16px}.about-editorial p{font-size:14px}.curator{border-left:0;border-top:1px solid #ffffff25;padding:28px 0 0}.curator h3{font-size:24px;margin-top:20px}.social-link{margin-top:22px}.about-label{font-size:9px}}
.curator-essay{display:inline-flex;align-items:center;gap:14px;font-size:12px;line-height:1.8;color:#d6dcd6;border-bottom:1px solid #64726c;padding-bottom:7px;margin-top:20px}.curator-essay:hover{color:#fff}.curator-essay span{font-size:18px}
/* About and curator share a single horizontal band. */
.about-editorial{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:7%;padding:48px 5%}.about-statement h2{font-size:30px;margin-top:23px}.about-editorial p{font-size:14px}.curator{border-top:0;border-left:1px solid #ffffff25;padding:0 0 0 30px}.curator h3{margin-top:23px}.about-editorial .social-link{flex-wrap:wrap;gap:10px;margin-top:22px}.about-editorial .social-link b{margin-left:auto}
@media(max-width:640px){.about-editorial{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:34px 6%;gap:20px}.about-label{font-size:8px;letter-spacing:.7px}.about-statement h2{font-size:23px;line-height:1.55;margin:19px 0 15px}.about-editorial p{font-size:12px;line-height:1.9}.curator{padding:0 0 0 20px}.curator h3{font-size:23px;margin:19px 0 15px}.curator-essay{font-size:10px;gap:7px;margin-top:17px}.social-link{font-size:10px;line-height:1.8}.social-link>span{font-size:10px;padding:4px 7px}}
@media(max-width:380px){.about-editorial{gap:13px;padding-left:5%;padding-right:5%}.curator{padding-left:13px}.about-statement h2{font-size:20px}}

.icp-link{color:inherit;white-space:nowrap;font-size:11px;line-height:1.8}.icp-link:hover{text-decoration:underline;text-underline-offset:3px}footer{flex-wrap:wrap}
/* Letter portraits: transparent head-and-shoulders cutouts dissolve into the stationery. */
.work-rail .letter-card.has-cutout{isolation:isolate;overflow:visible;background:linear-gradient(115deg,#faf2e3,#f1e5d1);height:clamp(350px,32vw,450px);border-color:#d7c6ab}
.letter-card.has-cutout .letter-photo{top:-18px;right:-8px;width:78%;height:70%;opacity:1;z-index:0;mask-image:linear-gradient(to bottom,#000 0%,#000 53%,#000b 68%,transparent 96%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 53%,#000b 68%,transparent 96%)}
.letter-card.has-cutout .letter-photo img{object-fit:contain;object-position:right top;width:100%;height:100%;filter:saturate(.72) sepia(.12)}
.work-rail .letter-card.has-cutout h3{margin:130px 0 0;max-width:90%;font-family:"Kaiti SC","STKaiti","KaiTi",var(--serif);font-size:clamp(23px,2.1vw,31px);line-height:1.6;text-shadow:0 0 12px #f7eddc,0 0 6px #f7eddc;position:relative;z-index:2}
.letter-card.has-cutout .letter-meta{z-index:2}.letter-card.has-cutout .envelope-fold{top:0;left:0;width:48%;height:52px;right:auto;transform:none;border:0;background:linear-gradient(140deg,transparent 49.5%,#cbb59355 50%,transparent 51%),linear-gradient(40deg,transparent 49.5%,#cbb59355 50%,transparent 51%);opacity:.6;z-index:0}
.letter-card.has-cutout .letter-note{top:auto;bottom:6px;right:8px;font-size:8px;background:none;color:#776b59;z-index:3}.letter-rail{padding-top:22px;overflow-y:hidden}
@media(max-width:640px){.work-rail .letter-card.has-cutout{height:380px}.letter-card.has-cutout .letter-photo{height:72%;width:78%;top:-14px;right:-4px}.work-rail .letter-card.has-cutout h3{font-size:27px;margin-top:140px;max-width:92%}.letter-card.has-cutout .letter-meta{bottom:30px}}
.work-rail .letter-card.has-cutout h3{max-width:7em;text-wrap:balance}
/* Independent photo framing for each display location and device size. */
.hero-image{object-position:var(--hero-x,65%) var(--hero-y,45%);transform:scale(var(--hero-zoom,1));transform-origin:var(--hero-x,65%) var(--hero-y,45%)}
.comment-card>img,.comment-card:nth-child(2)>img,.comment-card:nth-child(3)>img{object-position:var(--card-x,50%) var(--card-y,50%);transform:scale(var(--card-zoom,1));transform-origin:var(--card-x,50%) var(--card-y,50%)}
.comment-card:nth-child(2)>img{object-position:var(--card-x,65%) var(--card-y,50%)}.comment-card:nth-child(3)>img{object-position:var(--card-x,75%) var(--card-y,50%)}
.comment-card:hover>img{transform:scale(var(--card-zoom,1))}
.letter-card .letter-photo img{transform:translate(var(--letter-x,0%),var(--letter-y,0%)) scale(var(--letter-zoom,1));transform-origin:top right}
@media(max-width:640px){.hero-image{object-position:var(--hero-mobile-x,82%) var(--hero-mobile-y,50%);transform:scale(var(--hero-mobile-zoom,1));transform-origin:var(--hero-mobile-x,82%) var(--hero-mobile-y,50%)}.comment-card>img,.comment-card:nth-child(2)>img,.comment-card:nth-child(3)>img{object-position:var(--card-mobile-x,50%) var(--card-mobile-y,35%);transform:scale(var(--card-mobile-zoom,1));transform-origin:var(--card-mobile-x,50%) var(--card-mobile-y,35%)}.comment-card:nth-child(2)>img{object-position:var(--card-mobile-x,50%) var(--card-mobile-y,45%)}.letter-card .letter-photo img{transform:translate(var(--letter-mobile-x,0%),var(--letter-mobile-y,0%)) scale(var(--letter-mobile-zoom,1))}}
@media(max-width:640px){.comment-card:hover>img{transform:scale(var(--card-mobile-zoom,1))}}

.hero-date{display:block;font-size:14px;color:#f1ece3;line-height:1.6;margin:0 0 22px}.card-copy .card-date{display:block;font-size:13px;color:#f2eee7;line-height:1.7;margin-top:8px}.letter-meta .letter-date{font-size:13px;color:#74634f;line-height:1.7}.hero-copy .hero-title{margin-bottom:20px}

/* Selected magazine typography, locally hosted. */
@font-face{font-family:OnpointSerif;src:url(fonts/NotoSerifSC.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:OnpointSans;src:url(fonts/NotoSansSC.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--serif:OnpointSerif,"Songti SC",serif}

.header nav,.kicker,.read-button,.rail-controls,.section-next,.slide-tabs,.hero-controls,footer{font-family:OnpointSans,sans-serif}
.hero-copy h1,.section-intro h2,.card-copy h3{font-family:var(--serif);font-weight:800}
.header .brand-sports{font-family:OnpointSans,sans-serif}
.read-button{height:48px;padding:0 22px;gap:24px;line-height:1;border-color:#ffffff70;align-items:center;justify-content:space-between}
.section-next{display:inline-flex;align-items:center;gap:18px;line-height:1.5;text-decoration:none}
.read-button>span,.section-next>span,.card-copy p>span{display:inline-flex;align-items:center;justify-content:center;position:relative;width:26px;height:18px;font-size:0;flex-shrink:0}
.read-button>span:before,.section-next>span:before,.card-copy p>span:before{content:"";width:24px;height:1px;background:currentColor}
.read-button>span:after,.section-next>span:after,.card-copy p>span:after{content:"";position:absolute;right:1px;width:6px;height:6px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}
.rail-controls{gap:8px;align-items:center}.rail-controls button,.hero-controls button[data-hero-step]{display:inline-flex;align-items:center;justify-content:center;position:relative;width:40px;height:40px;padding:0;font-size:0;border:1px solid #9e9e9470;border-radius:0;line-height:1}
.hero-controls button[data-hero-step]{border-color:#ffffff60}
.rail-controls button:before,.hero-controls button[data-hero-step]:before{content:"";height:1px;width:18px;background:currentColor}
.rail-controls button:after,.hero-controls button[data-hero-step]:after{content:"";position:absolute;width:6px;height:6px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg);right:10px}
.rail-controls button[data-direction="-1"]:after,.hero-controls button[data-hero-step="-1"]:after{transform:rotate(-135deg);right:auto;left:10px}
.hero-controls #autoplay{height:40px;min-width:56px;padding:0 14px;line-height:1;border-color:#ffffff60}
.card-copy p{display:flex;align-items:center;gap:16px;min-height:18px}.card-copy p>span{margin-left:auto}
.work-rail .letter-card .letter-name{position:relative;z-index:3;margin:112px 0 10px;font:500 17px/1.5 OnpointSans,sans-serif;letter-spacing:2px;color:#30281f}
.work-rail .letter-card h3,.work-rail .letter-card.has-cutout h3{margin-top:0}
.letter-meta{display:none}.envelope-icon{display:none}
@media(max-width:640px){.read-button{height:44px;padding:0 18px}.rail-controls button{width:40px;height:40px}.hero-controls{gap:8px}.hero-controls button[data-hero-step]{width:36px;height:36px}.hero-controls #autoplay{height:36px}.work-rail .letter-card .letter-name{margin-top:122px;font-size:16px}.work-rail .letter-card.has-cutout h3{margin-top:0}}

#people .person-name{font-family:var(--serif);font-size:clamp(24px,2.5vw,34px);font-weight:800;line-height:1.4;margin-bottom:16px;letter-spacing:2px}#people .card-copy h3{font-size:clamp(20px,1.9vw,27px);font-weight:600}

#people .person-name,.work-rail .letter-card .letter-name{font-family:OnpointSans,sans-serif;font-weight:300}

/* One card ratio and one crop on desktop and mobile. */
.work-rail .comment-card,.work-rail .letter-card,.work-rail .letter-card.has-cutout{height:auto;aspect-ratio:5/7}
.comment-card>img,.comment-card:nth-child(2)>img,.comment-card:nth-child(3)>img{object-position:var(--card-x,50%) var(--card-y,50%);transform:scale(var(--card-zoom,1));transform-origin:var(--card-x,50%) var(--card-y,50%)}
.comment-card:hover>img{transform:scale(var(--card-zoom,1))}
.letter-card.has-cutout .letter-photo{height:70%;width:78%;top:-18px;right:-8px}
.letter-card .letter-photo img{transform:translate(var(--letter-x,0%),var(--letter-y,0%)) scale(var(--letter-zoom,1))}

/* Shared card interaction, including the third letter card. */
.work-rail .letter-card,.work-rail .comment-card{transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover) and (pointer:fine){
 .work-rail .letter-card:hover,.work-rail .letter-card:nth-child(3):hover,.work-rail .comment-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #17232926}
}
.work-rail .letter-card:focus-visible,.work-rail .comment-card:focus-visible{transform:translateY(-4px);box-shadow:0 8px 20px #17232926}
@media(prefers-reduced-motion:reduce){.work-rail .letter-card:hover,.work-rail .letter-card:nth-child(3):hover,.work-rail .comment-card:hover,.work-rail .letter-card:focus-visible,.work-rail .comment-card:focus-visible{transform:none;transition:none}}

/* Slightly quieter homepage headline scale. */
.hero-copy h1{font-size:clamp(32px,4.2vw,62px)}
#people .person-name{font-size:clamp(21px,2.1vw,28px)}
@media(max-width:640px){.hero-copy h1{font-size:clamp(29px,7.5vw,42px)}#people .person-name{font-size:24px}}

/* Keep the first line of each people card on the same baseline. */
#people .card-copy h3{height:4.2em;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}

#people .card-copy{display:grid;grid-template-rows:auto 4.2em auto}
#people .card-copy h3{grid-row:2;height:4.2em;margin:0;font-size:inherit}
#people .card-copy p{grid-row:3;margin-top:14px}
#people .card-copy{font-size:clamp(20px,1.9vw,27px)}

#people .card-copy .person-name{height:1.4em;line-height:1.4;grid-row:1;font-family:OnpointSans,sans-serif;font-weight:300}
.work-rail .letter-card .letter-name{height:1.5em;line-height:1.5;font-family:OnpointSans,sans-serif;font-weight:300}