@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f1ecdf;--ink:#293729;--clay:#b84e31;--line:#c9c9b8;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dfb43d;outline-offset:5px}a{color:inherit;text-decoration:none}button{border:0;background:none}img{width:100%;height:100%;object-fit:cover;display:block}figure{margin:0}h1,h2,h3,p{margin:0}h2{font:400 clamp(65px,7.8vw,130px)/.92 var(--serif);letter-spacing:-.055em}h2 em{font-weight:400}p{line-height:1.75}header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:5}header nav{display:flex;gap:35px;font-size:12px}header nav a{position:relative}header nav a:after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:1px;background:var(--ink);transition:width .25s}header nav a:hover:after{width:100%}.collection{font-size:18px;font-weight:700;letter-spacing:-1px;line-height:1}.collection span{display:block;font-size:8px;letter-spacing:1.8px;margin-top:8px;font-weight:500}.menu-btn{font-size:10px;letter-spacing:1.8px;display:flex;gap:20px;align-items:center}.menu-btn span{font-size:22px}.hero{height:calc(100svh - 88px);min-height:640px;max-height:1100px;position:relative;overflow:hidden;background:#4b3d2e;color:var(--paper)}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{object-position:center 60%;animation:hero-zoom 1.7s ease-out both}.hero-shade{background:linear-gradient(180deg,rgba(12,27,15,.45),rgba(12,27,15,.05) 60%,rgba(12,27,15,.56))}.hero-top{position:relative;display:flex;justify-content:space-between;padding:35px 4% 0;font-size:10px;letter-spacing:1.7px}.hero h1{font:800 24.8vw/.87 var(--display);letter-spacing:-.025em;position:relative;text-align:center;margin-top:5px;animation:rise 1s .12s both}.hero-star{font:400 7vw/1 var(--sans);display:inline-block;vertical-align:top;margin-top:1.5vw;margin-left:.5vw}.hero-bottom{position:absolute;left:5%;right:5%;bottom:70px;display:flex;justify-content:space-between;align-items:end}.hero-bottom>p{font:400 clamp(42px,4.6vw,74px)/1 var(--serif);letter-spacing:-.03em}.hero-bottom>div{display:flex;gap:40px;align-items:end}.hero-bottom>div p{font-size:13px;line-height:1.6}.circle-link{display:flex;border:1px solid #eee8d7;border-radius:100%;height:57px;width:57px;align-items:center;justify-content:center;font-size:24px;transition:background .25s,color .25s}.circle-link:hover{background:var(--paper);color:var(--ink)}.image-label,.hero-edition{position:absolute;bottom:22px;font-size:8px;letter-spacing:1.3px}.image-label{left:4%}.hero-edition{right:4%}.section{padding:100px 6%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.intro>.eyebrow{padding-bottom:48px;border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;padding:60px 0 80px}.intro-copy{padding-top:10px;max-width:420px}.small-marker{display:block;font-size:10px;letter-spacing:1.5px;margin-bottom:24px}.intro-copy p{font-size:15px;margin-bottom:20px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:11px;font-weight:600;border-bottom:1px solid currentColor;padding:13px 0;transition:gap .25s}.text-link:hover{gap:47px}.coast-figure{height:540px}.coast-figure img{height:calc(100% - 30px);object-position:center 55%}figcaption{font-size:8px;letter-spacing:1.2px;line-height:1.5;margin-top:12px}.coast-figure figcaption{display:flex;justify-content:space-between}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-bottom:55px}.section-heading p,.section-heading>span{font-size:11px}.growing{padding-top:0}.growing-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.growing-grid figure:nth-child(2){padding-top:140px}.growing-grid img{height:570px}.growing-grid h3{font:36px/1.1 var(--serif);margin-top:25px}.paris{background:var(--ink);color:var(--paper);padding:100px 6%}.paris-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:25px;align-items:end}.paris-heading .eyebrow{align-self:start;padding-top:10px}.paris-heading h2{font-size:clamp(65px,7.5vw,120px)}.paris-heading p{font-size:12px;max-width:220px;justify-self:end}.campaigns{display:flex;justify-content:space-between;border-top:1px solid #61705c;border-bottom:1px solid #61705c;margin:65px 0 45px}.campaigns button{font:600 clamp(75px,10vw,160px)/1 var(--display);letter-spacing:-2px;padding:20px 0 22px;opacity:.42;transition:opacity .3s;text-align:left}.campaigns button[aria-selected=true],.campaigns button:hover{opacity:1}.campaigns span{display:block;font:500 9px var(--sans);letter-spacing:2px;margin:13px 0 0}.campaign-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:center}.campaign-layout figure{height:620px}.campaign-layout figure img{height:calc(100% - 30px);object-position:center 38%}.campaign-story h3{font:60px/.98 var(--serif);letter-spacing:-2px;margin:30px 0}.campaign-story p{font-size:14px;max-width:370px}.campaign-story .score{font-size:9px;letter-spacing:1px;margin-top:35px;line-height:2}.score strong{font:32px var(--serif);letter-spacing:1px}.campaign-story .text-link{margin-top:25px}.source-inline{display:block;font-size:9px;opacity:.7;margin-top:22px}.heart{position:relative;text-align:center;padding-top:130px;padding-bottom:130px;overflow:hidden}.heart .eyebrow{display:block;margin-bottom:50px}.heart h2{position:relative;font-size:clamp(70px,8.5vw,140px)}.heart>p{max-width:400px;margin:35px auto 10px;font-size:14px}.heart-mark{position:absolute;font:600 710px/1 Georgia;color:#c66c4b;opacity:.19;transform:rotate(-12deg);left:50%;top:50%;translate:-50% -50%;pointer-events:none}.heart .text-link,.footnote{position:relative}.footnote{display:block;font-size:9px;margin-top:30px}.tactics{background:#e5e5d5}.tactics-heading{display:flex;justify-content:space-between;align-items:end;margin-top:45px;margin-bottom:60px}.tactics-heading>p{font-size:12px}.tactics-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.court-wrap{background:#b95235;padding:20px 35px 30px;color:var(--paper)}#court{width:100%;max-height:560px;display:block}.court-line{fill:none;stroke:#f2ead5;stroke-width:2}.net{stroke:#f2ead5;stroke-width:5}#ball-path{fill:none;stroke:#e9d866;stroke-width:2;stroke-dasharray:8 5}#player{fill:#f5e8ca}#opponent{fill:#283b32}#ball{fill:#e9d866}#court text{fill:var(--paper);font:9px var(--sans);letter-spacing:2px}#ball,#player,#opponent{transition:cx .7s,cy .7s}.court-key{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.court-key span:nth-child(2){color:#182b21}.court-key span:nth-child(3){color:#f8e879}.tactics-copy h3{font:54px/1 var(--serif);margin:25px 0;letter-spacing:-1.5px}.tactics-copy>p{font-size:14px;max-width:350px}.step-controls{display:flex;gap:10px;margin:35px 0}.step-controls button{width:45px;height:45px;border:1px solid #a4ac98;border-radius:50%;font-size:11px}.step-controls button.active,.step-controls button:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.tactics-copy .schematic{font-size:8px;line-height:1.8;letter-spacing:.8px}details{margin-top:25px;font-size:12px}summary{cursor:pointer}details p{margin-top:12px}.timeline h2{margin-bottom:65px}.timeline-years{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;overflow:auto}.timeline-years button{font:32px var(--display);padding:15px 0;color:#8b9381;border-bottom:3px solid transparent}.timeline-years button.active{color:var(--clay);border-color:var(--clay)}#milestone{display:grid;grid-template-columns:1fr 2fr;gap:9%;padding-top:40px;min-height:230px}#milestone>span{font:90px var(--display);color:var(--clay)}#milestone h3{font:38px var(--serif);margin-bottom:15px}#milestone p{font-size:14px;max-width:500px}.stories{padding-top:0}.stories h2{margin-bottom:55px}.story-row{display:grid;grid-template-columns:240px minmax(0,1fr) 40px;gap:40px;align-items:center;text-align:left;width:100%;padding:26px 0;border-top:1px solid var(--line)}.story-row:last-child{border-bottom:1px solid var(--line)}.story-image{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:#d7d6c8}.story-image img{width:100%;height:100%;object-position:center;transition:transform .55s ease,filter .55s ease}.story-image-label{position:absolute;bottom:10px;left:12px;font:600 8px var(--sans);letter-spacing:1.2px;background:#293729d9;color:var(--paper);padding:4px 5px}.story-copy{display:block;min-width:0}.story-row .num{display:block;font-size:9px;letter-spacing:1.6px;margin-bottom:15px;color:var(--clay)}.story-row h3{font:40px/1.08 var(--serif);letter-spacing:-.8px}.story-row p{font-size:12px;max-width:100%;margin-top:12px;line-height:1.5}.story-row .story-arrow{font-size:28px;transition:transform .25s}.story-row:hover .story-arrow{transform:translate(5px,-5px)}.story-row:hover .story-image img,.story-row:focus-visible .story-image img{transform:scale(1.045);filter:brightness(1.06)}.gallery{background:#dddacb}.gallery h2{margin:40px 0 25px}.gallery-note{max-width:490px;font-size:12px;margin-bottom:55px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.gallery-grid figure{cursor:zoom-in}.gallery-grid figure img{height:350px;transition:filter .25s}.gallery-grid figure:hover img{filter:brightness(1.08)}.gallery-grid figure:nth-child(3n+2){margin-top:60px}.gallery-grid figcaption strong{font:24px var(--serif);display:block;letter-spacing:0;margin-bottom:8px}.legacy{text-align:center;padding-top:130px;padding-bottom:110px;background:#d5a044;color:#28372c}.legacy h2{font-size:clamp(90px,12vw,190px);margin:50px 0 35px}.legacy>p{font-size:14px;max-width:350px;margin:0 auto 15px}.legacy-sign{font:44px var(--serif);margin-top:90px}.legacy-sign span{display:block;font:8px var(--sans);letter-spacing:2px;margin-top:20px}footer{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:30px;padding:55px 6% 30px;align-items:start}footer p{font-size:10px}footer .text-link{font-size:10px;padding-top:0;justify-self:end}.footer-domain{grid-column:1/-1;font-size:8px;letter-spacing:2px;border-top:1px solid var(--line);padding-top:25px;margin-top:25px}dialog{border:0;background:var(--paper);color:var(--ink);padding:0;width:min(1000px,95vw);height:94svh;max-height:94svh}dialog::backdrop{background:#142319ba;backdrop-filter:blur(5px)}.reader-bar{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.5px;position:sticky;top:0;background:var(--paper);z-index:2}.reader-bar button{font-size:10px}.reader-body{max-width:670px;margin:65px auto;padding:0 30px}.reader-body>.eyebrow{color:var(--clay)}.reader-body h2{font-size:75px;margin:25px 0 40px}.reader-body p{font:21px/1.7 Georgia,serif;margin-bottom:25px}.reader-body .reader-image{height:430px;margin:30px 0 40px}.reader-body .reader-image img{height:calc(100% - 45px)}.reader-body h3{font:32px var(--serif);margin:45px 0 25px}.reader-body li{font-size:12px;line-height:1.7;margin-bottom:18px}.reader-body a{text-decoration:underline;text-underline-offset:3px}.reader-body .source-note{font:12px/1.7 var(--sans)}.reader-next{margin-top:40px;width:100%}#index-dialog{padding-bottom:40px}#index-dialog>h2{font-size:70px;margin:50px 6%}#index-links{padding:0 6%}#index-links button{display:flex;width:100%;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:18px 0;font:27px var(--serif)}#index-links button span{font:10px var(--sans)}.skip{position:fixed;top:-80px;left:15px;background:var(--paper);padding:15px;z-index:20}.skip:focus{top:10px}#progress{position:fixed;top:0;left:0;height:3px;background:var(--clay);z-index:30;width:0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes hero-zoom{from{transform:scale(1.07)}to{transform:scale(1)}}
@media(min-width:1700px){.section,.paris{padding-left:max(6%,calc((100% - 1500px)/2));padding-right:max(6%,calc((100% - 1500px)/2))}}@media(max-width:900px){header nav{gap:18px}.hero{min-height:590px}.hero h1{margin-top:45px}.intro-grid{gap:7%}.growing-grid img{height:430px}.paris-heading{grid-template-columns:1fr 2fr}.paris-heading p{grid-column:2;justify-self:start}.campaign-layout{gap:6%}.campaign-layout figure{height:500px}.campaign-story h3{font-size:47px}.tactics-layout{gap:6%}.court-wrap{padding:10px 15px 20px}.story-row{grid-template-columns:180px minmax(0,1fr) 25px;gap:25px}.story-row h3{font-size:34px}.gallery-grid img{height:260px!important}footer{grid-template-columns:1fr 1.5fr}footer .text-link{justify-self:start}.coast-figure{height:420px}}@media(max-width:600px){html{scroll-padding-top:20px}header{height:72px;padding:0 6%}header nav{display:none}.collection{font-size:16px}.hero{height:calc(100svh - 72px);min-height:570px;max-height:850px}.hero h1{font-size:24.6vw;margin-top:80px}.hero-top{padding:25px 6% 0;font-size:8px;letter-spacing:1px}.hero-top span:last-child{max-width:145px;text-align:right}.hero-bottom{left:7%;right:7%;bottom:75px}.hero-bottom>p{font-size:48px}.hero-bottom>div{display:block}.hero-bottom>div p{font-size:10px;margin-bottom:25px}.circle-link{height:43px;width:43px;font-size:20px;margin-left:auto}.image-label{left:6%;font-size:6px;max-width:230px;line-height:1.7}.hero-edition{font-size:6px;right:6%}.section{padding:65px 7%}h2{font-size:65px}.intro>.eyebrow{padding-bottom:25px}.intro-grid{display:block;padding:35px 0 40px}.intro-copy{margin-top:35px}.intro-copy p{font-size:14px}.small-marker{font-size:8px}.coast-figure{height:320px}.coast-figure figcaption{display:block;font-size:7px}.coast-figure figcaption span{display:block}.growing{padding-top:20px}.section-heading{gap:15px;margin-bottom:35px;align-items:start}.section-heading p{font-size:10px;text-align:right;max-width:115px}.eyebrow{font-size:8px;letter-spacing:1.5px}.growing-grid{gap:25px;grid-template-columns:1fr}.growing-grid figure:nth-child(2){padding-top:30px}.growing-grid img{height:460px}.growing-grid h3{font-size:32px;margin-top:20px}.paris{padding:65px 7%}.paris-heading{display:block}.paris-heading h2{font-size:70px;margin:35px 0 25px}.paris-heading p{font-size:12px}.campaigns{margin:35px 0 30px}.campaigns button{font-size:68px;letter-spacing:-1px;padding:20px 0}.campaigns span{font-size:7px;letter-spacing:.7px;margin-top:8px}.campaign-layout{display:block}.campaign-layout figure{height:440px}.campaign-story{padding-top:35px}.campaign-story h3{font-size:48px}.campaign-story p{font-size:14px}.heart{padding-top:75px;padding-bottom:75px}.heart h2{font-size:70px}.heart-mark{font-size:500px}.heart>p{font-size:13px}.footnote{font-size:8px}.tactics-heading{display:block;margin-top:30px;margin-bottom:35px}.tactics-heading>p{margin-top:25px}.tactics-layout{display:block}.court-wrap{padding:15px 25px 25px}#court{max-height:450px}.tactics-copy{margin-top:40px}.tactics-copy h3{font-size:45px}.timeline h2{margin-bottom:25px}.timeline-years{gap:27px}.timeline-years button{font-size:29px}#milestone{display:block;min-height:320px;padding-top:25px}#milestone>span{font-size:70px}#milestone h3{font-size:33px;margin-top:10px}#milestone p{font-size:13px}.stories{padding-top:0}.section-heading>span{font-size:8px;text-align:right;max-width:100px}.stories h2{margin-bottom:30px}.story-row{grid-template-columns:100px minmax(0,1fr) 16px;gap:16px;padding:22px 0}.story-image{aspect-ratio:4/5}.story-row .num{font-size:7px;letter-spacing:1px;margin-bottom:9px}.story-row h3{font-size:27px;letter-spacing:-.4px}.story-row p{display:block;font-size:10px;margin-top:9px}.story-row .story-arrow{font-size:20px}.story-image-label{font-size:6px;left:6px;bottom:6px;padding:3px 4px}.gallery h2{margin-top:30px}.gallery-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.gallery-grid figure:nth-child(3n+2){margin-top:0}.gallery-grid figure:nth-child(even){margin-top:40px}.gallery-grid img{height:240px!important}.gallery-grid figcaption{font-size:7px}.gallery-grid figcaption strong{font-size:23px}.legacy h2{font-size:95px;margin:40px 0 30px}.legacy-sign{font-size:35px;margin-top:60px}footer{display:block;padding:45px 7% 25px}footer p{margin:25px 0}footer .text-link{margin-bottom:35px}.footer-domain{display:block;margin-top:0;font-size:7px}.reader-body{margin:40px auto;padding:0 25px}.reader-body h2{font-size:54px}.reader-body p{font-size:18px}.reader-body .reader-image{height:340px}#index-dialog>h2{font-size:56px}#index-links button{font-size:23px}.reader-bar{padding:22px 6%}dialog{width:100vw;height:100svh;max-height:100svh;max-width:100vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.gallery-grid img{object-position:center 25%}
.reader-body article{padding-top:55px;border-top:1px solid var(--line);margin-top:55px}
