.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}
.film-sound-trigger,.vol05-closing button{width:max-content;margin-top:34px;border:1px solid rgba(255,255,255,.72);background:rgba(4,24,34,.38);color:#fff;padding:15px 18px;cursor:pointer;font:700 10px 'DM Sans',sans-serif;letter-spacing:.16em}
.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}
.vol05-closing button{margin:0;border-color:#e6b55c;color:#e6b55c}
.soundtrack{position:fixed;z-index:90;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;padding:8px;background:rgba(4,23,32,.94);color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.3);backdrop-filter:blur(14px)}
.soundtrack-toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;padding:4px 7px 4px 3px;cursor:pointer;text-align:left}
.sound-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d8ae66;border-radius:50%;color:#e6b55c;font-size:16px}
.soundtrack-toggle b,.soundtrack-toggle small{display:block;font-family:'DM Sans',sans-serif;white-space:nowrap}
.soundtrack-toggle b{font-size:9px;letter-spacing:.14em}
.soundtrack-toggle small{margin-top:4px;font-size:8px;letter-spacing:.18em;color:#e6b55c}
.soundtrack.is-playing .sound-icon{animation:soundPulse 2.6s ease-in-out infinite;background:#e6b55c;color:#0a2634}
.sound-volume{width:0;overflow:hidden;opacity:0;transition:width .2s,opacity .2s}
.soundtrack:hover .sound-volume,.soundtrack:focus-within .sound-volume{width:72px;opacity:1}
.sound-volume input{width:68px;accent-color:#e6b55c}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes soundPulse{50%{box-shadow:0 0 0 7px rgba(230,181,92,.12)}}
@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)}.vol05-closing button{margin-top:22px}.soundtrack{right:12px;bottom:12px;padding:6px}.soundtrack-toggle{padding:0}.soundtrack-toggle b,.soundtrack-toggle small{display:none}.sound-volume{display:none}}
@media(prefers-reduced-motion:reduce){.soundtrack.is-playing .sound-icon{animation:none}}
@media print{.soundtrack,.film-sound-trigger{display:none!important}.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}}