.entry-about{left:4vw;right:auto;transform:none}.entry-access{position:absolute;right:4vw;top:32px;display:flex;align-items:center;gap:10px;min-height:48px;border:0;background:transparent;color:#fff;font:13px system-ui;cursor:pointer}.entry-access svg{width:17px;height:20px}.access-dialog{width:min(430px,calc(100% - 32px));padding:40px 30px;background:#f5f4ef;color:#3b2c29;border:1px solid #3b2c2920;border-radius:20px;box-shadow:0 20px 80px #0003}.access-dialog::backdrop{background:#3b2c2940;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.access-close{position:absolute;right:10px;top:10px;width:44px;height:44px;background:transparent;border:0;font-size:24px;color:inherit}.access-dialog h2{font:400 42px/1.05 var(--serif);letter-spacing:-.04em;margin:12px 0 16px}.access-dialog p{font:16px/1.5 var(--serif)}.access-dialog label{display:block;font:13px system-ui;margin:24px 0 10px}.access-dialog input{width:100%;height:50px;background:#fff9;border:1px solid #3b2c2940;border-radius:9px;padding:12px;font:16px system-ui;color:inherit}.access-submit{width:100%;min-height:48px;margin-top:18px;border:0;border-radius:9px;background:#ad2927;color:white;font:14px system-ui}.access-submit:disabled{opacity:.65}.access-error{min-height:40px;color:#ad2927}.access-placeholder{padding:30px 5vw}.access-placeholder:before{display:none}.access-placeholder main{max-width:700px;margin:18vh auto 0}.access-placeholder h1{font:400 clamp(70px,10vw,125px)/1 var(--serif);letter-spacing:-.06em;margin:20px 0}.access-placeholder p{font-size:21px;line-height:1.5}.access-placeholder .access-eyebrow{font:12px system-ui;color:#ad2927}.access-back{display:inline-flex;min-height:48px;align-items:center;color:#ad2927;margin-top:24px}.photo-entry .entry-image{opacity:0;transition:opacity 350ms ease}.photo-entry .entry-image.ready{opacity:1}@media(max-width:620px){.entry-about{left:22px;right:auto;top:85px;transform:none;font-size:12px}.entry-access{top:85px;right:22px;font-size:12px}.access-dialog{padding:35px 24px}}@media(prefers-reduced-motion:reduce){.photo-entry .entry-image{transition:none}}

/* One aligned cover-header row, with Archives independently centered. */
.entry-wordmark,.entry-about,.entry-access{top:max(32px,env(safe-area-inset-top));height:48px;white-space:nowrap}
@media(max-width:620px){
 .entry-wordmark,.entry-about,.entry-access{top:max(24px,env(safe-area-inset-top))}
 .entry-wordmark{font-size:28px}
 .entry-about{left:16px;font-size:12px}
 .entry-access{right:16px;font-size:12px;gap:7px;padding:0}
 .entry-access svg{width:15px;height:18px}
}
@media(max-width:359px){.entry-wordmark{font-size:25px}.entry-about{left:12px}.entry-access{right:12px;gap:5px}}

/* Shared editorial type and a drawn, touch-friendly scroll cue. */
.entry-about,.entry-access{font-family:var(--serif);font-size:18px;font-weight:400}
.entry-enter{width:56px;height:64px;justify-content:center;border:0;gap:0}
.entry-enter svg{width:30px;height:38px;animation:entry-arrow-drift 2.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
@keyframes entry-arrow-drift{0%,100%{transform:translateY(-4px);opacity:.65}50%{transform:translateY(5px);opacity:1}}
@media(max-width:620px){.entry-about,.entry-access{font-size:14px}}
@media(prefers-reduced-motion:reduce){.entry-enter svg{animation:none}}

/* Quieter centered wordmark and navigation tucked toward the outer corners. */
.entry-wordmark{font-size:clamp(27px,2.5vw,34px)}
.entry-about{left:max(22px,env(safe-area-inset-left))}
.entry-access{right:max(22px,env(safe-area-inset-right))}
.entry-wordmark,.entry-about,.entry-access{top:max(20px,env(safe-area-inset-top))}
@media(max-width:620px){
 .entry-wordmark{font-size:24px}
 .entry-about{left:max(12px,env(safe-area-inset-left))}
 .entry-access{right:max(12px,env(safe-area-inset-right))}
 .entry-wordmark,.entry-about,.entry-access{top:max(12px,env(safe-area-inset-top))}
}

/* Warm ivory remains legible over the cover's bright sky and dark forest. */
.photo-entry{color:#fff8ed}
.photo-entry .entry-access{color:inherit}
.photo-entry::after{background:linear-gradient(to bottom,rgba(18,25,20,.72) 0%,rgba(18,25,20,.34) 16%,transparent 34%,transparent 68%,rgba(18,25,20,.5) 100%)}
.entry-wordmark,.entry-about,.entry-access{ text-shadow:0 1px 8px rgba(0,0,0,.3)}

/* Small corner labels share the wordmark's top edge, with full-height hit areas. */
.entry-wordmark,.entry-about,.entry-access{align-items:flex-start;line-height:1;padding-top:8px;box-sizing:border-box}
.entry-about,.entry-access{font-size:14px;padding-top:10px}
.entry-access{gap:6px;padding-left:0;padding-right:0}
.entry-access span{line-height:1}
.entry-access svg{width:12px;height:14px;flex:none;margin-top:-1px}
@media(max-width:620px){.entry-about,.entry-access{font-size:12px;padding-top:9px}.entry-access svg{width:10px;height:12px}}

.photo-entry .entry-wordmark{font-family:Newsreader,serif;font-size:clamp(26px,2.5vw,32px);font-weight:400;letter-spacing:0;text-transform:none;line-height:1}
.photo-entry .entry-about,.photo-entry .entry-access{font-family:Newsreader,serif;font-weight:400;text-transform:none;font-size:14px;letter-spacing:0;padding-top:9px}
.photo-entry .entry-access svg{margin-top:0}
.photo-entry .entry-image{object-position:50% 50%}
@media(max-width:620px){.photo-entry .entry-wordmark{font-size:22px;letter-spacing:0}.photo-entry .entry-about,.photo-entry .entry-access{font-size:12px;padding-top:9px}.photo-entry .entry-image{object-position:30% 50%}}

@media(max-width:359px){.photo-entry .entry-wordmark{font-size:18px;letter-spacing:0}.photo-entry .entry-about,.photo-entry .entry-access{font-size:11px}}

.entry-about-short{display:none}
@media(max-width:620px){
 .entry-about-full,.entry-access span{display:none}
 .entry-about-short{display:inline}
 .photo-entry .entry-about{min-width:44px;font-size:12px}
 .photo-entry .entry-access{width:44px;min-width:44px;justify-content:flex-end}
 .photo-entry .entry-access svg{width:13px;height:16px;margin-top:-2px}
 .photo-entry .entry-wordmark{font-size:22px;letter-spacing:0}
}

@media(max-width:620px){.photo-entry .entry-image{object-position:58% 50%}}
