
.archive-teaser{position:relative;padding:15vh 5vw 14vh;background:var(--butter);overflow:hidden}
.teaser-flower{position:absolute;right:7vw;top:9vh;width:170px;opacity:.18;mix-blend-mode:multiply}.teaser-flower img{width:100%}
.teaser-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;margin:8vh 0}.teaser-grid h2{font-size:clamp(60px,8vw,120px);line-height:.8;font-weight:400;margin:0}.teaser-grid h2 em{font-style:italic}.teaser-copy{max-width:420px;font-size:21px;line-height:1.05}.teaser-images{display:grid;grid-template-columns:1.2fr .75fr 1fr;gap:2vw}.mini-archive{height:38vh}.raised-mini{margin-top:7vh}
.archive-hero{min-height:100svh;position:relative;padding:130px 7vw 70px;overflow:hidden;background:var(--paper)}.archive-hero-meta{display:flex;justify-content:space-between;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em}.archive-hero-flower{position:absolute;width:min(28vw,360px);right:13vw;top:15vh;opacity:.38;mix-blend-mode:multiply;animation:float 9s ease-in-out infinite}.archive-hero-flower img{width:100%}.archive-title{position:absolute;left:8vw;top:27vh}.archive-title .script-line{font-size:clamp(55px,7vw,105px);margin:0 0 12px}.archive-title h1{font-size:clamp(100px,16vw,240px);font-weight:400;line-height:.65;margin:0;letter-spacing:-.05em}.archive-title h1 em{font-style:italic}.archive-intro-copy{position:absolute;bottom:13vh;right:10vw;width:300px;font-size:21px;line-height:1.05}.archive-index{position:absolute;bottom:35px;left:7vw;font:9px var(--mono);letter-spacing:.1em}
.archive-wall{background:var(--ink);color:var(--paper);padding:16vh 7vw}.archive-entry{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:center;margin-bottom:20vh}.entry-b{grid-template-columns:.8fr 1.2fr}.archive-photo{height:75vh;background:var(--butter);color:var(--ink)}.entry-b .archive-photo{height:65vh}.entry-c{grid-template-columns:.65fr 1fr;max-width:900px;margin-left:auto}.archive-photo.narrow{height:58vh}.entry-info{max-width:390px}.entry-info>span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em}.entry-info h2{font-size:clamp(65px,8vw,125px);line-height:.72;font-weight:400;margin:25px 0 30px}.entry-info h2 em{font-style:italic}.entry-info>p{font-size:17px;margin:0 0 28px}.entry-info .entry-note{font-size:21px;line-height:1.05;max-width:340px}
.archive-divider{border-top:1px solid rgba(251,249,243,.35);border-bottom:1px solid rgba(251,249,243,.35);padding:15px 0;margin:2vh 0 18vh;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.12em}.entry-d{grid-template-columns:.9fr 1.1fr;align-items:end}.entry-card{max-width:450px}.entry-card .script-line{font-size:55px;margin:0 0 25px}.entry-card h2{font-size:72px;line-height:.75;font-weight:400;margin:0 0 35px}.entry-card h2 em{font-style:italic}.entry-card>p:last-child{font-size:21px;line-height:1.05}.archive-entry .tall{height:72vh;background:var(--butter);color:var(--ink)}.archive-end{padding:16vh 7vw;text-align:center;background:var(--butter);min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.archive-end img{width:90px;opacity:.55;mix-blend-mode:multiply;margin-bottom:35px}.archive-end .script-line{font-size:65px;margin:0 0 35px}.archive-end a{font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--ink);padding-bottom:6px}
@media(max-width:800px){.teaser-grid{display:block;margin:7vh 0}.teaser-grid h2{font-size:62px;margin-bottom:50px}.teaser-copy{font-size:18px}.teaser-images{grid-template-columns:1fr 1fr;gap:15px}.mini-archive{height:35vh}.mini-archive:first-child{grid-column:1/-1}.raised-mini{margin-top:0}.archive-hero{min-height:780px;padding:95px 7vw 40px}.archive-hero-meta{gap:20px;flex-direction:column}.archive-hero-flower{width:55vw;right:8vw;top:19vh}.archive-title{top:42vh;left:7vw}.archive-title .script-line{font-size:48px}.archive-title h1{font-size:100px}.archive-intro-copy{bottom:8vh;left:7vw;right:auto;width:78%;font-size:18px}.archive-wall{padding:12vh 6vw}.archive-entry,.entry-b,.entry-c,.entry-d{display:flex;flex-direction:column;gap:35px;margin-bottom:14vh;align-items:stretch}.entry-b .entry-info{order:1}.entry-b .archive-photo{order:2}.archive-photo,.entry-b .archive-photo,.archive-photo.narrow,.archive-entry .tall{height:65vh}.entry-info h2{font-size:70px}.archive-divider{gap:10px;flex-wrap:wrap;margin-bottom:12vh}.entry-card h2{font-size:60px}.archive-end .script-line{font-size:48px}}
