: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/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%}