.site-header-overlay{--ink:#f2eee5;--rust:#f09a80;--muted:#dbd5ca;--line:rgba(242,238,229,.26);position:absolute;inset:0 0 auto;z-index:20;border-top:0;background:linear-gradient(180deg,rgba(17,18,15,.72),transparent);color:var(--paper)}
.site-header-overlay .header-inner{border-color:rgba(242,238,229,.28)}
.site-header-overlay .site-navigation .sub-menu{background:#20211c;color:var(--paper)}
.photo-hero{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;background:#171814;color:var(--paper)}
.hero-portrait-plane{position:absolute;inset:0;transform-origin:0 0}
.hero-scroll-stage.is-scroll-enabled{height:calc(var(--hero-height) + var(--hero-travel));position:relative}
.hero-scroll-stage.is-scroll-enabled>.photo-hero{position:sticky;top:var(--hero-pin-top,0px);overflow:hidden}
.is-scroll-enabled .hero-portrait-plane{transform:var(--eye-transform,translate3d(0,0,0) scale(1));will-change:transform}
.is-scroll-enabled .hero-edition,.is-scroll-enabled .hero-bottom{opacity:var(--hero-copy-opacity,1)}
.is-scroll-enabled .hero-bottom{transform:translateY(var(--hero-copy-shift,0px))}
.is-scroll-enabled.is-eye-focus .hero-bottom{pointer-events:none}
.is-scroll-enabled .hero-bottom:focus-within{opacity:1;transform:none;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.hero-scroll-stage.is-scroll-enabled{height:auto}.hero-scroll-stage.is-scroll-enabled>.photo-hero{position:relative;top:auto;overflow:visible}.is-scroll-enabled .hero-portrait-plane{transform:none;will-change:auto}.is-scroll-enabled .hero-edition,.is-scroll-enabled .hero-bottom{opacity:1;transform:none;pointer-events:auto}}
@media print{.hero-scroll-stage.is-scroll-enabled{height:auto}.hero-scroll-stage.is-scroll-enabled>.photo-hero{position:relative;top:auto;overflow:visible}.is-scroll-enabled .hero-edition,.is-scroll-enabled .hero-bottom{opacity:1;transform:none}}
.hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#171814}
.hero-media .hero-photo{position:absolute;inset:0 0 0 auto;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%;filter:grayscale(1) brightness(.85)}
.hero-media.hero-media-particles .hero-photo{object-position:65% 40%;filter:none}
.hero-video{opacity:0;pointer-events:none;transition:opacity .6s ease}
.hero-video.is-ready{opacity:1}
.hero-motion-toggle{position:absolute;z-index:2;top:169px;left:var(--gutter);min-height:44px;padding:0 13px;border:1px solid rgba(242,238,229,.3);border-radius:0;background:rgba(16,17,14,.76);color:var(--paper);font:9px/1.5 var(--sans);letter-spacing:.04em}
.hero-motion-toggle:hover{border-color:#f09a80;color:#f09a80}
.hero-motion-toggle:focus-visible{outline-color:#f09a80}
.hero-motion-toggle[hidden]{display:none}
@media(max-width:640px){.hero-motion-toggle{top:157px;font-size:8px;min-height:36px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.hero-video,.hero-motion-toggle{display:none}}
@media print{.hero-motion-toggle{display:none}}
.hero-media.hero-media-particles::after{background:linear-gradient(0deg,rgba(16,17,14,.96),rgba(16,17,14,.8) 28%,rgba(16,17,14,.5) 40%,transparent 65%),linear-gradient(180deg,rgba(16,17,14,.65),transparent 30%)}
@media(max-width:850px){.hero-media.hero-media-particles .hero-photo{object-position:72% 40%}}
@media(max-width:640px){.hero-media.hero-media-particles .hero-photo{height:56%;top:20%;object-position:76% 40%;mask-image:linear-gradient(transparent,#000 12%,#000 75%,transparent)}.hero-media.hero-media-particles::after{background:linear-gradient(0deg,rgba(16,17,14,.98),rgba(16,17,14,.65) 24%,transparent 60%),linear-gradient(180deg,rgba(16,17,14,.7),transparent 30%)}}
.hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171814 2%,rgba(23,24,20,.94) 23%,rgba(23,24,20,.25) 62%,rgba(23,24,20,.22)),linear-gradient(0deg,rgba(16,17,14,.95),rgba(16,17,14,.56) 28%,transparent 65%)}
.photo-hero-content{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:80px;padding-block:132px 34px}
.hero-edition{display:flex;justify-content:space-between;gap:30px;color:#e3ddd2;font:10px/1.7 var(--sans)}
.hero-edition>span:first-child{text-transform:uppercase;letter-spacing:.15em}
.hero-edition>span:last-child{text-align:right}
.hero-bottom{width:100%}
.hero-title-row{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:32px;align-items:center;margin-bottom:22px}
.photo-hero .masthead.masthead-baybayin{justify-content:flex-start;font-size:clamp(62px,16vw,240px);line-height:1.4;padding:0;color:var(--paper);text-align:left}
.photo-hero .masthead-period{color:#f09a80}
.photo-hero .script-note{display:block;align-self:center;border:0;border-left:1px solid rgba(242,238,229,.3);padding:0 0 0 22px;color:#e4ded3;font-size:12px;line-height:1.75}
.photo-hero .script-note .eyebrow{color:#f09a80;font-size:8px;margin-bottom:12px}
.photo-hero .script-note h2{font-size:35px;color:var(--paper)}
.photo-hero .script-pronunciation{margin-bottom:17px;color:#d1cbc0}
.photo-hero .script-initials{color:#d1cbc0}
.hero-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid rgba(242,238,229,.3);padding-top:18px;font:10px/1.6 var(--sans);color:#e3ddd2}
.hero-footer>span:first-child{font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.hero-footer-note{font:italic 20px/1.4 var(--serif)}
.hero-footer a{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:var(--paper);white-space:nowrap}
.hero-footer a:hover{color:#f09a80}
.hero-scroll-arrow{display:inline-flex;font-size:24px;color:#f09a80;transform:rotate(135deg)}
.opening-grid-editorial{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(35px,7vw,105px);padding-block:65px 70px}
.opening-grid-editorial .opening-copy{padding-right:0}
.opening-grid-editorial .opening-copy h2{font-size:clamp(40px,4.7vw,70px)}
.opening-grid-editorial .opening-intro{font-size:15px;max-width:500px}
.opening-grid-editorial .opening-latest{display:flex;grid-column:auto;grid-row:auto;padding:0 0 0 35px;border-top:0;border-left:1px solid var(--line)}
.opening-grid-editorial .opening-latest h2{font-size:clamp(31px,3.3vw,49px)}
.opening-grid-editorial .latest-excerpt{font-size:13px}
.opening-grid-editorial .latest-footnote{margin-top:25px;font-size:9px}
.admin-bar .site-header-overlay{top:32px}
.admin-bar .photo-hero,.admin-bar .photo-hero-content{min-height:calc(100vh - 32px);min-height:calc(100svh - 32px)}
@media(max-width:1100px){.hero-title-row{grid-template-columns:minmax(0,1fr) 165px;gap:24px}.photo-hero .masthead.masthead-baybayin{font-size:15vw}.photo-hero .script-note{font-size:11px;padding-left:18px}.photo-hero .script-note h2{font-size:31px}.hero-footer-note{font-size:18px}}
@media(max-width:850px){.hero-footer-note{display:none}.photo-hero .masthead.masthead-baybayin{font-size:14vw}.hero-media-portrait .hero-photo{width:86%;object-position:55% 30%}.hero-media::after{background:linear-gradient(90deg,rgba(23,24,20,.85),rgba(23,24,20,.12) 85%),linear-gradient(0deg,rgba(16,17,14,.98),rgba(16,17,14,.72) 32%,transparent 76%)}.opening-grid-editorial{gap:32px;padding-block:45px}.opening-grid-editorial .opening-copy h2{font-size:43px}.opening-grid-editorial .opening-latest{padding-left:25px}.opening-grid-editorial .opening-latest .entry-meta,.opening-grid-editorial .opening-latest h2,.opening-grid-editorial .latest-excerpt,.opening-grid-editorial .round-link,.opening-grid-editorial .latest-footnote{grid-column:auto;grid-row:auto}.opening-grid-editorial .latest-excerpt{margin-bottom:18px}}
@media(max-width:782px){.admin-bar .site-header-overlay{top:46px}.admin-bar .photo-hero,.admin-bar .photo-hero-content{min-height:calc(100vh - 46px);min-height:calc(100svh - 46px)}}
@media(max-width:640px){.site-header-overlay .site-navigation{background:#1b1c18;border:1px solid rgba(242,238,229,.24);padding:12px 16px;margin-bottom:12px}.site-header-overlay .site-navigation .sub-menu{background:transparent}.site-header-overlay .menu-toggle{color:var(--paper)}.hero-media .hero-photo,.hero-media-portrait .hero-photo{width:100%;object-position:50% 28%}.hero-media::after{background:linear-gradient(0deg,rgba(16,17,14,.99),rgba(16,17,14,.9) 27%,rgba(16,17,14,.08) 70%,rgba(16,17,14,.28))}.photo-hero-content{padding-block:110px 22px;gap:90px}.hero-edition{display:block;font-size:9px}.hero-edition>span{display:block}.hero-edition>span:last-child{text-align:left;margin-top:5px;color:#d1cbc0}.hero-title-row{display:block;margin-bottom:18px}.photo-hero .masthead.masthead-baybayin{font-size:20vw;margin-bottom:16px;line-height:1.35}.photo-hero .script-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:20px;border:0;padding:0;font-size:11px;line-height:1.65}.photo-hero .script-note .eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:8px}.photo-hero .script-note h2{font-size:28px}.photo-hero .script-pronunciation{font-size:9px;margin:0}.photo-hero .script-initials{font-size:9px}.photo-hero .script-note-copy>p:first-child{margin-bottom:7px}.hero-footer{gap:15px;padding-top:12px;font-size:9px}.hero-footer>span:first-child{max-width:140px;font-size:7px;line-height:1.8}.hero-footer a{gap:9px;font-size:9px}.hero-scroll-arrow{font-size:20px}.opening-grid-editorial{grid-template-columns:1fr;gap:32px;padding-block:36px 40px}.opening-grid-editorial .opening-copy h2{font-size:clamp(40px,10.8vw,60px)}.opening-grid-editorial .opening-intro{font-size:14px}.opening-grid-editorial .opening-latest{display:block;padding:28px 0 0;border-left:0;border-top:1px solid var(--line)}.opening-grid-editorial .opening-latest h2{font-size:35px;margin-bottom:17px}.opening-grid-editorial .latest-footnote{margin-top:23px}.opening-grid-editorial .latest-excerpt{font-size:13px}html:not(.js) .site-header-overlay{position:relative;background:#171814}html:not(.js) .photo-hero-content{padding-top:35px}}
@media print{.photo-hero,.photo-hero-content{min-height:0!important;background:white;color:black}.hero-media{display:none}.photo-hero-content{display:block;padding:0}.hero-edition{color:black}.hero-title-row{display:block;margin:0}.photo-hero .masthead.masthead-baybayin{font-size:72pt;color:black}.photo-hero .script-note,.photo-hero .script-note h2,.photo-hero .script-pronunciation,.photo-hero .script-initials{color:black}.photo-hero .script-note{border:0;padding:0}.hero-footer{color:black;margin-top:15px}.hero-footer a{display:none}.opening-grid-editorial{display:block;padding-block:25px}.opening-grid-editorial .opening-latest{border:0;padding:20px 0 0}}