.vol05-cover .cover-media{background:#0a2634 url('/vol05/tes-246-cover.jpg') center/cover no-repeat}
.vol05-cover .cover-media>img{display:block;width:100%;aspect-ratio:1.5;height:auto;object-fit:cover;object-position:center 48%}
.vol05-cover .cover-shade{background:linear-gradient(90deg,rgba(2,15,23,.88),rgba(2,15,23,.42) 52%,rgba(2,15,23,.12))}
.vol05-cover .cover-kicker{color:#e6b55c}
.vol05-cover h1{font-size:clamp(50px,7vw,126px);line-height:.82;max-width:10ch}
.film-hero{position:relative;aspect-ratio:16/9;min-height:560px;overflow:hidden;background:#061922 url('/vol05/tes-246-sailing.jpg') center/cover no-repeat;color:#fff}
.film-frame{position:absolute;inset:0;pointer-events:none}
.film-frame video{width:100%;height:100%;display:block;object-fit:cover;opacity:1}
.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,29,.86),rgba(3,20,29,.22) 60%,rgba(3,20,29,.08))}
.film-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,7vw,110px)}
.film-copy>span{font:700 10px 'DM Sans',sans-serif;letter-spacing:.25em;color:#e6b55c}
.film-copy h2{max-width:780px;margin:24px 0 22px;font:500 clamp(42px,6.5vw,104px)/.9 Georgia,serif;letter-spacing:-.07em}
.film-copy p{margin:0;font:17px/1.7 'Noto Serif KR',serif;color:#e8eef0}
.opening strong{font:600 .78em 'DM Sans',sans-serif;letter-spacing:.06em;color:#9b7743}
.vol05-story .article-image img{max-height:none}
.tes-wide img{aspect-ratio:16/9;object-fit:cover;background:transparent}
.tes-interior img{aspect-ratio:2/1;object-fit:cover;background:transparent}
.gill-history img{aspect-ratio:2.7/1;object-fit:cover;background:#20231f}
.gill-action img{aspect-ratio:2/1;object-fit:cover;background:#171d20}
.tes-closing img{aspect-ratio:16/9;object-fit:cover;object-position:center 48%;background:transparent}
.image-credit a,.article-image figcaption a{text-decoration:underline;text-underline-offset:2px}
.timeline{margin:52px 0;border-top:2px solid var(--ink)}
.timeline>div{display:grid;grid-template-columns:100px 190px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.timeline b{font:600 28px 'DM Sans',sans-serif;color:#956d37}
.timeline span{font:700 12px/1.5 'DM Sans',sans-serif;letter-spacing:.08em}
.timeline p{margin:0!important;font-size:14px;line-height:1.8;color:var(--muted)}
.object-grid{display:grid;grid-template-columns:minmax(250px,.8fr) 1.2fr;gap:55px;align-items:center;margin:48px 0 60px;padding:48px;background:#e8e7e2}
.object-grid img{display:block;width:100%;mix-blend-mode:multiply}
.object-grid span{font:700 10px 'DM Sans',sans-serif;letter-spacing:.2em;color:#977140}
.object-grid h2{margin:15px 0!important;font-size:clamp(32px,4vw,56px)!important;font-family:Georgia,serif!important;letter-spacing:-.04em!important}
.object-grid p{font-size:15px;line-height:1.9;margin:0!important}
.four-words{display:grid;grid-template-columns:repeat(4,1fr);margin:54px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.four-words span{padding:28px 10px;text-align:center;border-right:1px solid var(--line);font:700 12px 'DM Sans',sans-serif;letter-spacing:.14em}
.four-words span:last-child{border:0}
.vol05-closing{background:#0a2634;color:#fff}
.vol05-closing .eyebrow{color:#e6b55c}
@media(max-width:800px){.vol05-cover .cover-media,.vol05-cover .cover-media>img{height:100%}.vol05-cover .cover-media>img{aspect-ratio:auto;object-position:56% center}.vol05-cover h1{font-size:clamp(42px,13vw,72px)}.film-hero{aspect-ratio:auto;min-height:78vh}.film-copy{justify-content:flex-end;padding:42px 22px}.film-copy h2{font-size:clamp(39px,11vw,62px)}.film-copy p{font-size:14px}.timeline>div{grid-template-columns:78px 1fr;gap:10px 18px}.timeline p{grid-column:2}.tes-wide img,.tes-closing img{aspect-ratio:4/3}.tes-interior img{aspect-ratio:4/3}.gill-history img{aspect-ratio:16/9}.gill-action img{aspect-ratio:4/3}.object-grid{grid-template-columns:1fr;padding:28px 22px;gap:24px}.four-words{grid-template-columns:repeat(2,1fr)}.four-words span:nth-child(2){border-right:0}.four-words span:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media print{.film-hero{min-height:0;aspect-ratio:16/9}.film-frame{display:none}.film-hero{background:url('/vol05/tes-246-sailing.jpg') center/cover no-repeat}.vol05-cover .cover-media>img{display:none}.vol05-cover .cover-media{aspect-ratio:1.5}.timeline>div{break-inside:avoid}.object-grid{break-inside:avoid}}