/* The story page moves from today's Sisterhood to an immersive film archive. */
.story-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px 85px;padding-block:100px 40px;align-items:center}
.story-intro h1{font-size:clamp(95px,10.5vw,151px);line-height:.84;letter-spacing:-.045em}
.story-intro h1 em{display:block;margin-left:40px}
.story-intro-text{font-size:16px;line-height:1.85;max-width:490px;margin:35px 0 24px}
.story-jump{display:flex;gap:30px;flex-wrap:wrap}
.story-intro-photo{position:relative;max-width:390px;justify-self:end;margin:10px 15px 0 0;transform:rotate(4deg)}
.story-intro-photo>img{width:100%;aspect-ratio:.78;object-fit:cover;object-position:50% 55%;box-shadow:-20px 20px 0 var(--paper)}
.story-intro-photo figcaption{font:italic 21px/1.4 var(--serif);margin-top:22px;text-align:right}
.story-photo-mark{position:absolute;bottom:110px;left:-50px;background:var(--ivory);color:var(--olive);padding:15px 24px;transform:rotate(-9deg);font:400 29px/1 var(--serif);box-shadow:0 5px 20px #302d2810}
.story-photo-mark em{font-size:18px;display:block;margin-top:6px}
.story-origin{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:27px 3px;font:600 14px/1.6 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.story-origin>span:first-child{font:italic 31px/1 var(--serif);text-transform:none;letter-spacing:-.02em}
.story-cinema{background:var(--olive);color:var(--ivory);padding-block:100px 70px;overflow:hidden}
.story-cinema .archive-heading{margin:0 0 60px;align-items:end}
.story-cinema .archive-heading h2{font-size:clamp(85px,9vw,128px);line-height:.9}
.story-cinema .archive-heading p:not(.eyebrow){max-width:340px;font-size:16px;line-height:1.8;margin-bottom:8px}
.story-cinema .archive-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px}
.story-cinema .archive-film{grid-column:span 2}
.story-cinema .archive-film-featured{grid-column:1/-1;margin-bottom:20px}
.story-cinema .archive-film-featured .film-link{aspect-ratio:2.15}
.story-cinema .film-link{outline:1px solid #f5f0e638;outline-offset:7px;background:var(--charcoal)}
.story-cinema .archive-film-featured .film-year{font-size:70px}
.story-cinema .archive-film-featured .film-caption>span{font-size:115px}
.story-cinema .archive-film:last-child{grid-column:1/-1;margin-top:20px}
.story-cinema .archive-film:last-child .film-link{aspect-ratio:3.3}
.story-cinema .archive-film:last-child .film-link img{object-position:50% 38%}
.story-cinema .archive-film:last-child .film-caption>span{font-size:70px}
.story-cinema .archive-film:last-child .film-year{font-size:50px}
.story-cinema .archive-film:last-child .film-caption{left:40px;bottom:32px}
.story-cinema .archive-film:last-child .film-year{left:40px;top:30px}
.story-cinema .film-link:focus-visible{outline:3px solid var(--ivory);outline-offset:7px}
.story-cinema .archive-photo-note{color:var(--ivory);font-size:14px;max-width:690px;margin-top:32px}
.story-years{display:grid;grid-template-columns:.95fr 1.1fr;gap:100px;padding-block:140px}
.story-years-heading{position:sticky;top:140px;align-self:start}
.story-years h2{font-size:clamp(70px,6.8vw,96px);line-height:.94}
.story-years-heading>p:not(.eyebrow){font-size:16px;margin:30px 0 0;max-width:250px}
.story-years-signature{display:flex;align-items:center;gap:24px;font:400 35px/1 var(--serif);margin-top:50px;border-top:1px solid var(--line);padding-top:25px;max-width:310px}
.story-years-signature>span:nth-child(2){font-size:26px;transform:rotate(-90deg);color:var(--olive)}
.story-timeline li{grid-template-columns:95px 1fr;gap:25px;padding:29px 0;transition:padding .3s,background .3s}
.story-timeline .timeline-year{font-size:41px;color:var(--olive)}
.story-timeline h3{font-size:43px}
.story-timeline p{font-size:16px;margin-top:10px}
.story-timeline .next-chapter{margin:15px -30px 0;padding:35px 30px;position:relative}
.story-timeline .next-chapter .timeline-year{color:var(--ivory)}
.story-timeline .next-chapter .text-link{color:var(--ivory);font-size:14px;margin-top:14px}
.story-next{position:relative;isolation:isolate;overflow:hidden;padding-block:100px;text-align:center;background:#e0d8c8}
.story-next-sky{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.story-next:after{content:'';position:absolute;inset:0;background:#f5f0e682;z-index:-1}
.story-next h2{font:italic 48px/1 var(--serif);letter-spacing:-.02em;margin-bottom:28px}
.story-next-logo{width:min(680px,78vw);margin:auto}
.story-next-inner>p:not(.eyebrow){font:400 24px/1.4 var(--serif);margin:28px auto;max-width:650px}
.story-next .button{margin-top:4px}
@media(hover:hover){.story-timeline li:not(.next-chapter):hover{padding-left:15px;background:var(--paper)}}
@media(max-width:1100px){.story-intro{gap:55px}.story-intro h1{font-size:113px}.story-intro h1 em{margin-left:20px}.story-intro-photo{max-width:310px}.story-photo-mark{left:-30px}.story-years{gap:65px}.story-cinema .archive-grid{gap:24px}.story-cinema .film-caption>span{font-size:33px}.story-timeline h3{font-size:38px}.story-years h2{font-size:77px}}
@media(max-width:980px){.story-intro{gap:45px 35px;padding-top:75px;grid-template-columns:1.2fr 1fr}.story-intro h1{font-size:95px}.story-intro h1 em{margin-left:0}.story-intro-text{font-size:16px}.story-intro-photo{margin-right:5px;max-width:280px}.story-intro-photo figcaption{font-size:18px}.story-photo-mark{font-size:24px;left:-20px;padding:12px 18px;bottom:80px}.story-photo-mark em{font-size:16px}.story-jump{gap:12px 24px}.story-jump .text-link{font-size:14px}.story-cinema{padding-block:80px 55px}.story-cinema .archive-heading h2{font-size:86px}.story-cinema .archive-heading p:not(.eyebrow){max-width:250px;font-size:16px}.story-cinema .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.story-cinema .archive-film{grid-column:span 1}.story-cinema .archive-film-featured{grid-column:1/-1}.story-cinema .archive-film-featured .film-caption>span{font-size:90px}.story-cinema .archive-film:last-child .film-link{aspect-ratio:2.4}.story-years{gap:50px;padding-block:95px}.story-years h2{font-size:66px}.story-timeline li{grid-template-columns:70px 1fr;gap:15px}.story-timeline .timeline-year{font-size:34px}.story-timeline h3{font-size:33px}.story-timeline .next-chapter{margin-inline:-15px;padding-inline:15px}.story-next{padding-block:85px}.story-origin{font-size:14px}}
@media(max-width:640px){.story-intro{grid-template-columns:1fr;gap:42px;padding-block:55px 22px}.story-intro h1{font-size:90px;line-height:.85}.story-intro h1 em{margin-left:15px}.story-intro-text{font-size:16px;margin-top:28px;line-height:1.85}.story-jump{gap:20px}.story-intro-photo{width:77%;max-width:300px;justify-self:center;margin:0 0 0 25px}.story-intro-photo>img{aspect-ratio:.9;box-shadow:-12px 12px 0 var(--paper)}.story-intro-photo figcaption{font-size:19px}.story-photo-mark{left:-30px;bottom:65px;font-size:25px;padding:12px 17px}.story-origin{flex-wrap:wrap;gap:15px;padding-top:24px;grid-column:auto}.story-origin>span:first-child{font-size:29px}.story-origin>span:nth-child(2){order:3;width:100%;font-size:14px}.story-origin>span:last-child{font-size:14px}.story-cinema{padding-block:65px 45px}.story-cinema .archive-heading{display:block;margin-bottom:35px}.story-cinema .archive-heading h2{font-size:clamp(64px,18vw,75px);line-height:.88}.story-cinema .archive-heading p:not(.eyebrow){max-width:320px;margin-top:25px;font-size:16px}.story-cinema .archive-grid{grid-template-columns:1fr;gap:25px}.story-cinema .archive-film-featured{margin-bottom:0}.story-cinema .archive-film-featured .film-link{aspect-ratio:1.12}.story-cinema .archive-film-featured .film-caption>span{font-size:70px}.story-cinema .archive-film-featured .film-year{font-size:48px}.story-cinema .film-caption>span{font-size:46px}.story-cinema .archive-film:last-child{margin:0}.story-cinema .archive-film:last-child .film-link{aspect-ratio:1.25}.story-cinema .archive-film:last-child .film-caption{left:25px;bottom:25px}.story-cinema .archive-film:last-child .film-year{left:25px;top:24px;font-size:40px}.story-cinema .archive-film:last-child .film-caption>span{font-size:49px}.story-cinema .archive-photo-note{font-size:14px;margin-top:30px}.story-years{grid-template-columns:1fr;gap:38px;padding-block:75px}.story-years-heading{position:static}.story-years h2{font-size:68px}.story-years h2 em br{display:none}.story-years-heading>p:not(.eyebrow){max-width:300px;margin-top:24px}.story-years-signature{display:none}.story-timeline li{grid-template-columns:70px 1fr;padding-block:23px;gap:20px}.story-timeline h3{font-size:34px}.story-timeline .timeline-year{font-size:32px}.story-timeline .next-chapter{margin-inline:0;padding:28px 20px;grid-template-columns:65px 1fr;gap:12px}.story-next{padding-block:70px}.story-next h2{font-size:38px}.story-next-logo{width:100%;max-width:440px}.story-next-inner>p:not(.eyebrow){font-size:22px;max-width:290px}.story-next .button{font-size:14px;padding-inline:18px;gap:20px}}
/* Match the two prominent italic fallback lines while the webfont arrives. */
@font-face{font-family:'History Italic Fallback';src:local('Georgia Italic');font-style:italic;font-weight:400;size-adjust:80%}
.story-intro h1 em,.story-intro-photo figcaption{font-family:Cormorant,'History Italic Fallback',Georgia,serif}