/* 사실 한 장 — 글이 먼저, 도트는 로고와 네모 점에만. 다크 · 모바일 한 손 · 넓은 화면 두 열. 외부 글꼴 · 스크립트 0 */
:root{--bg:#101318;--panel:#151a21;--ink:#e8e4da;--mute:#9ea4ad;--line:#262d37;--acc:#d2a24c;--seal:#c0493d;--w:44rem}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;padding:0 max(18px,env(safe-area-inset-right)) 56px max(18px,env(safe-area-inset-left));word-break:keep-all;overflow-wrap:anywhere}
:lang(ja){font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",system-ui,sans-serif;word-break:normal;line-break:strict}
:lang(en){word-break:normal}
a{color:var(--ink);text-decoration-color:var(--acc);text-underline-offset:3px}
a:hover{color:#fff}
a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.top{max-width:var(--w);margin:0 auto;padding:12px 0;display:flex;justify-content:flex-end}
.langs{font-size:14px}
.langs a{color:var(--mute);text-decoration:none;display:inline-block;padding:8px 6px;min-height:40px}
.langs a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--acc)}
main{max-width:var(--w);margin:0 auto}
.lockup{display:block;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;margin:22px 0 18px}
h1{font-size:28px;line-height:1.35;margin:0 0 6px;letter-spacing:-.01em;font-weight:700}
h1 .by{font-size:16px;color:var(--mute);font-weight:500;white-space:nowrap}
.tagline{font-size:21px;line-height:1.55;margin:18px 0 14px;font-weight:600}
.thesis{border-left:3px solid var(--seal);padding:2px 0 2px 14px;margin:20px 0}
.thesis .k{display:block;font-size:12px;letter-spacing:.12em;color:var(--mute)}
.note{font-size:14px;color:var(--mute)}
h2{font-size:13px;letter-spacing:.14em;color:var(--acc);margin:40px 0 12px;font-weight:700}
h2::before{content:"";display:inline-block;width:8px;height:8px;background:var(--acc);margin-right:10px;vertical-align:1px}
dl.facts{margin:0;border-top:1px solid var(--line)}
dl.facts>div{display:grid;grid-template-columns:7.2em minmax(0,1fr);gap:4px 14px;padding:10px 0;border-bottom:1px solid var(--line)}
dl.facts dt{color:var(--mute);font-size:14px;padding-top:2px}
dl.facts dd{margin:0}
.sub{color:var(--mute);font-size:14px}
.asof{font-size:14px;color:var(--mute);margin:12px 0 0}
ol.rules{padding-left:1.4em;margin:0}
ol.rules li{margin:0 0 10px;padding-left:4px}
ul.log,ul.imgs{list-style:none;padding:0;margin:0}
ul.log li,ul.imgs li{padding:6px 0;border-bottom:1px solid var(--line)}
ul.imgs .lockup{margin:4px 0 8px}
.foot{max-width:var(--w);margin:56px auto 0;font-size:13px;color:var(--mute);border-top:1px solid var(--line);padding-top:14px}
.foot a{color:var(--mute)}
body.gate main{max-width:40rem;padding-top:9vh}
body.gate h1{font-size:24px}
body.gate .by{color:var(--mute);margin:4px 0 26px}
ul.doors{list-style:none;padding:0;margin:0 0 28px}
ul.doors a{display:block;text-decoration:none;padding:14px 16px;margin:0 0 10px;border:1px solid var(--line);background:var(--panel)}
ul.doors a:hover{border-color:var(--acc)}
ul.doors .l{display:block;font-size:13px;letter-spacing:.1em;color:var(--acc)}
ul.doors .t{display:block;font-size:18px;line-height:1.55}
.small{font-size:14px;color:var(--mute)}
/* 공식 계정 한 줄 · 처리방침 쪽(WP-476) */
.links{max-width:var(--w);margin:0 auto;font-size:14px;color:var(--mute)}
.links .k{letter-spacing:.08em;margin-right:4px}
.links a{display:inline-block;padding:6px 2px;min-height:36px}
main.doc h1{margin-top:26px}
.meta{font-size:14px;color:var(--mute);margin:6px 0 18px}
.doc h2{font-size:17px;letter-spacing:.02em;color:var(--ink);margin:36px 0 10px}
.doc ul{padding-left:1.2em;margin:0}
.doc ul li{margin:0 0 8px}
.doc ul.log{padding:0}
table.xfer{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:15px;line-height:1.6}
table.xfer caption{text-align:left;font-weight:700;padding:0 0 6px}
table.xfer caption .sub{display:block;font-weight:400}
table.xfer th{width:8.5em;color:var(--mute);font-weight:400;text-align:left;vertical-align:top;padding:6px 12px 6px 0;border-top:1px solid var(--line)}
table.xfer td{padding:6px 0;border-top:1px solid var(--line)}
mark.tbd{background:#3b2c12;color:#f0c46a;padding:0 3px}
@media (max-width:420px){dl.facts>div{grid-template-columns:minmax(0,1fr)}h1{font-size:25px}.tagline{font-size:19px}table.xfer th{width:6.2em}}
@media (min-width:1000px){
:root{--w:70rem}
main{display:grid;grid-template-columns:minmax(0,1fr) 25rem;column-gap:56px;align-items:start}
main>section{grid-column:1}
main>#facts{grid-column:2;grid-row:1/span 7;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;background:var(--panel);border:1px solid var(--line);padding:2px 22px 18px}
main.press,main.doc{display:block;max-width:44rem}
body.gate main{display:block}
}
/* 새 판(OUT-94) — 손님이 닿는 집. 모바일 먼저 · 한 열 · 띠는 가로 스크롤 · 움직임 0(prefers-reduced-motion 과 무관하게 애니메이션이 없다) */
:root{--ink2:#c4301f;--navy:#0b1830}
.skip{position:absolute;left:-999px;top:8px;background:var(--navy);color:#fff;padding:12px 16px;z-index:9;text-decoration:none}
.skip:focus{left:8px;outline:2px solid var(--acc)}
body.v2{padding-top:0}
main.v2{max-width:46rem;display:block}
main.v2 h2{margin-top:44px}
main.v2 h3{font-size:17px;margin:26px 0 8px;font-weight:700}
main.v2 p{margin:0 0 12px}
.hero{margin:0 calc(-1*max(18px,env(safe-area-inset-right))) 0 calc(-1*max(18px,env(safe-area-inset-left)));background:var(--navy)}
.hero-art{display:block;margin:0 auto;max-width:960px}
.hero-art img{display:block;width:100%;height:200px;object-fit:none;object-position:50% 58%;image-rendering:pixelated;image-rendering:crisp-edges}
@media (min-width:960px){.hero-art img{height:auto;object-fit:fill}}
.hero-text{padding:18px max(18px,env(safe-area-inset-right)) 22px max(18px,env(safe-area-inset-left));max-width:46rem;margin:0 auto}
.hero-text .lockup{margin:6px 0 14px}
.hero-text h1{font-size:15px;margin:0 0 2px;color:var(--mute);font-weight:500}
.hero-text h1 .by{font-size:15px}
.hero-text .tagline{font-size:23px;line-height:1.5;margin:8px 0 14px}
.band{font-size:15px;color:var(--mute);letter-spacing:.06em;margin:16px 0 0}
.band span{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;display:inline-block}
.cta-row{margin:0 0 8px}
.cta{display:inline-block;min-height:48px;line-height:48px;padding:0 22px;background:var(--ink2);color:#fff;text-decoration:none;font-weight:700;font-size:17px;border-radius:2px}
.cta:hover{color:#fff;background:#b02a1b}
.cta:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.cta-sub{font-size:15px;color:var(--mute);margin:0}
.trailer{position:relative;aspect-ratio:16/9;background:#000}
.trailer iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.poster{display:block;position:relative;text-decoration:none;background:#000}
.poster img{display:block;width:100%;height:auto}
.poster-l{display:block;padding:12px 0;font-size:15px;color:var(--mute)}
a.poster:hover .poster-l{color:var(--ink)}
ul.do{padding-left:1.2em;margin:0 0 12px}
ul.do li{margin:0 0 8px}
section.bleed{margin:0 calc(-1*max(18px,env(safe-area-inset-right))) 0 calc(-1*max(18px,env(safe-area-inset-left)))}
section.bleed h2{padding:0 max(18px,env(safe-area-inset-left))}
ul.strip{list-style:none;margin:0;padding:0 max(18px,env(safe-area-inset-left)) 6px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
ul.strip li{flex:0 0 min(82vw,480px);scroll-snap-align:start}
ul.strip figure{margin:0}
ul.strip img{display:block;width:100%;height:auto;background:#000}
ul.strip figcaption{font-size:15px;color:var(--mute);padding:6px 0 0;line-height:1.5}
ul.quotes{list-style:none;padding:0;margin:0}
ul.quotes li{margin:0 0 18px}
ul.quotes blockquote{margin:0;border-left:4px solid var(--ink2);background:var(--navy);padding:16px 18px 12px}
ul.quotes blockquote p{font-size:20px;line-height:1.55;margin:0 0 8px;font-weight:600}
ul.quotes footer{font-size:15px;color:var(--mute)}
ul.quotes footer .k{letter-spacing:.08em;margin-right:4px}
ul.quotes blockquote p.tr{font-size:15px;line-height:1.5;font-weight:400;color:var(--mute);margin:-2px 0 8px}
ul.quotes blockquote p.tr .k{letter-spacing:.08em;margin-right:4px}
ul.quotes a.sub{display:inline-block;padding:10px 0;min-height:44px}
ul.share,ul.get{list-style:none;padding:0;margin:0}
ul.share li,ul.get li{padding:8px 0;border-bottom:1px solid var(--line)}
ul.share a,ul.get a{display:inline-block;padding:9px 0;min-height:44px}
ul.get .k{color:var(--mute);font-size:15px;margin-right:6px}
body.v2 .langs a{min-height:44px;padding:10px 6px}
body.v2 .links{font-size:15px}
body.v2 .links a{min-height:44px;padding:10px 2px}
main.v2 h2{font-size:14px}
main.v2 .thesis .k{font-size:13px}
main.v2 .sub,main.v2 .asof,main.v2 .note,body.v2 .foot{font-size:15px}
#press a,body.v2 .foot a,#get .mute{display:inline-block;padding:10px 0;min-height:44px}
body.v2 .links a,body.v2 .foot a,body.v2 .langs a{min-width:44px;text-align:center}
.mute{color:var(--mute)}
main.v2 dl.facts>div{grid-template-columns:7.2em minmax(0,1fr)}
.foot .langs{display:inline-block;margin-top:6px}
.foot .langs a{padding:8px 10px 8px 0}
@media (max-width:420px){.hero-text .tagline{font-size:21px}main.v2 dl.facts>div{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1000px){main.v2{max-width:46rem;display:block}main.v2>#facts{position:static;max-height:none;overflow:visible;background:none;border:0;padding:0;grid-column:auto;grid-row:auto}}
.lk-lockup-ko-en{width:210px}
.lk-lockup-ja-en{width:238px}
.lk-lockup-en{width:290px}
@media (min-width:520px){.lk-lockup-ko-en{width:315px}.lk-lockup-ja-en{width:357px}.lk-lockup-en{width:435px}}
/* 집 C(OUT-108) — 「창밖 · 밤의 도시」. 색은 64색 판 p64-0928 의 칸 · 그림은 정수 배(×2)와 pixelated · 움직임은 느리고 작게(초당 몇 px) ·
   번쩍임 0 · 스크롤은 그 밤의 시계(22:00 → 07:00 — 지원 안 하는 브라우저는 정지) · 줄인 움직임이면 영상 · 움직임 0 · 「움직임 멈춤」이면 멈춘다 */
:root{--c0:#090a13;--c1:#0e0f18;--c2:#12141f;--c3:#171924;--c4:#1b1d29;--cl:#262a35;--cl2:#303740;--cw0:#22131c;--cw1:#2c191c;--cink:#e7ede6;--cwhite:#f4fafa;--cmute:#a7b3b4;--camber:#dda76c;--camber2:#ebcd96;--cseal:#ae3b3d;--csealdk:#6d1d21;--cpaper:#cec0a4;--cpaperln:#9b8b7d;--cpink:#3c434d;--cnavy:#263b68}
body.home-c{background:var(--c0);color:var(--cink);padding:0}
body.home-c a{color:var(--cink);text-decoration-color:var(--camber)}
body.home-c a:hover{color:var(--cwhite)}
body.home-c a:focus-visible,body.home-c .cta:focus-visible{outline:2px solid var(--camber);outline-offset:3px}
/* 밤의 층 — 뒤에서 앞으로: 하늘(배경) · 먼 능선 · 안개 · 가운데 띠(+ 점등 파도) · 앞 띠 · 눈 · 새벽빛 · 창틀 · 유리.
   첫 화면(창밖 고리)이 걷히는 동안 드러난다(스크롤 7% — 고리 뒤에 숨은 층이 첫 그림 셈(LCP)에 끼지 않게 · 지원 안 하는 브라우저는 처음부터 선다) */
.night{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;z-index:-1;overflow:hidden;pointer-events:none;
 background:linear-gradient(to bottom,var(--c0) 0%,var(--c1) 34%,var(--c3) 58%,var(--cw0) 78%,var(--cw1) 100%)}
.night>div{position:absolute;left:0;width:100%}
.night .far{bottom:31%;height:88px;background:url(press/img/home-far-960x44.png) 50% 0/1920px 88px no-repeat;image-rendering:pixelated;opacity:.8;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}
.night .haze{bottom:12%;height:30%;background:linear-gradient(to bottom,transparent,rgba(44,25,28,.55) 46%,transparent)}
.night .mid{bottom:15%;height:220px}
.night .near{bottom:-200px;height:540px}
.night .mid i,.night .near i{position:absolute;left:0;top:0;bottom:0;width:calc(100% + 3200px);display:block;image-rendering:pixelated}
.night .mid i{background:url(press/img/home-mid-1600x110.png) 0 100%/3200px 220px repeat-x;opacity:.86}
.night .mid b{position:absolute;inset:0;display:block;background:url(press/img/home-wave-1600x110.png) 0 100%/3200px 220px repeat-x;opacity:0}
.night .near i{background:url(press/img/home-near-1600x170.png) 0 0/3200px 340px repeat-x,linear-gradient(to bottom,transparent 338px,#04060c 338px)}
.night .snow{top:0;bottom:0;opacity:0}
.night .snow i{position:absolute;left:0;right:0;top:-400px;bottom:0;display:block;background:url(press/img/home-snow-200x200.png) 0 0/400px 400px repeat;image-rendering:pixelated}
.night .dawn{top:0;bottom:0;opacity:0;background:linear-gradient(to bottom,transparent 26%,rgba(38,59,104,.42) 74%,rgba(38,59,104,.18) 100%)}
.night .glass{top:-6vh;bottom:-6vh;
 background:linear-gradient(112deg,transparent 0 34%,rgba(231,237,230,.05) 44%,transparent 56%),
  linear-gradient(112deg,transparent 0 58%,rgba(231,237,230,.025) 62%,transparent 66%),
  radial-gradient(90% 60% at 8% 104%,rgba(221,167,108,.13),transparent 62%),
  linear-gradient(to top,rgba(197,209,214,.05),transparent 16%),
  radial-gradient(140% 110% at 50% 46%,transparent 52%,rgba(9,10,19,.62) 100%)}
@keyframes c-drift{to{transform:translateX(-3200px)}}
@keyframes c-fall{to{transform:translateY(400px)}}
.night .mid i{animation:c-drift 2000s linear infinite}
.night .near i{animation:c-drift 1000s linear infinite}
.night .snow i{animation:c-fall 100s linear infinite}
@supports (animation-timeline:scroll()){
 @keyframes c-far{to{transform:translateY(-14px)}}
 @keyframes c-mid{to{transform:translateY(-48px)}}
 @keyframes c-near{to{transform:translateY(-120px)}}
 @keyframes c-glass{to{transform:translateY(5vh)}}
 @keyframes c-wave{0%,4%{opacity:0}6.5%{opacity:.95}11%{opacity:.4}32%{opacity:.4}34.5%{opacity:1}41%{opacity:.55}100%{opacity:.55}}
 @keyframes c-snow{0%,11%{opacity:0}22%{opacity:.6}33%,100%{opacity:0}}
 @keyframes c-dawn{0%,86%{opacity:0}100%{opacity:1}}
 @keyframes c-in{0%{opacity:0}100%{opacity:1}}
 .night{animation:c-in linear both;animation-timeline:scroll(root);animation-range:0 7%}
 .night .far{animation:c-far linear both;animation-timeline:scroll(root)}
 .night .mid{animation:c-mid linear both;animation-timeline:scroll(root)}
 .night .near{animation:c-near linear both;animation-timeline:scroll(root)}
 .night .glass{animation:c-glass linear both;animation-timeline:scroll(root)}
 .night .mid b{animation:c-wave linear both;animation-timeline:scroll(root)}
 .night .snow{animation:c-snow linear both;animation-timeline:scroll(root)}
 .night .dawn{animation:c-dawn linear both;animation-timeline:scroll(root)}
}
/* 첫 화면 — 유리 앞 도시 고리(OUT-106 C) · 락업 · 한 줄 · 단추 · 시각 띠 · 움직임 멈춤 */
body.home-c main.v2{max-width:none;margin:0;padding:0;display:block}
.home-c .hero{position:relative;margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:var(--c0)}
.home-c .hero-media{position:absolute;inset:0;z-index:0}
.home-c .hero-media img,.home-c .hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.home-c .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(9,10,19,.8) 0%,rgba(9,10,19,.68) 40%,rgba(9,10,19,.58) 56%,rgba(9,10,19,.16) 76%,rgba(9,10,19,.92) 100%)}
@media (min-resolution:2dppx){.home-c .hero-media img,.home-c .hero-media video{image-rendering:pixelated}}
.calm-box{position:absolute;opacity:0;width:1px;height:1px;margin:0;left:0;top:0}
.home-c .hero:has(.calm-box:checked) .hero-media video{display:none}
body.home-c:has(.calm-box:checked) .night i{animation-play-state:paused}
.home-c .hero .top{position:relative;z-index:2;max-width:none;margin:0;padding:4px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}
.home-c .hero-text{position:relative;z-index:2;max-width:none;margin:0;padding:4vh max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
.home-c .hero-text .lockup{margin:0 0 14px}
.home-c .hero-text .lk-lockup-ko-en{width:315px}
.home-c .hero-text .lk-lockup-ja-en{width:357px}
.home-c .hero-text .lk-lockup-en{width:290px}
.home-c .hero-text h1{font-size:15px;line-height:1.5;margin:0;color:var(--cink);font-weight:500}
.home-c .hero-text h1 .by{color:var(--cink);font-size:15px}
.home-c .hero-text .tagline{font-size:24px;line-height:1.5;margin:12px 0 26px;color:var(--cwhite);max-width:16em;font-weight:600}
.home-c .cta{display:inline-block;min-height:52px;line-height:52px;padding:0 24px;background:var(--cseal);color:var(--cwhite);font-weight:700;font-size:17px;text-decoration:none;border-radius:2px}
.home-c .cta:hover{background:var(--csealdk);color:var(--cwhite)}
.home-c .hero-text .cta-sub{margin-top:10px;color:var(--cink);font-size:15px}
.home-c #what .note{color:var(--cmute);font-size:15px;margin:0 0 14px}
.home-c .hero-foot{position:relative;z-index:2;margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px;
 padding:18px max(22px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}
.home-c .band{margin:0;font:600 14px/1.4 ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Apple SD Gothic Neo","Noto Sans KR",monospace;letter-spacing:.08em;color:var(--camber2)}
.home-c .band span{border:0;padding:0}
.calm{display:inline-block;min-height:44px;min-width:44px;padding:11px 14px;font-size:14px;line-height:22px;color:var(--cink);border:1px solid rgba(231,237,230,.5);background:rgba(9,10,19,.55);cursor:pointer;white-space:nowrap}
.calm::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--camber2);vertical-align:1px}
.calm-box:checked+.calm::before{background:transparent;box-shadow:inset 0 0 0 1px var(--camber2)}
.calm-box:focus-visible+.calm{outline:2px solid var(--camber);outline-offset:3px}
.calm-row{position:relative;margin:0}
/* 절 — 유리 앞에 붙은 판(가장자리는 안개처럼) · 판과 판 사이는 창이 열린다(gap) */
.home-c main.v2>section:not(.hero){position:relative;max-width:46rem;margin:0 auto;padding:30px max(20px,env(safe-area-inset-right)) 14px max(20px,env(safe-area-inset-left))}
.home-c main.v2>section:not(.hero)::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:-34px;bottom:-34px;background:rgba(9,10,19,.88);
 -webkit-mask-image:linear-gradient(to bottom,transparent,#000 34px,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 34px,#000 calc(100% - 34px),transparent)}
.home-c main.v2>#facts{position:relative;padding:30px max(20px,env(safe-area-inset-right)) 14px max(20px,env(safe-area-inset-left))}
.home-c main.v2>section.gap{margin-top:18vh}
.home-c main.v2>#trailer{padding-top:44px}
.home-c main.v2 h2{font-size:14px;letter-spacing:.16em;color:var(--camber);margin:0 0 14px;font-weight:700}
.home-c main.v2 h2::before{background:var(--camber)}
.home-c main.v2 h3{font-size:17px;margin:30px 0 10px;font-weight:700;color:var(--cwhite)}
.home-c main.v2 p,.home-c main.v2 li,.home-c main.v2 dd{color:var(--cink)}
.home-c .lead{font-size:19px;line-height:1.7}
.home-c .thesis{border-left:3px solid var(--cseal);padding:2px 0 2px 16px;margin:22px 0 8px}
.home-c .thesis .k,.home-c .sub,.home-c .asof,.home-c .mute,.home-c dl.facts dt,.home-c ul.get .k,.home-c .poster-l{color:var(--cmute)}
.home-c dl.facts,.home-c dl.facts>div,.home-c ul.share li,.home-c ul.get li,.home-c ul.log li{border-color:var(--cl)}
/* 「하는 일」 곁의 물건 — 결재판과 도장(물건 방 판 · 밤 빛) */
.do-wrap{display:block}
.do-wrap .desk{margin:4px 0 18px;position:relative;max-width:320px}
.do-wrap .desk img{display:block;width:100%;height:auto}
.do-wrap .desk::after{content:"";position:absolute;left:4%;right:4%;bottom:-8px;height:18px;background:radial-gradient(closest-side,rgba(9,10,19,.85),transparent);z-index:-1}
/* 띠 — 판 없이 창 위에 바로 */
.home-c section.bleed{max-width:none!important;padding-left:0!important;padding-right:0!important}
.home-c section.bleed h2{max-width:46rem;margin:0 auto 14px;padding:0 max(20px,env(safe-area-inset-left))}
.home-c ul.strip{padding:0 max(20px,env(safe-area-inset-left)) 8px}
.home-c ul.strip figcaption{color:var(--cink);background:rgba(9,10,19,.82);padding:6px 8px 4px}
.home-c ul.strip img{box-shadow:0 0 0 1px rgba(231,237,230,.12)}
/* 「기록에서」 — 종이 쪽지 셋(OUT-106 B) · 종이 위 글은 제 바탕을 같이 적는다(접근성 줄이 CSS 만 읽는다) */
.home-c #quotes{max-width:none;padding-left:0;padding-right:0}
.home-c #quotes h2{max-width:46rem;margin:0 auto 14px;padding:0 max(20px,env(safe-area-inset-left))}
.home-c ul.slips{list-style:none;margin:0;padding:4px max(20px,env(safe-area-inset-left)) 18px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.home-c ul.slips li{flex:0 0 min(80vw,340px);scroll-snap-align:start;background:var(--cpaper);color:var(--c1);padding:18px 18px 8px;border-left:4px solid var(--cseal);display:flex;flex-direction:column;margin:0;box-shadow:0 18px 40px rgba(9,10,19,.55)}
.home-c ul.slips blockquote{margin:0;flex:1;background:none;border:0;padding:0}
.home-c ul.slips blockquote p{font-family:"AppleMyungjo","Nanum Myeongjo","NanumMyeongjo","Batang","Noto Serif KR","Noto Serif CJK KR",serif;font-size:21px;line-height:1.5;font-weight:700;margin:0 0 12px;color:var(--c1);background:var(--cpaper)}
.home-c ul.slips footer{font-size:15px;color:var(--cpink);background:var(--cpaper)}
.home-c ul.slips footer .k{letter-spacing:.08em;margin-right:4px}
.home-c ul.slips a.sub{display:inline-block;min-height:44px;padding:10px 0;font-size:15px;color:var(--c1);background:var(--cpaper);text-decoration-color:var(--cseal)}
/* 꼬리 */
.home-c .foot{max-width:46rem;margin:16vh auto 0;padding:22px max(20px,env(safe-area-inset-right)) 44px max(20px,env(safe-area-inset-left));border-top:0;position:relative;color:var(--cmute)}
.home-c .foot::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:-30px;bottom:0;background:rgba(9,10,19,.9);
 -webkit-mask-image:linear-gradient(to bottom,transparent,#000 30px);mask-image:linear-gradient(to bottom,transparent,#000 30px)}
.home-c .foot .links{max-width:none;margin:0 0 6px;line-height:1.5}
.home-c .foot .fine{margin:0}
.home-c .foot a{color:var(--cmute)}
@media (max-width:360px){.home-c .hero-text .lk-lockup-ko-en{width:210px}.home-c .hero-text .lk-lockup-ja-en{width:238px}.home-c .hero-text .tagline{font-size:21px}}
@media (min-width:900px){
 .home-c .hero{min-height:680px}
 .home-c .hero-media img,.home-c .hero-media video{object-position:50% 50%}
 .home-c .hero-media::after{background:linear-gradient(to right,rgba(9,10,19,.82) 0%,rgba(9,10,19,.55) 42%,transparent 68%),linear-gradient(to bottom,rgba(9,10,19,.58) 0%,transparent 38%,transparent 70%,rgba(9,10,19,.94) 100%)}
 .home-c .hero-text{padding:9vh 24px 0 max(64px,calc((100vw - 1180px)/2))}
 .home-c .hero-text .lk-lockup-ko-en{width:420px}
 .home-c .hero-text .lk-lockup-ja-en{width:476px}
 .home-c .hero-text .lk-lockup-en{width:435px}
 .home-c .hero-text .tagline{font-size:32px;line-height:1.45;max-width:15em;margin:16px 0 30px}
 .home-c .hero-foot{flex-direction:row;align-items:center;justify-content:space-between;padding:22px max(64px,calc((100vw - 1180px)/2)) 26px}
 .night .mid{bottom:12%}
 .night .frame{top:0;bottom:0;background:linear-gradient(to right,transparent calc(50% - 23rem - 46px),#0e0f18 calc(50% - 23rem - 46px),#0e0f18 calc(50% - 23rem - 34px),#262a35 calc(50% - 23rem - 34px),#262a35 calc(50% - 23rem - 33px),transparent calc(50% - 23rem - 33px),
  transparent calc(50% + 23rem + 33px),#262a35 calc(50% + 23rem + 33px),#262a35 calc(50% + 23rem + 34px),#0e0f18 calc(50% + 23rem + 34px),#0e0f18 calc(50% + 23rem + 46px),transparent calc(50% + 23rem + 46px))}
 .home-c main.v2>section.gap{margin-top:26vh}
 .night .far{bottom:30%}
 .do-wrap{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:0 28px;align-items:start}
 .do-wrap .desk{grid-column:2;grid-row:1;margin:6px 0 0}
 .do-wrap .do-text{grid-column:1;grid-row:1}
 .home-c ul.slips{max-width:808px;margin:0 auto;padding:4px 24px 18px;overflow:visible;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-c ul.slips li{flex:none}
 .home-c ul.slips blockquote p{font-size:19px}
}
@media (min-width:1500px){.night .far{background-size:2880px 132px;height:132px}}
/* 줄인 움직임 — 영상은 고르지 않는다(source 의 media) · 층은 멈춘 채 선다 · 움직임 멈춤 단추도 숨는다 */
@media (prefers-reduced-motion:reduce){
 .night *,.night{animation:none!important}
 .calm-row{display:none}
}