@charset "UTF-8";
:root{--paper:#e9e5dc;--ink:#252821;--muted:#62685c;--line:#c6c5b9;--accent:#95583e;--dark:#17231e;--gutter:5vw;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;border-radius:0;background:none;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}::selection{background:#ac6545;color:#fff}.skip{position:fixed;z-index:100;top:8px;left:8px;padding:12px;background:var(--paper);transform:translateY(-160%)}.skip:focus{transform:none}.header{position:absolute;top:0;left:0;z-index:20;width:100%;padding:27px var(--gutter);display:flex;align-items:center;justify-content:space-between;color:#f6f2e9;border-bottom:1px solid #ffffff36}.wordmark{display:flex;gap:13px;align-items:center;font-weight:700;font-size:17px;letter-spacing:-.04em}.mark{display:flex;width:24px;flex-direction:column;gap:3px}.mark i{height:2px;background:currentColor;display:block}.mark i:nth-child(2){width:20px}.mark i:nth-child(4){width:22px}.header nav{display:flex;align-items:center;gap:31px;font-size:10px;letter-spacing:.09em}.header nav a{padding:10px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:currentColor}.header nav button{border:1px solid #ffffff66;padding:11px 14px;font-size:10px;letter-spacing:.06em}.header nav button span{margin-left:16px}.menu-toggle{display:none}.hero{position:relative;height:100svh;min-height:680px;max-height:1250px;background:#15221e;color:#f6f2e9;isolation:isolate;overflow:hidden}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video{z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,#08120e65,transparent 65%),linear-gradient(0deg,#09150e8c,transparent 65%)}.hero-topline{position:absolute;top:128px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em}.hero-content{position:absolute;bottom:112px;left:var(--gutter)}.hero-kicker{font-size:16px;font-weight:400;margin-bottom:24px;letter-spacing:-.02em}h1{font-size:clamp(96px,12.6vw,210px);line-height:.79;letter-spacing:-.075em;font-weight:500;position:relative}h1 span{display:inline-block;margin-top:.07em}h1 sup{display:inline-block;font-size:27px;vertical-align:top;position:absolute;right:-50px;top:0;letter-spacing:0}.hero-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}.down-link{display:flex;gap:52px;align-items:center;min-height:44px}.down-link span{font-size:22px}.film-controls{display:flex;align-items:center;gap:20px}.film-controls button{height:44px;min-width:44px;font-size:12px}.film-controls #hero-toggle{border:1px solid #ffffff65;border-radius:50%}.film-full{letter-spacing:.1em}.film-full span{margin-left:13px}#film-stage{letter-spacing:0;font-size:12px;color:#ece6d7}.film-progress{position:absolute;bottom:0;left:0;height:2px;background:#ffffff25;width:100%}.film-progress i{display:block;transform-origin:left;transform:scaleX(0);height:100%;width:100%;background:#e6c5a2}.section{padding:100px var(--gutter)}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;border-top:1px solid var(--line);padding-top:19px;margin-bottom:70px}.section-label span:last-child{font-size:11px;letter-spacing:.03em;color:var(--muted)}h2{font-size:clamp(34px,4.5vw,72px);line-height:1.25;font-weight:400;letter-spacing:-.065em;word-break:keep-all}h2 em{font-style:normal;color:var(--accent)}p{line-height:1.9;word-break:keep-all}.concept{padding-top:104px}.concept-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:10vw}.concept-copy p{font-size:16px;max-width:530px;line-height:1.95;margin-bottom:24px;letter-spacing:-.025em}.concept-copy .definition{border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted);margin-top:34px}.definition span{display:block;font-size:10px;letter-spacing:.09em;margin-bottom:9px;color:var(--accent)}.concept-rules{margin-top:90px;display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}.concept-rules>div{border-top:1px solid var(--line);padding-top:19px}.concept-rules b{font-size:11px;color:var(--accent);font-weight:400}.concept-rules h3{font-size:19px;letter-spacing:-.04em;margin:26px 0 14px;font-weight:400}.concept-rules p{font-size:14px;color:var(--muted);max-width:320px}.strata{padding-top:20px;padding-bottom:120px}.strata-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.facade-visual{position:relative;overflow:hidden}.facade-visual>img{width:100%;filter:saturate(.85)}.image-note{position:absolute;bottom:20px;left:20px;color:white;font-size:8px;letter-spacing:.1em;text-shadow:0 1px 3px #000}.layer-highlight{position:absolute;left:22%;right:15%;top:3%;height:27%;border:1px solid #f5eddb;box-shadow:0 0 0 200vw #18231a26;transition:top .55s,height .55s;pointer-events:none}.layer-highlight span{position:absolute;right:0;top:0;background:var(--paper);color:var(--ink);font-size:12px;padding:7px 10px;transform:translate(100%,-1px)}.strata-copy h2{font-size:clamp(27px,3.1vw,48px);letter-spacing:-.06em;line-height:1.3}.interaction-hint{font-size:11px;color:var(--muted);margin:24px 0 28px}.layer-buttons{border-top:1px solid var(--line)}.layer-buttons button{width:100%;display:flex;text-align:left;align-items:center;border-bottom:1px solid var(--line);gap:20px;padding:18px 8px;min-height:84px;transition:background .2s,padding .2s}.layer-buttons button[aria-pressed=true]{background:#dbd8cd;padding-left:16px;padding-right:16px}.layer-index{font-size:11px;color:var(--muted)}.layer-name{font-size:22px;letter-spacing:-.035em;flex:1}.layer-name small{display:block;font-size:11px;margin-top:6px;letter-spacing:0;color:var(--muted)}.layer-floor{font-size:10px}.layer-buttons i{font-style:normal;font-size:20px;color:var(--accent)}.layer-description{display:flex;gap:20px;padding-top:28px;min-height:150px}.layer-description h3{font-size:16px;font-weight:400;letter-spacing:-.03em;margin-bottom:9px}.layer-description p{font-size:13px;line-height:1.8;color:#62665b}.swatch{flex-shrink:0;width:50px;height:65px;background:var(--accent)}.swatch-1{background:repeating-linear-gradient(0deg,transparent 0 10px,#e0b7a5 10px 11px),repeating-linear-gradient(90deg,#8d4435 0 21px,#c49a82 21px 22px)}.swatch-2{background:repeating-linear-gradient(90deg,#a5684b 0 3px,#d3a486 3px 6px,#6b4b39 6px 8px)}.swatch-3{background-color:#6c5940;background-image:repeating-linear-gradient(45deg,transparent 0 5px,#b6a17e 5px 6px),repeating-linear-gradient(-45deg,transparent 0 5px,#b6a17e 5px 6px)}.swatch-4{background:linear-gradient(120deg,#bdcfcb88,#edf0ea 50%,#9dada7);border:1px solid #a8b1aa}.swatch-5{background:#2d4638;background-image:radial-gradient(ellipse at 20% 70%,#b58cc177,transparent 60%),radial-gradient(ellipse at 80% 30%,#90ae85aa,transparent 60%)}.material-note{font-size:11px!important;line-height:1.8!important;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.skyroom{padding:90px var(--gutter) 100px;background:var(--dark);color:#ece8dc;--line:#546056;--muted:#a3afa4}.sky-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.sky-heading h2{font-size:clamp(42px,5.5vw,88px)}.sky-heading p{font-size:14px;line-height:1.9;letter-spacing:-.02em;color:#bfc6bb}.sky-panorama .image-open{width:100%;display:block}.sky-panorama img{width:100%;aspect-ratio:1.85;object-fit:cover;object-position:50% 48%}.image-open{padding:0;position:relative;display:block;width:100%;overflow:hidden;text-align:inherit}.image-open img{transition:transform .7s}.image-open:hover img{transform:scale(1.025)}.expand-icon{position:absolute;right:18px;bottom:18px;width:39px;height:39px;border:1px solid #ffffff80;background:#15201935;display:grid;place-items:center;color:white;font-size:20px}.sky-panorama figcaption,.gallery figcaption{font-size:9px;letter-spacing:.07em;display:flex;justify-content:space-between;gap:12px;padding:17px 0;line-height:1.6}.sky-panorama figcaption span:last-child,.gallery figcaption span:last-child{letter-spacing:0;font-size:11px;color:var(--muted)}.sky-details{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:65px}.eyebrow{font-size:9px;letter-spacing:.1em;color:#b9baa7}.sky-details h3{font-size:29px;line-height:1.35;letter-spacing:-.05em;font-weight:400;margin:25px 0 24px}.sky-details p{font-size:14px;color:#aebbae;line-height:1.9;letter-spacing:-.025em}.text-button{padding:0 0 9px;margin-top:28px;font-size:12px;border-bottom:1px solid #9ca697;display:flex;justify-content:space-between;width:100%}.text-button span{margin-left:20px;font-size:19px}.film-title,.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.film-title p,.gallery-heading p{font-size:14px;color:var(--muted)}.film-poster{padding:0;display:block;width:100%;position:relative;color:white;overflow:hidden}.film-poster img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.85);transition:filter .4s}.film-poster:hover img{filter:brightness(1)}.play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;width:80px;height:80px;display:grid;place-items:center;font-size:17px;background:#14211938;backdrop-filter:blur(8px)}.film-poster-caption{position:absolute;left:25px;bottom:22px;font-size:9px;letter-spacing:.13em}.chapters{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-top:15px}.chapters button{text-align:left;padding:20px 15px 22px 0;font-size:12px;position:relative;min-height:85px}.chapters button:not(:first-child){padding-left:22px;border-left:1px solid var(--line)}.chapters span{display:block;font-size:9px;letter-spacing:.08em;color:var(--accent);margin-bottom:13px}.chapters i{font-style:normal;position:absolute;right:16px;top:20px}.chapters button:hover{background:#dcd9d0}.gallery{padding-top:20px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 5vw}.gallery-tall{grid-row:span 2}.gallery-grid .gallery-tall img{height:100%;aspect-ratio:.66;object-fit:cover}.gallery-grid figure:not(.gallery-tall) img{width:100%;aspect-ratio:1.5;object-fit:cover}.gallery-tall .image-open{height:calc(100% - 50px)}.gallery-grid figcaption{border-bottom:1px solid var(--line)}.project{padding-top:10px;padding-bottom:75px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.project-grid h2{font-size:clamp(32px,3.5vw,55px)}dl{margin:0}dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:17px 0}dt{font-size:9px;letter-spacing:.08em;color:var(--muted);padding-top:3px}dd{margin:0;font-size:12px;line-height:1.7;word-break:keep-all}.project-note{max-width:670px;font-size:10px;line-height:1.85;color:var(--muted);margin-top:60px}footer{background:#d5d4c8;padding:40px var(--gutter) 28px}.footer-logo{display:flex;align-items:center;justify-content:space-between;font-size:clamp(37px,8.5vw,135px);letter-spacing:-.065em;line-height:1.2}.footer-logo span{font-size:.45em;letter-spacing:0}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #abafa0;margin-top:35px;padding-top:24px;font-size:10px;color:#5c6558}.footer-bottom span:first-child{font-size:12px}.footer-bottom a:hover{text-decoration:underline}dialog{padding:22px;border:0;background:#101a15;color:var(--paper);width:min(95vw,1400px);max-height:95svh;overflow:auto}dialog::backdrop{background:#0a120eec;backdrop-filter:blur(12px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:.08em;margin-bottom:18px}.dialog-close{min-height:40px;padding:10px;border:1px solid #758374;font-size:10px}.dialog-top>span{font-size:9px}#full-video{display:block;width:100%;max-height:75svh;background:black}#film-dialog>p{font-size:12px;color:#abb4a8;margin-top:14px}#gallery-image{width:100%;height:auto;max-height:74svh;object-fit:contain}.gallery-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.gallery-dialog-bottom p{font-size:13px;text-align:center}.gallery-dialog-bottom button{font-size:25px;min-width:44px;min-height:44px}
@media(min-width:1700px){:root{--gutter:7vw}.hero-content{bottom:130px}.section{padding-top:120px;padding-bottom:120px}.skyroom{padding-top:120px;padding-bottom:120px}}
@media(max-width:1000px){:root{--gutter:5vw}.header nav{gap:18px}.strata-layout{gap:5vw}.strata-copy h2{font-size:30px}.layer-buttons button{min-height:75px;padding:14px 6px;gap:12px}.layer-name{font-size:18px}.layer-description{gap:14px}.concept-grid{gap:7vw}.sky-details{gap:4vw}.sky-details h3{font-size:25px}.gallery figcaption{flex-direction:column;gap:4px}.gallery-tall .image-open{height:calc(100% - 65px)}}
@media(max-width:700px){:root{--gutter:6vw}html{scroll-padding-top:28px}.header{padding-top:20px;padding-bottom:20px}.wordmark{font-size:15px}.mark{width:22px;gap:3px}.menu-toggle{display:flex;align-items:center;gap:18px;font-size:10px;min-height:44px;padding:4px 0}.menu-toggle span{font-size:23px;line-height:1}.header nav{display:none;position:absolute;left:0;right:0;top:100%;background:#17231ef5;padding:24px var(--gutter);flex-direction:column;align-items:stretch;gap:10px;font-size:12px}.header nav.open{display:flex}.header nav a{padding:14px 0;border-bottom:1px solid #ffffff25}.header nav button{text-align:left;font-size:12px;margin-top:8px}.hero{height:94svh;min-height:650px;max-height:1000px}.hero-topline{top:100px;font-size:8px;letter-spacing:.08em}.hero-topline span:last-child{max-width:115px;text-align:right;line-height:1.7}.hero-content{bottom:123px}.hero-kicker{font-size:14px;margin-bottom:24px}h1{font-size:21vw;letter-spacing:-.07em;line-height:.84}h1 sup{font-size:19px;right:-30px}.hero-bottom{bottom:25px;font-size:8px}.down-link{gap:21px}.film-controls{gap:13px}#film-stage{display:none}.film-controls button{font-size:10px}.film-full span{margin-left:5px}.section{padding-top:64px;padding-bottom:64px}.section-label{font-size:8px;letter-spacing:.08em;padding-top:15px;margin-bottom:43px;gap:20px}.section-label span:last-child{font-size:9px;text-align:right;max-width:180px}h2{font-size:38px}.concept-grid{display:block}.concept-copy{margin-top:35px}.concept-copy p{font-size:14px;margin-bottom:20px;line-height:1.95}.concept-copy .definition{font-size:11px;margin-top:24px}.concept-rules{display:block;margin-top:45px}.concept-rules>div{display:grid;grid-template-columns:25px 1fr;padding:20px 0;gap:9px 14px}.concept-rules b{grid-row:span 2;padding-top:4px}.concept-rules h3{font-size:18px;margin:0}.concept-rules p{max-width:none;font-size:13px}.strata{padding-top:10px;padding-bottom:64px}.strata-layout{display:flex;flex-direction:column;gap:36px}.facade-visual{width:100%}.strata-copy{width:100%}.strata-copy h2{font-size:33px}.interaction-hint{margin:18px 0 24px}.layer-buttons button{min-height:76px}.layer-name{font-size:23px}.layer-description{padding-top:25px;min-height:144px}.material-note{font-size:10px!important}.skyroom{padding:64px var(--gutter)}.sky-heading{display:block;margin-bottom:30px}.sky-heading h2{font-size:43px}.sky-heading p{font-size:13px;margin-top:22px}.sky-panorama img{aspect-ratio:1;object-position:48% 50%}.sky-panorama figcaption{display:block;font-size:8px;line-height:1.8}.sky-panorama figcaption span:last-child{display:block;font-size:10px;margin-top:6px}.sky-details{display:block;margin-top:30px}.sky-details>div{padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}.sky-details h3{font-size:29px;margin:21px 0 18px}.sky-details p{font-size:13px}.eyebrow{font-size:8px}.text-button{font-size:11px;max-width:300px}.film-title,.gallery-heading{display:block}.film-title p,.gallery-heading p{font-size:13px;margin-top:24px}.film-title h2{font-size:38px}.film-poster img{aspect-ratio:1.25}.play-circle{width:56px;height:56px;font-size:14px}.film-poster-caption{font-size:7px;left:15px;bottom:15px}.chapters{grid-template-columns:1fr 1fr}.chapters button{font-size:11px;min-height:90px}.chapters button:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.chapters button:nth-child(4){border-top:1px solid var(--line)}.chapters button:not(:first-child){padding-left:12px}.chapters button:nth-child(3){padding-left:0}.chapters i{right:8px}.gallery{padding-top:5px}.gallery-grid{display:block}.gallery-grid figure{margin-bottom:32px}.gallery-grid .gallery-tall img{aspect-ratio:.8;object-position:50% 40%}.gallery-grid figure:not(.gallery-tall) img{aspect-ratio:1.2}.gallery figcaption{flex-direction:row;font-size:8px;gap:10px}.gallery figcaption span:last-child{font-size:9px}.gallery-tall .image-open{height:auto}.project{padding-top:4px}.project-grid{display:block}.project-grid h2{font-size:33px}.project-grid dl{margin-top:35px}dl>div{grid-template-columns:90px 1fr;padding:16px 0}dd{font-size:11px}dt{font-size:8px}.project-note{margin-top:34px;font-size:9px}footer{padding-top:32px;padding-bottom:25px}.footer-logo{font-size:11.4vw}.footer-bottom{flex-wrap:wrap;margin-top:25px;padding-top:20px;font-size:8px;gap:20px}.footer-bottom span:first-child{font-size:10px;width:100%}.footer-bottom a{margin-right:auto}.image-note{font-size:7px;bottom:16px;left:16px}dialog{width:96vw;padding:14px}.dialog-top{font-size:8px}.dialog-top>span{font-size:8px;line-height:1.5}.dialog-close{font-size:9px;white-space:nowrap}.gallery-dialog-bottom p{font-size:11px}.gallery-dialog-bottom button{font-size:22px}#film-dialog>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

[data-gallery="2"] img{object-position:50% 10%}