:root{--ink:#171717;--muted:#62625f;--paper:#fff;--line:#d8d8d3;--soft:#f2f2ee;font-family:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #986c28;outline-offset:5px}button:disabled{opacity:.55;cursor:not-allowed}p{line-height:1.7}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all;text-wrap:balance;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.6vw,5.8rem);font-weight:500;line-height:1.12}h2{font-size:clamp(2rem,3.8vw,3.7rem);font-weight:500;line-height:1.2}h3{font-size:1.5rem;font-weight:500}.wrap{max-width:1600px;margin:auto;padding-inline:4.3vw}.demo-bar{background:#ededE9;font-size:.75rem;padding:9px 4.3vw;display:flex;justify-content:space-between;gap:12px}.demo-bar a{text-decoration:underline;text-underline-offset:3px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:26px;border-bottom:1px solid var(--line);gap:25px}.wordmark{font-size:1.55rem;font-weight:750;letter-spacing:-.04em}.wordmark span{font-size:.72rem;font-weight:400;letter-spacing:.05em;margin-left:13px}.site-nav{display:flex;gap:25px;font-size:.9rem}.site-nav a{padding:8px 0}.site-nav a[aria-current=page]{border-bottom:1px solid var(--ink)}.hero-heading{padding-block:57px 35px;display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.hero-heading .intro{max-width:320px;font-size:1rem;color:var(--muted)}.hero-photo{min-height:250px;aspect-ratio:2.2/1}.photo{position:relative;background-color:#e7e4db;overflow:hidden}.photo:before{content:"사진을 불러오는 중";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#53534f}.photo.ready:before{display:none}.photo.failed:before{content:"사진을 불러오지 못했습니다. 공간 설명으로 확인해 주세요.";padding:25px;text-align:center;background:#e7e4db}.photo.ready{background-image:url('/demos/studio-index/assets/studio-scenes.png');background-repeat:no-repeat;background-size:200% 200%;background-position:var(--px,0%) var(--py,0%)}.scene-0{--px:0%;--py:0%}.scene-1{--px:100%;--py:0%}.scene-2{--px:0%;--py:100%}.scene-3{--px:100%;--py:100%}.hero-caption{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-block:22px;border-bottom:1px solid var(--line);gap:20px}.room-tabs{display:flex;gap:24px;flex-wrap:wrap}.room-tabs button{background:none;border:0;border-bottom:1px solid transparent;color:var(--muted);padding:8px 0;font-size:1rem}.room-tabs button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.hero-caption .actions{justify-content:flex-end}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:48px;padding:13px 22px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:.9rem;line-height:1.3}.btn.light{background:#fff;color:var(--ink)}.btn:hover{background:#383833;color:#fff}.text-link{border-bottom:1px solid var(--ink);padding-block:8px;font-size:.9rem}.caption{color:var(--muted);font-size:.78rem;padding-top:10px;line-height:1.55}.section{padding-block:86px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head p{max-width:420px;color:var(--muted)}.room-list{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px}.room-item .photo{aspect-ratio:1.35/1;margin-bottom:20px}.room-item p{font-size:.9rem;margin:10px 0 15px;color:var(--muted)}.room-item a{display:inline-block}.filter-label{display:grid;gap:8px;font-size:.85rem}.filter-label select{min-width:150px}.compare-wrap{background:var(--soft);padding:55px 4.3vw}.compare-wrap .wrap{padding:0}.compare-picker{display:flex;flex-wrap:wrap;gap:14px 30px;margin:25px 0}.compare-picker label{display:flex;gap:8px;align-items:center;min-height:40px}.compare-picker input{width:18px;height:18px;accent-color:var(--ink)}.compare-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem;table-layout:fixed}.compare-table th,.compare-table td{border-top:1px solid #ccccc5;padding:20px 16px 20px 0;vertical-align:top;line-height:1.65;word-break:keep-all}.compare-table th:first-child{width:17%;color:var(--muted);font-weight:400}.compare-table thead th:not(:first-child){font-size:1.15rem;font-weight:500}.compare-table .text-link{display:inline-block}.empty{padding:35px;background:#fff;line-height:1.7}.footer{margin-top:75px;padding-block:35px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:35px}.footer p{font-size:.78rem;color:var(--muted);max-width:630px}.footer .actions{font-size:.85rem}.detail-head{padding-block:46px 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.detail-head p{max-width:400px;color:var(--muted)}.detail-photo{aspect-ratio:2.1/1;min-height:260px}.photo-controls{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.photo-controls button{background:white;border:1px solid var(--line);padding:10px 16px;min-height:44px}.photo-controls button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.facts{margin:25px 0 0}.facts>div{display:grid;grid-template-columns:115px 1fr;padding:18px 0;border-top:1px solid var(--line);gap:20px}.facts dt{color:var(--muted)}.facts dd{margin:0;line-height:1.6}.floorplan{padding:28px;background:var(--soft)}.floorplan svg{width:100%;height:auto;max-height:350px}.floorplan text{font-family:inherit;font-size:15px;fill:#333}.usage-list{padding:0;list-style:none}.usage-list li{padding:18px 0;border-bottom:1px solid var(--line);line-height:1.7}.usage-list strong{display:block;font-weight:600}.inquiry-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:50px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:grid;gap:9px;font-size:.9rem;align-content:start}.full{grid-column:1/-1}input,select,textarea{border:1px solid #aaa99f;border-radius:0;background:#fff;color:var(--ink);padding:13px 14px;width:100%;min-height:48px}textarea{resize:vertical;line-height:1.7}.field small{color:var(--muted);line-height:1.6}.summary{background:var(--soft);padding:30px;align-self:start}.summary h2{font-size:1.6rem;margin-bottom:20px}.summary textarea{background:transparent;border:0;padding:0;min-height:300px;font-size:.95rem}.notice{font-size:.85rem;color:var(--muted);line-height:1.7;margin-top:20px}.status{min-height:1.5em;color:#59513c;font-size:.85rem;line-height:1.7;margin:12px 0}.storage-notice:empty{display:none}.storage-notice{padding:14px;background:#fff3d7;color:#59451e;font-size:.85rem}.mobile-only{display:none}[hidden]{display:none!important}.skip{position:fixed;z-index:100;top:10px;left:10px;padding:12px;background:#fff;transform:translateY(-200%)}.skip:focus{transform:none}@media(max-width:850px){.hero-heading{padding-top:40px}.hero-heading .intro{max-width:240px}.hero-photo{aspect-ratio:1.65/1}.room-list{gap:16px;grid-template-columns:1fr 1fr}.room-item:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px}.split,.inquiry-layout{gap:35px}.compare-table{font-size:.85rem}.compare-table th,.compare-table td{padding:16px 10px 16px 0}.footer{flex-direction:column}.wordmark span{display:none}}@media(max-width:600px){.wrap{padding-inline:22px}.demo-bar{padding-inline:22px;align-items:center;font-size:.7rem}.demo-bar span{max-width:200px}.site-header{padding-block:18px;gap:15px;flex-wrap:wrap}.wordmark{font-size:1.4rem}.site-nav{gap:19px;font-size:.82rem}.hero-heading{display:block;padding:35px 0 25px}.hero-heading .intro{max-width:100%;font-size:.9rem;margin-top:22px}.hero-photo{aspect-ratio:1.24/1;min-height:0}.hero-caption{grid-template-columns:1fr;gap:16px;padding-block:16px}.room-tabs{gap:22px}.room-tabs button{font-size:.9rem}.hero-caption .actions{justify-content:flex-start}.btn{min-height:46px;padding:12px 16px;font-size:.85rem}.section{padding-block:55px}.section-head{display:block;margin-bottom:25px}.section-head p{font-size:.9rem;margin-top:15px}.filter-label{margin-top:18px}.room-list{grid-template-columns:1fr;gap:35px}.room-item:last-child{display:block}.room-item .photo{aspect-ratio:1.4/1;margin-bottom:15px}.compare-wrap{padding:35px 22px}.compare-picker{gap:4px 17px;font-size:.85rem}.compare-table{font-size:.76rem}.compare-table th:first-child{width:19%}.compare-table thead th:not(:first-child){font-size:.92rem}.compare-table th,.compare-table td{word-break:normal;padding-right:7px}.compare-table .text-link{font-size:.75rem}.detail-head{display:block;padding-top:35px}.detail-head p{margin-top:20px}.detail-photo{aspect-ratio:1.25/1;min-height:0}.split,.inquiry-layout{grid-template-columns:1fr;gap:45px}.facts>div{grid-template-columns:90px 1fr;font-size:.9rem}.floorplan{padding:15px}.inquiry-layout{padding-top:25px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.summary{padding:22px}.footer{margin-top:50px}.footer .actions{gap:20px}.site-nav a{white-space:nowrap}.photo-controls button{font-size:.85rem;padding:10px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Preserve the generated photos proportions while cropping each sheet region. */
.photo.ready{background-size:auto 200%}.hero-photo.ready,.detail-photo.ready{background-size:200% auto}@media(max-width:600px){.hero-photo.ready,.detail-photo.ready{background-size:auto 200%}}

/* The primary room link owns the full image width; text links stay compact. */
.room-item > a:first-child{display:block;width:100%}

/* SPC-B / Room Index: decisions and conditions precede immersive photography. */
:root{--ink:#17292e;--muted:#4d656d;--paper:#eef3f5;--line:#bdcdd1;--soft:#e3ecef;--teal:#006f73}
body{background:var(--paper)}h1,h2,h3{font-weight:650;letter-spacing:-.035em}
h1{font-size:clamp(2.7rem,4.5vw,4.6rem)}h2{font-size:clamp(1.9rem,2.8vw,2.8rem)}
.wrap{max-width:1580px;padding-inline:4vw}.demo-bar{background:#dce9ec;color:#28494f;padding-inline:4vw;align-items:center}.demo-links{display:flex;gap:22px;flex-wrap:wrap}
.site-header{padding-block:23px;border-color:#9fb7bd}.wordmark{font-size:1.42rem;letter-spacing:-.035em}.wordmark span{color:#56717a}.site-nav a[aria-current=page]{border-bottom:2px solid var(--teal)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#00777c}
.hero-heading{padding-block:37px 28px;align-items:center}.hero-heading .intro{max-width:380px}
.index-console{display:grid;grid-template-columns:190px minmax(0,1.42fr) minmax(240px,.85fr);gap:0;background:white;align-items:stretch}
.space-index{display:flex;flex-direction:column;justify-content:space-between;background:#e2ecef;padding:22px 16px;border-right:1px solid var(--line)}
.room-tabs{display:flex;flex-direction:column;gap:6px}.room-tabs button{border:0;text-align:left;min-height:58px;padding:16px 15px;color:#35545d;font-size:1rem;font-weight:600}
.room-tabs button[aria-pressed=true]{background:var(--teal);color:white}.room-tabs button:hover{background:#cbdfe3;color:#163f48}.room-tabs button[aria-pressed=true]:hover{background:#005e62;color:white}
.space-index .actions{display:grid;gap:15px;margin-top:28px}.space-index .text-link{font-size:.82rem;justify-self:start}.space-index .btn{font-size:.83rem;padding:12px 10px;gap:8px}
.index-media{display:flex;flex-direction:column;min-width:0;padding:18px}.hero-photo{aspect-ratio:1.2/1;min-height:0;flex:1}.hero-photo.ready{background-size:auto 200%}
.index-conditions{padding:24px 23px;border-left:1px solid var(--line)}.index-conditions h2{font-size:1.55rem;color:#005f64}
.home-facts{margin:18px 0 0}.home-facts>div{display:block;padding:9px 0;border-top:1px solid #d5e0e3}.home-facts dt{font-size:.72rem;color:#566d76;margin-bottom:4px}.home-facts dd{margin:0;font-size:.87rem;line-height:1.55}
.mini-plan{margin-top:15px;background:#eef3f5;padding:6px}.mini-plan svg{display:block;width:100%;height:125px}.mini-plan text{font-family:inherit;font-size:15px;fill:#24444d}
.index-conditions .caption{font-size:.67rem;padding-top:5px}.index-intro>.caption{padding-top:12px}
.section{padding-block:60px}.section-head{margin-bottom:24px}.section-head p{font-size:.92rem}.filter-label select{background:#fff}
.room-list{display:flex;flex-direction:column;gap:0;background:#fff}.room-item,.room-item:last-child{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line)}
.room-item> a:first-child{display:grid;width:100%;grid-template-columns:110px 1fr;gap:22px;align-items:center}.room-item .photo{margin:0;width:110px;aspect-ratio:1.35/1}.room-item h3{font-size:1.35rem}.room-item p{margin:0;max-width:300px;font-size:.9rem}.room-item:last-child>div{display:contents}
.compare-wrap{background:#fff;border-block:1px solid var(--line);padding:42px 4vw}.compare-picker{gap:15px;margin:20px 0 25px}.compare-picker label{background:#edf4f5;padding:9px 15px;border:1px solid #c9dadd}
.compare-picker input{accent-color:var(--teal)}.compare-table th,.compare-table td{border-color:#c3d4d9}.compare-table thead th:not(:first-child){color:#00686c}.compare-table th:first-child{color:#4b656e}
.btn{background:var(--teal);border-color:var(--teal);color:white}.btn.light{color:#005e62;border-color:var(--teal)}.btn:hover{background:#00585c;border-color:#00585c;color:white}.text-link{border-color:currentColor}
.detail-head{padding-block:30px 25px;align-items:center}.detail-head h1{margin-top:19px!important}.detail-head>div:last-child{display:grid;grid-template-columns:200px 1fr;gap:35px;align-items:center;max-width:650px}.detail-head p{margin-top:0!important;font-size:.92rem}
.detail-workbench{display:grid;grid-template-columns:1.25fr 1fr .95fr;gap:24px;background:#fff;padding:24px;margin-bottom:55px}.detail-workbench>div{min-width:0}.detail-workbench h2{font-size:1.55rem}.detail-workbench h3{font-size:1.12rem}.detail-photo{aspect-ratio:1.05/1;min-height:0}.detail-photo.ready{background-size:auto 200%}.detail-workbench .facts{margin-top:20px}.detail-workbench .facts>div{grid-template-columns:70px 1fr;gap:12px;padding:14px 0;font-size:.85rem}.detail-workbench .floorplan{padding:10px;margin-top:10px}.detail-workbench .caption{font-size:.71rem}.photo-controls{gap:8px}.photo-controls button{padding:9px 11px;font-size:.8rem;border-color:#aebfc4}.photo-controls button[aria-pressed=true]{background:var(--teal);border-color:var(--teal)}
.split{grid-template-columns:.8fr 1.2fr;gap:6vw}.usage-list{margin-top:0}
body[data-page=inquiry] .hero-heading{padding-top:38px}body[data-page=inquiry] h1{font-size:clamp(2.4rem,4vw,4rem)}
.inquiry-layout{grid-template-columns:1fr 1.1fr;gap:0;padding-top:20px;background:#fff;margin-top:15px}.form-grid{padding:28px;gap:22px}.summary{background:#dfecef;padding:30px;min-height:100%}.summary h2{color:#006569}.summary textarea{min-height:330px}.field small{color:#4b6871}input,select,textarea{border-color:#9eb4bd}.status{color:#005e62}.footer{border-color:#adbec5;margin-top:60px}.footer .wordmark{color:#00676c}.footer .actions{font-size:.82rem}
@media(max-width:1100px){.index-console{grid-template-columns:155px 1fr 260px}.space-index{padding:16px 10px}.index-conditions{padding:19px 16px}.index-media{padding:12px}.detail-workbench{grid-template-columns:1fr 1fr;gap:25px}.detail-workbench>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;align-items:center}.detail-workbench>div:last-child .caption{grid-column:1/-1}.detail-workbench .floorplan{margin:0}.detail-workbench .floorplan svg{height:230px}.detail-head>div:last-child{max-width:500px;grid-template-columns:150px 1fr;gap:20px}}
@media(max-width:850px){.hero-heading{align-items:flex-start}.index-console{grid-template-columns:1fr 1fr}.space-index{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);gap:16px;padding:12px}.room-tabs{flex-direction:row;gap:5px}.room-tabs button{font-size:.85rem;min-height:44px;padding:10px 13px}.space-index .actions{display:flex;margin:0;gap:12px}.space-index .text-link{display:none}.index-media{padding:16px}.hero-photo{aspect-ratio:1/1}.index-conditions{border-left:0}.mini-plan svg{height:135px}.room-item,.room-item:last-child{grid-template-columns:1fr 1fr;gap:20px}.room-item>.text-link,.room-item:last-child>div>.text-link{grid-column:2}.room-item> a:first-child{grid-row:span 2;grid-template-columns:90px 1fr;gap:16px}.room-item .photo{width:90px}.room-item h3{font-size:1.15rem}.detail-head>div:last-child{display:block;max-width:300px}.detail-head p{margin-top:15px!important}.inquiry-layout{gap:0}.form-grid{padding:24px}.summary{padding:24px}}
@media(max-width:600px){.wrap{padding-inline:20px}.demo-bar{padding:9px 20px;align-items:flex-start;gap:14px}.demo-links{gap:5px;flex-direction:column;align-items:flex-end;flex-shrink:0}.demo-bar span{max-width:175px}.site-header{padding-block:18px}.site-nav{font-size:.79rem;gap:17px}.hero-heading{padding-block:28px 23px}.hero-heading h1{font-size:2.8rem}.hero-heading .intro{font-size:.9rem;margin-top:18px;max-width:100%}
.index-console{display:flex;flex-direction:column}.space-index{display:block;padding:13px}.room-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.room-tabs button{text-align:center;padding:12px 7px;font-size:.85rem}.space-index .actions{margin-top:13px;justify-content:space-between}.space-index .text-link{display:inline-block}.space-index .btn{min-height:42px;padding:10px 13px}
.index-media{padding:13px 13px 0}.hero-photo{aspect-ratio:1.5/1;flex:auto}.hero-photo.ready{background-size:200% auto}.index-conditions{padding:21px 18px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.index-conditions h2{grid-column:1/-1;font-size:1.4rem}.home-facts{margin-top:15px;grid-row:span 2}.home-facts>div{padding:8px 0}.home-facts dd{font-size:.8rem}.mini-plan{margin-top:15px;padding:0;align-self:start}.mini-plan svg{height:140px}.index-conditions .caption{font-size:.65rem;padding:0;align-self:start}
.section{padding-block:42px}.section-head h2{font-size:2rem}.section-head p{font-size:.88rem}.room-item,.room-item:last-child{padding:16px;grid-template-columns:1fr;gap:13px}.room-item> a:first-child{display:grid;grid-template-columns:90px 1fr;grid-row:auto;gap:16px}.room-item p{font-size:.86rem;max-width:none}.room-item>.text-link,.room-item:last-child>div>.text-link{grid-column:auto;justify-self:start}.room-item:last-child>div{display:contents}
.compare-wrap{padding:30px 20px}.compare-picker{gap:7px}.compare-picker label{padding:7px 9px;font-size:.8rem;min-height:38px}.compare-table th,.compare-table td{font-size:.75rem;padding-right:7px}.compare-table thead th:not(:first-child){font-size:.88rem}
.detail-head{padding-block:25px}.detail-head h1{font-size:2.6rem}.detail-head>div:last-child{max-width:none;margin-top:23px}.detail-head p{margin-top:13px!important}.detail-workbench{grid-template-columns:1fr;padding:18px;gap:27px;margin-bottom:40px}.detail-photo{aspect-ratio:1.4/1}.detail-workbench>div:last-child{display:block;grid-column:auto}.detail-workbench .floorplan{margin-top:15px}.detail-workbench .floorplan svg{height:auto}.detail-workbench .facts>div{font-size:.88rem}.split{grid-template-columns:1fr;gap:25px}.split>h2{font-size:2rem}.usage-list{font-size:.9rem}
.inquiry-layout{grid-template-columns:1fr;padding:0;margin-top:15px}.form-grid{padding:22px}.summary{padding:22px;min-height:0}.summary textarea{min-height:315px}body[data-page=inquiry] .hero-heading{padding-top:28px}body[data-page=inquiry] h1{font-size:2.6rem}.footer{margin-top:45px}}