/* EL-08's photographic contents menu and story reader, shared by every page. */
.o8-contents,.o8-reader{--contents-enter-duration:1.2s;--contents-leave-duration:.6s;--contents-ease:cubic-bezier(.22,.61,.3,1);--rule:#1b396730;box-sizing:border-box;border:0;padding:0;max-width:none;max-height:none;width:100%;height:100%;position:fixed;inset:0;margin:0;overflow:auto;background:#f0eee7;color:#2b302c;font-family:Gilroy,Arial,sans-serif;font-size:15px}
.o8-contents *,.o8-reader *{box-sizing:border-box}
.o8-contents a,.o8-reader a{color:inherit;text-decoration:none}
.o8-contents button,.o8-reader button{font-family:Gilroy,Arial,sans-serif;font-size:15px;color:inherit;border:0;background:none;cursor:pointer}
.o8-contents a:focus-visible,.o8-contents button:focus-visible,.o8-reader a:focus-visible,.o8-reader button:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.o8-contents h2,.o8-reader h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0}
.o8-contents em,.o8-reader em{font-weight:400}
.o8-contents p,.o8-reader p{margin:0;line-height:1.65}
.o8-contents img,.o8-reader img{display:block;max-width:100%;object-fit:cover}
.o8-contents .eyebrow,.o8-reader .eyebrow{font:500 15px/1.4 Gilroy,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.o8-contents::backdrop,.o8-reader::backdrop{background:#0008}
.o8-contents .dialog-top,.o8-reader .dialog-top{position:sticky;top:0;background:#f0eee7;padding:22px 5vw;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:5}
.o8-contents .dialog-top>a,.o8-reader .dialog-top>a{display:block;flex:0 1 250px;min-width:0}
.o8-contents .dialog-top img,.o8-reader .dialog-top img{width:250px;height:auto;object-fit:contain}
.o8-contents .dialog-close,.o8-reader .dialog-close{font-size:15px;display:flex;align-items:center;gap:20px;flex-shrink:0;padding:0;min-height:44px}
.o8-contents .dialog-close span,.o8-reader .dialog-close span{font-size:28px}
.o8-contents{background:#eeede7;color:#1b3967;overflow-x:hidden;clip-path:none}
.o8-contents .dialog-top{background:#eeede7;border-color:#1b39672a}
.o8-contents::backdrop{background:#161719a6;backdrop-filter:blur(5px)}
.o8-contents .contents-layout{display:grid;grid-template-columns:.9fr 1.1fr;min-height:calc(100svh - 82px)}
.o8-contents .contents-feature{position:relative;margin:30px 0 30px 4vw;min-height:580px;overflow:hidden}
.o8-contents .contents-feature>img{position:absolute;inset:0;width:100%;height:100%;object-position:55% center}
.o8-contents .contents-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 28%,#292a2dbc)}
.o8-contents .contents-feature>div{position:absolute;z-index:1;left:40px;right:30px;bottom:50px;color:#fff}
.o8-contents .contents-feature h2{font-size:clamp(35px,3.4vw,55px);line-height:1.08;letter-spacing:-.035em;margin-top:20px}
.o8-contents .contents-inner{padding:45px 5vw 35px;max-width:none;margin:0;min-width:0}
.o8-contents .contents-inner>p{margin-bottom:25px}
.o8-contents .contents-inner .contents-page-link{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:17px 0;border-top:1px solid #1b39672d;text-align:left;transition:padding .6s var(--contents-ease),color .45s ease}
.o8-contents .contents-inner .contents-page-title{font:clamp(29px,3.1vw,48px)/1.1 Georgia,'Times New Roman',serif}
.o8-contents .contents-inner .contents-page-number{font-size:15px;flex-shrink:0}
.o8-contents .contents-inner .contents-page-link[href]:hover{padding-left:6px}
.o8-contents .contents-destinations{display:flex;flex-wrap:wrap;gap:14px 28px;border-top:1px solid #1b396740;padding-top:24px;margin-top:7px;font-size:17px;line-height:1.5}
.o8-contents .contents-destinations a{display:inline-flex;gap:14px;padding:6px 0;border-bottom:1px solid currentColor}
.o8-contents .contents-inner .contents-bottom{margin-top:28px;margin-bottom:25px;font-size:15px;line-height:1.6;max-width:450px;opacity:.8}
.o8-contents[open]{animation:contents-menu-arrive var(--contents-enter-duration) var(--contents-ease) both}
.o8-contents[open]::backdrop{animation:contents-backdrop-arrive var(--contents-enter-duration) ease both}
.o8-contents[open] .dialog-top{animation:contents-menu-detail .9s var(--contents-ease) .12s both}
.o8-contents[open] .contents-inner>p.eyebrow{animation:contents-menu-detail .9s var(--contents-ease) .16s both}
.o8-contents[open] .contents-inner .contents-page-link{animation:contents-menu-detail .8s var(--contents-ease) both;animation-delay:calc(.16s + var(--item)*.04s)}
.o8-contents[open] .contents-destinations{animation:contents-menu-detail .78s var(--contents-ease) .39s both}
.o8-contents[open] .contents-inner .contents-bottom{animation:contents-menu-detail .74s var(--contents-ease) .43s both}
.o8-contents[open] .contents-feature img{animation:contents-menu-photo var(--contents-enter-duration) var(--contents-ease) both}
.o8-contents[open] .contents-feature>div{animation:contents-menu-detail .9s var(--contents-ease) .24s both}
.o8-contents.is-closing{animation:contents-menu-leave var(--contents-leave-duration) cubic-bezier(.4,0,.55,1) both;pointer-events:none}
.o8-contents.is-closing::backdrop{animation:contents-backdrop-leave var(--contents-leave-duration) ease both}
.o8-reader .reader-body{max-width:1250px;padding:60px 5vw 90px;margin:auto}
.o8-reader h2{font-size:clamp(42px,6vw,84px);line-height:1.05;max-width:900px;margin:24px 0 35px}
.o8-reader .reader-hero{width:100%;max-height:65vh;object-fit:cover;margin-bottom:20px}
.o8-reader .reader-caption{font-size:15px;opacity:.7;margin-bottom:45px}
.o8-reader .reader-copy{max-width:680px;margin:auto}
.o8-reader .reader-copy p{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.75;margin-bottom:25px}
.o8-reader .reader-copy p:first-child:first-letter{float:left;font-size:70px;line-height:.9;margin:9px 12px 0 0}
.o8-reader .reader-note{margin-top:50px;border-top:1px solid var(--rule);padding-top:20px;font-size:15px;line-height:1.65}
.o8-reader .reader-sources{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:32px;font:15px/1.5 Gilroy,Arial,sans-serif}
.o8-reader .reader-sources a{border-bottom:1px solid currentColor;padding-bottom:3px}
@keyframes contents-menu-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes contents-menu-detail{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes contents-menu-photo{from{transform:scale(1.025)}to{transform:scale(1)}}
@keyframes contents-menu-leave{from{opacity:var(--contents-exit-opacity,1);transform:var(--contents-exit-transform,none)}to{opacity:0;transform:translateY(-8px)}}
@keyframes contents-backdrop-arrive{from{opacity:0}to{opacity:1}}
@keyframes contents-backdrop-leave{from{opacity:1}to{opacity:0}}

/* Journal index and the reserved magazine destination use the existing paper and type. */
.journal-main,.magazine-main{padding:64px 5vw 90px}
.journal-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;border-bottom:1px solid var(--line);padding-bottom:40px;margin-bottom:44px}
.journal-intro h1,.magazine-main h1{font:clamp(54px,6vw,94px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.05em;margin:22px 0 0}
.journal-intro>p{font-size:19px;max-width:370px;padding-bottom:6px}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 32px}
.journal-card{min-width:0}
.journal-card .journal-image{display:block;padding:0;width:100%;overflow:hidden;aspect-ratio:4/3}
.journal-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.journal-image:hover img{transform:scale(1.035)}
.journal-card .eyebrow{font-size:15px;margin:23px 0 14px;letter-spacing:.1em}
.journal-card h2{font:clamp(29px,2.5vw,40px)/1.13 Georgia,'Times New Roman',serif;letter-spacing:-.03em;margin-bottom:17px}
.journal-card h2 a:hover,.journal-card h2 button:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.journal-card h2 button{font:inherit;letter-spacing:inherit;text-align:left;line-height:inherit;padding:0}
.journal-card>p:not(.eyebrow){font-size:17px;line-height:1.65;color:var(--muted)}
.journal-card .text-link{font-size:15px;margin-top:17px;gap:25px;padding:10px 0}
.magazine-main{min-height:calc(100svh - 94px);display:flex;align-items:center}
.magazine-intro{max-width:850px;width:100%;padding:50px 0 80px}
.magazine-main .magazine-status{display:inline-block;font-size:15px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#1b3967;border-bottom:1px solid #1b3967;padding-bottom:13px;margin-bottom:12px}
.magazine-main .magazine-copy{font-size:20px;max-width:530px;margin-top:32px}
.magazine-main .text-link{font-size:16px;margin-top:30px}
@media(max-width:1100px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.o8-contents .contents-layout{grid-template-columns:.8fr 1.2fr}.o8-contents .contents-feature>div{left:25px;right:20px}.o8-contents .contents-feature h2{font-size:34px}.o8-contents .contents-inner{padding:35px 4vw}.o8-contents .contents-inner .contents-page-title{font-size:31px}}
@media(max-width:760px){.o8-contents .dialog-top,.o8-reader .dialog-top{padding:18px 6vw}.o8-contents .dialog-top>a,.o8-reader .dialog-top>a{flex-basis:200px}.o8-contents .dialog-top img,.o8-reader .dialog-top img{width:200px}.o8-reader .reader-body{padding-top:35px}.o8-reader .reader-copy p{font-size:19px}.journal-main,.magazine-main{padding:40px 6vw 60px}.journal-intro{display:block;padding-bottom:30px;margin-bottom:34px}.journal-intro>p{margin-top:24px;font-size:18px}.journal-grid{gap:40px 24px}.journal-card h2{font-size:32px}.magazine-main{min-height:calc(100svh - 76px)}.magazine-intro{padding:20px 0 50px}.magazine-main .magazine-copy{font-size:18px}}
@media(max-width:650px){.o8-contents .contents-layout{display:block;min-height:0}.o8-contents .contents-feature{display:none}.o8-contents .contents-inner{padding:32px 7vw 50px}.o8-contents .contents-inner .contents-page-link{gap:12px;padding:18px 0}.o8-contents .contents-inner .contents-page-title{font-size:clamp(25px,6.5vw,31px)}.o8-contents .contents-inner .contents-page-link[href]:hover{padding-left:3px}}
@media(max-width:520px){.journal-grid{grid-template-columns:minmax(0,1fr)}.o8-reader .dialog-close{gap:10px}.o8-reader .dialog-top{gap:12px}.o8-reader .dialog-top>a{flex-basis:175px}.o8-contents .dialog-close{gap:13px}}
@media(prefers-reduced-motion:reduce){.o8-contents,.o8-contents *,.o8-contents::backdrop,.o8-reader *,.journal-image img{animation:none!important;transition:none!important}}