.reference-home{--navy:#263241;--green:#163f39;--paper:#f3f2ee;--gold:#d8c893}.reference-home figure{margin:0}.reference-home img{display:block}.reference-home h2{margin:0;font-size:clamp(42px,4.7vw,78px);font-weight:500;line-height:1.13;letter-spacing:-.08em}.reference-home h2 em{color:#879185;font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.04em}
.opening-intro{position:fixed;z-index:99999;inset:0;overflow:hidden;color:#fff;pointer-events:auto}.opening-panel{position:absolute;top:0;bottom:0;width:50%;background:#263241;transition:transform 1.35s cubic-bezier(.77,0,.18,1)}.opening-panel:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.24)}.opening-left{left:0;animation:open-left 1.35s 1.75s cubic-bezier(.77,0,.18,1) forwards}.opening-right{right:0;animation:open-right 1.35s 1.75s cubic-bezier(.77,0,.18,1) forwards}.opening-left:after{right:0}.opening-right:after{left:0}.opening-panel>span{position:absolute;bottom:6vh;color:rgba(255,255,255,.5);font:600 8px Arial,sans-serif;letter-spacing:.28em}.opening-left>span{left:7vw}.opening-right>span{right:7vw}.opening-center{position:absolute;z-index:2;top:50%;left:50%;width:min(620px,80vw);text-align:center;transform:translate(-50%,-50%);animation:opening-center-out .7s 1.45s ease forwards}.opening-center>p{margin:0 0 38px;font:600 11px Arial,sans-serif;letter-spacing:.42em}.opening-center>small{display:block;margin-top:35px;color:rgba(255,255,255,.54);font:600 8px Arial,sans-serif;letter-spacing:.27em}.opening-lines{display:flex;align-items:flex-end;justify-content:center;gap:14px;height:130px}.opening-lines i{display:block;width:58px;height:0;border:1px solid rgba(255,255,255,.7);border-bottom:0;animation:build-line 1.1s .3s cubic-bezier(.2,.7,.3,1) forwards}.opening-lines i:nth-child(2){animation-delay:.42s}.opening-lines i:nth-child(3){animation-delay:.54s}.opening-lines i:nth-child(4){animation-delay:.66s}.opening-lines i:nth-child(5){animation-delay:.78s}.opening-lines i:nth-child(odd){--h:90px}.opening-lines i:nth-child(even){--h:125px}.opening-intro .intro-skip{right:3vw;bottom:3vh}html.intro-complete .opening-intro{visibility:hidden;pointer-events:none}html.intro-playing .site-header,html.intro-playing .section-rail{opacity:0}@keyframes build-line{to{height:var(--h)}}@keyframes opening-center-out{to{opacity:0;transform:translate(-50%,-55%)}}@keyframes open-left{to{transform:translateX(-101%)}}@keyframes open-right{to{transform:translateX(101%)}}
.main-nav>a{align-content:center;height:100%;padding:0 4px;color:#fff;font-size:14px;white-space:nowrap}.main-nav>a:after{content:"";display:block;width:0;height:1px;margin-top:8px;background:#fff;transition:width .25s}.main-nav>a:hover:after{width:100%}
.ref-hero{position:relative;min-height:100svh;overflow:hidden;background:#15212a;color:#fff}.ref-hero .hero-slider,.ref-hero .hero-frame{position:absolute;inset:0}.ref-hero .hero-frame{opacity:0;transform:scale(1.07);transition:opacity 1.5s ease,transform 7s cubic-bezier(.2,.65,.3,1)}.ref-hero .hero-frame.is-active{opacity:1;transform:scale(1)}.ref-hero .hero-frame img{width:100%;height:100%;object-fit:cover}.hero-frame-wide img{object-position:center}.hero-frame-focus img{object-position:72% 52%;transform:scale(1.18)}.ref-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,21,29,.84),rgba(10,21,29,.29) 56%,rgba(10,21,29,.05)),linear-gradient(0deg,rgba(9,18,24,.56),transparent 45%)}.ref-hero-copy{position:absolute;z-index:2;top:51%;left:8vw;transform:translateY(-45%)}.ref-hero-copy>p{margin:0 0 27px;color:rgba(255,255,255,.7);font:700 10px Arial,sans-serif;letter-spacing:.25em}.ref-hero-copy h1{margin:0;font-size:clamp(52px,6.2vw,106px);font-weight:500;line-height:1.06;letter-spacing:-.085em}.ref-hero-copy h1 em{color:#dfcc95;font-family:"DM Serif Display",Georgia,serif;font-weight:400}.ref-hero-copy>span{display:block;margin-top:30px;color:rgba(255,255,255,.75);font-size:14px}.ref-hero-bottom{position:absolute;z-index:2;right:6vw;bottom:33px;left:8vw;display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(255,255,255,.27);font:600 9px Arial,sans-serif;letter-spacing:.18em}.ref-hero-bottom a{display:flex;gap:25px}.ref-hero .hero-index{z-index:3}
.ref-overview{display:grid!important;grid-template-columns:43% 57%;grid-template-rows:1fr 42%;min-height:100svh;padding:105px 6vw 40px;background:var(--paper);overflow:hidden}.section-title{display:flex;flex-direction:column;justify-content:center;padding:0 6vw 20px 1vw}.section-title>p,.location-heading>p,.siteplan-heading>p,.unit-heading>p,.brand-story-copy>p{margin:0 0 22px;color:#718078;font:700 10px Arial,sans-serif;letter-spacing:.23em}.overview-data{display:grid;grid-template-columns:repeat(2,1fr);align-content:center;border-top:1px solid #b9bdb7}.overview-data>div{padding:20px 12px;border-right:1px solid #c7cac4;border-bottom:1px solid #c7cac4}.overview-data>div:nth-child(2n){border-right:0}.overview-data span{display:block;color:#818b83;font-size:11px}.overview-data strong{display:block;margin-top:9px;font-size:14px;font-weight:500}.overview-photo{grid-column:1/-1;position:relative;overflow:hidden}.overview-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform 4.5s ease}.ref-overview.is-inview .overview-photo img{transform:scale(1.03)}.overview-photo figcaption{position:absolute;right:20px;bottom:18px;padding:9px 12px;background:rgba(25,39,48,.8);color:#fff;font:600 8px Arial,sans-serif;letter-spacing:.17em}
.ref-premium{min-height:100svh;padding:108px 5vw 48px;background:#fff;overflow:hidden}.premium-heading{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:45px}.premium-heading>p{grid-column:1/-1;margin:0 0 6px;color:#69736e;font-size:13px}.premium-heading h2{font:400 clamp(49px,5.2vw,87px)/1 "DM Serif Display",Georgia,serif;letter-spacing:-.045em}.premium-heading h2 strong{font-family:"Noto Sans KR",sans-serif;color:#173f39;font-weight:700}.premium-count{display:flex;align-items:center;gap:13px;font-family:Arial,sans-serif}.premium-count b{color:#173f39;font-size:18px}.premium-count i{width:75px;height:1px;background:#adb4ae}.premium-count span{color:#8d9690;font-size:10px}.premium-seven{display:grid;grid-template-columns:repeat(7,1fr);height:57svh;border-top:1px solid #c9cdc7;border-left:1px solid #c9cdc7}.premium-seven article{position:relative;padding:23px 18px;border-right:1px solid #c9cdc7;border-bottom:1px solid #c9cdc7;overflow:hidden;transition:flex .4s,background .4s,color .4s}.premium-seven article:after{content:"";position:absolute;right:-55px;bottom:-55px;width:130px;height:130px;border:1px solid rgba(35,64,57,.13);border-radius:50%}.premium-seven article>b{font:400 31px "DM Serif Display",Georgia,serif;color:#d1d5d0}.premium-seven article>span{display:block;margin-top:11vh;color:#728078;font:700 8px Arial,sans-serif;letter-spacing:.14em}.premium-seven h3{margin:13px 0 0;font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.055em}.premium-seven p{margin:16px 0 0;color:#6d7671;font-size:12px;line-height:1.75}.premium-seven article:hover,.premium-seven article.is-featured{background:#173f39;color:#fff}.premium-seven article:hover>b,.premium-seven article.is-featured>b{color:#dccc96}.premium-seven article:hover>span,.premium-seven article.is-featured>span,.premium-seven article:hover p,.premium-seven article.is-featured p{color:rgba(255,255,255,.67)}
.ref-location{display:grid!important;grid-template-columns:31% 69%;min-height:100svh;background:#eff0eb;overflow:hidden}.location-heading{display:flex;flex-direction:column;justify-content:center;padding:100px 4vw 70px 6vw;background:#263241;color:#fff}.location-heading>p{color:#c4cabd}.location-heading h2{font-size:clamp(42px,4.2vw,70px)}.location-heading h2 em{color:#dfcb94}.location-grid{display:grid;grid-template-columns:repeat(2,1fr);padding:105px 5vw 45px}.location-grid article{position:relative;padding:39px 34px;border-right:1px solid #c7cbc4;border-bottom:1px solid #c7cbc4}.location-grid article:nth-child(2n){border-right:0}.location-grid article:nth-child(n+3){border-bottom:0}.location-grid article>b{position:absolute;right:28px;top:22px;color:#d2d6d1;font:400 54px "DM Serif Display",Georgia,serif}.location-grid strong{color:#718078;font:700 10px Arial,sans-serif;letter-spacing:.17em}.location-grid h3{margin:58px 0 15px;font-size:28px;font-weight:600;letter-spacing:-.06em}.location-grid p{max-width:280px;margin:0;color:#69726d;font-size:13px;line-height:1.8}
.ref-siteplan{display:grid!important;grid-template-columns:28% 72%;min-height:100svh;padding:105px 4.5vw 45px;background:#fff;overflow:hidden}.siteplan-heading{display:flex;flex-direction:column;justify-content:center;padding:0 3vw 0 1vw}.siteplan-heading h2{font-size:clamp(39px,3.7vw,62px)}.siteplan-heading ul{margin:34px 0 0;padding:0;border-top:1px solid #b8beb8;list-style:none}.siteplan-heading li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #d0d3ce}.siteplan-heading li b{font-size:12px}.siteplan-heading li span{color:#7a847e;font-size:11px}.siteplan-board{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:auto;background:#e9ebe7}.siteplan-board img{width:100%;height:auto;max-height:calc(100svh - 150px);object-fit:contain}.siteplan-board figcaption{position:absolute;right:17px;bottom:13px;padding:7px 10px;background:rgba(255,255,255,.85);color:#707872;font-size:9px}
.ref-units{display:grid!important;grid-template-columns:44% 56%;min-height:100svh;padding:105px 8vw 45px;background:#e6e7e1;overflow:hidden}.unit-heading{display:flex;flex-direction:column;justify-content:center;padding-right:7vw}.unit-heading h2{font-size:clamp(43px,4.4vw,73px)}.unit-heading>span{margin-top:31px;color:#69726e;font-size:14px;line-height:1.8}.unit-list{align-self:center;border-top:1px solid #aeb5ae}.unit-list a{display:grid;grid-template-columns:95px 1fr 25px;align-items:center;min-height:115px;border-bottom:1px solid #bfc4be;transition:padding .25s,background .25s}.unit-list a:hover{padding:0 22px;background:rgba(255,255,255,.65)}.unit-list>a>b{color:#ccd0cb;font:400 52px "DM Serif Display",Georgia,serif}.unit-list strong{display:block;font:400 28px "DM Serif Display",Georgia,serif}.unit-list span{display:block;margin-top:6px;color:#748078;font:700 8px Arial,sans-serif;letter-spacing:.16em}.unit-list i{font-style:normal;font-size:18px}
.ref-brand{position:relative;display:grid!important;grid-template-columns:38% 34% 28%;min-height:100svh;padding:105px 7vw 50px;background:#f7f6f2;overflow:hidden}.brand-story-copy{display:flex;flex-direction:column;justify-content:center;padding-right:5vw;z-index:2}.brand-story-copy h2{font-size:clamp(39px,3.8vw,64px);color:#123e38}.brand-story-copy h2 em{color:#5e7d70}.brand-story-copy>span{margin-top:32px;color:#576762;font-size:14px;line-height:2}.brand-arch{height:calc(100svh - 155px);border-radius:50% 50% 47% 47% / 22% 22% 22% 22%;overflow:hidden}.brand-arch img{width:100%;height:100%;object-fit:cover;object-position:38% center;transform:scale(1.55);filter:saturate(.62) brightness(1.08)}.brand-mark{display:flex;flex-direction:column;justify-content:center;padding-left:4vw}.brand-mark img{width:min(270px,100%);filter:drop-shadow(0 2px 1px rgba(0,0,0,.1))}.brand-mark p{margin:35px 0 0;color:#52625d;font-size:14px;line-height:2}.brand-script{position:absolute;z-index:0;left:15vw;bottom:5vh;color:rgba(32,72,61,.08);font:italic 400 clamp(70px,10vw,170px) "DM Serif Display",Georgia,serif;white-space:nowrap}
.ref-contact{display:grid!important;grid-template-columns:55% 45%;min-height:100svh;padding:105px 7vw 45px;background:#263241;color:#fff;overflow:hidden}.contact-heading{display:flex;flex-direction:column;justify-content:center;padding-right:7vw}.contact-heading>strong{margin-bottom:24px;color:#d2d3c1;font:700 10px Arial,sans-serif;letter-spacing:.24em}.contact-heading h2{font-size:clamp(45px,4.8vw,81px)}.contact-heading h2 em{color:#dfcc94}.contact-heading>p{margin:31px 0 0;color:rgba(255,255,255,.68);font-size:14px}.contact-info{display:flex;flex-direction:column;justify-content:center;border-top:1px solid rgba(255,255,255,.25)}.contact-info>div,.contact-info>a{position:relative;padding:31px 12px;border-bottom:1px solid rgba(255,255,255,.22)}.contact-info span{display:block;color:rgba(255,255,255,.55);font:700 8px Arial,sans-serif;letter-spacing:.17em}.contact-info strong{display:block;margin-top:10px;font-size:21px}.contact-info p{margin:13px 0 0;color:rgba(255,255,255,.67);font-size:13px}.contact-info i{position:absolute;right:12px;top:50%;font-size:23px;font-style:normal}
.site-footer{scroll-snap-align:end;padding:48px 6vw 34px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between}.footer-top a{font:600 9px Arial,sans-serif;letter-spacing:.16em}.site-footer p{max-width:930px;margin:25px 0 0}.site-footer small{display:block;margin-top:30px}
.section-title,.overview-data,.overview-photo,.premium-heading,.premium-seven,.location-heading,.location-grid,.siteplan-heading,.siteplan-board,.unit-heading,.unit-list,.brand-story-copy,.brand-arch,.brand-mark,.contact-heading,.contact-info{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .95s cubic-bezier(.2,.65,.3,1)}.is-inview .section-title,.is-inview .overview-data,.is-inview .overview-photo,.is-inview .premium-heading,.is-inview .premium-seven,.is-inview .location-heading,.is-inview .location-grid,.is-inview .siteplan-heading,.is-inview .siteplan-board,.is-inview .unit-heading,.is-inview .unit-list,.is-inview .brand-story-copy,.is-inview .brand-arch,.is-inview .brand-mark,.is-inview .contact-heading,.is-inview .contact-info{opacity:1;transform:none}.is-inview .overview-data,.is-inview .premium-seven,.is-inview .location-grid,.is-inview .siteplan-board,.is-inview .unit-list,.is-inview .brand-arch,.is-inview .contact-info{transition-delay:.15s}
@media(max-width:1100px){.premium-seven{grid-template-columns:repeat(4,1fr);height:auto}.premium-seven article{min-height:240px}.premium-seven article>span{margin-top:35px}.premium-seven article:nth-child(n+5){min-height:210px}.ref-premium{min-height:auto!important}.site-header .main-nav{gap:18px}.main-nav>a{font-size:12px}}
@media(max-width:880px){.main-nav>a{display:block;height:auto;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16)}.ref-hero-copy{left:24px;right:24px}.ref-hero-copy h1{font-size:48px}.ref-hero-copy>span{font-size:12px}.ref-hero-bottom{left:24px;right:24px}.ref-hero-bottom a{display:none}.ref-overview{display:flex!important;flex-direction:column;padding:93px 20px 25px}.section-title{padding:12px 0 26px}.overview-data{grid-template-columns:1fr 1fr}.overview-data>div{padding:11px 7px}.overview-data strong{font-size:11px}.overview-photo{height:34svh;margin-top:15px}.ref-premium{padding:93px 20px 30px}.premium-heading{display:block}.premium-heading h2{font-size:43px}.premium-count{margin-top:20px}.premium-seven{grid-template-columns:1fr 1fr}.premium-seven article{min-height:215px;padding:17px 14px}.premium-seven article>span{margin-top:25px}.premium-seven h3{font-size:17px}.premium-seven p{font-size:11px}.ref-location{display:flex!important;flex-direction:column}.location-heading{padding:100px 24px 45px}.location-heading h2{font-size:42px}.location-grid{padding:20px}.location-grid article{padding:25px 17px}.location-grid h3{margin-top:50px;font-size:21px}.location-grid p{font-size:11px}.ref-siteplan{display:flex!important;flex-direction:column;padding:92px 20px 22px}.siteplan-heading{padding:0 0 22px}.siteplan-heading h2{font-size:38px}.siteplan-heading ul{display:grid;grid-template-columns:1fr 1fr;margin-top:22px}.siteplan-heading li{display:block;padding:9px 5px}.siteplan-heading li span{display:block;margin-top:4px}.siteplan-board{min-height:42svh}.siteplan-board img{width:auto;max-width:none;height:42svh;max-height:none}.ref-units{display:flex!important;flex-direction:column;padding:94px 20px 26px}.unit-heading{padding:0 0 28px}.unit-heading h2{font-size:40px}.unit-list a{min-height:72px}.unit-list>a>b{font-size:37px}.ref-brand{display:grid!important;grid-template-columns:1fr 1fr;padding:94px 20px 28px}.brand-story-copy{grid-column:1/-1;padding:0 0 25px}.brand-story-copy h2{font-size:39px}.brand-story-copy>span{font-size:11px;margin-top:18px}.brand-arch{height:38svh}.brand-mark{padding-left:18px}.brand-mark p{font-size:11px;margin-top:18px}.ref-contact{display:flex!important;flex-direction:column;padding:94px 24px 35px}.contact-heading{padding:20px 0 45px}.contact-heading h2{font-size:42px}.contact-info>div,.contact-info>a{padding:22px 8px}}