:root{--accent:#732c39;--nav-height:66px}body{font-family:'Pretendard Variable',sans-serif;background:#fff;color:#111}.rl-page .wrap{width:min(1100px,calc(100% - 80px));margin-inline:auto}.rl-page img{display:block;width:100%;height:auto}.rl-page figure{margin:0;min-width:0}.rl-page [data-view]{display:block;width:100%;padding:0;cursor:zoom-in}.rl-page .intro{padding:64px 0 42px}.project-label{display:inline-block;background:#111;color:#fff;padding:8px 15px;font-size:20px;font-weight:650;margin-bottom:28px;letter-spacing:.015em}.rl-page h1{font-size:clamp(40px,4.6vw,65px);font-weight:720;line-height:1.18;letter-spacing:-.055em;word-break:keep-all}.rl-page .lead{font-size:21px;line-height:1.5;margin-top:24px;word-break:keep-all;color:#444}.project-meta{display:grid;grid-template-columns:1fr .75fr 2.1fr;gap:30px;border-top:1px solid #ddd;margin-top:40px;padding-top:26px}.project-meta dt{font-size:16px;color:#777;margin-bottom:10px}.project-meta dd{font-size:18px;line-height:1.5;margin:0}.rl-page .hero{position:relative;display:block;height:auto;min-height:0;max-height:none;padding:0;background:#fff;color:inherit;overflow:hidden;width:min(1440px,calc(100% - 40px));margin:auto}.hero-slides{width:100%;aspect-ratio:3/2}.hero-slide img{width:100%;height:auto}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#0006;border:1px solid #ffffffb3;color:#fff;display:grid;place-items:center;z-index:2;transition:background .2s}.hero-arrow:hover{background:#0009}.hero-arrow svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5}.hero-prev{left:22px}.hero-next{right:22px}.hero-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rl-page .section{padding:80px 0;border-bottom:1px solid #ddd}.rl-page h2{font-size:clamp(30px,3.2vw,43px);line-height:1.18;letter-spacing:-.045em;font-weight:680;margin:0;word-break:keep-all}.rl-page h3{font-size:25px;line-height:1.25;letter-spacing:-.035em;font-weight:660;word-break:keep-all}.section-copy{max-width:880px;font-size:20px;line-height:1.52;word-break:keep-all;margin:24px 0 0;color:#444}.eyebrow{display:block;font-size:13px;letter-spacing:.12em;font-weight:600;color:var(--accent);margin-bottom:18px}.rl-page figcaption,.asset-caption{font-size:16px;line-height:1.4;color:#777;margin-top:14px;text-align:center;word-break:keep-all}.asset-caption{display:block}.media-row{display:flex;align-items:flex-start;gap:24px;margin-top:38px}.media-row>figure{flex:var(--r) 1 0;min-width:0}.media-row+.media-row{margin-top:32px}.rl-page video{display:block;width:100%;height:auto;background:#100d0d}.badge{display:inline-grid;place-items:center;flex:none;font-weight:750;line-height:1;color:#fff;background:var(--accent)}.abc{display:flex;align-items:center;gap:16px;margin-bottom:26px}.abc .badge{width:54px;height:54px;font-size:29px}.abc span{font-size:18px;font-weight:600}.contents-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:42px}.contents-nav a{border-top:1px solid #999;display:flex;align-items:center;gap:15px;padding:23px 0 0}.contents-nav a>b{font-size:29px;font-weight:600;color:var(--accent)}.contents-nav span{font-size:20px;font-weight:600;line-height:1.3}.contents-nav small{display:block;font-weight:400;font-size:15px;color:#777;margin-top:6px}.contents-nav i{margin-left:auto;font-style:normal}.contents-nav a:hover span{color:var(--accent)}
.floors{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:42px}.floor{min-width:0}.floor-title{display:flex;gap:16px;align-items:center;padding-top:18px;border-top:2px solid #222}.floor-title>b{color:var(--accent);font-size:28px}.floor-title h3{font-size:22px}.floor-map{position:relative;margin-top:14px}.map-pin{position:absolute;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;gap:5px}.map-pin>b{display:grid;place-items:center;width:27px;height:27px;background:var(--accent);color:white;border:2px solid #fff;border-radius:50%;font-size:14px;box-shadow:0 1px 6px #0004}.map-pin em{position:absolute;top:31px;left:50%;transform:translateX(-50%);background:#fff;padding:4px 8px;border:1px solid #b9a8a9;font-size:14px;font-style:normal;font-weight:550;white-space:nowrap;line-height:1.2}.floor p{font-size:16px;line-height:1.45;color:#555;margin:12px 0 0;word-break:keep-all}.ux-head{display:flex;align-items:center;gap:12px;margin-top:38px;border-top:1px solid #bbb;padding-top:20px}.ux-head .badge{width:34px;height:34px;font-size:19px}.ux-head h3{font-size:22px}.stages{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:35px 0 0;padding:0}.stage-copy{border-top:1px dashed #aaa;padding-top:18px;display:grid;grid-template-columns:auto 1fr;gap:12px}.step{font-size:17px;color:#999;line-height:1.5}.stage-copy h3{font-size:22px}.stage-copy p{grid-column:1/-1;margin:0;font-size:17px;line-height:1.45;color:#555;word-break:keep-all}.mini-independent{display:grid;grid-template-columns:1fr 1fr;gap:54px;margin-top:70px}.mini-independent img{width:80%;margin:auto}.mini-independent .ux-head{margin-top:18px}.mini-independent p{font-size:17px;color:#555;line-height:1.45;margin-top:15px}.key-story{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;margin-top:75px}.key-story img{max-width:375px;margin:auto}.key-copy h3{font-size:34px;line-height:1.22}.key-copy p{font-size:19px;color:#444;line-height:1.5;margin-top:22px;word-break:keep-all}.key-spec{margin-top:30px}.key-spec>div{border-top:1px solid #ddd;padding:15px 0;display:grid;grid-template-columns:110px 1fr;gap:15px;font-size:16px;line-height:1.45}.key-spec dt{font-weight:600}.key-spec dd{margin:0;color:#666}.system-flow{margin-top:42px;display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:14px;align-items:center;border-block:1px solid #ddd;padding:24px 0}.system-flow small{display:block;color:var(--accent);font-size:12px;letter-spacing:.12em;margin-bottom:8px}.system-flow strong{font-size:17px;line-height:1.4;font-weight:550}.system-flow i{font-style:normal;color:var(--accent)}.wide-art{margin-top:40px!important}.credits{display:grid;grid-template-columns:1fr 2fr;gap:45px}.credits dl{margin:0}.credits dl>div{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:24px 0;border-bottom:1px solid #eee;font-size:17px;line-height:1.5}.credits dl>div:first-child{padding-top:0}.credits dt{color:#777}.credits dd{margin:0}.neighbors{display:flex;justify-content:space-between;gap:25px;padding:50px 0 70px;font-size:16px;line-height:1.8}.neighbors>a:last-child{text-align:right}.neighbors strong{font-size:20px}.rl-page .section:target{scroll-margin-top:20px}
@media(max-width:900px){.stages{gap:24px}.stage-copy h3{font-size:20px}.floor-title{gap:10px}.floor-title h3{font-size:19px}.map-pin em{font-size:14px}.key-story{gap:35px}.contents-nav{gap:20px}.contents-nav span{font-size:18px}}
@media(max-width:700px){.rl-page .wrap{width:calc(100% - 40px)}.rl-page .intro{padding:32px 0}.project-label{font-size:17px;margin-bottom:24px}.rl-page h1{font-size:36px}.rl-page .lead{font-size:18px}.lead br{display:none}.project-meta{grid-template-columns:1fr 1fr;gap:24px 16px;margin-top:28px}.project-meta>div:last-child{grid-column:1/-1}.project-meta dt{font-size:15px}.project-meta dd{font-size:17px}.rl-page .hero{width:100%}.hero-arrow{width:42px;height:42px}.hero-arrow svg{width:20px;height:20px}.hero-prev{left:12px}.hero-next{right:12px}.rl-page .section{padding:50px 0}.rl-page h2{font-size:30px}.rl-page h3{font-size:23px}.section-copy{font-size:18px;line-height:1.5;margin-top:20px}.rl-page figcaption{font-size:15px;margin-top:10px}.media-row{flex-direction:column;gap:28px;margin-top:28px}.media-row>figure{flex:none;width:100%}.media-row+.media-row{margin-top:28px}.contents-nav{grid-template-columns:1fr;gap:15px;margin-top:28px}.contents-nav a{padding-top:18px}.contents-nav span{font-size:19px}.abc .badge{width:46px;height:46px;font-size:25px}.abc span{font-size:16px}.floors{grid-template-columns:1fr;gap:34px}.floor-map{max-width:320px;margin:0 auto}.floor-title h3{font-size:23px}.floor-map img{max-height:575px;object-fit:contain}.map-pin em{font-size:14px}.floor p{margin-top:8px}.stages{grid-template-columns:1fr;gap:35px;margin-top:22px}.stages img{max-width:300px;margin:auto}.stage-copy{padding-top:16px}.stage-copy h3{font-size:23px}.stage-copy p{font-size:17px}.mini-independent{grid-template-columns:1fr;gap:38px;margin-top:45px}.mini-independent img{max-width:285px}.mini-independent .ux-head{margin-top:15px}.mini-independent p{font-size:17px}.ux-head h3{font-size:21px}.key-story{grid-template-columns:1fr;gap:30px;margin-top:45px}.key-story img{max-width:260px}.key-copy h3{font-size:29px}.key-copy p{font-size:18px}.key-spec>div{grid-template-columns:90px 1fr;font-size:15px}.system-flow{grid-template-columns:1fr;padding:24px;gap:15px}.system-flow i{font-size:0}.system-flow i::before{content:'↓';font-size:18px}.system-flow strong{font-size:17px}.credits{grid-template-columns:1fr;gap:26px}.credits dl>div{font-size:15px;gap:20px}.neighbors{padding:36px 0 100px;flex-direction:column}.neighbors>a:last-child{text-align:left}.neighbors strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-arrow{transition:none}}
/* v2: independent chapters and the vertical visitor journey */
.theme-a{--accent:#732c39}.theme-b{--accent:#986644}.theme-c{--accent:#425b63}
.contents-nav a{border-top:3px solid var(--accent);align-items:flex-start;padding-top:22px}.contents-nav a>b{font-size:38px;line-height:1}.contents-nav span{font-size:23px}.contents-nav em{display:block;font-size:12px;letter-spacing:.08em;font-style:normal;color:var(--accent);margin:0 0 12px}.contents-nav small{font-size:15px;margin-top:12px}.contents-nav i{padding-top:26px}
.building-pair{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:start;margin-top:42px}.section-render{position:relative}.section-floor{position:absolute;left:0;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;color:#999;background:#fff;padding:4px 5px;line-height:1.2}.section-floor b{font-size:21px;letter-spacing:-.03em}.section-floor small{font-size:12px}.section-floor.active{color:var(--accent)}.building-model figcaption{margin-top:0}.floor-journey{list-style:none;padding:0;margin:32px 0 0}.floor-journey>li{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:22px 0;border-top:1px solid #ddd}.floor-journey>li>b{font-size:24px;line-height:1.1;color:var(--accent)}.floor-journey strong{font-size:20px;line-height:1.3;font-weight:620}.floor-journey p{font-size:17px;line-height:1.5;word-break:keep-all;margin:9px 0 12px;color:#555}.floor-journey em{font-style:normal;font-weight:650;color:#222}.nearby{font-size:13px;font-weight:550;color:var(--accent)}.topview-heading{margin-top:62px;padding-top:32px;border-top:1px solid #ddd;display:flex;gap:20px;justify-content:space-between;align-items:center}.topview-heading p{display:flex;gap:20px;margin:0}.legend{font-size:14px;color:var(--accent)}.topview-heading+.floors{margin-top:28px}
.rl-page .chapter{padding-top:74px;border-top:4px solid var(--accent);margin-top:65px}.abc .badge{width:66px;height:66px;font-size:38px}.abc span{font-size:22px}.abc small{display:block;color:var(--accent);font-size:14px;margin-top:8px}.receipt-story{padding-top:54px;margin-top:45px;border-top:1px solid #ddd}.receipt-story h3{font-size:30px;line-height:1.25}.receipt-reading{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px;padding-top:24px;border-top:1px solid #ddd}.receipt-reading b{font-size:18px;font-weight:600}.receipt-reading p{font-size:17px;line-height:1.5;color:#555;margin-top:12px;word-break:keep-all}.video-source{font-size:13px;text-align:center;color:#888;margin:7px 0 0;line-height:1.5}.video-source a{text-decoration:underline;text-decoration-color:#ccc;text-underline-offset:3px}.rl-page .section:target{scroll-margin-top:calc(var(--nav-height) + 24px)}
@media(max-width:900px){.building-pair{gap:26px}.floor-journey{margin-top:24px}.floor-journey>li{gap:10px;grid-template-columns:35px 1fr;padding:16px 0}.floor-journey strong{font-size:18px}.floor-journey p{font-size:15px}.section-floor b{font-size:18px}.section-floor small{font-size:11px}.contents-nav span{font-size:19px}.topview-heading{align-items:flex-start}.topview-heading p{gap:13px}.legend{font-size:13px}.receipt-reading{gap:24px}}
@media(max-width:700px){.contents-nav a{padding:20px 0 5px}.contents-nav span{font-size:22px}.contents-nav small{margin-top:7px}.contents-nav em{margin-bottom:8px}.building-pair{grid-template-columns:1fr;gap:30px;margin-top:30px}.building-model{max-width:420px;margin:auto!important;width:100%}.section-floor{padding:3px}.section-floor b{font-size:19px}.section-floor small{font-size:12px}.floor-journey>li{grid-template-columns:40px 1fr;padding:20px 0}.floor-journey strong{font-size:20px}.floor-journey p{font-size:17px}.topview-heading{margin-top:38px;display:block}.topview-heading p{margin-top:16px;gap:18px}.topview-heading+.floors{margin-top:24px}.rl-page .chapter{margin-top:40px;padding-top:38px}.abc .badge{width:55px;height:55px;font-size:31px}.abc span{font-size:20px}.abc small{font-size:12px}.receipt-story{padding-top:32px;margin-top:35px}.receipt-story h3{font-size:27px}.receipt-reading{grid-template-columns:1fr;gap:22px}.receipt-reading p{margin-top:8px}.video-source{font-size:12px}}

/* v3: one visitor, one key, continuous actions; B remains independent. */
.salon-montage{margin-top:38px}.journey-heading{margin:0 0 25px;border:0;padding:0}.journey-heading>span{font-size:20px;font-weight:600}.journey-six,.photo-four{display:grid;list-style:none;padding:0;gap:46px 32px;margin:44px 0 0}.journey-six{grid-template-columns:repeat(3,1fr)}.photo-four{grid-template-columns:repeat(2,1fr);gap:54px 48px;margin-top:55px}.journey-six>li,.photo-four>li{min-width:0}.journey-label{display:flex;align-items:center;gap:13px;border-bottom:1px dashed #bbb;padding:0 0 15px}.journey-label>b{display:grid;place-items:center;background:var(--accent);color:white;width:38px;height:38px;font-size:18px;border-radius:50%;flex:none}.journey-label>span{font-size:15px;line-height:1.4;font-weight:550;color:var(--accent)}.journey-copy{padding-top:17px}.journey-copy h3{font-size:23px}.journey-copy p{font-size:17px;line-height:1.55;color:#555;word-break:keep-all;margin-top:14px}.journey-copy small{display:block;font-size:13px;color:var(--accent);border-top:1px solid #e1d6d8;margin-top:20px;padding-top:12px;line-height:1.4}.journey-six img{aspect-ratio:1/1.05;object-fit:contain}.photo-four img{aspect-ratio:1.5;object-fit:contain}.journey-finish{display:flex;gap:20px;justify-content:center;align-items:center;border-block:1px solid #d7c4c8;padding:25px 0;margin-top:45px;font-size:18px;color:#555;line-height:1.4}.journey-finish i{font-style:normal;color:#aaa}.journey-finish strong{font-weight:650;color:var(--accent)}.independent-note{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:38px}.independent-note a{display:flex;gap:14px;align-items:baseline;font-size:16px;line-height:1.5}.independent-note b{white-space:nowrap;color:var(--accent)}.journey-jump{display:inline-block;color:var(--accent);font-size:16px;padding:16px 0;border-bottom:1px solid #c3a8af;margin-top:30px}.interface-story{margin-top:52px;padding-top:34px;border-top:1px solid #ddd}.interface-story>p{font-size:18px;color:#666;line-height:1.5;margin-top:16px}.interface-story .interface-caption{font-size:13px;text-align:center;margin-top:20px;color:#888}.interface-row{gap:20px;margin-top:30px}.interface-row figcaption{font-size:15px}
@media(max-width:900px){.journey-six{gap:34px 24px}.journey-copy h3{font-size:21px}.journey-label>span{font-size:13px}.journey-copy p{font-size:16px}.photo-four{gap:36px 28px}.journey-finish{font-size:16px;gap:14px}.independent-note{gap:20px}.independent-note a{display:block}.independent-note span{display:block;margin-top:8px}}
@media(max-width:700px){.journey-six,.photo-four{grid-template-columns:1fr;gap:36px;margin-top:32px}.journey-label>span{font-size:15px}.journey-label>b{width:37px;height:37px}.journey-copy h3{font-size:24px}.journey-copy p{font-size:17px}.journey-six img{max-width:340px;margin:auto}.photo-four img{width:100%}.journey-copy{padding-top:10px}.journey-copy small{font-size:14px;margin-top:16px}.journey-finish{flex-direction:column;gap:12px;align-items:flex-start;padding:22px}.journey-finish i{font-size:0;line-height:1}.journey-finish i:after{content:'↓';font-size:18px}.independent-note{grid-template-columns:1fr;gap:24px;margin-top:28px}.independent-note a{display:flex;gap:14px}.independent-note span{margin:0}.journey-jump{font-size:15px;line-height:1.45}.interface-story{margin-top:34px;padding-top:28px}.interface-story>p{font-size:17px}.interface-row{gap:28px}.interface-row figcaption{font-size:16px}.journey-heading>span{font-size:18px}}

/* v4: upper maquettes explain the journey; lower line art explains gestures. */
.line-stages{column-gap:40px;row-gap:44px;margin-top:42px}
.line-scene{position:relative;overflow:hidden;background:#fff;width:100%;aspect-ratio:512/560}
.line-scene>img{position:absolute;display:block;width:300%;max-width:none;height:auto;left:calc(var(--panel) * -100%);top:-40%;margin:0}
.rfid-line>li:nth-child(2) .line-scene{clip-path:inset(0 2.25%)}
.photo-line .line-scene{aspect-ratio:512/768}
.photo-line .line-scene>img{top:-14.5833333%}
.line-stages .stage-copy{margin-top:16px;align-items:start;grid-template-columns:28px minmax(0,1fr)}
.line-stages .stage-copy h3{min-height:2.5em}
.photo-detail{margin-top:68px;padding-top:36px;border-top:1px solid #ddd}
.photo-detail>h3{font-size:32px;line-height:1.25}
.photo-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.photo-four .journey-label{min-height:68px}
.photo-four .journey-label>span{font-size:13px}
.photo-four .journey-copy h3{font-size:21px;min-height:2.5em}
.photo-four .journey-copy p{font-size:16px}
@media(max-width:1100px){.photo-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.line-stages{column-gap:28px}.line-stages .stage-copy h3{font-size:20px}.photo-four .journey-copy h3{font-size:23px;min-height:0}.photo-four .journey-copy p{font-size:17px}}
@media(min-width:701px) and (max-width:900px){.journey-six .journey-copy h3{min-height:2.5em}}
@media(max-width:700px){.line-stages{grid-template-columns:1fr;row-gap:38px}.line-scene{max-width:390px;margin:0 auto}.line-scene>img{width:300%;max-width:none;margin:0}.line-stages .stage-copy{margin-top:12px}.line-stages .stage-copy h3{font-size:23px;min-height:0}.photo-detail{margin-top:40px;padding-top:28px}.photo-detail>h3{font-size:28px}.photo-four{grid-template-columns:1fr;gap:34px}.photo-four .journey-label{min-height:0}.photo-four .journey-label>span{font-size:15px}}