/* B: a dark portrait gallery. Every rule is scoped to its independent visual system. */
body[data-layout="night"]{
  --paper:#15191e;--ink:#f2ede8;--muted:#bbb4b0;--accent:#e3afb9;--line:#3c4147;--soft:#252b32;
  --space:clamp(24px,5vw,72px);--gap:30px;
  color-scheme:dark;background:var(--paper);color:var(--ink);scrollbar-color:#71626b var(--paper);
}
body[data-layout="night"] ::selection{background:#8e6572;color:#fff}
body[data-layout="night"] .shell{width:min(1136px,calc(100% - var(--space)*2))}
body[data-layout="night"] .site-header{min-height:90px;padding:12px 0;border-bottom-color:var(--line);gap:30px}
body[data-layout="night"] .brand{font:500 17px/1.2 Pretendard,sans-serif;letter-spacing:-.02em;padding:12px 0}
body[data-layout="night"] .site-nav{gap:35px}
body[data-layout="night"] .site-nav a{font-size:13px;min-height:48px;color:var(--muted)}
body[data-layout="night"] .site-nav a:hover,body[data-layout="night"] .site-nav a[aria-current="page"]{color:var(--ink)}
body[data-layout="night"] .site-nav a[aria-current="page"]::after{height:1px;bottom:5px;background:var(--accent)}
body[data-layout="night"] .view-panel[data-view="home"].night-home{padding:44px 0 0}
body[data-layout="night"] .night-hero{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.2fr);gap:clamp(40px,5.2vw,76px);align-items:center;padding-bottom:44px}
body[data-layout="night"] .night-portrait{min-width:0}
body[data-layout="night"] .view-panel[data-view="home"] .night-portrait .photo-slideshow{width:100%;max-width:410px;padding:0;margin:0;transform:none;background:transparent;box-shadow:none}
body[data-layout="night"] .view-panel[data-view="home"] .night-portrait .photo-window{aspect-ratio:4/5;max-height:none;overflow:hidden;background:#252b32}
body[data-layout="night"] .view-panel[data-view="home"] .night-portrait .photo-window img{object-position:50% 35%}
body[data-layout="night"] .view-panel[data-view="home"] .night-portrait .slideshow-controls{margin:0;min-height:48px;flex-wrap:nowrap;justify-content:space-between;gap:8px;padding-top:5px}
body[data-layout="night"] .view-panel[data-view="home"] .night-portrait .slide-count{width:auto;min-width:42px;margin:0;padding:0;text-align:left;font-size:12px}
body[data-layout="night"] .night-portrait .slide-actions{width:auto;justify-content:flex-end;gap:0}
body[data-layout="night"] .night-portrait .icon-button{color:var(--muted)}
body[data-layout="night"] .night-portrait .icon-button:hover{color:var(--ink)}
body[data-layout="night"] .night-intro{min-width:0;align-self:center;padding-bottom:24px}
body[data-layout="night"] .night-identity{margin-bottom:44px}
body[data-layout="night"] .night-identity h1{font:400 28px/1.3 Pretendard,sans-serif;letter-spacing:-.025em}
body[data-layout="night"] .night-signature{font:400 clamp(64px,6.6vw,90px)/1.08 Bodoni,serif;letter-spacing:-.035em;margin-top:7px;color:var(--ink)}
body[data-layout="night"] .night-films{min-width:0}
body[data-layout="night"] .night-films .section-heading{margin-bottom:17px;gap:16px}
body[data-layout="night"] .night-films h2{font-size:17px;font-weight:400}
body[data-layout="night"] .night-films .section-heading>a{color:var(--muted);font-size:12px}
body[data-layout="night"] .filmstrip{display:block;max-width:500px}
body[data-layout="night"] .filmstrip-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
body[data-layout="night"] .film-card{display:block;min-width:0;padding:0;background:transparent;border:0;text-align:left;color:var(--muted);font-size:12px;line-height:1.5}
body[data-layout="night"] .film-image{position:relative;display:block;width:100%;max-width:150px;aspect-ratio:16/9;margin-bottom:10px}
body[data-layout="night"] .film-image>img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .2s var(--ease)}
body[data-layout="night"] .film-image>.icon{position:absolute;left:6px;bottom:6px;width:23px;height:23px;padding:4px;background:#15191e;color:var(--ink)}
body[data-layout="night"] .film-card:hover,body[data-layout="night"] .film-card[aria-expanded="true"]{color:var(--ink)}
body[data-layout="night"] .film-card:hover .film-image>img,body[data-layout="night"] .film-card[aria-expanded="true"] .film-image>img{opacity:1}
body[data-layout="night"] .film-card[aria-expanded="true"]{text-decoration:underline;text-underline-offset:5px}
body[data-layout="night"] .film-card :is(h3,p,span){font:inherit;letter-spacing:0}
body[data-layout="night"] .film-card small{display:block;color:var(--muted);font-size:12px;margin-top:5px}
body[data-layout="night"] .inline-video-slot{max-width:520px;margin-top:24px}
body[data-layout="night"] .inline-video-slot .video-stage{background:#0b0e12}
body[data-layout="night"] .inline-video-slot .feature-meta{margin-bottom:8px}
body[data-layout="night"] .inline-close{color:var(--muted);background:transparent;border-color:var(--line)}
body[data-layout="night"] .night-discovery{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:clamp(36px,6vw,86px);border-top:1px solid var(--line);padding-top:36px;align-items:start}
body[data-layout="night"] .night-discovery>section{min-width:0}
body[data-layout="night"] .night-discovery .section-heading{margin-bottom:18px;min-height:44px}
body[data-layout="night"] .section-heading h2{font-size:22px;font-weight:400}
body[data-layout="night"] .section-heading>a{color:var(--muted);font-size:12px}
body[data-layout="night"] .stream-card{background:transparent;border-color:var(--line);color:var(--ink);box-shadow:none}
body[data-layout="night"] .stream-card>img:not(.stream-platform-icon){max-height:180px;object-fit:cover}
body[data-layout="night"] .stream-card :is(p,small){color:var(--muted)}
body[data-layout="night"] .stream-card-copy{min-width:0}
body[data-layout="night"] .stream-card-copy strong{font-weight:400}
body[data-layout="night"] .note-item summary{padding-block:15px;gap:15px}
body[data-layout="night"] .note-item summary>img{width:62px;height:54px}
body[data-layout="night"] .note-item summary>span{font-size:14px}
body[data-layout="night"] .note-item summary small{font-size:12px;color:var(--muted)}
body[data-layout="night"] .note-body{font-size:13px}
body[data-layout="night"] .night-shorts{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}
body[data-layout="night"] .view-panel[data-view="home"] .night-shorts .shorts-rail{display:grid;grid-template-columns:repeat(3,minmax(0,168px));gap:24px;max-width:552px;overflow-x:auto;align-items:start}
body[data-layout="night"] .night-shorts .short-card{min-width:0}
body[data-layout="night"] .night-shorts .short-card .video-stage{aspect-ratio:9/16}
body[data-layout="night"] .night-shorts .short-card h3{font-size:13px;color:var(--muted);font-weight:400;line-height:1.5}
body[data-layout="night"] .play-label{background:var(--ink);color:var(--paper);border-radius:0}
body[data-layout="night"] .video-poster-button:hover .play-label,body[data-layout="night"] .clip-launch:hover .play-label{background:var(--accent);color:var(--paper)}
body[data-layout="night"] .player-toolbar .player-tools button{color:var(--ink);background:transparent}
body[data-layout="night"] .player-toolbar .player-tools button:hover{background:var(--soft)}
body[data-layout="night"] .player-toolbar .player-credit{color:var(--muted)}
body[data-layout="night"] .player-notice,body[data-layout="night"] .player-loading{background:#252b32;color:var(--ink)}
body[data-layout="night"] .notes-search input{border-color:var(--line);background:transparent;color:var(--ink)}
body[data-layout="night"] .notes-search input::placeholder{color:var(--muted);opacity:1}
body[data-layout="night"] .contact-footer{margin-top:54px;padding:28px 0 36px;border-color:var(--line)}
body[data-layout="night"] .contact-group h2{font-size:27px;font-weight:400}
body[data-layout="night"] .business-contact a{font-size:14px}
body[data-layout="night"] .business-contact span{font-size:12px}
body[data-layout="night"] .social-link img[src$="naver.svg"],body[data-layout="night"] .social-link img[src$="linktree.svg"]{filter:invert(1)}
body[data-layout="night"] .social-link .tooltip{background:var(--ink);color:var(--paper)}
body[data-layout="night"] .skip-link{background:var(--ink);color:var(--paper)}

@media(max-width:1050px) and (min-width:701px){
  body[data-layout="night"] .night-hero{grid-template-columns:minmax(250px,.9fr) minmax(0,1.15fr);gap:34px}
  body[data-layout="night"] .night-identity{margin-bottom:30px}
  body[data-layout="night"] .night-signature{font-size:66px}
  body[data-layout="night"] .filmstrip-items{gap:12px}
  body[data-layout="night"] .night-discovery{gap:36px}
}
@media(max-width:700px){
  body[data-layout="night"]{--space:23px}
  body[data-layout="night"] .site-header{min-height:74px;padding:10px 0;gap:18px;flex-wrap:nowrap}
  body[data-layout="night"] .brand{font-size:14px}
  body[data-layout="night"] .site-nav{gap:18px}
  body[data-layout="night"] .site-nav a{font-size:12px;min-height:44px}
  body[data-layout="night"] .view-panel[data-view="home"].night-home{padding-top:24px}
  body[data-layout="night"] .night-hero{grid-template-columns:1fr;gap:22px;padding-bottom:32px}
  body[data-layout="night"] .night-portrait{width:min(100%,286px);justify-self:center}
  body[data-layout="night"] .view-panel[data-view="home"] .night-portrait .photo-slideshow{width:100%;max-width:none;padding:0;transform:none}
  body[data-layout="night"] .view-panel[data-view="home"] .night-portrait .photo-window{height:auto;max-height:none;aspect-ratio:4/5}
  body[data-layout="night"] .view-panel[data-view="home"] .night-portrait .slideshow-controls{margin:0;min-height:48px;padding-top:2px}
  body[data-layout="night"] .view-panel[data-view="home"] .night-portrait .slide-count{min-width:42px;width:auto;font-size:12px;text-align:left}
  body[data-layout="night"] .night-intro{padding:0}
  body[data-layout="night"] .night-identity{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:28px}
  body[data-layout="night"] .night-identity h1{font-size:24px;white-space:nowrap}
  body[data-layout="night"] .night-signature{font-size:48px;margin:0;letter-spacing:-.035em}
  body[data-layout="night"] .night-films .section-heading{margin-bottom:16px}
  body[data-layout="night"] .filmstrip{max-width:none}
  body[data-layout="night"] .filmstrip-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  body[data-layout="night"] .film-card{font-size:12px;min-height:44px}
  body[data-layout="night"] .film-image{max-width:none;margin-bottom:8px}
  body[data-layout="night"] .inline-video-slot{margin-top:20px;max-width:none}
  body[data-layout="night"] .night-discovery{display:flex;flex-direction:column;gap:30px;padding-top:28px}
  body[data-layout="night"] .night-discovery>section{width:100%}
  body[data-layout="night"] .night-discovery .section-heading{margin-bottom:14px}
  body[data-layout="night"] .section-heading h2{font-size:21px}
  body[data-layout="night"] .night-shorts{margin-top:32px;padding-top:26px}
  body[data-layout="night"] .view-panel[data-view="home"] .night-shorts .shorts-rail{display:flex;max-width:none;gap:15px;padding-bottom:8px}
  body[data-layout="night"] .view-panel[data-view="home"] .night-shorts .short-card{flex:0 0 128px;width:128px;min-width:128px;max-width:128px}
  body[data-layout="night"] .night-shorts .short-card h3{font-size:12px}
  body[data-layout="night"] .contact-footer{margin-top:36px;padding:26px 0 30px}
  body[data-layout="night"] .contact-group{gap:12px}
  body[data-layout="night"] .contact-group h2{font-size:26px}
  body[data-layout="night"] .social-icons{gap:6px}
}
@media(max-width:380px){
  body[data-layout="night"]{--space:20px}
  body[data-layout="night"] .site-header{gap:13px}
  body[data-layout="night"] .site-nav{gap:13px}
  body[data-layout="night"] .night-portrait{width:min(100%,260px)}
  body[data-layout="night"] .night-identity{gap:12px}
  body[data-layout="night"] .night-signature{font-size:42px}
  body[data-layout="night"] .night-identity h1{font-size:22px}
  body[data-layout="night"] .filmstrip-items{gap:9px}
}