:root{--paper:#f3f0e9;--ink:#22241f;--muted:#65685f;--sage:#56634c;--line:#cbc8bd;--white:#fffdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}::selection{background:#59654d;color:#fff}.skip{position:fixed;left:12px;top:-80px;z-index:99;background:var(--ink);color:#fff;padding:10px 14px}.skip:focus{top:12px}.type-header{height:86px;padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:rgba(243,240,233,.96);position:sticky;top:0;z-index:5}.type-brand img{display:block;width:54px;height:54px;object-fit:contain}.type-header nav{display:flex;gap:24px;margin-left:auto}.type-header a{color:inherit;text-decoration:none}.type-header nav a{font-family:Asta,Pretendard,sans-serif;font-weight:700}.type-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}.home-link{font-size:14px;border:1px solid var(--ink);padding:7px 13px}main{max-width:1240px;margin:auto;padding:0 clamp(20px,5vw,72px) 100px}.type-intro{min-height:510px;padding:clamp(70px,10vw,140px) 0 80px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);column-gap:9vw;align-content:center;border-bottom:1px solid var(--ink)}.type-kind{grid-column:1;margin:0 0 6px;color:var(--sage);font-weight:700}.type-intro h1{grid-column:1;margin:0;font-family:Asta,Pretendard,sans-serif;font-size:clamp(76px,13vw,176px);line-height:.86;letter-spacing:-.04em}.lede{grid-column:1;max-width:44ch;margin:30px 0 0;font-size:clamp(18px,2vw,25px)}.type-intro dl{grid-column:2;grid-row:1/4;margin:25px 0 0}.type-intro dl div{padding:17px 0;border-top:1px solid var(--line)}dt{font-size:12px;color:var(--muted)}dd{margin:3px 0 0;font-weight:700}.floor-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:48px}.floor-nav a{min-width:92px;text-align:center;padding:10px 17px;border:1px solid var(--ink);color:inherit;text-decoration:none}.floor{padding:110px 0;border-bottom:1px solid var(--line);scroll-margin-top:86px}.floor>header{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:35px}.floor h2{margin:0;font-family:Asta,Pretendard,sans-serif;font-size:clamp(36px,5vw,68px);line-height:1}.floor header p{max-width:52ch;margin:0;color:var(--muted)}.figure-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.figure-pair.single{grid-template-columns:minmax(0,820px)}.type-figure{margin:0;background:var(--white)}.plan-open{display:block;width:100%;padding:0;border:1px solid var(--line);background:var(--white);cursor:zoom-in}.plan-open img{display:block;width:100%;height:auto}.type-figure figcaption{display:flex;align-items:center;padding:10px 14px;font-size:13px}.type-figure figcaption span{font-weight:700}.type-figure figcaption a{margin-left:auto;color:var(--sage);text-underline-offset:4px}.reference-note{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:70px;padding-top:25px;border-top:1px solid var(--ink);font-size:14px}.reference-note p{margin:0}.reference-note a{color:var(--sage);font-weight:700}.plan-open:focus-visible,.plan-viewer button:focus-visible,.floor-nav a:focus-visible,.type-header a:focus-visible{outline:3px solid #87956f;outline-offset:3px}body.plan-viewer-open{overflow:hidden}.plan-viewer{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#171916;color:var(--paper);overflow:hidden}.plan-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.plan-viewer::backdrop{background:#171916}.plan-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.plan-viewer-bar p{margin:0}.plan-viewer-actions{display:flex;gap:8px}.plan-viewer button{min-height:44px;padding:8px 12px;border:1px solid #8b9083;background:transparent;color:inherit;font:inherit}.plan-viewer-scroll{min-height:0;overflow:auto;padding:16px}.plan-viewer-scroll img{display:block;width:100%;height:100%;object-fit:contain;margin:auto}.plan-viewer.is-original .plan-viewer-scroll img{width:auto;max-width:none;height:auto;max-height:none;margin:0 auto}
.housing-chooser .type-selections{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-top:1px solid var(--line)}.type-selections>a{display:flex;flex-direction:column;min-height:190px;padding:25px 18px;color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}.type-selections>a+a{border-left:1px solid var(--line)}.type-selections strong{font-family:Asta,Pretendard,sans-serif;font-size:clamp(32px,4vw,54px);line-height:1}.type-selections span{margin-top:10px;color:var(--muted)}.type-selections em{margin-top:auto;color:var(--sage);font-style:normal;font-weight:700}.home-type-plan{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:26px;margin:48px 0 0}.home-type-plan figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.home-type-plan figcaption span{color:var(--muted)}.home-type-plan figcaption a{margin-top:auto;color:var(--sage);font-weight:700}
@media(max-width:700px){.type-header{height:70px;padding:8px 16px}.type-brand img{width:45px;height:45px}.type-header nav{gap:12px;font-size:13px}.home-link{display:none}main{padding-inline:20px}.type-intro{min-height:430px;display:block;padding:68px 0 54px}.type-intro h1{font-size:clamp(72px,26vw,110px)}.type-intro dl{margin-top:38px}.floor{padding:72px 0}.floor>header{display:block}.floor header p{margin-top:16px}.figure-pair{grid-template-columns:1fr}.reference-note{display:block}.reference-note a{display:inline-block;margin-top:12px}.plan-viewer-bar{flex-wrap:wrap}.plan-viewer-bar p{flex:1 1 100%}.plan-viewer-actions{margin-left:auto}.plan-viewer-scroll{padding:8px}.housing-chooser .type-selections{grid-template-columns:1fr 1fr}.type-selections>a:nth-child(3){border-left:0}.home-type-plan{grid-template-columns:1fr}.home-type-plan figcaption{min-height:140px}}
@media(max-width:390px){.type-header nav{gap:9px;font-size:12px}.type-header{gap:12px}.housing-chooser .type-selections{grid-template-columns:1fr}.type-selections>a+a{border-left:0}}