.media-tabs>a{padding:18px 0;font-size:14px;color:#557260}@media(max-width:767px){.media-tabs>a{padding:15px 0;font-size:12px}}
/* Full-width title photographs, independently editable in the CMS. */
.media-hero.sub-hero{position:relative;isolation:isolate;overflow:hidden;background:#203c45;color:#fff;padding:0;min-height:410px;display:grid;align-items:center;--media-hero-photo-brightness:.8;--media-hero-filter-color:#234b55;--media-hero-filter-strength:.3}
.media-hero-copy{position:relative;z-index:1;padding-block:82px 88px}
.media-hero .eyebrow,.media-hero .eyebrow>span{color:#ffffffc9}.media-hero .eyebrow{margin-bottom:20px}.media-hero h1{color:#fff;font-size:clamp(30px,3.5vw,49px);line-height:1.5;text-shadow:0 2px 18px #071f2990}.media-hero-copy>p{margin-top:20px;font-size:18px;line-height:1.8;color:#fffffff0;text-shadow:0 1px 6px #10252e}
.media-hero-background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;isolation:isolate}.media-hero-background:after{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#091e3070,transparent 85%),linear-gradient(0deg,#0b233733,transparent)}
.media-hero-bg-layer,.media-hero-bg-photo,.media-hero-bg-tint{position:absolute;inset:0}.media-hero-bg-layer{opacity:0;z-index:0;isolation:isolate}.media-hero-bg-photo{background-size:cover;background-position:50% 40%;filter:brightness(var(--media-hero-photo-brightness))}.media-hero-bg-tint{background:var(--media-hero-filter-color);opacity:var(--media-hero-filter-strength)}.media-hero-bg-layer.is-base{z-index:1;opacity:1}.media-hero-bg-layer.is-incoming{z-index:2;opacity:1;animation:media-hero-crossfade var(--fade-duration,2500ms) linear both}.media-hero-background.is-paused .is-incoming{animation-play-state:paused}.media-hero-filter-bw .media-hero-bg-photo{filter:grayscale(1) brightness(var(--media-hero-photo-brightness))}.media-hero-filter-bw .media-hero-bg-tint,.media-hero-filter-original .media-hero-bg-tint{display:none}
.media-hero-background-toggle{position:absolute;z-index:2;right:max(24px,calc((100vw - 1240px)/2));bottom:20px;border:1px solid #ffffff88;border-radius:30px;background:#132f4070;color:white;font:12px/1.4 var(--sans);padding:9px 13px;cursor:pointer}.media-hero-background-toggle:hover{background:#132f40cc}.media-hero-background-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
@keyframes media-hero-crossfade{from{opacity:0}to{opacity:1}}
/* The title keeps its own row; both search controls share one measured row. */
.media-shell .media-toolbar{align-items:center;gap:24px}.media-shell .media-search-tools{display:grid;grid-template-columns:138px minmax(0,1fr);align-items:stretch;gap:10px;width:min(500px,100%);min-width:0;flex:0 1 500px}
.media-shell .media-year-label{display:flex;min-width:0}.media-shell .media-year-label select{box-sizing:border-box;width:100%;height:48px;min-height:48px;margin:0;padding:0 30px 0 14px;font:15px/1.3 var(--sans);border:1px solid #c8d5da;border-radius:5px;background-color:#fff;color:#29434e}
.media-shell .media-search{box-sizing:border-box;display:flex;align-items:center;max-width:none;min-width:0;width:100%;height:48px;min-height:48px;padding:0 6px 0 14px;margin:0;gap:4px;border:1px solid #c8d5da;border-radius:5px;background:#fff}
.media-shell .media-search input{box-sizing:border-box;width:100%;min-width:0;height:46px;min-height:0;flex:1;padding:0;border:0;font:15px/1.3 var(--sans);color:#29434e}.media-shell .media-search input::-webkit-search-cancel-button{display:none}.media-shell .media-search button{width:34px;min-width:34px;height:44px;padding:0;font-size:22px;line-height:1;color:#607b88}.media-shell .media-search:focus-within,.media-shell .media-year-label select:focus-visible{outline:2px solid #507e8b;outline-offset:2px}.media-shell #media-description[hidden]{display:none}
@media(max-width:767px){.media-hero.sub-hero{min-height:330px}.media-hero-copy{padding-block:58px 72px}.media-hero .eyebrow{font-size:8px;gap:12px;letter-spacing:1.3px;margin-bottom:18px}.media-hero .eyebrow>span{font-size:10px}.media-hero h1{font-size:30px;letter-spacing:-1.4px;line-height:1.5}.media-hero-copy>p{font-size:15px;max-width:270px;margin-top:16px}.media-hero-background-toggle{right:22px;bottom:16px;font-size:11px;padding:8px 12px}.media-shell .media-toolbar{display:flex;flex-direction:column;align-items:stretch;margin:28px 0 20px;gap:18px}.media-shell .media-search-tools{grid-template-columns:108px minmax(0,1fr);width:100%;gap:8px;flex:none}.media-shell .media-search input,.media-shell .media-year-label select{font-size:14px}.media-shell .media-year-label select{padding-left:10px;padding-right:22px}.media-shell .media-search{padding-left:10px}.media-shell .media-search button{width:28px;min-width:28px}.media-shell .media-toolbar p{margin-top:5px;font-size:15px}}
@media(max-width:360px){.media-shell .media-search-tools{grid-template-columns:96px minmax(0,1fr);gap:6px}.media-shell .media-search input,.media-shell .media-year-label select{font-size:13px}}
@media(prefers-reduced-motion:reduce){.media-hero-bg-layer.is-incoming{animation:none}}

/* Extend the photographs behind the navigation, matching the other film pages. */
.media-page .site-header{position:absolute;inset:0 0 auto;height:104px;background:transparent;color:#fff;border-bottom:0}
.media-page .site-header .header-welcome{border-color:#ffffff70}
.media-page .site-header.is-scrolled{position:fixed;height:84px;background:#fff;color:var(--ink);border-bottom:1px solid #e2e6e7;box-shadow:0 3px 20px #00000008}
.media-page .site-header.is-scrolled .header-welcome{border-color:#dce3e6}
.media-page .media-hero.sub-hero{min-height:514px}
.media-page .media-hero-copy{padding-top:186px}
/* Every card begins at the top of its grid cell, with an uncropped family photo. */
.media-page .media-grid{align-items:start}
.media-page .media-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;width:100%;background:#fff;border-radius:8px;transition:transform .3s,box-shadow .3s}
.media-page .media-thumb{width:100%;flex:none;border-radius:8px;background:#edf1f2;transition:box-shadow .3s}
.media-page .media-thumb img{transition:opacity .25s,transform .5s,filter .35s}
.media-page .media-card[data-type=family] .media-thumb img{object-fit:contain;object-position:center;transform:none}
.media-page .media-thumb:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#0a253caa,#0a253c22);opacity:0;transition:opacity .3s}
.media-page .media-thumb:after{content:'사진 보기 ↗';position:absolute;left:50%;top:50%;z-index:3;pointer-events:none;white-space:nowrap;transform:translate(-50%,-35%);opacity:0;padding:10px 18px;border:1px solid #ffffffcc;border-radius:30px;background:#163c51b8;color:#fff;font:500 14px/1.4 var(--sans);transition:opacity .3s,transform .3s}
.media-page .media-card[data-type=video] .media-thumb:after{content:'영상 재생 ▶'}
.media-page .media-meta{margin-inline:0}
.media-page .media-card:focus-visible{outline:2px solid #376c81;outline-offset:6px;transform:translateY(-5px)}
.media-page .media-card:focus-visible .media-thumb{box-shadow:0 12px 28px #173f5540}
.media-page .media-card:focus-visible .media-thumb:before,.media-page .media-card:focus-visible .media-thumb:after{opacity:1}
.media-page .media-card:focus-visible .media-thumb:after{transform:translate(-50%,-50%)}
@media(hover:hover) and (pointer:fine){
 .media-page .media-card:hover{transform:translateY(-6px)}
 .media-page .media-card:hover .media-thumb{box-shadow:0 14px 30px #173f554d;outline:2px solid #517d90;outline-offset:2px}
 .media-page .media-card:hover .media-thumb img{transform:scale(1.09);filter:brightness(.9)}
 .media-page .media-card[data-type=family]:hover .media-thumb img{transform:none}
 .media-page .media-card:hover .media-thumb:before,.media-page .media-card:hover .media-thumb:after{opacity:1}
 .media-page .media-card:hover .media-thumb:after{transform:translate(-50%,-50%)}
 .media-page .media-card:hover h2{color:#255d75}
}
.media-page .media-card:active .media-thumb{box-shadow:0 0 0 2px #517d90}
@media(max-width:767px){
 .media-page .site-header{height:86px}
 .media-page .site-header.is-scrolled{height:76px}
 .media-page .media-hero.sub-hero{min-height:416px}
 .media-page .media-hero-copy{padding-top:144px}
 .media-page .media-card h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;block-size:5.25em;min-block-size:5.25em;max-block-size:5.25em;line-height:1.75;margin:0;overflow-wrap:anywhere}
 .media-page .media-meta{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1.5em 1.5em;row-gap:2px;align-items:start;line-height:1.5;margin:11px 0 7px}
 .media-page .media-meta>*{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .media-page .media-thumb:after{font-size:12px;padding:8px 13px}
}
@media(prefers-reduced-motion:reduce){.media-page .media-card,.media-page .media-thumb,.media-page .media-thumb img,.media-page .media-thumb:before,.media-page .media-thumb:after{transition:none}.media-page .media-card:hover,.media-page .media-card:focus-visible,.media-page .media-card:hover .media-thumb img{transform:none}}