@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');

:root{--cream:#f4efe3;--paper:#fbf8f0;--blue:#174878;--ink:#122c43;--line:rgba(23,72,120,.24)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
img{display:block;max-width:100%}
a{color:inherit}
.topbar{position:fixed;z-index:30;top:0;left:0;width:100%;height:62px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;background:rgba(244,239,227,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
.wordmark{font:500 1rem "Playfair Display",serif;text-decoration:none}.wordmark span{color:var(--blue);padding:0 .35rem}
.topbar nav{display:flex;gap:2vw}.topbar nav a{text-decoration:none}.topbar nav a:hover{color:var(--blue)}
.download-small{text-decoration:none;border-bottom:1px solid var(--blue);padding-bottom:.2rem}
.cover{min-height:100svh;padding:9vh 4vw 4vw;display:grid;grid-template-columns:62% 38%;position:relative;border-bottom:1px solid var(--line)}
.cover-photo{margin:0;align-self:center}.cover-photo img{width:100%;height:auto;object-fit:contain}
.cover-type{padding:7vh 0 0 5vw;align-self:center}.issue,.folio{margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:600;color:var(--blue)}
h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:.82;letter-spacing:-.055em;margin:0}
h1{font-size:clamp(5.5rem,11vw,11rem);color:var(--blue)}h1 i{font-size:.6em;font-weight:500}
.cover-type h1{margin-bottom:4rem}
.cover-meta{border-top:1px solid var(--blue);padding-top:1rem;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}
.chapter{min-height:72vh;padding:12vh 7vw;display:grid;grid-template-columns:2fr 1fr;align-items:end;border-bottom:1px solid var(--line)}
.chapter h2{font-size:clamp(4.5rem,10vw,10rem);color:var(--blue)}
.chapter>p{max-width:26rem;font:500 clamp(1.25rem,2vw,2rem)/1.35 "Playfair Display",serif;margin:0 0 1rem}
.chapter.blue{background:var(--blue);color:var(--cream)}.chapter.blue h2,.chapter.blue .folio{color:var(--cream)}
.photo-grid{padding:7vw;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:7vw 2vw;background:var(--paper)}
.photo{margin:0;grid-column:span 5;cursor:zoom-in}.photo:nth-child(6n+1){grid-column:1/span 7}.photo:nth-child(6n+2){grid-column:9/span 4;margin-top:12vw}.photo:nth-child(6n+3){grid-column:2/span 4}.photo:nth-child(6n+4){grid-column:7/span 6}.photo:nth-child(6n+5){grid-column:1/span 4;margin-top:7vw}.photo:nth-child(6n){grid-column:6/span 7}
.photo img{width:100%;height:auto;transition:transform .5s ease,filter .5s ease}.photo:hover img{transform:scale(.992);filter:saturate(1.06)}
.photo.monochrome img,.photo.monochrome:hover img,.lightbox img.monochrome{filter:grayscale(1)}
.photo.arm-cropped{overflow:hidden}
.photo.arm-cropped img{display:block;width:116%;max-width:none}
.photo.arm-cropped:hover img{transform:scale(.992);transform-origin:left center}
.lightbox img.arm-cropped{clip-path:inset(0 12% 0 0)}
.photo.straightened{overflow:hidden}
.photo.straightened img,.photo.straightened:hover img{display:block;transform:rotate(-4deg) scale(1.1)}
.lightbox img.straightened{transform:rotate(-4deg) scale(1.04)}
.grid-b{background:var(--cream)}.grid-b .photo:nth-child(5n+1){grid-column:1/span 4}.grid-b .photo:nth-child(5n+2){grid-column:5/span 4;margin-top:5vw}.grid-b .photo:nth-child(5n+3){grid-column:9/span 4}.grid-b .photo:nth-child(5n+4){grid-column:2/span 5}.grid-b .photo:nth-child(5n){grid-column:8/span 4;margin-top:10vw}
.grid-c .photo:nth-child(4n+1){grid-column:1/span 8}.grid-c .photo:nth-child(4n+2){grid-column:9/span 4;margin-top:14vw}.grid-c .photo:nth-child(4n+3){grid-column:2/span 4}.grid-c .photo:nth-child(4n){grid-column:7/span 6}
.grid-d{background:var(--cream)}.grid-d .photo:nth-child(3n+1){grid-column:1/span 5}.grid-d .photo:nth-child(3n+2){grid-column:7/span 6}.grid-d .photo:nth-child(3n){grid-column:3/span 7}
.photo-grid .photo.featured{grid-column:1/-1;margin-top:0;justify-self:center;width:100%}
.closing{min-height:100svh;background:var(--blue);color:var(--cream);padding:14vh 8vw 7vh;display:flex;flex-direction:column;justify-content:center}
.closing .folio{color:var(--cream)}.closing h2{font-size:clamp(6rem,14vw,14rem)}.closing>p:not(.folio){font:500 1.4rem/1.5 "Playfair Display",serif;max-width:32rem;margin:3rem 0}
.download{display:flex;justify-content:space-between;align-items:center;text-decoration:none;border-top:1px solid var(--cream);border-bottom:1px solid var(--cream);padding:1.4rem 0;font-size:clamp(1.1rem,2vw,1.8rem)}.download b{font-size:2rem}
.download[aria-disabled="true"]{opacity:.62;pointer-events:none}.download-status{min-height:1.5rem!important;margin:1rem 0 0!important;font:500 .75rem/1.4 "DM Sans",sans-serif!important;letter-spacing:.12em;text-transform:uppercase}
.closing small{margin-top:7vh;text-transform:uppercase;letter-spacing:.14em}
.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;border:0;padding:4rem;background:rgba(12,30,45,.96);color:white}.lightbox[open]{display:grid;grid-template-columns:4rem 1fr 4rem;grid-template-rows:1fr auto;align-items:center}
.lightbox::backdrop{background:#122c43}.lightbox img{max-width:100%;max-height:calc(100vh - 8rem);margin:auto;grid-column:2;grid-row:1;box-shadow:0 20px 80px #0008}
.lightbox button{border:0;background:none;color:white;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.lightbox .close{position:absolute;right:2rem;top:2rem}.lightbox p{grid-column:2;text-align:center;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.prev{grid-column:1;grid-row:1;font-size:1.5rem}.next{grid-column:3;grid-row:1;font-size:1.5rem}
@media(max-width:760px){.topbar nav{display:none}.cover{grid-template-columns:1fr;padding:76px 1rem 2rem}.cover-photo{min-height:0}.cover-type{padding:2rem 0 0}.cover-meta{margin-bottom:2rem}.chapter{min-height:60vh;padding:8rem 1.25rem 3rem;grid-template-columns:1fr;gap:3rem}.chapter>p{font-size:1.25rem}.photo-grid{padding:4rem 1rem;gap:3rem 1rem}.photo,.photo:nth-child(n){grid-column:span 12!important;margin-top:0!important}.photo:nth-child(4n+2):not(.featured),.photo:nth-child(4n+3):not(.featured){grid-column:span 6!important}.closing{padding:9rem 1.25rem 4rem}.lightbox{padding:3.5rem .75rem 2rem}.lightbox[open]{grid-template-columns:2rem 1fr 2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}