@font-face{font-family:Pretendard;src:url('assets/Pretendard-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Pretendard;src:url('assets/Pretendard-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
@font-face{font-family:SUIT;src:url('assets/SUIT-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
:root{color-scheme:light;--navy:#061c2c;--ink:#15263b;--cream:#f3ead6;--gold:#d9c294;--line:#667382;--paper:#fffaf0;font-family:Pretendard,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-bottom:92px}
body{margin:0;background:var(--navy);color:#f4eddd;font-size:20px;line-height:1.65;overflow-x:hidden}
body,button,input,select{font-family:Pretendard,Arial,sans-serif}
button,input,select{font-size:inherit}
button{cursor:pointer}
a{color:inherit}
img{display:block;max-width:100%}
[hidden]{display:none!important}
.sr-only,.consult-trap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:100;top:8px;left:50%;transform:translate(-50%,-150%);padding:10px 18px;background:var(--cream);color:var(--navy)}
.skip-link:focus{transform:translate(-50%,0)}
.site-wrap{width:min(100%,571px);margin-inline:auto;background:var(--navy);padding-bottom:calc(76px + env(safe-area-inset-bottom));min-height:100vh}
.image-strip{display:flex;flex-direction:column;margin:0;padding:0;background:var(--navy)}
.brochure-panel{position:relative;display:block;flex:none;margin:0;padding:0;line-height:0;overflow:hidden}
.brochure-art{display:block;width:100%;height:auto;max-width:none}
.hero-panel .official-window{position:absolute;top:37.4%;left:5%;width:90%;height:28.4%;overflow:hidden}
.hero-panel .official-building{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.brochure-panel .brochure-art{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 2%,#000 98%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 2%,#000 98%,transparent 100%)}
.video-section,.information,.consult-section{padding:0 28px;background:var(--navy);color:#f4eddd}
.video-section h2,.information h2,.consult-section h2{margin:0 0 20px;color:#f4eddd;text-align:center;font:700 clamp(30px,6vw,35px)/1.34 SUIT,Pretendard,sans-serif;letter-spacing:-.045em;word-break:keep-all}
.video-card{position:relative;display:block;overflow:hidden;background:var(--navy);color:white;text-decoration:none;aspect-ratio:16/9}
.video-card img{width:100%;height:100%;object-fit:cover}
.video-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:76px;height:54px;border-radius:17px;background:#e12d25;color:#fff;transform:translate(-50%,-50%);font-size:0;box-shadow:0 8px 24px #0006}
.video-play::before{content:"";display:block;margin-left:5px;border-block:12px solid transparent;border-left:20px solid currentColor}
.video-card:focus-visible,.video-card:hover{outline:3px solid var(--gold);outline-offset:3px}
.information{border-top:0}
.information>h2{margin-bottom:20px}
.more-info,.overview,.consult-privacy,.type-specs{border-bottom:1px solid var(--line)}
.more-info:first-of-type,.overview:first-of-type{border-top:1px solid var(--line)}
.more-info summary,.overview summary,.type-specs summary,.consult-privacy summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 0;color:#f4eddd;font-size:20px;font-weight:600;line-height:1.6;cursor:pointer;list-style:none}
.more-info summary::-webkit-details-marker,.overview summary::-webkit-details-marker,.type-specs summary::-webkit-details-marker,.consult-privacy summary::-webkit-details-marker{display:none}
.more-info summary::after,.consult-privacy summary::after{content:"+";flex:none;font:400 27px/1 Arial,sans-serif;color:var(--gold)}
.more-info[open] summary::after,.consult-privacy[open] summary::after{content:"−"}
.more-content,.overview-body{padding:0 0 23px;font-size:20px;line-height:1.7;overflow-wrap:anywhere}
.more-content p,.overview-body p{margin:0 0 13px}
.more-content a,.overview-body a,.evidence-link{display:inline-flex;align-items:center;min-height:48px;color:#70542e;text-decoration:underline;text-underline-offset:4px}
.more-content img,.overview-body img{width:100%;height:auto;margin:15px 0}
.more-content button,.overview-body button{display:block;width:100%;border:0;padding:0;background:none;text-align:left;color:var(--ink)}
.more-content ul,.overview-body ul{padding-left:22px;margin:10px 0}
.overview-body dl{margin:0 0 18px}
.overview-body dl>div{display:grid;grid-template-columns:36% 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #ded2b9}
.overview-body dt{color:#685d4b}.overview-body dd{margin:0}
.simple-schedule{list-style:none;padding:0!important}.simple-schedule li{display:flex;gap:18px;padding:7px 0}
.fine-print,.campaign-meta{font-size:17px;line-height:1.65;color:#555148}
.residence-grid{margin:27px 0 17px}
.type-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}
.type-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:92px;padding:10px 3px;border:1px solid #bcaa87;background:var(--paper);color:var(--ink);text-align:center}
.type-tabs button[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:var(--gold)}
.type-tabs button>span{font-size:17px;line-height:1.25}.type-tabs b{font:700 clamp(20px,5vw,28px)/1.2 SUIT,Pretendard,sans-serif;white-space:nowrap}.type-tabs small,.type-main small,.type-count small{font-size:.55em}.type-tabs .icon{display:none}
.type-panel{border:1px solid #bcaa87;background:var(--paper);padding:18px}
.type-display{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:15px}
.type-main>span,.type-count>span{font-size:17px;color:#6a6255}.type-main h3{margin:2px 0 0;font:700 44px/1.12 SUIT,Pretendard,sans-serif;letter-spacing:-.05em}.type-main h3.wide-type-value{font-size:32px}.type-main p,.type-count p{font-size:17px;line-height:1.5;margin:5px 0 0}.type-count{text-align:right;white-space:nowrap}.type-count strong{display:block;font:700 30px/1.3 SUIT,Pretendard,sans-serif}
.type-links{display:flex;gap:9px;margin:16px 0 0}.type-links>*{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:7px;border:1px solid #8f7651;background:transparent;color:var(--ink);font-size:18px;font-weight:600;text-decoration:none}.type-links>a{background:var(--navy);border-color:var(--navy);color:var(--gold)}.type-links .icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.type-specs{margin-top:13px}.type-specs summary{font-size:20px;min-height:50px}.type-specs .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.type-specs table{width:100%;border-collapse:collapse;font-size:18px;text-align:right}.type-specs th,.type-specs td{padding:9px 5px;border-bottom:1px solid #e0d5be}.type-specs th:first-child{text-align:left}.type-specs thead th{font-size:16px;color:#665c4c}
.consult-section{border-top:0}.consult-section h2{margin-bottom:12px}.consult-intro{margin:0 0 27px;font-size:20px;line-height:1.6;text-align:center}.consult-required{margin:0 0 15px;font-size:17px;color:#d9d0be}.consult-form{position:relative}.consult-field{margin-bottom:22px}.consult-field>label{display:block;margin-bottom:9px;font-size:20px;line-height:1.5;font-weight:600;color:#f4eddd}.consult-field>label>span{margin-left:5px;color:var(--gold);font-size:17px;font-weight:400}.consult-field input:not([type=checkbox]),.consult-field select{display:block;width:100%;min-height:60px;padding:12px 14px;border:1px solid #aeaa9b;border-radius:0;background:#fffaf0;color:var(--ink);font-size:21px;line-height:1.4}.consult-field input::placeholder{color:#646c70;opacity:1}.consult-field [aria-invalid=true]{border:2px solid #ffb6a7}.field-error{margin:7px 0 0;color:#ffb6a7;font-size:17px;line-height:1.5}.consult-field>label.consult-agreement{display:flex;align-items:flex-start;gap:12px;margin:0;padding:4px 0 3px;font-size:20px;font-weight:400;cursor:pointer}.consult-agreement input{flex:none;width:27px;height:27px;margin:3px 0 0;accent-color:var(--gold)}.consult-field>label.consult-agreement>span{margin:0;color:#f4eddd;font-size:20px;line-height:1.5}.consult-agreement small{font-size:17px}.consult-privacy{border-top:1px solid var(--line);margin:0 0 22px}.consult-privacy summary{font-size:20px}.consult-privacy-body{padding-bottom:18px;font-size:20px;line-height:1.7;color:#e8dfcf}.consult-privacy-body p{margin:0 0 12px}.consult-privacy-body a{display:inline-block;min-height:48px;padding:7px 0;color:var(--gold);text-decoration:underline;text-underline-offset:4px}.consult-submit{display:block;width:100%;min-height:58px;padding:11px 16px;border:1px solid #b79d69;border-radius:0;background:linear-gradient(135deg,#f1dcae,#c7a769);color:var(--navy);font-size:21px;font-weight:700}.consult-submit:disabled{opacity:.65;cursor:wait}.consult-help{margin:11px 0 0;color:#d9d0be;font-size:17px}.consult-error{margin:0 0 14px;padding:12px;border:1px solid #b34b3f;background:#fff3ef;color:#8b201a;font-size:17px}.consult-success{padding:20px 0}.consult-success h3{margin:0 0 10px;font-size:26px;line-height:1.35}.consult-success p{margin:0 0 10px;font-size:20px}.consult-success a{display:inline-block;padding:7px 0;color:var(--gold);font-size:24px;font-weight:700}.consult-success button{display:block;min-height:48px;padding:0;border:0;background:none;color:#f4eddd;text-decoration:underline;font-size:18px}
.site-footer,.footer{width:min(100%,571px);margin-inline:auto;padding:0 28px 32px;background:var(--navy);color:#f4eddd;font-size:20px;line-height:1.65}.site-footer p,.footer p{margin:7px 0}.site-footer small,.footer small,.personal-notice,.footer-bottom{font-size:16px;color:#c6c0b4}.advisor,.site-footer .advisor,.footer .advisor{font-size:18px}.advisor-phone,.contact-number,.footer-phone{display:block;min-height:48px;margin:10px 0;color:var(--gold);font:700 32px/1.3 SUIT,Pretendard,sans-serif;text-decoration:none;white-space:nowrap}.footer a{color:var(--gold)}.footer .more-info,.site-footer .more-info{border-color:#465263}.footer .more-info summary,.site-footer .more-info summary{color:#f4eddd}.footer .more-content,.site-footer .more-content{color:#e4dbc8}.footer button,.site-footer button{background:none;border:0;color:var(--gold)}
.mobile-contact{position:fixed;z-index:30;bottom:0;left:50%;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(100%,571px);height:calc(76px + env(safe-area-inset-bottom));padding:9px 12px calc(9px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--navy);border-top:1px solid #5f553f;box-shadow:0 -5px 20px #061c2c30}
.mobile-contact a{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--gold);color:var(--gold);font-size:19px;font-weight:600;text-decoration:none;white-space:nowrap}.mobile-contact .mobile-apply{background:linear-gradient(135deg,#f0dcad,#c8a96d);color:var(--navy);border-color:#d9c294}.mobile-contact .icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
#imageDialog{width:min(960px,calc(100vw - 20px));max-width:none;height:min(920px,calc(100dvh - 24px));max-height:none;margin:auto;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);overflow:hidden}#imageDialog[open]{display:flex;flex-direction:column}#imageDialog::backdrop{background:#020a16df}#imageDialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;border-bottom:1px solid var(--line)}#zoomCaption{margin:0;font-size:18px;font-weight:600;line-height:1.4}#imageDialog [data-close-dialog]{flex:none;width:48px;height:48px;border:0;background:var(--navy);color:white;font-size:30px}#imageDialog .viewer-toolbar{padding:10px 17px;border-bottom:1px solid var(--line)}#zoomToggle{min-height:48px;padding:7px 14px;border:1px solid var(--navy);background:transparent;color:var(--navy);font-size:18px}#zoomToggle[aria-pressed=true]{background:var(--navy);color:white}#imageDialog .zoom-canvas{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:auto;padding:12px;background:#e9e3d5;overscroll-behavior:contain}#zoomImage{width:auto;max-width:100%;max-height:100%;height:auto;object-fit:contain}#imageDialog .zoom-canvas.is-magnified{align-items:flex-start;justify-content:flex-start}#imageDialog .zoom-canvas.is-magnified #zoomImage{flex:none;width:var(--zoom-width,100%);max-width:none;max-height:none;height:auto}#imageDialog .zoom-hint{margin:0;padding:10px 17px;border-top:1px solid var(--line);font-size:16px;line-height:1.4}
#welcomeDialog{width:min(520px,calc(100vw - 24px));max-width:none;max-height:min(94dvh,900px);margin:auto;padding:0;border:1px solid var(--gold);background:var(--navy);color:white;box-shadow:0 22px 70px #0009;overflow:auto}#welcomeDialog::backdrop{background:#020a17d9}#welcomeDialog .welcome-link{display:block;line-height:0}#welcomeDialog .welcome-link img{display:block;width:100%;height:auto}#welcomeDialog .welcome-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#5c5343;border-top:1px solid var(--gold)}#welcomeDialog .welcome-actions button{min-height:58px;padding:8px;border:0;background:var(--navy);color:var(--gold);font-size:17px;font-weight:600}#welcomeDialog .welcome-actions button:last-child{color:white}
:focus-visible{outline:3px solid #a77325;outline-offset:3px}
@media(max-width:571px){.site-wrap{width:100%}.video-section,.information,.consult-section{padding-inline:clamp(20px,5vw,28px)}.site-footer,.footer{padding-inline:clamp(20px,5vw,28px)}}
@media(max-width:360px){.video-section,.information,.consult-section{padding-inline:18px}.type-panel{padding:12px}.type-tabs button{min-height:80px}.type-main h3{font-size:38px}.type-main h3.wide-type-value{font-size:27px}.type-count strong{font-size:25px}.mobile-contact a{font-size:17px}.consult-field input:not([type=checkbox]),.consult-field select{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Fit the official CG to the generated cover window. */
.svg-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;vertical-align:middle}
.hero-panel{position:relative;display:block}
.official-credit{position:absolute;left:0;right:0;bottom:0;padding:5px 8px;color:#fff;background:#061c2cd9;font-size:clamp(11px,2.8vw,15px);line-height:1.4;text-align:center}
#welcomeDialog .welcome-link .official-building{height:100%;width:100%;object-fit:cover;object-position:center bottom}
.more-content .type-links>button{display:flex;width:auto;min-width:0;align-items:center;justify-content:center;min-height:52px;padding:8px;border:1px solid #8f7651;font-size:17px;text-align:center}
.type-links>a{min-width:0}
.campaign-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.campaign-facts dt{font-size:16px}.campaign-facts dd{margin:0;font-size:25px;font-weight:600}.campaign-status{list-style:none;padding:0!important}.campaign-status li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.information-intro,.video-note{font-size:20px;text-align:center;color:#e0d5c1}.information-intro{margin:0 0 24px}.video-note{margin:15px 0 0}.information .more-content,.information .overview-body{color:var(--ink)}.information>.more-info>.more-content{margin:0 0 18px;padding:18px;background:var(--paper)}.information .overview-body{margin:0 0 18px;padding:0;background:transparent}.information .more-content .more-info summary,.information .more-content .overview summary,.information .more-content .type-specs summary{color:var(--ink)}.information .more-content .more-info{border-color:#d8c9a9}.information .more-content .more-info:first-of-type{border-color:#d8c9a9}.information .more-content .more-info summary::after{color:#70542e}.information .more-content .more-content{padding-bottom:18px}.footer-brand{font:600 27px/1.35 SUIT,Pretendard,sans-serif;color:var(--gold)}.footer-links{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0}.footer-links a{min-height:48px;display:inline-flex;align-items:center}#copyLink{min-height:48px;padding:0;font-size:18px}.site-footer .more-info .more-content a{color:var(--gold)}
html{scroll-padding-top:12px}

/* v14 spacing: bright-content bounds measured in each 1024px-wide asset.
   gap = previous bottom blank + CSS margin + next top blank.
   At 390px: section 48px, consultation chapter 64px, image-to-form 32px.
   At the 571px cap: 64px, 88px, 40px. See work/v14-spacing-report.md. */
.site-wrap{--section-gap:clamp(40px,12.3076923vw,64px);--chapter-gap:clamp(56px,16.4102564vw,88px);--related-gap:clamp(28px,8.2051282vw,40px)}
.brochure-panel + .brochure-panel{margin-top:calc(var(--section-gap) - var(--image-blank-gap))}
#why{--image-blank-gap:18.1640625%}
#parking{--image-blank-gap:9.08203125%}
#space{--image-blank-gap:11.42578125%}
#market{--image-blank-gap:8.49609375%}
#scenes{--image-blank-gap:18.06640625%}
#location{--image-blank-gap:18.9453125%}
#film{margin-top:calc(var(--section-gap) - 8.3984375%)}
#information{margin-top:var(--section-gap)}
#inquiry{margin-top:calc(var(--chapter-gap) - 14.55078125%)}
#consult{margin-top:calc(var(--related-gap) - 6.54296875%)}
.site-footer{margin-top:var(--section-gap)}
.consult-intro{margin-bottom:24px}.consult-field{margin-bottom:24px}.consult-field>label{margin-bottom:8px}
