/* 섹션 제목(h2.sec-title): 예전 h1의 브라우저 기본 여백을 명시도 0으로 재현 — 아래 모든 규칙이 우선 */
:where(h2.sec-title){margin-block:.67em}

.header .brand-unified{display:inline-flex;align-items:baseline;gap:7px;white-space:nowrap;color:#f4edf4;line-height:1;flex-shrink:0}
.header .brand-unified .brand-ko{font:600 26px/1 'Noto Sans KR',sans-serif;letter-spacing:-1.1px}
.header .brand-unified strong{font:700 30px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:1px;margin-left:0}
@media(max-width:800px){.header .brand-unified{gap:5px}.header .brand-unified .brand-ko{font-size:22px;letter-spacing:-.85px}.header .brand-unified strong{font-size:24px}}
:root{--bg:#0a0810;--ink:#f4edf4;--purple:#c02ac0;--muted:#b0a7b5;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #ec87ec;outline-offset:6px}.header{height:100px;display:flex;align-items:center;gap:48px;padding:0 4.4%;border-bottom:1px solid var(--line)}.brand{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:20px;font-weight:600;letter-spacing:1px}.brand strong{font-size:30px;margin-left:10px}.brand span{font:10px Arial;vertical-align:top}.header-note{font-size:9px;line-height:1.8;letter-spacing:1.7px;color:var(--muted)}.film-link{margin-left:auto;background:none;border:0;color:var(--ink);font-size:12px}.film-link span{color:var(--purple);margin-left:24px;font-size:24px}.hero{min-height:780px;height:calc(100svh - 100px);max-height:1100px;position:relative;overflow:hidden;padding:38px 4.4% 90px}.photo,.shade{position:absolute;inset:0}.photo{background:url('assets/building.jpg') center 62%/cover;transform:scale(1.07);opacity:.77}.shade{background:linear-gradient(90deg,#0a0810f5 0%,#0a0810d9 26%,#0a08107d 55%,#0a081008 85%),linear-gradient(0deg,#0a0810 0%,transparent 35%,#0a081038 100%)}.eyebrow,.hero-copy,.side-label,.play,.hero-bottom{position:relative}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:13px}.dot{width:6px;height:6px;background:var(--purple);border-radius:50%;box-shadow:0 0 18px #c02ac077}.slash{color:#a096a7;padding:0 7px}.hero-copy{margin-top:50px}.kicker{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(28px,3.7vw,58px);letter-spacing:1px;margin:0 0 6px;font-weight:500}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(100px,11.8vw,185px);line-height:.85;letter-spacing:-2px;margin:0;font-weight:800}.hero h1 span{color:var(--purple)}.hero h1 i{font-style:normal;font-family:Arial,sans-serif;font-size:.63em;display:inline-block;margin-left:26px;font-weight:400;color:var(--purple)}.copy-row{display:flex;gap:40px;margin-top:37px;align-items:center}.headline{font-size:clamp(20px,1.75vw,29px);line-height:1.65;font-weight:600;margin:0}.description{font-size:12px;color:#c4bacb;line-height:1.9;padding-left:28px;border-left:1px solid #ffffff36;margin:0}.side-label{position:absolute;right:26px;top:42%;writing-mode:vertical-rl;font:10px 'Barlow Condensed',sans-serif;letter-spacing:3px}.play{position:absolute;right:4.4%;bottom:130px;display:flex;align-items:center;gap:20px;padding:17px 20px;color:white;background:#0a08109c;border:1px solid #ffffff4d;backdrop-filter:blur(12px);text-align:left;font:14px 'Barlow Condensed',sans-serif;letter-spacing:1px}.play small{display:block;font-size:9px;color:#c3b7ca;margin-top:6px}.play-icon{font-size:14px;width:35px;height:35px;border-radius:50%;border:1px solid #ffffff60;display:grid;place-items:center}.play:hover,.outline:hover{border-color:var(--purple);background:#39103c}.hero-bottom{position:absolute;bottom:27px;left:4.4%;right:4.4%;border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;align-items:center;font:11px 'Barlow Condensed',sans-serif;letter-spacing:1.5px}.hero-bottom a span{display:inline-block;margin-left:16px;color:var(--purple);font-size:20px}.hero-bottom em{font-style:normal;color:#a198a5}.coordinates{font-size:9px;color:#c0b6c4}.flow{padding:45px 4.4% 0;border-top:1px solid #412142}.section-meta{display:flex;justify-content:space-between;font:11px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:var(--muted)}.section-meta span:first-child{color:var(--purple)}.flow-content{display:flex;justify-content:space-between;gap:40px;padding:70px 0 80px}.flow h2:where(:not(.sec-title)){font-size:clamp(30px,3.5vw,56px);line-height:1.5;letter-spacing:-2px;margin:0;font-weight:600}.flow h2:where(:not(.sec-title)) span{color:#a297a7}.flow-content p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 24px}.outline{color:var(--ink);background:none;border:1px solid var(--line);padding:14px 20px;font-size:12px}.outline span{margin-left:45px;color:var(--purple)}.words{font:800 clamp(42px,9.8vw,160px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;white-space:nowrap;overflow:hidden;color:#f4edf4}.words span{color:var(--purple)}footer{display:flex;justify-content:space-between;padding:30px 4.4%;font-size:9px;color:var(--muted);letter-spacing:1.3px;border-top:1px solid var(--line);margin-top:38px}dialog{width:min(1100px,95vw);padding:16px;border:1px solid #735776;background:#100c15;color:white}dialog::backdrop{background:#000d;backdrop-filter:blur(9px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;margin-bottom:15px}.dialog-top button{background:none;color:white;border:1px solid var(--line);padding:8px 12px;font-size:12px}video{display:block;width:100%;max-height:78svh}#film video{max-height:min(78svh,calc(100svh - 210px))}.film-tabs{display:flex;border:1px solid var(--line);border-bottom:0}.film-tabs button{flex:1;display:flex;align-items:center;gap:16px;padding:14px 18px;background:none;border:0;border-bottom:2px solid transparent;color:#a595ae;text-align:left;font:15px 'Barlow Condensed',sans-serif;letter-spacing:1px;transition:background .25s,color .25s,border-color .25s}.film-tabs button+button{border-left:1px solid var(--line)}.film-tabs b{font-weight:500;color:#a895b2}.film-tabs small{display:block;margin-top:4px;font:10px 'Noto Sans KR',sans-serif;letter-spacing:0;color:#a597ad}.film-tabs button:hover{color:#f4edf4}.film-tabs button[aria-selected=true]{background:#c02ac010;border-bottom-color:#d340ca;color:#f4edf4}.film-tabs button[aria-selected=true] b{color:#e95dde}@media(max-width:480px){.film-tabs button{padding:11px 12px;gap:10px;font-size:13px}.film-tabs small{font-size:9px}} @media(min-width:1500px){.hero-copy{margin-top:65px}.copy-row{margin-top:48px}}@media(max-width:800px){.header{height:78px;padding:0 6%}.header-note{display:none}.brand{font-size:15px}.brand strong{font-size:24px}.hero{height:auto;min-height:calc(100svh - 78px);padding:28px 6% 150px}.photo{background-position:60% center;opacity:.58}.shade{background:linear-gradient(90deg,#0a0810dc,#0a08104d),linear-gradient(0deg,#0a0810,transparent 65%)}.eyebrow{font-size:8px;letter-spacing:1.2px;gap:8px}.hero-copy{margin-top:55px}.kicker{font-size:30px}h1{font-size:clamp(80px,19vw,145px);letter-spacing:-1px}.copy-row{display:block;margin-top:32px}.headline{font-size:23px}.description{margin-top:20px;padding-left:0;border:0;font-size:11px}.side-label{display:none}.play{position:relative;bottom:auto;right:auto;margin-top:28px;padding:10px 14px;width:max-content;gap:15px}.hero-bottom{left:6%;right:6%;bottom:25px}.coordinates{display:none}.flow{padding:28px 6% 0}.section-meta{font-size:9px}.section-meta span:last-child{max-width:140px;text-align:right;line-height:1.5}.flow-content{display:block;padding:45px 0}h2:where(:not(.sec-title)){letter-spacing:-1px}.flow-content>div{margin-top:28px}.words{font-size:9.4vw;letter-spacing:-.7px}footer{padding:24px 6%;font-size:8px;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} 

/* ===== 섹션별 스코프 CSS ===== */

/* --- project-study.css → .scale --- */
.scale .review-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 4.4%;background:#18121e;border-bottom:1px solid #ffffff18;font-size:10px;letter-spacing:1px;color:#c7b6cd}.scale .review-bar a{white-space:nowrap;letter-spacing:0}.scale .project-name{margin-left:auto;font:500 12px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a99eae}.scale{max-width:1600px;margin:auto;padding:46px 4.4% 28px}.scale .scale-meta{display:flex;justify-content:space-between;gap:18px;font:500 12px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#a397aa}.scale .scale-meta>span:first-child{color:#d74cd4}.scale .scale-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:42px 0 48px}.scale .scale-heading h2:where(.sec-title){font:600 clamp(62px,8vw,120px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-1.5px;white-space:nowrap}.scale .scale-heading h2:where(.sec-title) span{color:#c02ac0}.scale .scale-heading>p{font-size:clamp(15px,1.55vw,23px);line-height:1.65;margin:0;letter-spacing:-.6px;color:#a99eae}.scale .scale-heading strong{font-weight:500;color:#f4edf4}.scale .main-metric{padding:25px 0 18px;border-top:1px solid #c02ac080;border-bottom:1px solid #ffffff30;background:radial-gradient(ellipse at 78% 56%,#c02ac00e,transparent 64%)}.scale .metric-label{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b5a8bc;font-size:11px}.scale .metric-label>span:first-child{font:500 12px 'Barlow Condensed',sans-serif;letter-spacing:1.4px}.scale .main-number{display:flex;align-items:baseline;gap:24px;margin:13px 0 10px;font:600 clamp(100px,19.7vw,305px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.035em;color:#f4edf4;font-variant-numeric:lining-nums tabular-nums}.scale .unit{font:500 22px 'Noto Sans KR',sans-serif;letter-spacing:-1px;color:#a798af}.scale .main-number .unit{font-size:clamp(22px,3.3vw,46px);color:#d04bcd}.scale .metric-rule{display:flex;align-items:center;justify-content:space-between;font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a297aa}.scale .cross{font:300 23px Arial,sans-serif;color:#c02ac0}.scale .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #ffffff30}.scale .metric{min-width:0;padding:28px 28px 35px}.scale .metric:first-child{padding-left:0}.scale .metric:last-child{padding-right:0}.scale .metric+.metric{border-left:1px solid #ffffff20}.scale .metric-number{display:flex;align-items:baseline;gap:8px;margin:33px 0 12px;font:500 clamp(46px,6.5vw,98px)/1 'Barlow Condensed',sans-serif;letter-spacing:-1.5px;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}.scale .metric:nth-child(2) .metric-number{color:#d443cf}.scale .range{font-size:.65em;color:#a396a8;margin:0 3px}.scale .metric-caption{font-size:11px;line-height:1.7;color:#a397ac;margin:0}.scale .scale-ending{display:flex;align-items:center;gap:48px;padding:55px 0 40px}.scale .ending-index{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#a497ac}.scale .scale-ending p{margin:0;font-size:clamp(22px,2.55vw,36px);font-weight:500;line-height:1.5;letter-spacing:-1px}.scale .scale-ending p span{color:#a798af}.scale .ending-arrow{margin-left:auto;font:300 64px Arial,sans-serif;color:#c02ac0}.scale .source-note{margin:0;font-size:10px;line-height:1.8;color:#a196a9}.scale .study-footer{margin-top:20px;padding-top:23px;padding-bottom:23px}@media(max-width:800px){.scale .project-name{font-size:10px;letter-spacing:1px}.scale{padding:34px 6% 24px}.scale .review-bar{padding:10px 6%;font-size:9px}.scale .scale-heading{padding:32px 0}.scale .scale-heading h2:where(.sec-title){font-size:65px}.scale .scale-heading>p{font-size:14px}.scale .main-number{font-size:20vw;gap:12px;margin:24px 0}.scale .metrics{grid-template-columns:1fr}.scale .metric,.scale .metric:first-child,.scale .metric:last-child{padding:24px 0}.scale .metric+.metric{border-left:0;border-top:1px solid #ffffff20}.scale .metric-number{font-size:66px;margin:22px 0 8px}.scale .metric-caption{font-size:11px}.scale .scale-ending{gap:20px;padding:38px 0 28px}.scale .ending-index{display:none}.scale .scale-ending p{font-size:25px}.scale .ending-arrow{font-size:48px}.scale .source-note{font-size:9px}}@media(max-width:430px){.scale .project-name{display:none}.scale .scale-meta{font-size:10px;letter-spacing:1px}.scale .scale-heading{align-items:flex-start;flex-direction:column;gap:18px}.scale .scale-heading h2:where(.sec-title){font-size:65px}.scale .scale-heading>p br{display:none}.scale .scale-heading>p strong{margin-left:6px}.scale .metric-label{font-size:10px}.scale .metric-label>span:first-child{font-size:11px;letter-spacing:1px}.scale .main-number{font-size:20vw;gap:10px}.scale .main-number .unit{font-size:21px}.scale .scale-ending p{font-size:23px}.scale .review-bar{font-size:8px;letter-spacing:.7px}}

/* --- location-study.css → .location --- */
.location .review-bar{display:flex;justify-content:space-between;gap:15px;padding:12px 4.4%;background:#18121e;font-size:10px;color:#c7b6cd;letter-spacing:1px}.location .header-caption{margin-left:auto;font:500 12px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a99eae}.location{max-width:1600px;margin:auto;padding:44px 4.4% 0}.location .meta{display:flex;justify-content:space-between;gap:15px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#a297a9}.location .meta>span:first-child{color:#db4ed5}.location .intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:45px;padding:45px 0 52px}.location .intro h2:where(.sec-title){font:600 clamp(70px,9vw,140px)/.85 'Barlow Condensed',sans-serif;letter-spacing:-1.5px}.location .intro h2:where(.sec-title) span{color:#d33acc}.location .intro h2:where(:not(.sec-title)){font-size:clamp(20px,2.3vw,33px);line-height:1.6;letter-spacing:-1px}.location .intro p{font-size:12px;line-height:1.9;color:#a99bb2;margin:20px 0 0}.location .map-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr);border:1px solid #ffffff24}.location .map{position:relative;min-height:490px;background:#100d16;overflow:hidden}.location .map-art{position:absolute;inset:0;width:100%;height:100%}.location .map-heading,.location .map-foot{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#a396ac;z-index:1}.location .map-heading{top:22px}.location .map-heading>span:first-child,.location .map-foot>span:last-child{font-family:'Barlow Condensed',sans-serif;letter-spacing:1.5px}.location .map-foot{bottom:20px}.location .site-pin{position:absolute;left:63%;top:37%;transform:translate(-50%,-100%);white-space:nowrap;text-align:center;padding:12px 16px;background:#c02ac0;color:white;box-shadow:0 0 48px #c02ac02c}.location .site-pin strong{font-size:18px;letter-spacing:-.6px}.location .site-pin small{display:block;font:500 9px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin-top:5px}.location .site-pin:after{content:'';position:absolute;bottom:-7px;left:calc(50% - 7px);border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #c02ac0}.location .node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translate(-50%,-9px);background:none;border:0;padding:10px 8px;color:#c4b7cc;white-space:nowrap;font-size:11px}.location .node i{width:9px;height:9px;background:#8e7d99;border-radius:50%;outline:1px solid #695675;outline-offset:5px}.location .node[aria-pressed=true],.location .node:hover{color:#fff}.location .node[aria-pressed=true] i{background:#e95ee4;outline-color:#cb40c6;box-shadow:0 0 25px #d441d0}.location .node:focus-visible{outline:1px solid #e95ee4;outline-offset:3px}.location .n-ihp{left:44%;top:27.5%}.location .n-gm{left:49%;top:66%}.location .n-mobis{left:83%;top:56%}.location .n-robot{left:21%;top:61%}.location .detail{border-left:1px solid #ffffff24;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:35px;background:#15101b}.location .detail-index{font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:1.4px;color:#d44dcf}.location .detail-en{font:500 clamp(26px,3.4vw,48px)/1.03 'Barlow Condensed',sans-serif;letter-spacing:-.4px;margin:0 0 25px}.location .detail h3{font-size:17px;font-weight:500;letter-spacing:-.5px;line-height:1.6;margin:0 0 16px}.location .detail #place-copy{font-size:12px;line-height:1.95;color:#a99bb2;margin:0}.location .detail-tag{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#a497ac;border-top:1px solid #ffffff20;padding-top:18px}.location .closing{display:flex;align-items:center;gap:60px;padding:50px 0}.location .closing>span:first-child{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#a497ac}.location .closing p{font-size:28px;line-height:1.6;letter-spacing:-1px;margin:0;color:#ab9cb4}.location .closing strong{font-weight:500;color:#eee7f0}.location .arrow{margin-left:auto;font:300 58px Arial;color:#c02ac0}.location .sources{font-size:10px;color:#a297aa;line-height:1.9;border-top:1px solid #ffffff20;padding-top:18px}.location .sources summary{cursor:pointer;width:fit-content}.location .sources a{text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.location .map-layout{grid-template-columns:1fr}.location .map{min-height:430px}.location .detail{border-left:0;border-top:1px solid #ffffff24;gap:25px}.location .detail-en{font-size:38px}.location .intro{gap:22px}.location .intro h2:where(.sec-title){font-size:75px}.location .intro h2:where(:not(.sec-title)){font-size:21px}.location .closing{gap:25px}.location .closing>span:first-child{display:none}.location .header-caption{font-size:9px}.location{padding:32px 6% 0}}@media(max-width:480px){.location .review-bar{font-size:8px;padding:11px 6%}.location .header-caption{display:none}.location .meta{font-size:9px;letter-spacing:.7px}.location .meta>span:last-child{max-width:135px;text-align:right;line-height:1.5}.location .intro{grid-template-columns:1fr;padding:32px 0;gap:28px}.location .intro h2:where(.sec-title){font-size:80px}.location .intro p{font-size:11px;margin-top:14px}.location .map{min-height:350px}.location .map-heading,.location .map-foot{left:12px;right:12px;font-size:8px}.location .map-heading>span:first-child{max-width:150px;line-height:1.5}.location .site-pin{padding:8px 9px;top:39%}.location .site-pin strong{font-size:14px}.location .site-pin small{font-size:7px}.location .node{font-size:9px;padding:10px 2px}.location .n-mobis{left:82%;top:60%}.location .detail{padding:24px}.location .closing p{font-size:23px}.location .arrow{font-size:45px}}

/* --- location-motion.css → .location --- */
.motion-ready .location .reveal{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.motion-ready .location .reveal.is-visible{opacity:1;transform:none}.location .intro>div.reveal{transition-delay:.13s}.location .signal{stroke:#e957df;stroke-width:2.5;fill:none;stroke-dasharray:8 92;stroke-dashoffset:100;opacity:.4;animation:signal-flow 4.8s linear infinite;pointer-events:none}.location .signal.selected{opacity:1;stroke-width:3.5;filter:drop-shadow(0 0 4px #dc46d5)}.location .route{transition:stroke .4s,stroke-width .4s}.location .route.selected{stroke:#c343bd;stroke-width:2}.location .map-art>.hub-ring{transform-box:fill-box;transform-origin:center;animation:hub-breathe 3.6s ease-out infinite;pointer-events:none}.location .site-pin{animation:pin-glow 4.8s ease-in-out infinite}.location .node i,.location .node span{transition:color .3s,background .3s,box-shadow .4s}.location .detail #place-en{white-space:pre-line}.location .motion-toggle{display:block;margin-left:auto;margin-top:14px;padding:8px 12px;background:transparent;border:1px solid #ffffff28;color:#b6a6bf;font-size:10px;letter-spacing:.3px}.location .motion-toggle:hover{border-color:#c343bd;color:#f4edf4}.motion-paused .location .signal,.motion-paused .location .hub-ring,.motion-paused .location .site-pin,.motion-offscreen .location .signal,.motion-offscreen .location .hub-ring,.motion-offscreen .location .site-pin{animation-play-state:paused}.motion-paused .location .reveal{transition:none;opacity:1;transform:none}@keyframes signal-flow{to{stroke-dashoffset:0}}@keyframes hub-breathe{0%{transform:scale(.65);opacity:.7}85%,100%{transform:scale(1.65);opacity:0}}@keyframes pin-glow{0%,100%{box-shadow:0 0 25px #c02ac022}50%{box-shadow:0 0 46px #c02ac050}}@media(prefers-reduced-motion:reduce){.motion-ready .location .reveal{opacity:1;transform:none;transition:none}.location .signal,.location .map-art>.hub-ring,.location .site-pin{animation:none}.location .signal{stroke-dasharray:none;opacity:.2}.location .signal.selected{opacity:.8}.location .route,.location .node i,.location .node span{transition:none}}

/* --- drivein-study.css → .drive --- */
.drive .review-bar{display:flex;justify-content:space-between;padding:12px 4.4%;background:#18121e;font-size:10px;color:#c7b6cd;letter-spacing:1px}.drive .header-caption{margin-left:auto;font:500 12px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a99eae}.drive{max-width:1600px;margin:auto;padding:44px 4.4% 0}.drive .meta{display:flex;justify-content:space-between;gap:20px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#a397aa}.drive .meta>span:first-child{color:#dc4cd4}.drive .intro{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;padding:40px 0 50px}.drive .intro h2:where(.sec-title){font:600 clamp(90px,12vw,180px)/.85 'Barlow Condensed',sans-serif;letter-spacing:-2px}.drive .intro h2:where(.sec-title) span{color:#d139c9}.drive .intro h2:where(:not(.sec-title)){font-size:clamp(22px,2.4vw,34px);line-height:1.6;letter-spacing:-1px}.drive .intro p{color:#a99bb2;line-height:1.9;font-size:13px;margin:23px 0 0}.drive .intro p strong{font-weight:500;color:#eee5f1}.drive .journey{border:1px solid #ffffff26;background:#100c16}.drive .journey-top{display:flex;justify-content:space-between;gap:12px;padding:24px 26px 0;color:#a394ad;font-size:10px}.drive .journey-top>span:first-child{font-family:'Barlow Condensed',sans-serif;letter-spacing:2px}.drive .route-layout{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(185px,1fr);align-items:center}.drive .drawing{min-width:0}.drive .drawing svg{display:block;width:100%;height:auto}.drive .journey-status{padding:24px 28px 24px 10px}.drive .small-label{font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#a99ab4}.drive .counter{font:500 clamp(65px,8vw,125px)/1 'Barlow Condensed',sans-serif;margin:16px 0 22px;color:#ec61e2;font-variant-numeric:tabular-nums}.drive .counter small{font-size:22px;color:#a494ac;margin-left:8px}.drive .status-rule{height:1px;background:#ffffff24}.drive .phase{font-size:22px;font-weight:500;margin:20px 0 10px;letter-spacing:-.8px}.drive .phase-caption{font-size:11px;line-height:1.9;color:#a796b1;min-height:42px;margin:0}.drive .destination{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:12px}.drive .destination>span{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#a595ad}.drive .destination strong{font:500 40px 'Barlow Condensed',sans-serif}.drive .destination strong span{font:300 28px Arial;color:#c02ac0;margin-left:12px}.drive .controls{border-top:1px solid #ffffff20;padding:15px 24px;display:flex;align-items:center;gap:10px}.drive .controls button{border:1px solid #ffffff2b;background:transparent;color:#d7c7df;font-size:11px;padding:10px 15px}.drive .controls button:hover{border-color:#c02ac0}.drive .controls>span{margin-left:auto;color:#a596ac;font-size:9px}.drive .footage{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;padding:65px 0 42px}.drive .footage-still{min-height:320px;background:linear-gradient(0deg,#0a0810bd,#100b1522),url('assets/building.jpg') center/cover;display:flex;align-items:end;padding:22px}.drive .footage-still span{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#c8b8d1}.drive .footage-copy h2:where(:not(.sec-title)){font-size:clamp(22px,2.5vw,36px);line-height:1.55;margin-top:20px;letter-spacing:-1px}.drive .footage-copy p{font-size:12px;line-height:1.9;color:#afa0b9;margin-top:22px}.drive .footage-copy small{display:block;font-size:10px;line-height:1.8;color:#a395ab;margin-top:26px}.drive .source-note{font-size:10px;color:#a597ac;line-height:1.9}.drive .turns circle{transition:fill .4s,stroke .4s}.drive .turns circle.passed{fill:#742571;stroke:#e251db}.drive .turn-labels{font-family:'Barlow Condensed',sans-serif}@media(max-width:800px){.drive{padding:32px 6% 0}.drive .intro{grid-template-columns:1fr 1fr}.drive .intro h2:where(.sec-title){font-size:100px}.drive .intro h2:where(:not(.sec-title)){font-size:23px}.drive .route-layout{grid-template-columns:1fr}.drive .journey-status{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;padding:0 26px 24px}.drive .counter{grid-column:1;grid-row:2/5;margin:0;font-size:72px}.drive .status-rule{display:none}.drive .phase{grid-column:2;grid-row:1/3;margin:0;font-size:21px}.drive .phase-caption{grid-column:2;margin:0}.drive .destination{grid-column:2;margin-top:0}.drive .controls{flex-wrap:wrap}.drive .controls>span{margin-left:0;flex-basis:100%;line-height:1.6}.drive .footage{gap:28px}.drive .footage-still{min-height:290px}.drive .header-caption{font-size:9px}}@media(max-width:480px){.drive .header-caption{display:none}.drive .review-bar{font-size:8px;padding:11px 6%}.drive .meta{font-size:9px;letter-spacing:1px}.drive .meta>span:last-child{max-width:125px;text-align:right;line-height:1.4}.drive .intro{grid-template-columns:1fr;gap:28px;padding:35px 0}.drive .intro h2:where(.sec-title){font-size:108px}.drive .intro h2:where(:not(.sec-title)){font-size:24px}.drive .intro p{font-size:12px;margin-top:14px}.drive .journey-top{padding:18px 14px 0;font-size:8px}.drive .journey-status{padding:10px 16px 20px;gap:10px}.drive .counter{font-size:62px}.drive .counter small{font-size:18px}.drive .phase{font-size:18px}.drive .phase-caption{font-size:10px}.drive .destination strong{font-size:30px}.drive .controls{padding:14px}.drive .footage{grid-template-columns:1fr;padding-top:40px}.drive .footage-still{min-height:240px}.drive .source-note{font-size:9px}}@media(max-width:800px){.drive .intro{grid-template-columns:1fr;gap:28px}.drive .intro h2:where(.sec-title){font-size:clamp(76px,20vw,108px);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.drive .turns circle{transition:none}}

/* --- doortodoor-study.css → .door --- */
.door .review-bar{display:flex;justify-content:space-between;gap:12px;padding:12px 4.4%;background:#18121e;font-size:10px;color:#c7b6cd;letter-spacing:1px}.door .header-caption{margin-left:auto;font:500 12px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a99eae}.door{max-width:1600px;margin:auto;padding:44px 4.4% 0}.door .meta{display:flex;justify-content:space-between;gap:20px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#a397aa}.door .meta>span:first-child{color:#dc4cd4}.door .intro{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center;padding:45px 0 55px}.door .intro h2:where(.sec-title){font:600 clamp(66px,9vw,140px)/.88 'Barlow Condensed',sans-serif;letter-spacing:-1.5px;white-space:nowrap}.door .intro h2:where(.sec-title) span{color:#d33bcc}.door .intro h2:where(:not(.sec-title)){font-size:clamp(26px,3vw,42px);line-height:1.4;letter-spacing:-1px}.door .intro p{font-size:12px;line-height:1.9;color:#b0a0b8;margin:24px 0 0}.door .door-demo{border:1px solid #ffffff26;background:#110d17}.door .diagram-top{padding:22px 25px 0;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#a494ae}.door .diagram-top>span:first-child{font-family:'Barlow Condensed',sans-serif;letter-spacing:1.8px}.door .demo-layout{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(190px,1fr);align-items:center}.door .diagram{min-width:0}.door .diagram svg{display:block;width:100%;height:auto;font-family:'Noto Sans KR',sans-serif}.door .stage-detail{padding:25px 25px 25px 8px}.door .eyeline{font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a993b3}.door .stage-number{font:500 clamp(70px,8vw,115px)/1 'Barlow Condensed',sans-serif;color:#e24ad6;margin:17px 0 25px;font-variant-numeric:tabular-nums}.door .stage-number span{font-size:22px;color:#a693ac;margin-left:10px}.door .stage-detail h3{font-size:21px;line-height:1.5;letter-spacing:-.7px;font-weight:500;margin:0 0 15px}.door .stage-detail>p:not(.stage-number){font-size:12px;line-height:1.9;color:#ae9cba;white-space:pre-line;min-height:48px}.door .detail-bottom{border-top:1px solid #ffffff20;margin-top:30px;padding-top:20px;font:500 13px/1.5 'Barlow Condensed',sans-serif;letter-spacing:.7px}.door .detail-bottom span{display:block;color:#a396a9}.door .detail-bottom strong{font-weight:500;color:#d5c4dd}.door .step-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff20}.door .step-controls button{border:0;border-bottom:2px solid transparent;background:transparent;color:#a595ae;padding:19px 15px;text-align:left;font-size:12px;transition:background .25s,color .25s,border-color .25s}.door .step-controls button+button{border-left:1px solid #ffffff20}.door .step-controls button span{font:500 15px 'Barlow Condensed',sans-serif;margin-right:18px;color:#a895b2}.door .step-controls button[aria-pressed=true]{background:#c02ac010;border-bottom-color:#d340ca;color:#f4edf4}.door .step-controls button[aria-pressed=true] span{color:#e95dde}.door .play-controls{display:flex;align-items:center;gap:10px;padding:15px 20px;background:#0c0911}.door .play-controls button{background:transparent;border:1px solid #ffffff28;color:#cdbbd6;font-size:10px;padding:10px 14px}.door .play-controls button:hover{border-color:#c02ac0}.door .play-controls>span{font-size:9px;color:#a597ad;margin-left:auto}.door .door-ending{display:flex;gap:50px;align-items:center;padding:58px 0 36px}.door .door-ending>span:first-child{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#a594ac}.door .door-ending h2:where(:not(.sec-title)){font-size:clamp(23px,2.8vw,40px);line-height:1.5;letter-spacing:-1px}.door .door-ending h2:where(:not(.sec-title)) span{color:#b6a4be}.door .arrow{margin-left:auto;color:#c02ac0;font:300 60px Arial}.door .source-note{font-size:10px;color:#a494ac;line-height:1.8}@media(max-width:900px){.door .demo-layout{grid-template-columns:1fr}.door .stage-detail{padding:0 25px 26px;display:grid;grid-template-columns:1fr 1.5fr;column-gap:25px}.door .stage-number{grid-column:1;grid-row:2/4;margin:8px 0 0;font-size:76px}.door .stage-detail h3{grid-column:2;grid-row:1/3;align-self:center;margin:0}.door .stage-detail>p:not(.stage-number){grid-column:2;margin:6px 0 0}.door .detail-bottom{display:none}.door .intro{grid-template-columns:1fr;gap:27px}.door .intro h2:where(.sec-title){font-size:clamp(70px,13vw,105px)}.door .intro h2:where(:not(.sec-title)) br{display:none}.door .intro p{margin-top:15px}.door .header-caption{font-size:9px}}@media(max-width:480px){.door{padding:30px 6% 0}.door .header-caption{display:none}.door .review-bar{font-size:8px;padding:11px 6%}.door .meta{font-size:9px;letter-spacing:.8px}.door .meta>span:last-child{max-width:120px;text-align:right;line-height:1.4}.door .intro{padding:32px 0;gap:24px}.door .intro h2:where(.sec-title){font-size:clamp(60px,17vw,80px)}.door .intro h2:where(:not(.sec-title)){font-size:25px}.door .intro p{font-size:11px}.door .diagram-top{padding:17px 12px 0;font-size:8px}.door .diagram-top>span:last-child{max-width:125px;text-align:right}.door .stage-detail{padding:8px 16px 22px;gap:10px 15px}.door .stage-number{font-size:62px}.door .stage-number span{font-size:18px;margin-left:5px}.door .stage-detail h3{font-size:17px}.door .stage-detail>p:not(.stage-number){font-size:10px}.door .eyeline{font-size:9px}.door .step-controls button{font-size:10px;padding:14px 9px}.door .step-controls button span{display:block;margin:0 0 7px;font-size:14px}.door .play-controls{padding:13px;flex-wrap:wrap}.door .play-controls>span{flex-basis:100%;margin-left:0;font-size:8px}.door .door-ending{padding-top:38px;gap:20px}.door .door-ending>span:first-child{display:none}.door .door-ending h2:where(:not(.sec-title)){font-size:22px}.door .arrow{font-size:42px}.door .source-note{font-size:9px}}@media(prefers-reduced-motion:reduce){.door .step-controls button{transition:none}}

/* --- space-depth.css → .depth --- */
.depth{background:#0a0810}.depth .header{height:90px}.depth .compare{margin-left:auto;font-size:11px;color:#b8a4c5}.depth{max-width:1600px;margin:auto;padding:38px 4.4% 0}.depth .chapter{display:flex;justify-content:space-between;gap:20px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:1.7px;color:#a495aa}.depth .chapter>span:first-child{color:#df61d5}.depth .depth-title{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:36px 0 18px}.depth .depth-title h2:where(.sec-title){font:600 clamp(48px,6.1vw,94px)/.94 'Barlow Condensed',sans-serif;letter-spacing:-1px}.depth .depth-title h2:where(.sec-title) span{color:#b79ebf}.depth .depth-title p{margin:0 0 5px;font-size:clamp(17px,1.8vw,26px);line-height:1.6;letter-spacing:-.8px;color:#eee5f2}.depth .experience{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:5%;align-items:center}.depth .sculpture{height:650px;position:relative;min-width:0;isolation:isolate}.depth .ambient{position:absolute;inset:10% -10% 0;background:radial-gradient(ellipse at 50% 58%,#963aa72c,transparent 62%);pointer-events:none}.depth .scene-label{position:absolute;left:0;top:30px;font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a695b0}.depth .model-frame{position:absolute;inset:0;display:grid;place-items:center;perspective:1300px;pointer-events:none}.depth .model{position:relative;width:300px;height:195px;transform-style:preserve-3d;transform:translateY(115px) rotateX(59deg) rotateZ(-32deg);transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.depth .ground{position:absolute;inset:-65px;transform:translateZ(-15px);border:1px solid #c27ac521;background:repeating-linear-gradient(0deg,transparent 0 29px,#b995c209 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#b995c209 29px 30px);box-shadow:0 0 90px #d32acc12}.depth .slab{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(var(--level)*22px));transition:transform 1.1s cubic-bezier(.22,.75,.2,1);transition-delay:calc(var(--level)*18ms)}.depth .slab .top{position:absolute;inset:0;border:1px solid #88729790;background:linear-gradient(130deg,#302738,#18131f);box-shadow:0 1px #4d3b5b,0 2px #392b45,0 3px #392b45,0 4px #392b45,0 5px #392b45,0 6px #211728;transition:background .9s,border-color .9s,box-shadow .9s}.depth .slab .top:before{content:'';position:absolute;inset:13px;border:1px solid #d0abdb18;background:repeating-linear-gradient(90deg,transparent 0 43px,#d2b9df19 43px 44px)}.depth .slab .top:after{content:'';position:absolute;left:34%;right:34%;top:21%;bottom:21%;background:#0d0a13;border:1px solid #a985b12e}.depth .slab.active{transform:translate3d(34px,-22px,calc(var(--level)*22px + 5px))}.depth .slab.active .top{background:linear-gradient(125deg,#d975db,#81288e 65%,#622570);border-color:#f3b2ef;box-shadow:0 1px #e984e7,0 2px #b54cbc,0 3px #b54cbc,0 4px #883592,0 5px #883592,0 6px #53225f,0 0 24px #cc42d033}.depth .slab.partial .top{right:53%}.depth .slab.partial .top:after{display:none}.depth .scene-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#ad91ba;border-top:1px solid #ffffff16;padding-top:15px}.depth .scene-bottom>span:last-child{font-family:'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#a796b0}.depth .information{padding:32px 0}.depth .selection-index{font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#d660ce}.depth .floor-range{font:500 clamp(70px,8vw,120px)/1 'Barlow Condensed',sans-serif;letter-spacing:-2px;margin:20px 0 15px;font-variant-numeric:tabular-nums;color:#faf0fc}.depth .floor-range span{color:#af91b8;font-size:.65em;margin:0 .13em}.depth .selection h2:where(:not(.sec-title)){font-size:26px;line-height:1.4;letter-spacing:-1px;font-weight:500}.depth .space-description{font-size:12px;line-height:1.9;color:#b29abd;white-space:pre-line;margin:20px 0 12px}.depth .partial{font-size:10px;color:#a694af}.depth .space-options{margin-top:35px}.depth .space-options button{width:100%;display:flex;align-items:center;gap:16px;padding:16px 0;border:0;border-top:1px solid #ffffff20;color:#a694b0;background:transparent;text-align:left;transition:color .3s,padding .4s}.depth .space-options button:last-child{border-bottom:1px solid #ffffff20}.depth .space-options button>span{font:500 11px 'Barlow Condensed',sans-serif;color:#ab92b6}.depth .space-options strong{font-size:14px;font-weight:500}.depth .space-options small{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin-left:auto}.depth .space-options i{font:normal 20px Arial;color:#b98bbe;opacity:0;transition:opacity .3s}.depth .space-options button[aria-pressed=true]{color:#f8eefa;padding-left:10px}.depth .space-options button[aria-pressed=true] i{opacity:1}.depth .space-options button[aria-pressed=true]>span{color:#e761de}.depth .space-options button:hover{color:#f4edf4}.depth .ending{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:34px 0;border-top:1px solid #ffffff21}.depth .ending p{font-size:clamp(23px,2.8vw,38px);line-height:1.5;letter-spacing:-1px;margin:0}.depth .ending p span{color:#a992b3}.depth .ending-note{font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a893b3}.depth .model-note{font-size:9px;line-height:1.9;color:#a696b0;margin:16px 0 0}@media(max-width:900px){.depth .experience{grid-template-columns:minmax(0,1.1fr) minmax(265px,1fr);gap:25px}.depth .model{width:245px;height:170px;transform:translateY(115px) rotateX(59deg) rotateZ(-32deg)}.depth .sculpture{height:640px}.depth .depth-title h2:where(.sec-title){font-size:60px}.depth .depth-title p{font-size:17px}.depth .space-options small{display:none}}@media(max-width:650px){.depth{padding:28px 6% 0}.depth .header{height:78px}.depth .chapter{font-size:9px;letter-spacing:1px}.depth .chapter>span:last-child{max-width:140px;text-align:right;line-height:1.5}.depth .depth-title{display:block;padding:30px 0 0}.depth .depth-title h2:where(.sec-title){font-size:clamp(45px,9.8vw,62px)}.depth .depth-title p{font-size:16px;margin-top:22px}.depth .experience{grid-template-columns:1fr;gap:0}.depth .sculpture{height:510px}.depth .model{width:240px;height:156px;transform:translateY(120px) rotateX(59deg) rotateZ(-32deg)}.depth .slab{transform:translateZ(calc(var(--level)*18px))}.depth .slab.active{transform:translate3d(25px,-17px,calc(var(--level)*18px + 5px))}.depth .scene-label{top:22px}.depth .scene-bottom{bottom:0}.depth .information{padding:30px 0 40px}.depth .floor-range{font-size:86px;margin-top:17px}.depth .space-options small{display:block}.depth .selection h2:where(:not(.sec-title)){font-size:24px}.depth .ending-note{display:none}.depth .compare{font-size:10px}.depth .model-note{font-size:8px}}.depth .ambient{inset:10% 0 0}.depth .sculpture{overflow:clip}.depth .slab-label{position:absolute;right:12px;bottom:5px;color:#af8fbb;font:600 16px 'Barlow Condensed',sans-serif;letter-spacing:1px}.depth .slab.active .slab-label{color:white}.depth .model[data-selected=storage]{transform:translateY(35px) rotateX(53deg) rotateZ(-28deg)}.depth .model[data-selected=storage] .slab:not(.active){transform:translateZ(calc(var(--level)*22px + 65px))}.depth .model[data-selected=storage] .slab:not(.active) .top{background:#18131f;border-color:#55455e55;box-shadow:0 4px #201828}.depth .model[data-selected=storage] .slab.active{transform:translate3d(0,190px,22px)}.depth .model[data-selected=storage] .slab.active .top{background:linear-gradient(125deg,#f2a3ec,#b23db3 65%,#81348c);box-shadow:0 2px #ffb6f5,0 4px #b854bd,0 7px #77327f,0 0 35px #cf49dc55}.depth .model[data-selected=live] .slab.active{transform:translate3d(15px,0,calc(var(--level)*22px + 60px))}@media(max-width:650px){.depth .model[data-selected=storage]{transform:translateY(18px) rotateX(53deg) rotateZ(-28deg)}.depth .model[data-selected=storage] .slab:not(.active){transform:translateZ(calc(var(--level)*18px + 35px))}.depth .model[data-selected=storage] .slab.active{transform:translate3d(-10px,150px,15px)}.depth .model[data-selected=live] .slab.active{transform:translate3d(10px,0,calc(var(--level)*18px + 40px))}}@media(max-width:400px){.depth .model-frame{transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.depth .model,.depth .slab,.depth .slab .top,.depth .space-options button,.depth .space-options i{transition:none}}

/* --- space-axon.css → .depth (05 SPACE 입체 평면) --- */
.depth .sculpture{height:640px;overflow:clip}.depth .axon-frame{position:absolute;inset:56px 0 64px}.depth .axon-frame svg{width:100%;height:100%;display:block;overflow:visible}.depth .stack-frame{position:absolute;right:0;top:18px;width:132px;height:170px}.depth .stack-frame svg{width:100%;height:100%;overflow:visible}.depth #axon .ground line{stroke:#b995c2;stroke-opacity:.07}.depth #axon .slab-top{fill:#1c1622;stroke:#5d4a68}.depth #axon .slab-side{fill:#120d17;stroke:#3e3047}.depth #axon .slab-front{fill:#17111d;stroke:#3e3047}.depth #axon .aisle-mark{stroke:#ffffff26;fill:none}.depth #axon .stall{stroke:#ffffff1c}.depth #axon .lane{fill:none;stroke:#e45ddd;stroke-width:1.6;stroke-dasharray:3 5;opacity:.85;animation:axon-lane 2.6s linear infinite}.depth #axon .lane-base{fill:none;stroke:#c02ac0;stroke-opacity:.16;stroke-width:9;stroke-linejoin:round}.depth #axon .room .floor{fill:#3f1846;stroke:#b865bb}.depth #axon .room .far-y{fill:#b448b6}.depth #axon .room .far-x{fill:#7b2c83}.depth #axon .room .near{fill:#f1a8ef14;stroke:#f5c4f3}.depth #axon .room polygon{stroke-width:.8;stroke-linejoin:round}.depth #axon .room .far-y,.depth #axon .room .far-x{stroke:#f0a6ee}.depth #axon .core .top{fill:#2c2433;stroke:#6a5876}.depth #axon .core .side{fill:#18121d;stroke:#44384d}.depth #axon .core .front{fill:#211a28;stroke:#44384d}.depth #axon .ramp{fill:#0e0a12;stroke:#6d5878}.depth #axon .ramp-line{stroke:#ffffff14}.depth #axon .void .hole{fill:#060409;stroke:#5d4a68}.depth #axon .void .wall{fill:#0e0a12;stroke:#3e3047}.depth #axon .garden .top{fill:#26382f;stroke:#58806a}.depth #axon .garden .side{fill:#172219;stroke:#34503f}.depth #axon .garden circle{fill:#4d7a5e;stroke:#78a88a;stroke-width:.4}.depth #axon polygon,.depth #axon line,.depth #axon path,.depth #axon circle{vector-effect:non-scaling-stroke}.depth #axon .callout line{stroke:#e9a6e6;stroke-width:1}.depth #axon .callout circle{fill:#f4c6f2}.depth #axon .callout text{fill:#f4edf4;font:600 4.4px 'Noto Sans KR',sans-serif;letter-spacing:-.1px}.depth #axon .callout text.en{fill:#b08fbc;font:500 3.2px 'Barlow Condensed',sans-serif;letter-spacing:.35px}.depth #axon .scene{transition:opacity .5s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.depth #axon .scene.enter{opacity:0;transform:translateY(10px)}.depth #axon .callout{transition:opacity .6s ease .7s}.depth #axon .scene.enter .callout{opacity:0;transition:none}.depth #stack .level polygon{stroke-width:.8;vector-effect:non-scaling-stroke;transition:fill .5s,stroke .5s}.depth #stack .level .t{fill:#241c2b;stroke:#57475f}.depth #stack .level .f{fill:#150f1a;stroke:#3e3047}.depth #stack .level.on .t{fill:#c24bc4;stroke:#f5c4f3}.depth #stack .level.on .f{fill:#7c2d83;stroke:#e9a6e6}.depth #stack text{font:500 4.6px 'Barlow Condensed',sans-serif;letter-spacing:.3px;fill:#a796b0;transition:fill .5s}.depth #stack .level.on text{fill:#f4c6f2}@keyframes axon-lane{to{stroke-dashoffset:-16}}@media(max-width:900px){.depth .sculpture{height:560px}.depth .stack-frame{width:110px;height:140px}}@media(max-width:650px){.depth #axon .callout text{font-size:7.2px}.depth #axon .callout text.en{display:none}.depth .sculpture{height:430px}.depth .axon-frame{inset:44px 0 52px}.depth .stack-frame{width:88px;height:112px;top:12px}}@media(prefers-reduced-motion:reduce){.depth #axon .lane{animation:none}.depth #axon .scene,.depth #axon .callout,.depth #stack .level polygon{transition:none}}

/* ===== 병합 보정 ===== */
.section-divider{border-top:1px solid #2c1b30;margin:0}
main>section,main>.location,main>.drive,main>.door,main>.depth{position:relative}
.depth{background:none}
.to-contact{display:block}


/* --- 06 AMENITY · 07 LOGISTICS 공용 → .axon-sec (05 SPACE와 같은 축측 개념도 문법) --- */
.axon-sec{max-width:1600px;margin:auto;padding:38px 4.4% 0}
.axon-sec .am-meta{display:flex;justify-content:space-between;gap:20px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:1.7px;color:#a495aa}.axon-sec .am-meta>span:first-child{color:#df61d5}
.axon-sec .am-head{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:36px 0 18px}
.axon-sec h2:where(:not(.sec-title)){margin:0;font:600 clamp(48px,6.1vw,94px)/.94 'Barlow Condensed',sans-serif;letter-spacing:-1px}.axon-sec h2:where(:not(.sec-title)) span{color:#b79ebf}
.axon-sec .am-lede{margin:0 0 5px;font-size:clamp(17px,1.8vw,26px);line-height:1.6;letter-spacing:-.8px;color:#eee5f2;text-align:right}.axon-sec .am-copy>p:last-child{margin:14px 0 0;font-size:12px;line-height:1.9;color:#a995b3;text-align:right}
.axon-sec .am-experience{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:5%;align-items:center}
.axon-sec .am-scene{height:600px;position:relative;min-width:0;overflow:clip}.axon-sec .am-ambient{position:absolute;inset:10% 0 0;background:radial-gradient(ellipse at 50% 55%,#963aa72c,transparent 62%);pointer-events:none}
.axon-sec .am-scene-label{position:absolute;left:0;top:30px;font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a695b0}
.axon-sec .am-frame{position:absolute;inset:56px 0 64px}.axon-sec .am-frame svg{width:100%;height:100%;display:block;overflow:visible}
.axon-sec .am-scene-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#ad91ba;border-top:1px solid #ffffff16;padding-top:15px}.axon-sec .am-scene-bottom>span:last-child{font-family:'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#a796b0}
.axon-sec .am-info{padding:32px 0}.axon-sec .am-index{font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#d660ce}
.axon-sec .am-word{font:500 clamp(64px,7.4vw,112px)/1 'Barlow Condensed',sans-serif;letter-spacing:-2px;margin:20px 0 15px;color:#faf0fc}
.axon-sec h3{font-size:26px;line-height:1.4;letter-spacing:-1px;font-weight:500;margin:0}.axon-sec .am-desc{font-size:12px;line-height:1.9;color:#b29abd;white-space:pre-line;margin:20px 0 0}
.axon-sec .am-options{margin-top:35px}.axon-sec .am-options button{width:100%;display:flex;align-items:center;gap:16px;padding:16px 0;border:0;border-top:1px solid #ffffff20;color:#a694b0;background:transparent;text-align:left;transition:color .3s,padding .4s}.axon-sec .am-options button:last-child{border-bottom:1px solid #ffffff20}
.axon-sec .am-options button>span{font:500 11px 'Barlow Condensed',sans-serif;color:#ab92b6}.axon-sec .am-options strong{font-size:14px;font-weight:500}.axon-sec .am-options small{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin-left:auto}.axon-sec .am-options i{font:normal 20px Arial;color:#b98bbe;opacity:0;transition:opacity .3s}
.axon-sec .am-options button[aria-pressed=true]{color:#f8eefa;padding-left:10px}.axon-sec .am-options button[aria-pressed=true] i{opacity:1}.axon-sec .am-options button[aria-pressed=true]>span{color:#e761de}.axon-sec .am-options button:hover{color:#f4edf4}
.axon-sec .am-ending{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:34px 0;border-top:1px solid #ffffff21}.axon-sec .am-ending p{font-size:clamp(23px,2.8vw,38px);line-height:1.5;letter-spacing:-1px;margin:0}.axon-sec .am-ending p span{color:#a992b3}.axon-sec .am-ending>span{font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a893b3}
.axon-sec .am-note{font-size:9px;line-height:1.9;color:#a696b0;margin:16px 0 0;padding-bottom:40px}
.axon-sec .axon-map .ground line{stroke:#b995c2;stroke-opacity:.07}
.axon-sec .axon-map .slab-top{fill:#1c1622;stroke:#5d4a68}.axon-sec .axon-map .slab-side{fill:#120d17;stroke:#3e3047}.axon-sec .axon-map .slab-front{fill:#17111d;stroke:#3e3047}
.axon-sec .axon-map .court{fill:#0b080f;stroke:#4a3a54}.axon-sec .axon-map .path{fill:none;stroke:#ffffff1f;stroke-width:1.2;stroke-dasharray:2 3}
.axon-sec .axon-map .zone{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.axon-sec .axon-map .zone.on{transform:translateY(-3px)}
.axon-sec .axon-map .zone .top{fill:#262030;stroke:#5a4a66;transition:fill .6s,stroke .6s}.axon-sec .axon-map .zone .side{fill:#17111d;stroke:#3e3047;transition:fill .6s}.axon-sec .axon-map .zone .front{fill:#1c1523;stroke:#3e3047;transition:fill .6s}
.axon-sec .axon-map .zone .tree{fill:#3c3346;stroke:#6f5d7c;stroke-width:.5;transition:fill .6s,stroke .6s}.axon-sec .axon-map .zone .plank,.axon-sec .axon-map .zone .slat{stroke:#ffffff17;transition:stroke .6s}.axon-sec .axon-map .zone .post{stroke:#6f5d7c;stroke-width:1.2;transition:stroke .6s}
.axon-sec .axon-map .zone.on .top{fill:#5a1f62;stroke:#f0a6ee}.axon-sec .axon-map .zone.on .side{fill:#7b2c83}.axon-sec .axon-map .zone.on .front{fill:#b448b6}
.axon-sec .axon-map .zone.on .tree{fill:#c24bc4;stroke:#f5c4f3}.axon-sec .axon-map .zone.on .plank,.axon-sec .axon-map .zone.on .slat{stroke:#f0a6ee8c}.axon-sec .axon-map .zone.on .post{stroke:#f5c4f3}
.axon-sec .axon-map .glow{fill:#c02ac0;opacity:0;filter:blur(6px);transition:opacity .8s}.axon-sec .axon-map .zone.on .glow{opacity:.28}
.axon-sec .axon-map polygon,.axon-sec .axon-map line,.axon-sec .axon-map path,.axon-sec .axon-map circle{vector-effect:non-scaling-stroke}
.axon-sec .axon-map .callout{opacity:0;transition:opacity .5s}.axon-sec .axon-map .callout.on{opacity:1;transition-delay:.35s}
.axon-sec .axon-map .callout line{stroke:#e9a6e6;stroke-width:1}.axon-sec .axon-map .callout circle{fill:#f4c6f2}.axon-sec .axon-map .callout text{fill:#f4edf4;font:600 4.4px 'Noto Sans KR',sans-serif;letter-spacing:-.1px}.axon-sec .axon-map .callout text.en{fill:#b08fbc;font:500 3.2px 'Barlow Condensed',sans-serif;letter-spacing:.35px}
.axon-sec .axon-map .scene{transition:opacity .6s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.axon-sec .axon-map .scene.enter{opacity:0;transform:translateY(10px)}
@media(max-width:900px){.axon-sec .am-experience{grid-template-columns:1fr;gap:0}.axon-sec .am-scene{height:520px}.axon-sec .am-head{display:block}.axon-sec .am-lede,.axon-sec .am-copy>p:last-child{text-align:left}.axon-sec .am-lede{margin-top:22px}}
@media(max-width:650px){.axon-sec{padding:28px 6% 0}.axon-sec .am-meta{font-size:9px;letter-spacing:1px}.axon-sec h2:where(:not(.sec-title)){font-size:clamp(45px,11vw,62px)}.axon-sec .am-scene{height:400px}.axon-sec .am-frame{inset:44px 0 52px}.axon-sec .am-word{font-size:74px}.axon-sec .am-ending>span{display:none}.axon-sec .axon-map .callout text{font-size:7.2px}.axon-sec .axon-map .callout text.en{display:none}}
@media(prefers-reduced-motion:reduce){.axon-sec .axon-map .zone,.axon-sec .axon-map .scene,.axon-sec .axon-map .callout,.axon-sec .am-options button{transition:none}}

/* --- 07 LOGISTICS 전용 → #logistics-map --- */
.logistics #logistics-map .road{fill:#120e16;stroke:#2d2434}.logistics #logistics-map .road-line{stroke:#ffffff24;stroke-dasharray:4 4}.logistics #logistics-map .road-name{fill:#a394ad;font:500 3.6px 'Noto Sans KR',sans-serif}
.logistics #logistics-map .site{fill:none;stroke:#d24fcc55;stroke-dasharray:3 3}.logistics #logistics-map .plaza{fill:#161119;stroke:#2f2536}
.logistics #logistics-map .unit .top{fill:#211a28;stroke:#4a3d54}.logistics #logistics-map .unit .side{fill:#150f1a;stroke:#3a2e42}.logistics #logistics-map .unit .front{fill:#1a1420;stroke:#3a2e42}
.logistics #logistics-map .core .top{fill:#2c2433;stroke:#6a5876}.logistics #logistics-map .core .side{fill:#18121d;stroke:#44384d}.logistics #logistics-map .core .front{fill:#211a28;stroke:#44384d}
.logistics #logistics-map .ghost{fill:none;stroke:#b995c233;stroke-dasharray:2 3}.logistics #logistics-map .ghost-post{stroke:#b995c21f}
.logistics #logistics-map .route{fill:none;stroke:#6a4a72;stroke-width:1.4;stroke-linejoin:round;stroke-dasharray:3 4;transition:stroke .6s,opacity .6s}.logistics #logistics-map .route-base{fill:none;stroke:#c02ac0;stroke-opacity:0;stroke-width:8;stroke-linejoin:round;transition:stroke-opacity .6s}
.logistics #logistics-map .zone.on .route{stroke:#c77dc4;stroke-width:1.3;stroke-dasharray:2.5 4}.logistics #logistics-map .zone.on .route-base{stroke-opacity:.07}
.logistics #logistics-map .truck-dot{fill:#fff;opacity:0;transition:opacity .4s}.logistics #logistics-map .truck-glow{fill:#ed58e3;opacity:0;filter:blur(2px);transition:opacity .4s}.logistics #logistics-map .zone.on .truck-dot{opacity:1}.logistics #logistics-map .zone.on .truck-glow{opacity:.45}
.logistics #logistics-map .bay{fill:#2a2031;stroke:#4f3f5a;transition:fill .6s,stroke .6s}.logistics #logistics-map .zone.on .bay{fill:#9a3aa0;stroke:#f5c4f3}
.logistics #logistics-map .ped{fill:none;stroke:#ffffff30;stroke-dasharray:1.5 2.5;transition:stroke .6s}.logistics #logistics-map .zone.on .ped{stroke:#f4edf4b0}
.logistics #logistics-map .pin{fill:#2a2031;stroke:#6f5d7c;transition:fill .6s,stroke .6s}.logistics #logistics-map .pin-car{fill:none;stroke:#6f5d7c;stroke-width:1.4;stroke-linejoin:round;transition:stroke .6s}
.logistics #logistics-map .zone.on .pin{fill:#f4edf4;stroke:#fff}.logistics #logistics-map .zone.on .pin-car{stroke:#f07be8}
.logistics .lg-motion{border:0;background:transparent;color:#ad91ba;font:500 10px 'Noto Sans KR',sans-serif;padding:0}.logistics .lg-motion:hover{color:#f4edf4}
.logistics #logistics-map .truck{opacity:0;transition:opacity .5s}.logistics #logistics-map .zone.on .truck{opacity:1}

/* --- 08 ENVIRONMENT 전용 → #environment-map (반투명 볼륨, 움직임 없음) --- */
.environment #environment-map .road{fill:#120e16;stroke:#2d2434}.environment #environment-map .road-line{stroke:#ffffff1f;stroke-dasharray:4 4}.environment #environment-map .site{fill:none;stroke:#d24fcc40;stroke-dasharray:3 3}
.environment #environment-map .mass{fill:#1c1622;fill-opacity:.62;stroke:#6a5876;stroke-width:1}.environment #environment-map .mass-roof{fill:#221a29;fill-opacity:.72;stroke:#7e6a8a}.environment #environment-map .floorline{stroke:#ffffff12}
.environment #environment-map .glass{fill:#c02ac0;fill-opacity:.03;stroke:#6a5876;stroke-width:.9;transition:fill-opacity .6s,stroke .6s}.environment #environment-map .zone.on .glass{fill-opacity:.2;stroke:#f5c4f3}
.environment #environment-map .glass-edge{stroke:#6a5876;transition:stroke .6s}.environment #environment-map .zone.on .glass-edge{stroke:#f0a6ee}
.environment #environment-map .seat{fill:#3c3346;transition:fill .6s}.environment #environment-map .zone.on .seat{fill:#f4c6f2}
.environment #environment-map .link{fill:none;stroke:#ffffff00;stroke-width:1.1;stroke-dasharray:2 3;transition:stroke .6s}.environment #environment-map .zone.on .link{stroke:#e9a6e6a0}

/* --- 09 BENEFIT 전용 → .benefit (수치 없이 조건 선택 → 상담 연결) --- */
.benefit .bn-info{display:grid;gap:26px}
.benefit .bn-group{border:0;border-top:1px solid #ffffff20;margin:0;padding:18px 0 0;min-width:0}
.benefit .bn-group legend{display:flex;align-items:center;gap:14px;width:100%;padding:0;float:left;margin-bottom:14px;color:#f4edf4}.benefit .bn-group legend span{font:500 11px 'Barlow Condensed',sans-serif;color:#e761de}.benefit .bn-group legend strong{font-size:15px;font-weight:500}.benefit .bn-group legend small{margin-left:auto;font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#a694b0}
.benefit .bn-chips{clear:both;display:flex;flex-wrap:wrap;gap:8px}
.benefit .bn-chips button{border:1px solid #ffffff26;background:transparent;color:#b29abd;padding:10px 15px;font-size:13px;transition:border-color .3s,color .3s,background .3s}.benefit .bn-chips button:hover{border-color:#c343bd;color:#f4edf4}
.benefit .bn-chips button[aria-pressed=true]{border-color:#e27be0;background:#c02ac02e;color:#fff}
.benefit .bn-cta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:18px 20px;background:#c02ac0;color:#fff;font-size:15px;font-weight:600;transition:background .3s}.benefit .bn-cta:hover{background:#a3219f}.benefit .bn-cta span{font:normal 20px Arial}
.benefit .bn-hint{margin:-14px 0 0;font-size:11px;color:#a694af}
.benefit #benefit-map .plate .t{fill:#1c1622;stroke:#5d4a68;transition:fill .6s,stroke .6s}.benefit #benefit-map .plate .s{fill:#120d17;stroke:#3e3047;transition:fill .6s}.benefit #benefit-map .plate .f{fill:#17111d;stroke:#3e3047;transition:fill .6s}
.benefit #benefit-map .plate.on .t{fill:#5a1f62;stroke:#f0a6ee}.benefit #benefit-map .plate.on .s{fill:#7b2c83}.benefit #benefit-map .plate.on .f{fill:#b448b6}
.benefit #benefit-map .plate .grid{stroke:#ffffff0d}.benefit #benefit-map .plate.on .grid{stroke:#f5c4f326}
.benefit #benefit-map .tag-en{fill:#a394ad;font:500 3.4px 'Barlow Condensed',sans-serif;letter-spacing:.4px;transition:fill .6s}.benefit #benefit-map .tag-ko{fill:#b29abd;font:600 4.6px 'Noto Sans KR',sans-serif;transition:fill .6s}.benefit #benefit-map .tag-val{fill:#a796b0;font:500 4px 'Noto Sans KR',sans-serif;transition:fill .6s}.benefit #benefit-map .plate.on .tag-val{fill:#f0a6ee}.benefit #benefit-map .plate.on .tag-en{fill:#e9a6e6}.benefit #benefit-map .plate.on .tag-ko{fill:#fff}
.benefit #benefit-map .tag-line{stroke:#5d4a68;transition:stroke .6s}.benefit #benefit-map .plate.on .tag-line{stroke:#e9a6e6}
.benefit #benefit-map .axis{stroke:#b995c233;stroke-dasharray:2 3;transition:stroke .6s}.benefit #benefit-map.ready .axis{stroke:#f0a6ee}
.benefit #benefit-map .beam{fill:#c02ac0;opacity:0;filter:blur(5px);transition:opacity .8s}.benefit #benefit-map.ready .beam{opacity:.35}
.benefit #benefit-map .ready-text{fill:#f4edf4;font:600 4.8px 'Noto Sans KR',sans-serif;opacity:0;transition:opacity .6s}.benefit #benefit-map .ready-en{fill:#e9a6e6;font:500 3.4px 'Barlow Condensed',sans-serif;letter-spacing:.5px;opacity:0;transition:opacity .6s}.benefit #benefit-map.ready .ready-text,.benefit #benefit-map.ready .ready-en{opacity:1}
.benefit #benefit-map polygon,.benefit #benefit-map line{vector-effect:non-scaling-stroke}
@media(max-width:650px){.benefit .bn-chips button{padding:9px 12px;font-size:12px}.benefit #benefit-map .tag-ko{font-size:6.4px}.benefit #benefit-map .tag-val{font-size:5.8px}.benefit #benefit-map .tag-en{display:none}.benefit #benefit-map .ready-text{font-size:7px}.benefit #benefit-map .ready-en{display:none}}
@media(prefers-reduced-motion:reduce){.benefit #benefit-map *{transition:none}}

/* --- CONTACT v2 → .contact-v2 (개인정보는 네이버 폼에서만, 페이지는 마무리 장면) --- */
.contact-v2{position:relative;overflow:hidden;isolation:isolate;border-top:1px solid #412142}
.contact-v2 .ct-bg{position:absolute;inset:0;z-index:-2;background:url(assets/building.jpg) center 40%/cover no-repeat;filter:saturate(.8) brightness(.68);transform:scale(1.12);transition:transform 7s cubic-bezier(.2,.6,.2,1)}
.contact-v2.in .ct-bg{transform:scale(1)}
.contact-v2 .ct-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0a0810 0%,#0a081099 20%,#0a081033 50%,#0a0810d9 100%),linear-gradient(90deg,#0a0810cc 0%,transparent 60%),linear-gradient(160deg,transparent 60%,#c02ac01c)}
.contact-v2 .ct-inner{max-width:1600px;margin:auto;padding:110px 4.4% 56px;min-height:min(92vh,900px);display:flex;flex-direction:column}
.contact-v2 .ct-meta{display:flex;justify-content:space-between;gap:20px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:1.7px;color:#a893b2}.contact-v2 .ct-meta>span:first-child{color:#e761de}
.contact-v2 .ct-grid{flex:1;display:grid;grid-template-columns:1.25fr 1fr;gap:6%;align-items:end;padding:70px 0 60px}
.contact-v2 h2:where(:not(.sec-title)){margin:0;font:600 clamp(72px,10vw,170px)/.84 'Barlow Condensed',sans-serif;letter-spacing:-2px;color:#faf0fc}.contact-v2 h2:where(:not(.sec-title)) span{color:#d86bd5}
.contact-v2 .ct-lede{margin:34px 0 0;font-size:clamp(22px,2.3vw,34px);font-weight:600;line-height:1.5;letter-spacing:-1px}
.contact-v2 .ct-facts{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}.contact-v2 .ct-facts li{font-size:14px;color:#d7c8dd}.contact-v2 .ct-facts span{font:500 11px 'Barlow Condensed',sans-serif;color:#e761de;margin-right:9px}
.contact-v2 .ct-actions{display:grid;gap:14px}
.contact-v2 .ct-action{position:relative;display:grid;gap:8px;padding:28px 64px 26px 28px;border:1px solid #ffffff2e;background:#0a0810a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .35s,background .35s,transform .35s}
.contact-v2 .ct-action small{font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#b99cc4}.contact-v2 .ct-action strong{font-size:clamp(20px,1.8vw,26px);font-weight:600;letter-spacing:-.8px;color:#fff}.contact-v2 .ct-sub{font-size:12px;color:#a893b2}
.contact-v2 .ct-action i{position:absolute;right:26px;top:50%;transform:translateY(-50%);font:normal 26px Arial;color:#e27be0;transition:transform .35s}
.contact-v2 .ct-action:hover{border-color:#e27be0;transform:translateY(-2px)}.contact-v2 .ct-action:hover i{transform:translate(3px,-55%)}
.contact-v2 .ct-primary{background:#c02ac0;border-color:#c02ac0}.contact-v2 .ct-primary small,.contact-v2 .ct-primary .ct-sub{color:#fbe3fa}.contact-v2 .ct-primary i{color:#fff}.contact-v2 .ct-primary:hover{background:#a3219f;border-color:#f2b8ef}
.contact-v2 .ct-call strong{font:600 clamp(40px,4vw,60px)/1 'Barlow Condensed',sans-serif;letter-spacing:1px}
.contact-v2 .ct-picked{margin:0 0 4px;padding:14px 16px;border-left:2px solid #e27be0;background:#c02ac01f;font-size:13px;line-height:1.7;color:#f4edf4}.contact-v2 .ct-picked b{color:#f0a6ee;font-weight:600}
.contact-v2 .ct-legal{margin:0;padding-top:18px;border-top:1px solid #ffffff1f;font-size:10px;line-height:1.9;color:#a198a6}
@media(max-width:900px){.contact-v2 .ct-inner{padding:80px 6% 44px;min-height:0}.contact-v2 .ct-grid{grid-template-columns:1fr;gap:44px;padding:48px 0 44px}}
@media(max-width:650px){.contact-v2 .ct-meta{font-size:9px;letter-spacing:1px}.contact-v2 h2:where(:not(.sec-title)){font-size:clamp(64px,19vw,96px)}.contact-v2 .ct-action{padding:22px 56px 20px 22px}.contact-v2 .ct-bg{background-position:60% 40%}}
@media(prefers-reduced-motion:reduce){.contact-v2 .ct-bg{transition:none;transform:none}.contact-v2 .ct-action,.contact-v2 .ct-action i{transition:none}}

/* --- 디테일 보강 ① 제목·타이포 통일: 05~08 섹션 머리를 01~04(.location/.door .intro) 기준에 맞춤 --- */
.axon-sec .am-head,.depth .depth-title{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:45px;padding:45px 0 52px}
.axon-sec .am-head h2:where(:not(.sec-title)),.depth .depth-title h2:where(.sec-title){margin:0;font:600 clamp(66px,9vw,140px)/.86 'Barlow Condensed',sans-serif;letter-spacing:-1.5px;color:#f4edf4}
.axon-sec .am-head h2:where(:not(.sec-title)) span,.depth .depth-title h2:where(.sec-title) span{color:#d33acc}
.axon-sec .am-head .am-lede,.depth .depth-title p{margin:0;font-size:clamp(20px,2.3vw,33px);font-weight:700;line-height:1.6;letter-spacing:-1px;color:#f4edf4;text-align:left}
.axon-sec .am-head .am-copy>p:last-child{margin:20px 0 0;font-size:12px;line-height:1.9;color:#a99bb2;text-align:left}
@media(max-width:900px){.axon-sec .am-head,.depth .depth-title{grid-template-columns:1fr;gap:22px;padding:36px 0 40px}.axon-sec .am-head h2:where(:not(.sec-title)),.depth .depth-title h2:where(.sec-title){font-size:clamp(56px,14vw,96px)}.axon-sec .am-head .am-lede,.depth .depth-title p{font-size:21px;margin-top:0}}
@media(min-width:901px){.depth .depth-title{grid-template-columns:auto 1fr}.depth .depth-title h2:where(.sec-title) span{white-space:nowrap}}
@media(max-width:900px){.axon-sec .am-head h2:where(:not(.sec-title)),.depth .depth-title h2:where(.sec-title){font-size:clamp(56px,20vw,80px)}}
@media(max-width:650px){.depth .depth-title h2:where(.sec-title){font-size:clamp(50px,15.5vw,62px)}}

/* --- 디테일 보강 ② 섹션 진행 표시기 (PC 전용, 히어로·상담에서는 숨김) --- */
.progress{position:fixed;right:22px;top:50%;z-index:40;display:flex;flex-direction:column;align-items:center;gap:14px;transform:translate(8px,-50%);opacity:0;pointer-events:none;transition:opacity .5s,transform .5s}
.progress.show{opacity:1;transform:translate(0,-50%);pointer-events:auto}
.progress .pg-num{margin:0;display:flex;flex-direction:column;align-items:center;line-height:1;font-family:'Barlow Condensed',sans-serif}.progress .pg-num b{font-size:20px;font-weight:600;color:#f4edf4;letter-spacing:.5px}.progress .pg-num small{margin-top:4px;font-size:10px;letter-spacing:1px;color:#a694af}
.progress ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.progress a{position:relative;display:flex;justify-content:center;align-items:center;width:28px;height:18px}
.progress a i{display:block;width:10px;height:1px;background:#ffffff40;transition:width .35s,background .35s}
.progress a:hover i{width:16px;background:#e9a6e6}
.progress a[aria-current=true] i{width:22px;height:2px;background:#e45ddd}
.progress a span{position:absolute;right:34px;top:50%;transform:translate(6px,-50%);white-space:nowrap;padding:5px 9px;background:#140f1ae6;border:1px solid #ffffff1f;font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1.4px;color:#e9dcee;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.progress a:hover span,.progress a:focus-visible span{opacity:1;transform:translate(0,-50%)}
.progress a:focus-visible{outline:2px solid #ec87ec;outline-offset:2px}
.progress .pg-name{margin:0;writing-mode:vertical-rl;font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:2.2px;color:#a893b2;white-space:nowrap}
@media(max-width:1180px){.progress{display:none}}
@media(prefers-reduced-motion:reduce){.progress,.progress a i,.progress a span{transition:none}}

/* --- 디테일 보강 ③ 모바일 하단 상담 바 (900px 이하, 히어로·상담 섹션에서는 숨김) --- */
.mbar{display:none}
@media(max-width:900px){
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:1.35fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#0a0810d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #ffffff1f;transform:translateY(110%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s .35s}
.mbar.show{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.mbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;font-size:15px;font-weight:600;letter-spacing:-.3px}
.mbar .mbar-apply{background:#c02ac0;color:#fff}.mbar .mbar-apply span{font:normal 17px Arial}
.mbar .mbar-call{border:1px solid #ffffff38;color:#f4edf4;font:600 19px 'Barlow Condensed',sans-serif;letter-spacing:.5px}.mbar .mbar-call small{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#b99cc4}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){.mbar,.mbar.show{transition:none}}

/* --- 07 AMENITY v3: 건물 위 옥상 장면 (몸체·난간·높인 화단·수목 무리·타원 트랙·퍼걸러) --- */
.amenity #amenity-map .mass-front,.amenity #amenity-map .mass-side{stroke:none}
.amenity #amenity-map .mass-side{opacity:.8}
.amenity #amenity-map .floorline{stroke:#b995c2}
.amenity #amenity-map .mass-edge{stroke-width:1}
.amenity #amenity-map .pave{fill:#241c2b;stroke:#3e3047}.amenity #amenity-map .joint{stroke:#ffffff0d}
.amenity #amenity-map .bed{fill:#1a1420;stroke:none}
.amenity #amenity-map .zone.on .bed{fill:#3d1843}
.amenity #amenity-map .track{fill:#3a3043;stroke:#6f5d7c;stroke-width:.6;transition:fill .6s,stroke .6s}.amenity #amenity-map .zone.on .track{fill:#c98bd0;stroke:#f5c4f3}
.amenity #amenity-map .tshadow{fill:#000;opacity:.35}
.amenity #amenity-map .tree{stroke-width:.5}
.amenity #amenity-map .thl{fill:#fff;opacity:.06;transition:opacity .6s}.amenity #amenity-map .zone.on .thl{opacity:.22}
.amenity #amenity-map .shade{fill:#000;opacity:.25}
.amenity #amenity-map .parapet-front{fill:#241c2b;stroke:#5d4a68}.amenity #amenity-map .parapet-side{fill:#1a1420;stroke:#5d4a68}
.amenity #amenity-map .parapet-top{fill:none;stroke:#7e6a8a;stroke-width:1}

/* --- 06 SPACE 정원: 07 AMENITY와 같은 수목 표현·색 (초록 격자 점 → 회보라 수목 무리) --- */
.depth #axon .garden .top{fill:#262030;stroke:#5a4a66}.depth #axon .garden .side{fill:#17111d;stroke:#3e3047}.depth #axon .garden .front{fill:#1c1523;stroke:#3e3047}
.depth #axon .garden .bed{fill:#1a1420;stroke:none}
.depth #axon .garden .pave{fill:#241c2b;stroke:#3e3047}
.depth #axon .garden .tshadow{fill:#000;opacity:.35;stroke:none}
.depth #axon .garden .tree{fill:#3c3346;stroke:#6f5d7c;stroke-width:.5}
.depth #axon .garden .thl{fill:#fff;opacity:.06;stroke:none}
/* 06 SPACE 정원 색: 녹색 유지 (형태는 자연 수목 무리 그대로) */
.depth #axon .garden .top{fill:#26382f;stroke:#58806a}.depth #axon .garden .side{fill:#172219;stroke:#34503f}.depth #axon .garden .front{fill:#1d2b22;stroke:#34503f}
.depth #axon .garden .bed{fill:#1f2e25}
.depth #axon .garden .pave{fill:#2a2330;stroke:#3e3047}
.depth #axon .garden .tree{fill:#4d7a5e;stroke:#78a88a}
.depth #axon .garden .thl{opacity:.1}

/* --- 메뉴 — Inspo 참고: 헤더는 영문/한글 두 줄 라벨(섹션 표기와 같은 문법), 칩은 현재 위치, 전체 목차는 Off-canvas(Foster+Partners·BASIC/DEPT) --- */
html{scroll-padding-top:72px}
.gnb{margin-left:auto}
.gnb ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.gnb a{position:relative;display:grid;gap:3px;padding:8px 14px 9px;transition:color .25s}
.gnb .en{font:500 14px/1 'Barlow Condensed',sans-serif;letter-spacing:2.2px;color:#e8dcee;transition:color .25s}
.gnb .ko{font-size:10px;line-height:1.2;letter-spacing:-.1px;color:#a396ab;transition:color .25s}
.gnb a::before{content:'';position:absolute;left:4px;top:12px;width:4px;height:4px;border-radius:50%;background:#d33acc;box-shadow:0 0 10px #c02ac0;opacity:0;transform:scale(.3);transition:opacity .3s,transform .3s}
.gnb a:hover .en{color:#e45ddd}.gnb a:hover .ko{color:#c9bccf}
.gnb a[aria-current] .en{color:#fff}.gnb a[aria-current] .ko{color:#c9bccf}
.gnb a[aria-current]::before{opacity:1;transform:none}
.header .film-link{margin-left:26px}.header .film-link span{margin-left:12px}
.gnb-cta{flex:none;margin-left:22px;padding:12px 18px;background:#c02ac0;color:#fff;font-size:13px;font-weight:600;letter-spacing:-.2px;transition:background .25s}
.gnb-cta:hover{background:#d33acc}
.menu-btn{display:none}
.menu-btn,.gf-menu,.ix-close{align-items:center;gap:10px;font:500 12px 'Barlow Condensed',sans-serif;letter-spacing:2.4px;color:#f4edf4}
.menu-btn i,.gf-menu i,.ix-close i{position:relative;display:block;width:16px;height:9px}
.menu-btn b,.gf-menu b,.ix-close b{position:absolute;left:0;right:0;height:1px;background:currentColor;transition:transform .35s cubic-bezier(.65,0,.2,1),width .35s}
.menu-btn b:first-child,.gf-menu b:first-child{top:0}.menu-btn b:last-child,.gf-menu b:last-child{bottom:0;width:65%}
.menu-btn:hover b:last-child,.gf-chip:hover .gf-menu b:last-child{width:100%}
@media(max-width:1440px){.header .header-note{display:none}}
@media(max-width:1240px){.gnb a{padding:8px 10px 9px}.gnb .en{font-size:13px;letter-spacing:1.8px}.header .film-link{display:none}}
@media(max-width:1024px){.gnb,.gnb-cta{display:none}.menu-btn{display:flex;margin-left:auto;padding:12px 14px;background:none;border:1px solid #ffffff30}}

/* 오른쪽 위 칩: 현재 섹션 + MENU, 아래 진행선 */
.gnb-float{position:fixed;top:14px;right:4.4%;z-index:50;display:flex;gap:8px;transform:translateY(-160%);visibility:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1),visibility 0s .5s}
.gnb-float.show{transform:none;visibility:visible;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.gf-cta{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;background:#c02ac0;color:#fff;font-size:13px;font-weight:600;letter-spacing:-.2px;box-shadow:0 14px 34px -20px #000;transition:background .25s}
.gf-cta:hover{background:#d33acc}
.gf-cta i{width:5px;height:5px;border-radius:50%;background:#fff;transition:transform .3s}.gf-cta:hover i{transform:scale(1.6)}
.gf-chip{position:relative;display:flex;align-items:center;gap:10px;height:44px;padding:0 14px 0 16px;background:#0a0810d6;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid #ffffff21;box-shadow:0 14px 34px -20px #000,inset 0 1px 0 #ffffff0d;color:#f4edf4;overflow:hidden;transition:border-color .3s}
.gf-chip:hover{border-color:#c02ac080}
.gf-dot{width:6px;height:6px;border-radius:50%;background:#d33acc;box-shadow:0 0 12px #c02ac0aa}
.gf-name{font:500 14px 'Barlow Condensed',sans-serif;letter-spacing:2.2px;white-space:nowrap}
.gnb-float.idle .gf-dot,.gnb-float.idle .gf-name{display:none}
.gf-menu{display:flex;padding-left:12px;border-left:1px solid #ffffff26;color:#cdbfd4;transition:color .25s}
.gnb-float.idle .gf-menu{padding-left:0;border-left:0}
.gf-chip:hover .gf-menu{color:#e45ddd}
.gf-progress{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#c02ac0,#e98ae4);transform:scaleX(0);transform-origin:left;pointer-events:none}
@media(max-width:1024px){.gnb-float{top:10px;right:12px}.gf-cta{display:none}}
.ix-open .gnb-float,.ix-open .mbar{visibility:hidden}

/* 전체 화면 목차 */
.ix-open body{overflow:hidden}
.site-index{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;padding:0 4.4%;background:radial-gradient(120% 80% at 100% 100%,#2a0c2c 0%,transparent 55%),#0a0810;color:#f4edf4;overflow:auto;opacity:0;transition:opacity .35s}
.site-index[hidden]{display:none}
.site-index.in{opacity:1}
.ix-top{flex:none;display:flex;align-items:center;height:100px;border-bottom:1px solid #ffffff1f}
.ix-brand{font:600 30px 'Barlow Condensed',sans-serif;letter-spacing:.5px}.ix-brand span{font:600 18px 'Noto Sans KR',sans-serif;margin-right:10px}
.ix-clock{margin-left:28px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2.4px;color:#a396ab}.ix-clock b{font-weight:500;color:#e8dcee;font-variant-numeric:tabular-nums}
.ix-label{margin-left:48px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:#d33acc}.ix-label em{font-style:normal;color:#a596ad}
.ix-close{display:flex;margin-left:auto;padding:12px 16px;background:none;border:1px solid #ffffff30;transition:border-color .25s}
.ix-close:hover{border-color:#c02ac0}
.ix-close b{top:4px}.ix-close b:first-child{transform:rotate(45deg)}.ix-close b:last-child{transform:rotate(-45deg)}
.ix-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:6vw;align-items:center;padding:3.5vh 0 5vh}
.ix-list{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff14;display:grid;grid-template-columns:52px max-content minmax(0,1fr) auto 40px;column-gap:40px}
.ix-list li{display:grid;grid-column:1/-1;grid-template-columns:subgrid}
.ix-list li,.ix-side{opacity:0;transform:translateY(18px);transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*45ms + 80ms)}
.site-index.in .ix-list li,.site-index.in .ix-side{opacity:1;transform:none}
.ix-list a{position:relative;display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center;padding:clamp(6px,1.1vh,12px) 0;border-bottom:1px solid #ffffff14}
.ix-list a::after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:linear-gradient(90deg,#c02ac0,#e98ae4);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.65,0,.2,1)}
.ix-num{font:500 13px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#a494ad;transition:color .3s}
.ix-en{font:600 clamp(34px,min(4.6vw,6.2vh),76px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.5px;white-space:nowrap;color:#efe6f2;transition:color .35s,transform .5s cubic-bezier(.65,0,.2,1)}
.ix-ko{display:grid;gap:4px;min-width:0;opacity:.75;transition:opacity .3s,transform .5s cubic-bezier(.65,0,.2,1)}
.ix-ko b{font-size:15px;font-weight:600;letter-spacing:-.4px}
.ix-ko small{font-size:11px;color:#a494ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ix-now{display:none;padding:4px 8px;border:1px solid #c02ac0;font:500 10px 'Barlow Condensed',sans-serif;font-style:normal;letter-spacing:2px;color:#e45ddd}
.ix-arrow{justify-self:end;font:300 26px Arial;color:#c02ac0;opacity:0;transform:translate(-10px,10px);transition:opacity .3s,transform .45s cubic-bezier(.65,0,.2,1)}
.ix-list a:hover .ix-en,.ix-list a:focus-visible .ix-en{color:#d33acc;transform:translateX(14px)}
.ix-list a:hover .ix-ko,.ix-list a:focus-visible .ix-ko{opacity:1;transform:translateX(14px)}
.ix-list a:hover .ix-num,.ix-list a:focus-visible .ix-num,.ix-list a[aria-current] .ix-num{color:#e45ddd}
.ix-list a:hover .ix-arrow,.ix-list a:focus-visible .ix-arrow{opacity:1;transform:none}
.ix-list a:hover::after,.ix-list a:focus-visible::after{transform:none}
.ix-list a[aria-current] .ix-now{display:block}
.ix-list a:focus-visible{outline:none}
.ix-side{align-self:end;display:grid;gap:12px;padding-bottom:1vh}
.ix-eyebrow{margin:0;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:#d33acc}
.ix-lead{margin:0 0 14px;font-size:20px;line-height:1.55;font-weight:600;letter-spacing:-.6px}
.ix-apply{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#c02ac0;color:#fff;font-size:15px;font-weight:600;transition:background .25s}
.ix-apply:hover{background:#d33acc}.ix-apply span{font:normal 18px Arial}
.ix-call{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border:1px solid #ffffff30;font:600 22px 'Barlow Condensed',sans-serif;letter-spacing:.5px;transition:border-color .25s}
.ix-call:hover{border-color:#c02ac0}.ix-call small{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#b99cc4}
.ix-film{display:flex;align-items:center;gap:14px;margin-top:6px;padding:10px 0;background:none;border:0;color:#e8dcee;font:500 13px 'Barlow Condensed',sans-serif;letter-spacing:1.8px;text-align:left}
.ix-film .play-icon{width:34px;height:34px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;font-size:11px;transition:border-color .25s}
.ix-film small{margin-left:auto;font-size:10px;color:#a396ab}
.ix-film:hover .play-icon{border-color:#c02ac0}
@media(max-width:1024px){
 .ix-top{height:78px}.ix-brand{font-size:24px}.ix-brand span{font-size:15px}.ix-label{margin-left:22px}
 .ix-body{grid-template-columns:1fr;gap:34px;align-items:start;padding:18px 0 calc(28px + env(safe-area-inset-bottom))}
 .ix-list{grid-template-columns:34px minmax(0,1fr) auto 24px;column-gap:14px}
 .ix-list a{padding:12px 0}
 .ix-en{font-size:clamp(28px,8.4vw,44px)}
 .ix-ko{grid-column:2;grid-row:2;opacity:1}.ix-ko small{display:none}
 .ix-now{grid-column:3;grid-row:1}
 .ix-arrow{grid-column:4;grid-row:1;opacity:1;transform:none;font-size:20px}
 .ix-side{padding-bottom:0}
 .ix-lead{font-size:17px}
}
@media(max-width:600px){.ix-label,.ix-clock{display:none}.ix-side{grid-template-columns:1.35fr 1fr}.ix-eyebrow,.ix-lead,.ix-film{grid-column:1/-1}.ix-apply,.ix-call{padding:15px 14px}.ix-call{font-size:18px}}
@media(prefers-reduced-motion:reduce){.site-index,.ix-list li,.ix-side,.ix-en,.ix-ko,.ix-arrow,.ix-list a::after,.gnb-float,.gnb-float.show,.menu-btn b,.gf-menu b{transition:none}}

/* --- 첫 화면 높이 맞춤: 노트북(Windows 125%·1366·MacBook)처럼 세로가 짧은 창에서도 히어로가 한 화면에 들어오게.
   제목·여백을 폭(vw)과 높이(svh) 중 작은 쪽으로 정한다. 1920×1080 큰 화면은 기존 크기 그대로. --- */
@media(min-width:801px){
 .hero{min-height:480px;height:calc(100svh - 100px)}
 .hero-copy{margin-top:clamp(16px,6.7svh,65px)}
 .kicker{font-size:clamp(24px,min(3.7vw,6.2svh),58px)}
 .hero h1{font-size:clamp(60px,min(11.8vw,19svh),185px)}
 .copy-row{margin-top:clamp(14px,5svh,48px)}
 .headline{font-size:clamp(17px,min(1.75vw,3.2svh),29px)}
 .description{font-size:clamp(11px,1.6svh,12px)}
 .play{bottom:clamp(88px,13svh,130px)}
}
@media(min-width:801px) and (max-height:760px){
 .hero-copy{margin-top:clamp(12px,4svh,40px)}
 .copy-row{margin-top:clamp(12px,3.4svh,32px)}
 .hero h1{font-size:clamp(60px,min(11.8vw,18svh),185px)}
 .eyebrow{font-size:9px}
}

/* --- 상담 CTA: 꽉 찬 퍼플 박스 대신 퍼플 테두리 + 두 줄 라벨(메뉴와 같은 문법), 마우스를 올리면 왼쪽부터 퍼플이 차오름 --- */
.gnb-cta,.gf-cta{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px;overflow:hidden;background:transparent;border:1px solid #c02ac0;color:#f4edf4;transition:border-color .3s,color .3s}
.gnb-cta{height:48px;padding:0 16px 0 18px;margin-left:24px}
.gnb-cta::before,.gf-cta::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#b026b0,#d33acc);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.65,0,.2,1)}
.gnb-cta:hover::before,.gnb-cta:focus-visible::before,.gf-cta:hover::before,.gf-cta:focus-visible::before{transform:none}
.gnb-cta:hover,.gf-cta:hover{background:transparent;border-color:#d33acc}
.cta-label{display:grid;gap:3px}
.cta-label .en{font:500 13px/1 'Barlow Condensed',sans-serif;letter-spacing:2.2px}
.cta-label .ko{font-size:10px;line-height:1.2;font-weight:400;letter-spacing:-.1px;color:#c9a9d3;transition:color .3s}
.gnb-cta:hover .ko{color:#fff}
.cta-arrow{font:normal 17px/1 Arial;font-style:normal;color:#e45ddd;transition:transform .45s cubic-bezier(.65,0,.2,1),color .3s}
.gnb-cta:hover .cta-arrow,.gf-cta:hover .cta-arrow{color:#fff;transform:translate(3px,-3px)}
.gf-cta{height:44px;padding:0 14px 0 16px;gap:12px;font-size:13px;font-weight:500;letter-spacing:-.2px;background:#0a0810d6;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 14px 34px -20px #000}
.gf-cta:hover{background:#0a0810d6}
.gf-cta .cta-arrow{width:auto;height:auto;border-radius:0;background:none}
@media(prefers-reduced-motion:reduce){.gnb-cta::before,.gf-cta::before,.cta-arrow{transition:none}}

/* --- 02 LOCATION 지도 라벨: 꽉 찬 퍼플 박스 → 유리 박스 + 퍼플 테두리 + 도면 주석식 지시선 (상담 버튼·칩과 같은 문법) --- */
.location .site-pin{transform:translate(-50%,calc(-100% - 22px));text-align:center;padding:8px 13px 9px;background:#0a0810cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #c02ac0;color:#f4edf4;animation-name:pin-glow-2}
.location .site-pin small{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 6px;font:500 8px/1 'Barlow Condensed',sans-serif;letter-spacing:1.8px;color:#d9a6e0}
.location .site-pin small i{width:4px;height:4px;border-radius:50%;background:#e45ddd;box-shadow:0 0 8px #c02ac0}
.location .site-pin strong{display:block;font-size:13px;font-weight:600;letter-spacing:-.4px;line-height:1}
.location .site-pin strong b{font:600 18px/1 'Barlow Condensed',sans-serif;letter-spacing:.4px;margin-left:2px}
.location .site-pin:after{bottom:-23px;left:50%;width:1px;height:22px;border:0;background:linear-gradient(#c02ac0,#c02ac000)}
@keyframes pin-glow-2{0%,100%{box-shadow:0 0 22px #c02ac018}50%{box-shadow:0 0 38px #c02ac044}}
@media(max-width:800px){.location .site-pin{padding:5px 8px 6px;transform:translate(-40%,calc(-100% - 10px))}.location .site-pin small{font-size:6px;letter-spacing:1px;gap:4px;margin-bottom:3px}.location .site-pin small i{width:4px;height:4px}.location .site-pin strong{font-size:10px}.location .site-pin strong b{font-size:13px}.location .site-pin:after{bottom:-11px;height:10px;left:40%}}

/* --- 가독성: 메뉴 한글은 밝은 회색(대비 약 11:1). 사이트 전체 보조 글자색은 대비 7:1 이상으로 일괄 보정됨(2026-09-26) --- */
.gnb .ko{color:#d2cad6}
.gnb a:hover .ko,.gnb a[aria-current] .ko{color:#ece6ef}
.cta-label .ko{color:#e3cfe8}
.ix-ko{opacity:.92}.ix-ko small{color:#b7abbf}
.contact-v2 .ct-primary small{color:#fff}
.flow .section-meta span:first-child{color:#e05bd8}
/* 상담 버튼 스타일(display:flex)이 태블릿·모바일 숨김 규칙을 덮어쓰던 문제 복구 — 모바일 가로 넘침 원인 */
@media(max-width:1024px){.header .gnb-cta,.gnb-float .gf-cta{display:none}}


/* ===== 전반 디테일 보강 (2026-09-26) — 자동 측정 + 섹션 점검 + Inspo 비교 ===== */
/* 본문 바로가기: 평소 숨김, Tab 키로 들어오면 왼쪽 위에 나타남 */
.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:12px 16px;background:#0a0810;border:1px solid #c02ac0;color:#f4edf4;font-size:13px;transition:top .2s}
.skip-link:focus{top:16px}
main:focus{outline:none}

/* CTA 문법 통일: 꽉 찬 퍼플 박스 → 퍼플 테두리 + 옅은 퍼플 틴트, 마우스를 올리면 왼쪽부터 퍼플이 차오름
   (Belmond·Bowers & Wilkins처럼 프리미엄 브랜드는 채운 박스 대신 테두리·자간 CTA) */
.benefit .bn-cta,.contact-v2 .ct-primary,.ix-apply,.mbar .mbar-apply{position:relative;isolation:isolate;overflow:hidden;background:#c02ac01f;border:1px solid #c02ac0;color:#f4edf4}
.benefit .bn-cta::before,.contact-v2 .ct-primary::before,.ix-apply::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#b026b0,#d33acc);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.65,0,.2,1)}
.benefit .bn-cta:hover::before,.benefit .bn-cta:focus-visible::before,.contact-v2 .ct-primary:hover::before,.contact-v2 .ct-primary:focus-visible::before,.ix-apply:hover::before,.ix-apply:focus-visible::before{transform:none}
.benefit .bn-cta:hover,.contact-v2 .ct-primary:hover,.ix-apply:hover{background:#c02ac01f;border-color:#d33acc}
.benefit .bn-cta span,.ix-apply span{color:#e45ddd;transition:transform .45s cubic-bezier(.65,0,.2,1),color .3s}
.benefit .bn-cta:hover span{color:#fff;transform:translateX(4px)}
.ix-apply:hover span{color:#fff;transform:translate(3px,-3px)}
.contact-v2 .ct-primary i{color:#e45ddd;transition:transform .35s,color .3s}
.contact-v2 .ct-primary:hover i{color:#fff}
.contact-v2 .ct-primary small{color:#e9c4ec}
.contact-v2 .ct-primary:hover small{color:#fff}
.mbar .mbar-apply{background:#c02ac033;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mbar .mbar-apply span{color:#f07be8}

/* 작은 글자 하한: 영문 라벨 10px, 한글 안내문 11px (8~9px는 노트북에서도 읽기 어려움) */
.header-note,.coordinates,.play small{font-size:10px}
.location .map-heading,.location .map-foot{font-size:10px}
.axon-sec .am-note,.depth .model-note,.scale .source-note,.drive .source-note{font-size:11px}
.door .eyeline{font-size:10px}
@media(max-width:800px){.eyebrow{font-size:10px}}
@media(min-width:801px) and (max-height:760px){.eyebrow{font-size:10px}}
.location .site-pin small{font-size:9px}
@media(max-width:800px){.location .site-pin small{font-size:7px}.location .site-pin strong{font-size:11px}.location .site-pin strong b{font-size:14px}}

/* 모바일 터치 영역 44px (애플·구글 권장) */
@media(max-width:900px){
 .benefit button[aria-pressed]{min-height:44px}
 .motion-toggle,.lg-motion,.door .play-controls button,.drive .controls button{min-height:44px}
 .location .source a,.location a[href*="ifez"]{display:inline-flex;align-items:center;min-height:44px}
}
.progress a{padding:6px 0}

@media(prefers-reduced-motion:reduce){.benefit .bn-cta::before,.contact-v2 .ct-primary::before,.ix-apply::before{transition:none}}
/* 작은 글자 하한 마무리 + 새 푸터 모바일 터치 영역 */
.drive .controls>span{font-size:11px}
.drive .journey-top{font-size:10px}
.scale .source-note,.drive .source-note,.door .source-note{font-size:11px}
@media(max-width:800px){.flow .section-meta{font-size:10px}}
.door .diagram-top{font-size:10px}
.door .play-controls>span{font-size:11px}
@media(max-width:480px){.scale .meta,.location .meta,.drive .meta,.door .meta,.door .diagram-top{font-size:10px}}
#lg-label{font-size:11px}
@media(max-width:480px){.location .node span{font-size:10px}}
/* 도면 하단 캡션·상태 표시·모바일 섹션 머리글 하한 */
#am-label,#model-label,#bn-status{font-size:11px}
.am-scene-bottom>span,.scene-bottom>span{font-size:10px}
@media(max-width:480px){.am-meta>span,.chapter>span,.ct-meta>span{font-size:10px}}

/* --- 마우스 인터랙션 (PC 마우스 전용) --- */
.cursor{display:none}
.has-cursor,.has-cursor *{cursor:none}
.has-cursor dialog,.has-cursor dialog *{cursor:auto}
.has-cursor dialog button,.has-cursor dialog [role=tab]{cursor:pointer}
.has-cursor .cursor{display:block;position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s}
.has-cursor .cursor.on{opacity:1}
.has-cursor .cursor.off{opacity:0}
.cursor-dot,.cursor-ring{position:absolute;left:0;top:0;will-change:transform}
.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#e45ddd;box-shadow:0 0 10px #c02ac0}
.cursor-ring{display:grid;place-items:center;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1px solid #f4edf466;transition:width .35s cubic-bezier(.2,.7,.2,1),height .35s cubic-bezier(.2,.7,.2,1),margin .35s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s}
.cursor.hot .cursor-ring{width:58px;height:58px;margin:-29px 0 0 -29px;border-color:#d33acc;background:#c02ac01f}
.cursor.hot .cursor-dot{opacity:0}
.cursor.labeled .cursor-ring{width:74px;height:74px;margin:-37px 0 0 -37px;background:#c02ac0d9;border-color:#d33acc}
.cursor.press .cursor-ring{width:26px;height:26px;margin:-13px 0 0 -13px}
.cursor.hot.press .cursor-ring{width:48px;height:48px;margin:-24px 0 0 -24px}
.cursor-label{font:600 11px 'Barlow Condensed',sans-serif;font-style:normal;letter-spacing:2px;color:#fff;opacity:0;transition:opacity .25s}
.cursor.labeled .cursor-label{opacity:1}
.magnetic{transition:translate .45s cubic-bezier(.2,.7,.2,1)}
/* 첫 화면 스포트라이트 */
.hero .spot{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .6s;mix-blend-mode:screen;background:radial-gradient(circle 360px at var(--mx,70%) var(--my,55%),#ffffff1a,#c02ac014 40%,transparent 72%)}
.hero .spot.on{opacity:1}
@media(prefers-reduced-motion:reduce){.hero .spot{display:none}.magnetic{transition:none}}
.cursor.labeled .cursor-ring{width:64px;height:64px;margin:-32px 0 0 -32px;background:#c02ac09e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.cursor-label{font-size:12px}

/* --- 연기 커서 (WebGL 유체): 화면 전체에 깔리지만 클릭은 통과, 퍼플 커서보다 한 층 아래, screen 합성으로 어두운 배경에서 빛남 --- */
canvas.smoke{position:fixed;inset:0;width:100%;height:100%;z-index:9998;pointer-events:none;mix-blend-mode:screen;transition:opacity .3s}
canvas.smoke.off{opacity:0}

/* --- PC 전화 버튼 복사 피드백 (app.js tel-copy) --- */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ix-call.copied,.contact-v2 .ct-call.copied{border-color:#c02ac0}
.ix-call.copied small,.contact-v2 .ct-call.copied small,.contact-v2 .ct-call.copied .ct-sub{color:#efc2f0}

/* --- 도크 겹침 정리: 메뉴로 이동하면 섹션 경계가 화면 맨 위에 붙고(이전 섹션 각주가 도크 밑에 비치지 않음),
       섹션 상단 라벨 줄은 도크(PC 14~58px · 1024 이하 10~54px) 아래로 오도록 상단 여백을 통일 --- */
html{scroll-padding-top:0}
:is(#project,#location,#drivein,#doortodoor,#logistics,#space,#amenity,#benefit){padding-top:76px}
@media(max-width:1024px){:is(#project,#location,#drivein,#doortodoor,#logistics,#space,#amenity,#benefit){padding-top:70px}}
/* 마지막 섹션이 화면보다 짧으면 메뉴 이동 시 맨 위까지 못 올라가 위 섹션 버튼이 도크에 가려짐 → 최소 한 화면 높이 */
@media(min-width:1025px){.contact-v2 .ct-inner{min-height:max(min(92vh,900px),100svh)}}
/* 01 PROJECT 수치 3칸: 마지막 칸(대지면적)도 다른 칸처럼 오른쪽 28px 안쪽에서 끝나게 (칸이 3열일 때만) */
@media(min-width:801px){.scale .metric:last-child{padding-right:28px}}

/* --- 모바일: 05 LOGISTICS · 06 SPACE · 07 AMENITY · 08 BENEFIT — 도면 · 탭 · 설명을 한 화면에 (04 DOOR TO DOOR 방식)
       도면 높이를 줄이고, 탭을 도면 바로 아래 가로 한 줄로 올리고(04와 같은 칸·아래 퍼플 선), 큰 영문 단어·설명은 탭 아래에 작게 --- */
@media(max-width:650px){
 .axon-sec .am-scene{height:300px}
 .axon-sec .am-scene-label{top:12px}
 .axon-sec .am-frame{inset:32px 0 46px}
 .axon-sec .am-scene-bottom{bottom:0;padding-top:10px;align-items:center}
 .axon-sec .am-info{display:flex;flex-direction:column;padding:12px 0 20px}
 .axon-sec .am-options,.depth .space-options{order:-1;margin-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
 .depth .space-options{grid-template-columns:repeat(4,minmax(0,1fr))}
 .axon-sec .am-options button,.depth .space-options button{display:block;min-height:64px;padding:12px 9px 11px;border:0;border-bottom:2px solid transparent;text-align:left;font-size:12px;line-height:1.35}
 .axon-sec .am-options button+button,.depth .space-options button+button{border-left:1px solid #ffffff20}
 .axon-sec .am-options button:last-child,.depth .space-options button:last-child{border-bottom:2px solid transparent}
 .axon-sec .am-options button>span,.depth .space-options button>span{display:block;margin:0 0 6px;font-size:13px}
 .axon-sec .am-options strong,.depth .space-options strong{display:block;font-size:12px;font-weight:500;word-break:keep-all}
 .axon-sec .am-options small,.axon-sec .am-options i,.depth .space-options small,.depth .space-options i{display:none}
 .axon-sec .am-options button[aria-pressed=true],.depth .space-options button[aria-pressed=true]{padding-left:9px;background:#c02ac010;border-bottom-color:#d340ca}
 .axon-sec .am-selection{padding-top:16px}
 .axon-sec .am-word{font-size:42px;margin:10px 0 4px}
 .axon-sec .am-selection h3{font-size:19px}
 .axon-sec .am-desc{margin-top:8px;line-height:1.75}

 .depth .sculpture{height:330px}
 .depth .axon-frame{inset:40px 0 42px}
 .depth .stack-frame{width:56px;height:72px;top:0}
 .depth .scene-bottom{padding-top:10px}
 .depth .information{display:flex;flex-direction:column;padding:12px 0 20px}
 .depth .selection{padding-top:16px}
 .depth .floor-range{font-size:46px;margin:10px 0 4px}
 .depth .selection h2:where(:not(.sec-title)){font-size:19px}
 .depth .space-description{margin:8px 0 6px;line-height:1.75}

 .benefit .am-scene{height:250px}
 .benefit .am-frame{inset:28px 0 44px}
 .benefit .bn-info{gap:12px;padding:12px 0 20px}
 .benefit .bn-group{padding-top:10px}
 .benefit .bn-group legend{margin-bottom:8px}
 .benefit .bn-group legend strong{font-size:14px}
 .benefit .bn-chips{gap:6px}
 .benefit .bn-chips button{min-height:40px;padding:8px 11px}
 .benefit .bn-cta{margin-top:2px;padding:14px 16px}
 .benefit .bn-hint{margin:-4px 0 0}
}
/* 세로가 짧은 폰(아이폰 SE 등 700px 이하): 도면만 더 줄여 한 화면 유지 */
@media(max-width:650px) and (max-height:700px){
 .axon-sec .am-scene{height:270px}
 .depth .sculpture{height:272px}
 .depth .information{padding-bottom:8px}
 .depth .stack-frame{width:48px;height:62px}
 .benefit .am-scene{height:200px}
 .benefit .bn-info{gap:10px}
}

/* --- 08 BENEFIT 추가 15% 안내 (사용자 확정 문구 2026-09-27: 조건부로 보이게 ※ 함께) --- */
.benefit .bn-extra{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 16px;margin:22px 0 0;padding:14px 18px;border:1px solid #c02ac070;background:#c02ac012}
.benefit .bn-extra b{grid-row:span 2;font:600 46px/1 'Barlow Condensed',sans-serif;letter-spacing:-.5px;color:#e45ddd}
.benefit .bn-extra span{font-size:15px;font-weight:500;line-height:1.45;color:#f4edf4}
.benefit .bn-extra small{font-size:11px;line-height:1.5;color:#cfc3d6}
@media(max-width:650px){.benefit .bn-extra{margin-top:18px;padding:12px 14px;gap:2px 12px}.benefit .bn-extra b{font-size:38px}.benefit .bn-extra span{font-size:14px}}
/* CONTACT 예약제 안내 */
.contact-v2 .ct-reserve{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:13px;line-height:1.5;color:#e9dff0}
.contact-v2 .ct-reserve i{flex:none;width:6px;height:6px;border-radius:50%;background:#d33acc}
/* CONTACT 사업자·운영 주체 고지 (사용자 확정 2026-09-27) — 구분선은 첫 줄에만 */
.contact-v2 .ct-operator{color:#cfc3d6}
.contact-v2 .ct-operator+.ct-legal{border-top:0;padding-top:1.9em} /* 두 문장 사이 빈 줄 한 줄 (사용자 요청) */
/* 회사명 "(주)메타디앤씨"가 (주)와 이름 사이에서 줄바꿈되지 않게 + 안내문 한글 단어 단위 줄바꿈 */
.contact-v2 .ct-nowrap{white-space:nowrap}
.contact-v2 .ct-legal{word-break:keep-all}

/* --- 상담 신청서 (전체 화면, INDEX와 같은 문법) — 네이버 폼 대체, Netlify Forms로 접수 --- */
.lead-sheet{position:fixed;inset:0;z-index:61;display:flex;flex-direction:column;padding:0 4.4%;background:radial-gradient(110% 80% at 0% 100%,#2a0c2c 0%,transparent 55%),#0a0810;color:#f4edf4;overflow:auto;overscroll-behavior:contain;opacity:0;transition:opacity .35s}
.lead-sheet[hidden]{display:none}
.lead-sheet.in{opacity:1}
.ls-open body{overflow:hidden}
.ls-open .gnb-float,.ls-open .mbar,.ls-open canvas.smoke{visibility:hidden}
.lead-sheet .ls-top{flex:none;display:flex;align-items:center;gap:28px;height:100px;border-bottom:1px solid #ffffff1f}
.lead-sheet .ix-brand{display:inline-flex;align-items:baseline;gap:7px;font:700 28px/1 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#f4edf4}
.lead-sheet .ix-brand span{font:600 24px/1 'Noto Sans KR',sans-serif;letter-spacing:-1px}
.lead-sheet .ix-label{font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2.4px;color:#cfc3d6}
.lead-sheet .ix-label em{font-style:normal;color:#e45ddd;letter-spacing:1px}
.ls-body{flex:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;align-items:start;max-width:1400px;width:100%;margin:0 auto;padding:56px 0 64px}
.ls-eyebrow{margin:0 0 18px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2.6px;color:#e45ddd}
.ls-intro h2,.ls-done h3{margin:0;font:600 clamp(64px,7.4vw,118px)/.9 'Barlow Condensed','Noto Sans KR',sans-serif;letter-spacing:-2px;color:#f4edf4}
.ls-intro h2{font-family:'Noto Sans KR',sans-serif;font-size:clamp(44px,4.6vw,72px);line-height:1.12;letter-spacing:-2.5px;font-weight:700}
.ls-intro h2 span,.ls-done h3 span{color:#d33acc}
.ls-lede{display:flex;align-items:center;gap:10px;margin:30px 0 8px;font-size:15px;font-weight:500;color:#f4edf4}
.ls-lede i{flex:none;width:6px;height:6px;border-radius:50%;background:#d33acc}
.ls-sub{margin:0;font-size:13px;line-height:1.8;color:#cfc3d6}
.ls-call{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 14px;margin-top:40px;padding:18px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;color:#f4edf4;max-width:420px}
.ls-call small{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#cfc3d6}
.ls-call strong{font:600 34px/1 'Barlow Condensed',sans-serif;letter-spacing:.5px}
.ls-call span{grid-column:2;font-size:11px;color:#cfc3d6}
.ls-call:hover strong{color:#e45ddd}
/* 입력 */
.ls-form{display:grid;gap:22px}
.ls-field{display:grid;gap:10px;min-width:0;margin:0;padding:0;border:0}
.ls-lab{display:flex;align-items:baseline;gap:4px}
.ls-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ls-lab,.ls-field>label,.ls-set legend{padding:0;font-size:13px;font-weight:500;color:#f4edf4}
.ls-field em{margin-left:6px;font:500 10px 'Barlow Condensed',sans-serif;font-style:normal;letter-spacing:1.4px;color:#ec84e6}
.ls-field small{margin-left:6px;font-size:11px;font-weight:400;color:#cfc3d6}
.ls-set legend{margin-bottom:10px}
.ls-form input[type=text],.ls-form input[type=tel],.ls-form input[type=date],.ls-form textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid #ffffff38;border-radius:0;background:transparent;color:#f4edf4;font:500 17px/1.5 'Noto Sans KR',sans-serif;outline:none;transition:border-color .25s}
.ls-form textarea{resize:vertical;min-height:84px;font-size:15px}
.ls-form ::placeholder{color:#8f8498}
.ls-form input:focus,.ls-form textarea:focus{border-bottom-color:#d33acc}
.ls-form [aria-invalid=true]{border-bottom-color:#ff6b8b}
.ls-row{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.ls-no{margin-right:10px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:1.4px;color:#ec84e6;vertical-align:1px}
.ls-form input[type=date]{color-scheme:dark;min-height:50px;font-family:'Barlow Condensed','Noto Sans KR',sans-serif;font-size:19px;letter-spacing:.5px}
.ls-form input[type=date]:not(:valid){color:#b3a9ba}
.ls-form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;filter:invert(62%) sepia(62%) saturate(2400%) hue-rotate(262deg)}
.ls-chips[data-single=size]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:620px}
.ls-chips button{white-space:nowrap}
@media(max-width:900px){.ls-chips[data-single=size]{grid-template-columns:repeat(3,minmax(0,1fr))}.ls-chips[data-single=size] button{padding:10px 4px;font-size:13px}.ls-chips[data-single=type]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
.ls-set.invalid .ls-chips button{border-color:#ff6b8b99}
.ls-promise{flex-basis:100%;margin:-6px 0 0 30px;font-size:12px;color:#cfc3d6}
.ls-chips{display:flex;flex-wrap:wrap;gap:8px}
.ls-chips button{min-height:44px;padding:10px 16px;border:1px solid #ffffff2e;background:transparent;color:#d8cfdd;font-size:14px;transition:border-color .25s,color .25s,background .25s}
.ls-chips button:hover{border-color:#c343bd;color:#f4edf4}
.ls-chips button[aria-pressed=true]{border-color:#e27be0;background:#c02ac02e;color:#fff}
.ls-picked{margin:0;padding:12px 14px;border-left:2px solid #d33acc;background:#c02ac012;font-size:13px;line-height:1.7;color:#e9dff0}
.ls-picked b{color:#fff;font-weight:600}
.ls-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* 동의 */
.ls-consent{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:4px}
.ls-check{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:13px;color:#f4edf4}
.ls-check input{position:absolute;opacity:0;width:1px;height:1px}
.ls-check b{flex:none;display:grid;place-items:center;width:20px;height:20px;border:1px solid #ffffff55;transition:border-color .2s,background .2s}
.ls-check input:checked+span b{border-color:#e27be0;background:#c02ac0}
.ls-check input:checked+span b::after{content:'';width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.ls-check input:focus-visible+span b{outline:2px solid #e27be0;outline-offset:2px}
.ls-check span{display:flex;align-items:center;gap:10px}
.ls-check.invalid b{border-color:#ff6b8b}
.ls-more{min-height:44px;padding:0 4px;border:0;background:none;color:#cfc3d6;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.ls-terms{flex-basis:100%;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;padding:14px 16px;border:1px solid #ffffff1f;font-size:12px;line-height:1.6}
.ls-terms[hidden]{display:none}
.ls-terms dt{color:#cfc3d6}.ls-terms dd{margin:0;color:#e9dff0}
.ls-error{margin:0;font-size:13px;color:#ffb3c3}
/* 제출 버튼: 사이트 CTA 문법(퍼플 테두리+틴트, 마우스 올리면 왼쪽부터 채움) */
.ls-submit{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;min-height:62px;padding:0 24px;border:1px solid #c02ac0;background:#c02ac01f;color:#f4edf4;font-size:16px;font-weight:600;cursor:pointer}
.ls-submit::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#b026b0,#d33acc);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.65,0,.2,1)}
.ls-submit:hover::before,.ls-submit:focus-visible::before{transform:none}
.ls-submit i{font:normal 22px Arial;font-style:normal;color:#e45ddd;transition:transform .45s cubic-bezier(.65,0,.2,1),color .3s}
.ls-submit:hover i{color:#fff;transform:translateX(4px)}
.ls-submit[disabled]{opacity:.6;cursor:progress}
/* 완료 */
.ls-done{align-self:center;outline:none}
.ls-done h3{font-family:'Noto Sans KR',sans-serif;font-size:clamp(36px,3.8vw,58px);line-height:1.2;letter-spacing:-2px;font-weight:700}
.ls-done h3 span{display:block}
.ls-done p:not(.ls-eyebrow){margin:22px 0 32px;font-size:15px;line-height:1.8;color:#e9dff0}
.ls-back{display:inline-flex;gap:12px;align-items:center;min-height:48px;padding:0 20px;border:1px solid #ffffff38;background:none;color:#f4edf4;font-size:14px}
.ls-back:hover{border-color:#d33acc}
.lead-sheet.sent .ls-form{display:none}
@media(max-width:900px){
 .lead-sheet .ls-top{height:78px;gap:16px}
 .lead-sheet .ix-label{display:none}
 .ls-body{grid-template-columns:1fr;gap:34px;padding:34px 0 48px}
 .ls-intro h2{font-size:clamp(38px,11vw,56px)}
 .ls-lede{margin-top:20px}
 .ls-call{margin-top:24px;padding:14px 0}
 .ls-call strong{font-size:28px}
 .ls-row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.lead-sheet,.ls-submit::before,.ls-submit i{transition:none}}
@media(min-width:901px){.ls-intro{position:sticky;top:48px}}