/* SOURCE: fullpage.css */
html{scroll-snap-type:y mandatory;scroll-behavior:smooth}html.intro-playing{overflow:hidden}.site-header{position:fixed;transition:height .35s,background .35s,backdrop-filter .35s,opacity .5s}.site-header.is-scrolled{height:76px;background:rgba(25,38,49,.9);backdrop-filter:blur(15px)}.fullpage>.snap-section{min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.intro{align-content:center}.premium{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.scene{min-height:100svh}.home-types{min-height:100svh;align-items:center}.contact{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center}.site-footer{scroll-snap-align:end}.cinematic-intro{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;overflow:hidden;background:#18242e;color:#fff;transition:opacity .9s ease,visibility .9s ease,transform 1.2s cubic-bezier(.77,0,.18,1)}.intro-glow{position:absolute;width:75vw;height:75vw;border-radius:50%;background:radial-gradient(circle,rgba(141,161,150,.22),transparent 64%);animation:intro-pulse 3s ease both}.intro-rule{position:absolute;z-index:2;top:16%;left:8%;width:84%;height:1px;background:rgba(255,255,255,.25);transform:scaleX(0);transform-origin:left;animation:intro-rule 1.5s .25s cubic-bezier(.77,0,.18,1) forwards}.intro-stage{position:relative;z-index:3;width:min(540px,72vw);text-align:center}.intro-stage img{width:min(370px,68vw);opacity:0;transform:translateY(25px);animation:intro-logo 1.2s .7s ease forwards}.intro-overline,.intro-message{margin:0;color:rgba(255,255,255,.65);font:600 10px Arial,sans-serif;letter-spacing:.32em;opacity:0}.intro-overline{margin-bottom:30px;animation:intro-copy .8s .45s ease forwards}.intro-message{margin-top:30px;animation:intro-copy .8s 1.25s ease forwards}.intro-progress{position:absolute;z-index:3;right:8%;bottom:15%;left:8%;height:1px;background:rgba(255,255,255,.18)}.intro-progress i{display:block;width:0;height:100%;background:#d8c895;animation:intro-progress 2.65s .35s cubic-bezier(.65,0,.35,1) forwards}.intro-count{position:absolute;z-index:3;left:8%;bottom:9%;margin:0;font:600 9px Arial,sans-serif;letter-spacing:.24em;color:rgba(255,255,255,.57)}.intro-skip{position:absolute;z-index:5;right:8%;bottom:8%;padding:12px 0;border:0;background:none;color:rgba(255,255,255,.72);font:600 9px Arial,sans-serif;letter-spacing:.22em;cursor:pointer}.intro-wipe{position:absolute;z-index:4;inset:0;background:#263241;transform:translateY(101%);animation:intro-wipe 1.05s 2.65s cubic-bezier(.77,0,.18,1) forwards}html.intro-complete .cinematic-intro{opacity:0;visibility:hidden;transform:scale(1.035);pointer-events:none}html.intro-playing .site-header,html.intro-playing .section-rail{opacity:0}.hero-visual{animation:none;transform:scale(1.09)}html.intro-complete .hero-visual{transform:scale(1);transition:transform 7s cubic-bezier(.2,.65,.3,1)}html.intro-complete .hero-copy .eyebrow{animation:scene-up .8s .25s both}html.intro-complete .hero-copy h1{animation:scene-up 1s .4s both}html.intro-complete .hero-copy .hero-description{animation:scene-up 1s .62s both}.section-rail{position:fixed;z-index:50;top:50%;right:24px;display:flex;flex-direction:column;gap:13px;transform:translateY(-50%);color:#fff;mix-blend-mode:difference;transition:opacity .5s}.section-rail a{display:grid;grid-template-columns:20px 26px 0;align-items:center;gap:8px;width:60px;opacity:.45;transition:opacity .3s,width .3s}.section-rail a span,.section-rail a b{font:600 8px Arial,sans-serif;letter-spacing:.12em}.section-rail a i{display:block;width:7px;height:1px;background:currentColor;transition:width .3s}.section-rail a b{opacity:0;white-space:nowrap;transition:opacity .3s}.section-rail a.is-active{width:105px;opacity:1}.section-rail a.is-active i{width:26px}.section-rail a.is-active b{opacity:1}.snap-section .section-kicker,.snap-section h2,.snap-section .intro-copy,.snap-section .premium-grid,.snap-section .type-list{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.3,1)}.snap-section.is-inview .section-kicker,.snap-section.is-inview h2,.snap-section.is-inview .intro-copy,.snap-section.is-inview .premium-grid,.snap-section.is-inview .type-list{opacity:1;transform:none}.snap-section.is-inview h2{transition-delay:.1s}.snap-section.is-inview .intro-copy,.snap-section.is-inview .premium-grid,.snap-section.is-inview .type-list{transition-delay:.22s}@keyframes intro-pulse{0%{opacity:0;transform:scale(.6)}60%{opacity:1}100%{opacity:.55;transform:scale(1)}}@keyframes intro-rule{to{transform:scaleX(1)}}@keyframes intro-logo{to{opacity:1;transform:none}}@keyframes intro-copy{to{opacity:1}}@keyframes intro-progress{to{width:100%}}@keyframes intro-wipe{0%{transform:translateY(101%)}50%{transform:translateY(0)}100%{transform:translateY(-101%)}}@keyframes scene-up{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}@media(max-width:880px){html{scroll-snap-type:y proximity}.fullpage>.snap-section{min-height:100svh;scroll-snap-stop:normal}.intro{display:flex;flex-direction:column;justify-content:center}.premium{min-height:auto;padding-top:100px;padding-bottom:100px}.home-types{min-height:100svh}.section-rail{display:none}.intro-stage img{width:250px}.intro-rule{top:20%}.site-header.is-scrolled{height:76px}.scene{min-height:100svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinematic-intro *,.hero-visual,.snap-section *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* SOURCE: star-intro.css */
.cinematic-intro{background:radial-gradient(circle at 50% 115%,#44535a 0,#24333e 24%,#101d28 60%,#07111b 100%)}.starfield-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%}.night-haze{position:absolute;z-index:2;inset:-20%;background:radial-gradient(ellipse at 50% 72%,rgba(181,191,171,.12),transparent 43%),radial-gradient(ellipse at 23% 36%,rgba(89,107,125,.14),transparent 31%);filter:blur(24px);animation:night-drift 4.4s ease-in-out both}.horizon-light{position:absolute;z-index:2;right:8%;bottom:5%;left:8%;height:32%;background:radial-gradient(ellipse at 50% 100%,rgba(232,209,156,.3),rgba(145,166,160,.09) 38%,transparent 70%);opacity:0;transform:scaleX(.48);animation:horizon-rise 2.2s 1.25s cubic-bezier(.2,.7,.2,1) forwards}.horizon-light:after{content:"";position:absolute;right:0;bottom:12%;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(235,220,180,.88),transparent);transform:scaleX(0);animation:horizon-line 1.6s 1.7s ease forwards}.intro-stage{z-index:4}.intro-overline{margin:0 0 36px;animation:star-copy .9s .45s ease forwards}.intro-message{margin:37px 0 0;animation:star-copy .9s 1.65s ease forwards}.celestial-mark{position:relative;width:148px;height:148px;margin:auto;border:1px solid rgba(228,220,184,.16);border-radius:50%;opacity:0;transform:scale(.66) rotate(-12deg);animation:constellation-in 1.6s .6s cubic-bezier(.2,.75,.3,1) forwards}.celestial-mark:before,.celestial-mark:after{content:"";position:absolute;top:50%;left:50%;width:105px;height:1px;background:linear-gradient(90deg,transparent,rgba(230,221,185,.42),transparent);transform-origin:center}.celestial-mark:before{transform:translate(-50%,-50%) rotate(34deg)}.celestial-mark:after{transform:translate(-50%,-50%) rotate(-49deg)}.celestial-mark i{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:#f4e8bc;box-shadow:0 0 7px 2px rgba(238,219,163,.55);animation:node-twinkle 1.25s ease-in-out infinite alternate}.celestial-mark i:nth-child(1){top:14%;left:31%;animation-delay:.2s}.celestial-mark i:nth-child(2){top:36%;right:13%;animation-delay:.7s}.celestial-mark i:nth-child(3){top:52%;left:25%;animation-delay:1s}.celestial-mark i:nth-child(4){right:29%;bottom:16%;animation-delay:.45s}.celestial-mark i:nth-child(5){bottom:19%;left:13%;animation-delay:.8s}.shooting{position:absolute;z-index:3;width:150px;height:1px;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,246,207,.96));filter:drop-shadow(0 0 4px rgba(244,224,166,.8));transform:rotate(-28deg)}.shooting:after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff4c9;box-shadow:0 0 9px 2px rgba(244,224,166,.82)}.shooting-one{top:24%;left:63%;animation:shooting-star 1.05s 1.05s ease-out forwards}.shooting-two{top:42%;left:17%;width:105px;transform:rotate(-19deg);animation:shooting-star-two .9s 2.25s ease-out forwards}.intro-progress i{animation-duration:3.55s}.intro-wipe{background:linear-gradient(180deg,#101d28,#263241);animation:intro-wipe 1.2s 3.35s cubic-bezier(.77,0,.18,1) forwards}@keyframes night-drift{0%{opacity:0;transform:translate3d(-2%,2%,0) scale(.92)}45%{opacity:1}100%{opacity:.72;transform:translate3d(2%,-1%,0) scale(1.05)}}@keyframes horizon-rise{0%{opacity:0;transform:scaleX(.48) translateY(30px)}100%{opacity:1;transform:scaleX(1) translateY(0)}}@keyframes horizon-line{to{transform:scaleX(1)}}@keyframes star-copy{from{opacity:0;letter-spacing:.52em;transform:translateY(8px)}to{opacity:1;letter-spacing:.32em;transform:none}}@keyframes constellation-in{0%{opacity:0;transform:scale(.66) rotate(-12deg)}70%{opacity:1}100%{opacity:.92;transform:scale(1) rotate(0)}}@keyframes node-twinkle{0%{opacity:.3;transform:scale(.65)}100%{opacity:1;transform:scale(1.45)}}@keyframes shooting-star{0%{opacity:0;transform:translate3d(150px,-80px,0) rotate(-28deg) scaleX(.25)}12%{opacity:1}100%{opacity:0;transform:translate3d(-300px,160px,0) rotate(-28deg) scaleX(1)}}@keyframes shooting-star-two{0%{opacity:0;transform:translate3d(100px,-40px,0) rotate(-19deg) scaleX(.3)}18%{opacity:.8}100%{opacity:0;transform:translate3d(-210px,75px,0) rotate(-19deg) scaleX(1)}}@media(max-width:880px){.celestial-mark{width:120px;height:120px}.shooting-one{left:70%}.intro-overline,.intro-message{font-size:8px}.intro-count{font-size:7px}}@media(prefers-reduced-motion:reduce){.starfield-canvas,.shooting{display:none}}
/* SOURCE: visual-redesign.css */
.visual-home{--paper:#f0eee8;--deep:#1b2833;--navy:#263241;--champagne:#d8c895}.visual-home figure{margin:0}.visual-home img{display:block}.story-tag{margin:0 0 22px;color:#7e897f;font:700 10px Arial,sans-serif;letter-spacing:.22em}.visual-home h2{margin:0;font-size:clamp(42px,4.6vw,78px);font-weight:500;line-height:1.16;letter-spacing:-.085em}.visual-home h2 em{color:#8c927f;font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.045em}.lead-copy{max-width:440px;margin:35px 0 0;color:#59635f;font-size:15px;line-height:2;letter-spacing:-.04em}.editorial-link{display:inline-flex;align-items:center;justify-content:space-between;min-width:210px;margin-top:38px;padding:0 0 12px;border-bottom:1px solid currentColor;font-size:12px;font-weight:600}.editorial-link span{font-size:17px}.hero-watermark{position:absolute;z-index:1;right:-.02em;bottom:-.21em;margin:0;color:rgba(255,255,255,.065);font:400 clamp(130px,23vw,420px)/1 "DM Serif Display",Georgia,serif;letter-spacing:-.07em;pointer-events:none}.project-visual{display:grid!important;grid-template-columns:38% 62%;grid-template-rows:1fr 104px;gap:0;padding:105px 5.5vw 0;background:var(--paper);overflow:hidden}.project-copy{display:flex;flex-direction:column;justify-content:center;padding:0 7vw 45px 2vw}.project-image{position:relative;height:calc(100svh - 209px);overflow:hidden}.project-image:before{content:"";position:absolute;z-index:1;inset:0;border:1px solid rgba(255,255,255,.35);pointer-events:none}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.65,.3,1)}.project-visual.is-inview .project-image img{transform:scale(1.015)}.project-image figcaption{position:absolute;z-index:2;right:24px;bottom:19px;left:24px;display:flex;align-items:center;justify-content:space-between;color:#fff;font:700 9px Arial,sans-serif;letter-spacing:.18em}.project-image figcaption b{font:400 34px "DM Serif Display",Georgia,serif}.facts-bar{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b9beb6}.facts-bar>div{padding:20px 22px;border-right:1px solid #cdd0c9}.facts-bar>div:last-child{border:0}.facts-bar span{display:block;color:#858f85;font:700 8px Arial,sans-serif;letter-spacing:.16em}.facts-bar strong{display:block;margin-top:11px;font-size:13px;font-weight:500;letter-spacing:-.035em}.premium-visual{display:flex!important;flex-direction:column;justify-content:center;padding:104px 5.5vw 46px;background:#fff;overflow:hidden}.visual-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px}.visual-heading h2{width:68%;font-size:clamp(40px,4vw,68px)}.visual-heading .story-tag{align-self:flex-start}.feature-gallery{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px;height:54svh}.feature{position:relative;overflow:hidden;color:#fff;background:var(--deep)}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,19,27,.83),rgba(8,19,27,.06) 63%);transition:background .45s}.feature img{width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.65,.3,1),filter .5s}.feature:hover img{transform:scale(1.055);filter:saturate(1.08)}.feature>div{position:absolute;z-index:2;right:27px;bottom:26px;left:27px}.feature span{font:700 9px Arial,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.72)}.feature h3{margin:8px 0 0;font-size:24px;font-weight:500;letter-spacing:-.06em}.feature p{margin:8px 0 0;color:rgba(255,255,255,.7);font-size:12px}.feature>b{position:absolute;z-index:2;top:20px;right:20px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-weight:400}.garden-story{overflow:hidden;color:#fff;background:var(--deep)}.story-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 5s cubic-bezier(.2,.65,.3,1)}.garden-story.is-inview .story-background{transform:scale(1.045)}.story-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(10,24,29,.8),rgba(10,24,29,.22) 55%,rgba(10,24,29,.08)),linear-gradient(0deg,rgba(5,14,18,.5),transparent 48%)}.story-copy{position:absolute;z-index:3;top:50%;left:9.5vw;max-width:650px;transform:translateY(-48%)}.story-copy .story-tag{color:#d6d5bf}.story-copy h2{font-size:clamp(46px,5vw,82px)}.story-copy h2 em{color:#e2d39e}.story-copy>p:not(.story-tag){max-width:430px;margin:33px 0 0;color:rgba(255,255,255,.78);font-size:15px;line-height:2}.light-link{color:#fff}.floating-shot{position:absolute;z-index:3;right:5vw;bottom:6vh;width:25vw;min-width:310px;height:29vh;padding:8px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px)}.floating-shot img{width:100%;height:calc(100% - 24px);object-fit:cover}.floating-shot figcaption{padding:7px 2px 0;color:rgba(255,255,255,.72);font:600 8px Arial,sans-serif;letter-spacing:.18em}.vertical-caption{position:absolute;z-index:3;right:2vw;top:50%;margin:0;color:rgba(255,255,255,.48);font:600 8px Arial,sans-serif;letter-spacing:.2em;writing-mode:vertical-rl;transform:translateY(-50%)}.interior-story{display:grid!important;grid-template-columns:61% 39%;background:#e8e5de;overflow:hidden}.interior-image{position:relative;height:100svh;overflow:hidden}.interior-image img{width:100%;height:100%;object-fit:cover;transition:transform 4.5s cubic-bezier(.2,.65,.3,1)}.interior-story.is-inview .interior-image img{transform:scale(1.035)}.interior-image figcaption{position:absolute;left:32px;bottom:28px;padding:11px 15px;background:rgba(26,39,48,.84);color:#fff;font:600 8px Arial,sans-serif;letter-spacing:.19em}.interior-copy{display:flex;flex-direction:column;justify-content:center;padding:90px clamp(35px,5vw,95px)}.interior-copy h2{font-size:clamp(38px,3.7vw,64px)}.interior-copy>p:not(.story-tag){margin:30px 0 0;color:#5d6661;font-size:14px;line-height:2}.type-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid #aaaFA7}.type-tabs a{padding:18px 7px;border-right:1px solid #bfc2bc;transition:background .25s,padding .25s}.type-tabs a:last-child{border:0}.type-tabs a:hover{padding-left:15px;background:rgba(255,255,255,.48)}.type-tabs strong{display:block;font:400 27px "DM Serif Display",Georgia,serif}.type-tabs span{display:block;margin-top:7px;color:#7b847a;font:700 8px Arial,sans-serif;letter-spacing:.12em}.community-story{display:grid!important;grid-template-columns:65% 35%;background:var(--navy);color:#fff;overflow:hidden}.community-image{width:100%;height:100svh;object-fit:cover;transition:transform 4.5s cubic-bezier(.2,.65,.3,1)}.community-story.is-inview .community-image{transform:scale(1.035)}.community-panel{display:flex;flex-direction:column;justify-content:center;padding:90px clamp(35px,5vw,88px);background:linear-gradient(145deg,#263241,#1c2933)}.community-panel .story-tag{color:#c7cbbd}.community-panel h2{font-size:clamp(38px,3.4vw,59px)}.community-panel h2 em{color:#decc99}.community-panel>p:not(.story-tag){margin:30px 0 0;color:rgba(255,255,255,.72);font-size:14px;line-height:2}.community-points{display:flex;flex-direction:column;gap:0;margin-top:48px;border-top:1px solid rgba(255,255,255,.22)}.community-points span{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.75);font:600 9px Arial,sans-serif;letter-spacing:.15em}.contact-visual{display:grid!important;grid-template-rows:43svh 57svh;padding:0!important;background:#192630;text-align:left!important}.contact-strip{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:4px;overflow:hidden}.contact-strip img{width:100%;height:100%;object-fit:cover;filter:brightness(.78) saturate(.82);transition:transform .8s,filter .8s}.contact-strip img:hover{transform:scale(1.035);filter:brightness(.95) saturate(1)}.contact-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.contact-content .story-tag{color:#c7c9b8}.contact-content h2{max-width:920px;font-size:clamp(42px,4.6vw,74px)}.contact-content h2 em{color:#dfcc98}.contact-content>a{display:inline-flex;gap:55px;margin-top:38px;padding:13px 3px;border-bottom:1px solid rgba(255,255,255,.75);font-size:13px;font-weight:600}.project-copy,.project-image,.facts-bar,.visual-heading,.feature-gallery,.story-copy,.floating-shot,.interior-copy,.community-panel,.contact-content{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.65,.3,1)}.is-inview .project-copy,.is-inview .project-image,.is-inview .facts-bar,.is-inview .visual-heading,.is-inview .feature-gallery,.is-inview .story-copy,.is-inview .floating-shot,.is-inview .interior-copy,.is-inview .community-panel,.is-inview .contact-content{opacity:1;transform:none}.is-inview .project-image,.is-inview .feature-gallery,.is-inview .floating-shot,.is-inview .interior-copy,.is-inview .community-panel{transition-delay:.15s}.is-inview .facts-bar{transition-delay:.28s}@media(max-width:880px){.visual-home h2{font-size:40px}.project-visual{display:flex!important;flex-direction:column;padding:94px 22px 0;min-height:100svh!important}.project-copy{padding:15px 0 30px}.project-image{height:43svh}.facts-bar{grid-template-columns:repeat(2,1fr);margin-top:18px}.facts-bar>div{padding:12px 8px}.facts-bar strong{font-size:11px}.premium-visual{justify-content:flex-start;padding:95px 20px 30px;min-height:auto!important}.visual-heading{display:block;margin-bottom:27px}.visual-heading h2{width:auto;font-size:39px}.feature-gallery{grid-template-columns:1fr 1fr;height:auto}.feature{height:32svh}.feature-main{grid-column:1/-1;height:40svh}.feature h3{font-size:18px}.feature p{display:none}.garden-story{min-height:100svh!important}.story-copy{top:43%;left:24px;right:24px}.story-copy h2{font-size:42px}.story-copy>p:not(.story-tag){font-size:13px}.floating-shot{right:22px;bottom:24px;width:43vw;min-width:0;height:19vh}.vertical-caption{display:none}.interior-story,.community-story{display:flex!important;flex-direction:column}.interior-image,.community-image{height:54svh}.interior-copy,.community-panel{min-height:46svh;padding:48px 24px}.interior-copy h2,.community-panel h2{font-size:38px}.interior-copy>p:not(.story-tag),.community-panel>p:not(.story-tag){font-size:12px}.type-tabs{margin-top:25px}.community-points{margin-top:25px}.contact-visual{grid-template-rows:34svh 66svh}.contact-strip{grid-template-columns:1fr 1fr}.contact-strip img:last-child{display:none}.contact-content{padding:30px 22px}.contact-content h2{font-size:40px}}
/* SOURCE: approved-only.css */
.approved-home{--navy:#263241;--ink:#1b2730;--paper:#eeece6;--gold:#d4c28d}.approved-home figure{margin:0}.approved-home img{display:block}.approved-label{margin:0 0 24px;color:#7d897f;font:700 10px Arial,sans-serif;letter-spacing:.24em}.approved-home h2{margin:0;font-size:clamp(42px,4.8vw,78px);font-weight:500;line-height:1.13;letter-spacing:-.075em}.approved-home h2 em{color:#8c927f;font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.04em}
.approved-hero{position:relative;min-height:100svh;overflow:hidden;background:#17232c;color:#fff}.hero-slider,.hero-frame{position:absolute;inset:0}.hero-frame{opacity:0;transition:opacity 1.7s ease,transform 8s cubic-bezier(.18,.7,.25,1);transform:scale(1.08)}.hero-frame.is-active{opacity:1;transform:scale(1)}.hero-frame img{width:100%;height:100%;object-fit:cover}.hero-frame-wide img{object-position:center center}.hero-frame-left img{object-position:25% center;transform:scale(1.18)}.hero-frame-right img{object-position:78% 48%;transform:scale(1.2)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,24,33,.82),rgba(12,24,33,.28) 48%,rgba(12,24,33,.07)),linear-gradient(0deg,rgba(9,18,25,.62),transparent 48%)}.approved-hero-copy{position:absolute;z-index:2;top:50%;left:8vw;transform:translateY(-44%)}.approved-eyebrow{margin:0 0 28px;color:rgba(255,255,255,.72);font:700 10px Arial,sans-serif;letter-spacing:.25em}.approved-hero-copy h1{margin:0;font-size:clamp(54px,6.6vw,112px);font-weight:500;line-height:1.04;letter-spacing:-.085em}.approved-hero-copy h1 em{color:#e0cd94;font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.045em}.approved-hero-copy>p:last-child{margin:32px 0 0;color:rgba(255,255,255,.75);font-size:15px;letter-spacing:-.03em}.approved-hero-bottom{position:absolute;z-index:2;right:6vw;bottom:34px;left:8vw;display:flex;align-items:center;justify-content:space-between;padding-top:19px;border-top:1px solid rgba(255,255,255,.28);font:600 9px Arial,sans-serif;letter-spacing:.17em}.approved-hero-bottom a{display:flex;gap:26px;align-items:center}.hero-index{position:absolute;z-index:2;right:6vw;top:50%;display:flex;align-items:center;gap:12px;transform:translateY(-50%);font-family:Arial,sans-serif}.hero-index b{font-size:12px}.hero-index small{font-size:8px;color:rgba(255,255,255,.6)}.hero-index span{display:flex;flex-direction:column;gap:7px}.hero-index i{display:block;width:26px;height:1px;background:rgba(255,255,255,.3)}.hero-index i.is-active{background:#fff}
.approved-overview{display:grid!important;grid-template-columns:38% 62%;grid-template-rows:1fr 112px;min-height:100svh;padding:105px 5vw 0;background:var(--paper);overflow:hidden}.overview-copy{display:flex;flex-direction:column;justify-content:center;padding:0 7vw 40px 2vw}.overview-copy>p:not(.approved-label){margin:35px 0 0;color:#5c6661;font-size:15px;line-height:2}.overview-copy>a{display:flex;align-items:center;justify-content:space-between;width:230px;margin-top:42px;padding-bottom:13px;border-bottom:1px solid #4f5a55;font:700 10px Arial,sans-serif;letter-spacing:.16em}.overview-visual{position:relative;height:calc(100svh - 217px);overflow:hidden}.overview-visual img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 5s cubic-bezier(.18,.7,.25,1)}.approved-overview.is-inview .overview-visual img{transform:scale(1.035)}.overview-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,25,32,.55),transparent 45%)}.overview-visual figcaption{position:absolute;z-index:2;right:25px;bottom:23px;left:25px;display:flex;justify-content:space-between;color:#fff;font:700 9px Arial,sans-serif;letter-spacing:.17em}.overview-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b8bcb5}.overview-facts>div{padding:22px;border-right:1px solid #c8cbc5}.overview-facts>div:last-child{border:0}.overview-facts span{display:block;color:#7c877e;font:700 8px Arial,sans-serif;letter-spacing:.16em}.overview-facts strong{display:block;margin-top:10px;font-size:13px;font-weight:500}
.architecture-cuts{display:grid!important;grid-template-columns:31% 69%;min-height:100svh;padding:108px 5vw 48px;background:#fff;overflow:hidden}.cuts-heading{display:flex;flex-direction:column;justify-content:center;padding:0 4.5vw 0 1vw}.cuts-heading h2{font-size:clamp(40px,4vw,66px)}.cuts-heading>p:last-child{margin:32px 0 0;color:#69716c;font-size:14px;line-height:1.9}.cuts-gallery{display:grid;grid-template-columns:1.45fr .7fr;grid-template-rows:1fr 1fr;gap:10px;min-height:calc(100svh - 156px)}.cut{position:relative;overflow:hidden;background:#192630}.cut-main{grid-row:1/3}.cut img{width:100%;height:100%;object-fit:cover;transition:transform .85s ease,filter .85s ease}.cut-main img{object-position:48% center}.cut-facade img{object-position:30% 44%;transform:scale(1.8)}.cut-street img{object-position:75% 70%;transform:scale(1.65)}.cut:hover img{filter:saturate(1.08) brightness(1.05)}.cut-main:hover img{transform:scale(1.04)}.cut-facade:hover img{transform:scale(1.9)}.cut-street:hover img{transform:scale(1.75)}.cut:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,24,31,.72),transparent 50%)}.cut figcaption{position:absolute;z-index:2;right:19px;bottom:17px;left:19px;display:flex;justify-content:space-between;color:#fff;font:700 9px Arial,sans-serif;letter-spacing:.17em}
.approved-premium{position:relative;min-height:100svh;overflow:hidden;background:var(--navy);color:#fff}.premium-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 6s cubic-bezier(.18,.7,.25,1)}.approved-premium.is-inview .premium-backdrop{transform:scale(1.045)}.premium-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,29,38,.92),rgba(15,29,38,.58) 49%,rgba(15,29,38,.12)),linear-gradient(0deg,rgba(11,21,27,.45),transparent)}.premium-copy{position:absolute;z-index:2;top:50%;left:8vw;width:min(660px,48vw);transform:translateY(-46%)}.premium-copy .approved-label{color:#d4d0b9}.premium-copy h2{font-size:clamp(48px,5.3vw,88px)}.premium-copy h2 em{color:#e0cc92}.premium-list{margin-top:48px;border-top:1px solid rgba(255,255,255,.28)}.premium-list article{display:grid;grid-template-columns:45px 1fr;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.18)}.premium-list article>b{font:400 17px "DM Serif Display",Georgia,serif;color:#d9c88e}.premium-list strong{display:block;font:700 9px Arial,sans-serif;letter-spacing:.16em}.premium-list span{display:block;margin-top:6px;color:rgba(255,255,255,.68);font-size:12px}.premium-vertical{position:absolute;z-index:2;right:2.2vw;top:50%;margin:0;color:rgba(255,255,255,.55);font:600 8px Arial,sans-serif;letter-spacing:.22em;writing-mode:vertical-rl;transform:translateY(-50%)}
.approved-location{display:grid!important;grid-template-columns:62% 38%;min-height:100svh;background:#e8e5df;overflow:hidden}.location-image{height:100svh;overflow:hidden}.location-image img{width:100%;height:100%;object-fit:cover;object-position:30% center;transform:scale(1.34);transition:transform 5s cubic-bezier(.18,.7,.25,1)}.approved-location.is-inview .location-image img{transform:scale(1.27)}.location-card{display:flex;flex-direction:column;justify-content:center;padding:100px 5vw;background:linear-gradient(145deg,#f0eee8,#dfddd6)}.location-card h2{font-size:clamp(40px,3.8vw,65px)}.location-card>p:not(.approved-label){margin:31px 0 0;color:#626c67;font-size:14px;line-height:2}.location-card ul{margin:45px 0 0;padding:0;border-top:1px solid #adb2ac;list-style:none}.location-card li{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #bec2bc}.location-card li b{font:700 9px Arial,sans-serif;letter-spacing:.17em}.location-card li span{color:#68716d;font-size:12px}
.approved-types{display:grid!important;grid-template-columns:40% 60%;min-height:100svh;padding:105px 5vw 45px;background:var(--navy);color:#fff;overflow:hidden}.types-copy{display:flex;flex-direction:column;justify-content:center;padding:0 6vw 0 2vw}.types-copy .approved-label{color:#c8cbbd}.types-copy h2{font-size:clamp(43px,4.2vw,70px)}.types-copy h2 em{color:#dfcc94}.types-copy>p:not(.approved-label){margin:31px 0 0;color:rgba(255,255,255,.67);font-size:14px;line-height:2}.types-list{margin-top:42px;border-top:1px solid rgba(255,255,255,.24)}.types-list a{display:grid;grid-template-columns:85px 1fr 25px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16);transition:padding .25s}.types-list a:hover{padding-left:10px}.types-list strong{font:400 27px "DM Serif Display",Georgia,serif}.types-list span{color:rgba(255,255,255,.62);font:700 8px Arial,sans-serif;letter-spacing:.15em}.types-visual{position:relative;height:calc(100svh - 150px);overflow:hidden}.types-visual img{width:100%;height:100%;object-fit:cover;object-position:64% center;transform:scale(1.45);transition:transform 5s cubic-bezier(.18,.7,.25,1)}.approved-types.is-inview .types-visual img{transform:scale(1.38)}.types-visual figcaption{position:absolute;left:24px;bottom:22px;padding:10px 13px;background:rgba(26,39,48,.82);font:700 8px Arial,sans-serif;letter-spacing:.17em}
.approved-contact{position:relative;min-height:100svh;overflow:hidden;background:#17232c;color:#fff}.approved-contact>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85)}.contact-wash{position:absolute;inset:0;background:rgba(17,31,40,.7);backdrop-filter:blur(2px)}.contact-copy{position:absolute;z-index:2;top:50%;left:50%;width:min(900px,86vw);text-align:center;transform:translate(-50%,-48%)}.contact-copy .approved-label{color:#d0d1c1}.contact-copy h2{font-size:clamp(48px,5.7vw,94px)}.contact-copy h2 em{color:#dfcc94}.contact-copy>a{display:inline-flex;align-items:center;gap:72px;margin-top:47px;padding:14px 3px;border-bottom:1px solid rgba(255,255,255,.75);font-size:13px}
.overview-copy,.overview-visual,.overview-facts,.cuts-heading,.cuts-gallery,.premium-copy,.location-card,.types-copy,.types-visual,.contact-copy{opacity:0;transform:translateY(30px);transition:opacity .95s ease,transform 1s cubic-bezier(.2,.65,.3,1)}.is-inview .overview-copy,.is-inview .overview-visual,.is-inview .overview-facts,.is-inview .cuts-heading,.is-inview .cuts-gallery,.is-inview .premium-copy,.is-inview .location-card,.is-inview .types-copy,.is-inview .types-visual,.is-inview .contact-copy{opacity:1;transform:none}.is-inview .overview-visual,.is-inview .cuts-gallery,.is-inview .types-visual{transition-delay:.16s}.is-inview .overview-facts{transition-delay:.3s}
@media(max-width:880px){.approved-home h2{font-size:39px}.approved-hero-copy{left:24px;right:24px}.approved-hero-copy h1{font-size:50px}.approved-hero-copy>p:last-child{font-size:13px}.approved-hero-bottom{left:24px;right:24px}.approved-hero-bottom>a{display:none}.hero-index{right:20px;top:auto;bottom:78px}.approved-overview{display:flex!important;flex-direction:column;padding:92px 20px 0}.overview-copy{padding:10px 0 24px}.overview-copy>p:not(.approved-label){font-size:12px;margin-top:22px}.overview-copy>a{display:none}.overview-visual{height:37svh}.overview-facts{grid-template-columns:repeat(2,1fr);margin-top:14px}.overview-facts>div{padding:11px 7px}.overview-facts strong{font-size:10px}.architecture-cuts{display:flex!important;flex-direction:column;padding:92px 20px 25px;min-height:auto!important}.cuts-heading{padding:0 0 26px}.cuts-heading>p:last-child{font-size:12px;margin-top:20px}.cuts-gallery{grid-template-columns:1fr 1fr;grid-template-rows:42svh 28svh;min-height:auto}.cut-main{grid-column:1/-1;grid-row:auto}.cut-facade,.cut-street{grid-row:2}.approved-premium{min-height:100svh!important}.premium-copy{left:24px;right:24px;width:auto}.premium-copy h2{font-size:44px}.premium-list{margin-top:35px}.premium-vertical{display:none}.approved-location{display:flex!important;flex-direction:column}.location-image{height:49svh}.location-card{min-height:51svh;padding:42px 24px}.location-card>p:not(.approved-label){font-size:12px;margin-top:20px}.location-card ul{margin-top:25px}.location-card li{padding:11px 0}.approved-types{display:flex!important;flex-direction:column;padding:92px 20px 25px}.types-copy{padding:0 0 28px}.types-copy>p:not(.approved-label){font-size:12px;margin-top:20px}.types-list{margin-top:25px}.types-list a{padding:10px 0}.types-visual{height:35svh}.contact-copy h2{font-size:44px}}
/* SOURCE: reference-home.css */
.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}}
/* SOURCE: reference-exact.css */
html{scroll-snap-type:none!important;scroll-behavior:auto!important}.fullpage>.snap-section{min-height:100svh;height:100svh;scroll-snap-align:none!important;scroll-snap-stop:normal!important}.exact-home{--navy:#263241;--deep:#123a36;--lime:#c5d85e;--paper:#f5f3ee}.exact-home figure{margin:0}.exact-home img{display:block}.site-header .brand{width:155px;flex:0 0 155px}.site-header .brand img{width:auto;height:54px;max-width:100%;object-fit:contain;object-position:left center}.site-header.is-scrolled .brand img{height:46px}.site-header .main-nav{align-items:stretch}.site-header .main-nav>a{display:flex;align-items:center;justify-content:center;height:100%;padding-top:2px}
.exact-hero{position:relative;overflow:hidden;background:#17242e;color:#fff}.exact-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.exact-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,27,.62),transparent 52%),linear-gradient(90deg,rgba(10,23,31,.72),rgba(14,25,33,.12) 62%,transparent)}.hero-opening-copy{position:absolute;z-index:2;top:50%;left:8vw;width:min(800px,62vw);transform:translateY(-38%)}.hero-opening-copy>p{margin:0 0 25px;color:rgba(255,255,255,.7);font:700 10px Arial,sans-serif;letter-spacing:.27em}.hero-opening-copy h1{margin:0;font-size:clamp(52px,5.8vw,96px);font-weight:500;line-height:1.08;letter-spacing:-.085em}.hero-opening-copy h1 em{color:#dfcc95;font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.045em}.hero-opening-copy>span{display:block;margin-top:30px;color:rgba(255,255,255,.76);font-size:14px;line-height:1.9}.hero-opening-meta{position:absolute;z-index:2;right:5vw;bottom:5vh;display:grid;grid-template-columns:auto auto;align-items:end;gap:3px 12px;padding:18px 22px;border-top:1px solid rgba(255,255,255,.5);background:rgba(25,38,49,.66);backdrop-filter:blur(8px)}.hero-opening-meta b{font:400 30px "DM Serif Display",Georgia,serif}.hero-opening-meta span{color:rgba(255,255,255,.6);font:700 7px Arial,sans-serif;letter-spacing:.14em}.hero-opening-meta i{grid-column:1/-1;height:1px;background:rgba(255,255,255,.18)}.scroll-follow{position:absolute;z-index:2;left:2.7vw;bottom:5vh;display:flex;align-items:center;gap:12px;transform:rotate(-90deg);transform-origin:left bottom}.scroll-follow i{width:60px;height:1px;background:#fff}.scroll-follow span{font:600 8px Arial,sans-serif;letter-spacing:.2em}
.hero-opening-copy>p,.hero-opening-copy h1,.hero-opening-copy>span,.hero-opening-meta,.scroll-follow{opacity:0}.hero-opening-copy>p,.hero-opening-copy h1,.hero-opening-copy>span{transform:translateY(34px)}.hero-opening-meta{transform:translateX(32px)}.scroll-follow{transform:rotate(-90deg) translateY(-18px)}html.intro-complete .exact-hero-image{animation:hero-cinematic-zoom 8s cubic-bezier(.2,.65,.3,1) both}html.intro-complete .hero-opening-copy>p{animation:hero-copy-rise .75s .18s cubic-bezier(.2,.65,.3,1) forwards}html.intro-complete .hero-opening-copy h1{animation:hero-copy-rise 1s .34s cubic-bezier(.2,.65,.3,1) forwards}html.intro-complete .hero-opening-copy>span{animation:hero-copy-rise .9s .62s cubic-bezier(.2,.65,.3,1) forwards}html.intro-complete .hero-opening-meta{animation:hero-meta-in .85s .82s cubic-bezier(.2,.65,.3,1) forwards}html.intro-complete .scroll-follow{animation:hero-scroll-in .7s 1s ease forwards}@keyframes hero-copy-rise{0%{opacity:0;transform:translateY(34px);filter:blur(7px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes hero-meta-in{0%{opacity:0;transform:translateX(32px)}100%{opacity:1;transform:none}}@keyframes hero-scroll-in{0%{opacity:0;transform:rotate(-90deg) translateY(-18px)}100%{opacity:1;transform:rotate(-90deg) translateY(0)}}@keyframes hero-cinematic-zoom{0%{transform:scale(1.055)}100%{transform:scale(1)}}
.exact-premium{position:relative;overflow:hidden;background:#f4f1ec;color:#161d1b}.premium-intro{position:absolute;z-index:4;top:27%;left:1.5vw;width:30vw}.premium-intro>p,.premium-intro>span{display:block;margin:0;font-size:clamp(15px,1.45vw,24px);font-weight:600;line-height:1.5}.premium-intro h2{margin:42px 0 0;color:#0c4b43;font:700 clamp(48px,5.2vw,82px)/1 Arial,sans-serif;letter-spacing:-.04em}.premium-control{display:flex;align-items:center;gap:10px;margin-top:40px;font:700 11px Arial,sans-serif}.premium-control>i{width:120px;height:1px;background:#a9aeaa}.premium-control>span{color:#777f7a}.premium-control button{position:relative;z-index:5;margin-left:4px;padding:4px 7px;border:0;background:transparent;color:#68716d;font-size:23px;cursor:pointer}.premium-arch{position:absolute;overflow:hidden;border-radius:49% 49% 0 0}.premium-arch img{width:100%;height:100%;object-fit:cover}.premium-arch-main{top:23%;left:34%;width:36vw;height:72vh}.premium-arch-main img{object-position:42% center;transform:scale(1.16)}.premium-arch-left{left:2vw;bottom:-2vh;width:21vw;height:43vh}.premium-arch-left img{object-position:25% center;transform:scale(1.55);filter:grayscale(1) brightness(.78)}.premium-arch-right{top:13%;right:1.5vw;width:18vw;height:45vh}.premium-arch-right img{object-position:72% center;transform:scale(1.65);filter:grayscale(1) brightness(.72)}.premium-script{position:absolute;z-index:2;right:17vw;bottom:25%;color:#15805f;font:italic 400 clamp(54px,6.4vw,100px)/.75 "DM Serif Display",Georgia,serif;transform:rotate(-5deg)}.exact-premium .premium-copy{position:absolute;z-index:3;top:auto;right:2.5vw;bottom:8%;left:auto;width:28vw;min-height:140px;opacity:1;transform:none}.premium-copy article{position:absolute;inset:0;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .45s}.premium-copy article.is-active{opacity:1;transform:none}.premium-copy span{color:#4e615a;font:700 9px Arial,sans-serif;letter-spacing:.12em}.premium-copy h3{margin:15px 0 12px;color:#0d4d44;font-size:23px}.premium-copy p{margin:0;color:#4d5753;font-size:13px;line-height:1.75}
.exact-location{position:relative;overflow:hidden;background:#1e2f39;color:#fff}.location-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.52) saturate(.78)}.location-shade{position:absolute;inset:0;background:rgba(13,27,34,.25)}.location-panels{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);padding-top:100px}.location-panels article{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:0 30px 11vh;border-right:1px solid rgba(255,255,255,.25);overflow:hidden;transition:background .45s}.location-panels article:last-child{border-right:0}.location-panels article>b{font:600 clamp(29px,3vw,48px)/1 Arial,sans-serif;transition:transform .45s}.location-panels article>div{position:absolute;right:35px;bottom:10vh;left:35px;opacity:0;transform:translateY(25px);transition:opacity .45s,transform .45s}.location-panels article:hover,.location-panels article:focus{background:rgba(18,58,54,.76);outline:0}.location-panels article:hover>b,.location-panels article:focus>b{transform:translateY(-26vh)}.location-panels article:hover>div,.location-panels article:focus>div{opacity:1;transform:none}.location-panels span{color:#d7d2a3;font:700 8px Arial,sans-serif;letter-spacing:.16em}.location-panels h3{margin:12px 0;font-size:25px}.location-panels p{margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.8}
.exact-brand{position:relative;overflow:hidden;background:#faf9f5;color:#111}.brand-copy{position:absolute;z-index:3;top:24%;left:1.5vw}.brand-copy>span{font:700 11px Arial,sans-serif}.brand-copy h2{margin:35px 0 0;color:#163f39;font-size:clamp(39px,3.7vw,62px);font-weight:600;line-height:1.32;letter-spacing:-.07em}.brand-copy h2 em{color:#5f7d70;font-family:"DM Serif Display",Georgia,serif;font-weight:400}.brand-cut{position:absolute;overflow:hidden}.brand-cut img{width:100%;height:100%;object-fit:cover}.brand-cut-one{left:6vw;bottom:7%;width:18vw;height:35vh}.brand-cut-one img{object-position:18% center;transform:scale(1.5);filter:saturate(.6) brightness(1.05)}.brand-cut-two{left:41%;top:32%;width:15vw;height:34vh}.brand-cut-two img{object-position:45% center;transform:scale(1.8);filter:blur(1px) saturate(.55)}.brand-cut-three{left:57%;top:20%;width:15vw;height:34vh}.brand-cut-three img{object-position:center;transform:scale(2.3)}.brand-cut-four{right:5.5vw;top:34%;width:16vw;height:34vh}.brand-cut-four img{object-position:74% center;transform:scale(1.65);filter:saturate(.75)}.brand-definition{position:absolute;z-index:3;right:4vw;bottom:7%;width:30vw}.brand-definition img{width:260px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}.brand-definition p{margin:28px 0 0;color:#4e5d58;font-size:14px;line-height:1.9}.brand-script{position:absolute;z-index:1;left:27vw;bottom:4vh;color:rgba(20,67,57,.08);font:italic 400 clamp(75px,11vw,170px) "DM Serif Display",Georgia,serif;white-space:nowrap}
.exact-contact{position:relative;display:flex!important;flex-direction:column;justify-content:center;overflow:hidden;padding:96px 10vw 32px;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.8),transparent 37%),linear-gradient(125deg,#eef3eb,#dce6db);color:#222}.contact-title{text-align:center}.contact-title strong{font:500 clamp(42px,4.1vw,62px)/1 Arial,sans-serif;letter-spacing:-.035em}.contact-title p{margin:20px 0 0;color:#66716a;font-size:13px}.contact-board{display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin-top:40px}.contact-board article{height:40vh;border:1px solid rgba(26,67,57,.34);background:rgba(255,255,255,.88);box-shadow:0 18px 45px rgba(31,59,49,.06)}.contact-board article>span{display:block;padding:14px 20px;border-bottom:1px solid #d3d9d1;color:#17483f;font:700 9px Arial,sans-serif;letter-spacing:.18em}.project-board{padding-bottom:15px}.project-board h3{margin:18px 24px 10px;color:#123f37;font-size:23px;letter-spacing:-.05em}.project-board dl{margin:0 24px}.project-board dl>div{display:grid;grid-template-columns:90px 1fr;padding:7px 0;border-bottom:1px solid #e1e4df}.project-board dt{color:#7c857f;font-size:11px}.project-board dd{margin:0;font-size:12px;font-weight:500}.plan-board{position:relative}.plan-image{height:calc(100% - 74px);overflow:hidden}.plan-image img{width:100%;height:100%;object-fit:cover}.plan-board>p{position:absolute;right:0;bottom:0;left:0;margin:0;padding:10px 16px;background:rgba(255,255,255,.95);font-size:10px}.contact-bottom{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;margin-top:23px;padding-top:17px;border-top:1px solid rgba(31,68,58,.32)}.contact-bottom p{margin:0;font-size:12px}.contact-bottom b{color:#17483f}.contact-bottom a{display:flex;align-items:center;gap:22px;padding:13px 20px;background:#17483f;color:#fff;font-size:11px}.contact-bottom a span{font-size:16px}
.site-footer.snap-section{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100svh;height:100svh;padding:90px 6vw 55px;background:#242424;color:rgba(255,255,255,.64)}.site-footer .footer-top img{width:230px}.site-footer .footer-top a{color:#fff}.site-footer p{max-width:1000px;font-size:11px}.site-footer small{color:rgba(255,255,255,.45)}
.exact-home .snap-section>*{transition:opacity .8s ease,transform 1s cubic-bezier(.2,.65,.3,1)}.exact-home .snap-section:not(.is-inview)>*:not(.exact-hero-image):not(.exact-hero-shade):not(.location-backdrop):not(.location-shade){opacity:0;transform:translateY(25px)}
@media(max-width:880px){html{scroll-behavior:smooth!important}.fullpage>.snap-section{height:auto;min-height:100svh}.site-header .brand{width:124px;flex-basis:124px}.site-header .brand img,.site-header.is-scrolled .brand img{height:44px}.site-header .main-nav>a{display:block;height:auto;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16)}.exact-hero-image{object-position:58% center}.hero-opening-copy{top:47%;left:24px;right:24px;width:auto}.hero-opening-copy>p{font-size:8px}.hero-opening-copy h1{font-size:43px}.hero-opening-copy>span{font-size:12px}.hero-opening-meta{right:20px;bottom:24px;padding:12px 15px}.scroll-follow{display:none}.exact-premium{min-height:100svh!important;height:100svh!important}.premium-intro{top:13%;left:20px;width:80vw}.premium-intro>p,.premium-intro>span{font-size:14px}.premium-intro h2{margin-top:20px;font-size:48px}.premium-control{margin-top:18px}.premium-control>i{width:70px}.premium-arch-main{top:38%;left:28%;width:51vw;height:45vh}.premium-arch-left{left:12px;bottom:2%;width:32vw;height:27vh}.premium-arch-right{top:28%;right:12px;width:27vw;height:28vh}.premium-script{right:2vw;bottom:27%;font-size:47px}.premium-copy{right:18px;bottom:6%;width:57vw}.premium-copy h3{font-size:18px}.premium-copy p{font-size:11px}.exact-location{height:auto!important}.location-backdrop,.location-shade{position:fixed;z-index:-2}.location-panels{position:relative;display:block;padding:76px 0 0}.location-panels article{display:block;min-height:25svh;padding:42px 24px;border-right:0;border-bottom:1px solid rgba(255,255,255,.25);background:rgba(17,36,43,.55)}.location-panels article>b{font-size:32px}.location-panels article>div{position:static;margin-top:20px;opacity:1;transform:none}.location-panels article:hover>b,.location-panels article:focus>b{transform:none}.exact-brand{height:auto!important;min-height:120svh!important}.brand-copy{top:10%;left:20px}.brand-copy h2{font-size:37px}.brand-cut-one{left:20px;bottom:9%;width:39vw;height:31vh}.brand-cut-two{left:45%;top:40%;width:30vw;height:28vh}.brand-cut-three{left:18%;top:34%;width:28vw;height:25vh}.brand-cut-four{right:18px;top:57%;width:34vw;height:27vh}.brand-definition{right:20px;bottom:7%;width:52vw}.brand-definition img{width:170px}.brand-definition p{font-size:11px}.brand-script{display:none}.exact-contact{height:auto!important;padding:100px 20px 45px}.contact-title strong{font-size:40px}.contact-board{grid-template-columns:1fr;gap:18px;margin-top:35px}.contact-board article{height:42svh}.contact-bottom{grid-template-columns:1fr;gap:11px}.site-footer.snap-section{height:auto;min-height:100svh}.site-footer .footer-top img{width:190px}}
@media(prefers-reduced-motion:reduce){html.intro-complete .exact-hero-image,html.intro-complete .hero-opening-copy>p,html.intro-complete .hero-opening-copy h1,html.intro-complete .hero-opening-copy>span,html.intro-complete .hero-opening-meta,html.intro-complete .scroll-follow{animation-duration:.01ms;animation-delay:0s}}
/* SOURCE: premium-brand-v2.css */
.premium-v2{position:relative!important;background:#17242e!important;color:#fff!important}.premium-v2-visuals,.premium-v2-visuals figure{position:absolute;inset:0}.premium-v2-visuals figure{opacity:0;overflow:hidden;transform:scale(1.045);transition:opacity 1.15s ease,transform 6.5s cubic-bezier(.2,.65,.3,1)}.premium-v2-visuals figure.is-active{opacity:1;transform:scale(1)}.premium-v2-visuals img{width:100%;height:100%;object-fit:cover}.premium-v2-visuals figure:nth-child(3) img,.premium-v2-visuals figure:nth-child(5) img{object-position:center 45%}.premium-v2-visuals figure:nth-child(6) img{object-position:center 55%}.premium-v2-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(12,25,34,.95) 0%,rgba(12,25,34,.8) 34%,rgba(12,25,34,.34) 62%,rgba(12,25,34,.12)),linear-gradient(0deg,rgba(8,17,23,.44),transparent 48%)}.premium-v2-heading{position:absolute;z-index:3;top:17vh;left:8vw}.premium-v2-heading>p{margin:0;color:rgba(255,255,255,.58);font:700 9px Arial,sans-serif;letter-spacing:.27em}.premium-v2-heading h2{margin:17px 0 0;color:#fff;font:600 clamp(44px,4.8vw,80px)/1 Arial,sans-serif;letter-spacing:-.055em}.premium-v2-heading h2 em{color:#e0cd97;font:400 1.08em "DM Serif Display",Georgia,serif}.premium-v2-copy{position:absolute;z-index:3;top:46%;left:8vw;width:min(580px,41vw);height:250px;transform:translateY(-20%)}.premium-v2-copy article{position:absolute;inset:0;opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.65,.3,1)}.premium-v2-copy article.is-active{opacity:1;transform:none}.premium-v2-copy span{color:#dccb99;font:700 9px Arial,sans-serif;letter-spacing:.19em}.premium-v2-copy h3{margin:20px 0 0;font-size:clamp(35px,3.6vw,60px);font-weight:500;line-height:1.16;letter-spacing:-.075em}.premium-v2-copy p{max-width:430px;margin:25px 0 0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.9}.premium-v2-controls{position:absolute;z-index:4;left:8vw;bottom:7vh;display:flex;align-items:center;gap:13px;font-family:Arial,sans-serif}.premium-v2-controls>b{font-size:17px}.premium-v2-controls>i{position:relative;width:140px;height:1px;background:rgba(255,255,255,.25);overflow:hidden}.premium-v2-controls>i span{display:block;width:0;height:100%;background:#e0cd97}.premium-v2-controls>i span.is-running{animation:premium-progress-v2 5.2s linear forwards}.premium-v2-controls>em{color:rgba(255,255,255,.52);font-size:9px;font-style:normal}.premium-v2-controls button{display:grid;place-items:center;width:42px;height:42px;margin-left:3px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(16,31,40,.26);color:#fff;font-size:18px;cursor:pointer;transition:background .25s,border-color .25s}.premium-v2-controls button:hover{border-color:#e0cd97;background:rgba(224,205,151,.17)}.premium-v2-caption{position:absolute;z-index:3;right:2.4vw;top:50%;margin:0;color:rgba(255,255,255,.55);font:700 8px Arial,sans-serif;letter-spacing:.22em;writing-mode:vertical-rl;transform:translateY(-50%)}@keyframes premium-progress-v2{to{width:100%}}
.brand-v2{position:relative!important;overflow:hidden!important;background:#f5f2ec!important;color:#17231f!important}.brand-v2-copy{position:absolute;z-index:5;top:18%;left:6vw;width:35vw}.brand-v2-copy>span{color:#597168;font:700 10px Arial,sans-serif;letter-spacing:.22em}.brand-v2-copy h2{margin:28px 0 0;font-size:clamp(42px,4.2vw,70px);font-weight:600;line-height:1.18;letter-spacing:-.08em}.brand-v2-copy h2 em{color:#668174;font-family:"DM Serif Display",Georgia,serif;font-weight:400}.brand-v2-copy>p{margin:31px 0 0;color:#596760;font-size:14px;line-height:2}.brand-v2-main{position:absolute;z-index:1;top:13%;right:9vw;width:49vw;height:69vh;overflow:hidden}.brand-v2-main img{width:100%;height:100%;object-fit:cover;transition:transform 5s cubic-bezier(.2,.65,.3,1)}.brand-v2.is-inview .brand-v2-main img{transform:scale(1.035)}.brand-v2-vertical{position:absolute;z-index:3;right:4vw;bottom:5%;width:17vw;height:48vh;padding:7px;background:#f5f2ec;overflow:hidden}.brand-v2-vertical img{width:100%;height:100%;object-fit:cover}.brand-v2-small{position:absolute;z-index:2;left:25vw;bottom:5%;width:22vw;height:27vh;padding:7px;background:#f5f2ec;overflow:hidden}.brand-v2-small img{width:100%;height:100%;object-fit:cover}.brand-v2-mark{position:absolute;z-index:6;left:6vw;bottom:7%;display:flex;align-items:center;gap:25px;padding:16px 22px;background:#263241;color:#fff}.brand-v2-mark img{width:185px}.brand-v2-mark span{font:700 8px Arial,sans-serif;letter-spacing:.19em;color:rgba(255,255,255,.65)}.brand-v2-script{position:absolute;z-index:2;right:18vw;bottom:2vh;margin:0;color:rgba(25,68,57,.1);font:italic 400 clamp(55px,7.5vw,120px) "DM Serif Display",Georgia,serif;white-space:nowrap}
@media(max-width:880px){.premium-v2{height:100svh!important;min-height:100svh!important}.premium-v2-shade{background:linear-gradient(0deg,rgba(10,23,31,.92),rgba(10,23,31,.22) 70%),linear-gradient(90deg,rgba(10,23,31,.48),transparent)}.premium-v2-heading{top:12%;left:24px}.premium-v2-heading h2{font-size:48px}.premium-v2-copy{top:auto;right:24px;bottom:19%;left:24px;width:auto;height:210px;transform:none}.premium-v2-copy h3{font-size:38px}.premium-v2-copy p{font-size:12px}.premium-v2-controls{left:24px;bottom:6%}.premium-v2-controls>i{width:75px}.premium-v2-caption{display:none}.brand-v2{height:100svh!important;min-height:100svh!important}.brand-v2-copy{top:11%;left:24px;right:24px;width:auto}.brand-v2-copy h2{font-size:38px}.brand-v2-copy>p{font-size:11px;margin-top:18px}.brand-v2-main{top:42%;right:20px;width:70vw;height:38vh}.brand-v2-vertical{right:auto;bottom:6%;left:20px;width:31vw;height:31vh}.brand-v2-small{display:none}.brand-v2-mark{right:20px;bottom:5%;left:auto;display:block;padding:12px}.brand-v2-mark img{width:140px}.brand-v2-mark span{display:block;margin-top:7px}.brand-v2-script{display:none}}
@media(prefers-reduced-motion:reduce){.premium-v2-visuals figure,.premium-v2-copy article,.brand-v2-main img{transition:none}.premium-v2-controls>i span.is-running{animation:none;width:100%}}
@media(min-width:881px){html{scroll-snap-type:y mandatory!important}.snap-section{scroll-snap-align:start!important;scroll-snap-stop:normal!important}}
/* SOURCE: premium-editorial-v3.css */
.premium-v2 {
position: relative !important;
height: 100vh !important;
min-height: 100vh !important;
overflow: hidden;
background: #eeeae4 !important;
color: #211813 !important;
}
.premium-v2-visuals,
.premium-v2-visuals figure {
position: absolute;
inset: 0;
}
.premium-v2-visuals figure {
opacity: 0;
transform: scale(1.07);
transition: opacity 1s ease, transform 6.5s cubic-bezier(.2,.65,.3,1);
}
.premium-v2-visuals figure.is-active {
opacity: 1;
transform: scale(1);
}
.premium-v2-visuals img {
width: 100%;
height: 100%;
object-fit: cover;
filter: saturate(.7) contrast(.86) brightness(1.16);
}
.premium-v2-shade {
z-index: 1;
background:
linear-gradient(90deg, rgba(250,248,245,.98) 0%, rgba(250,248,245,.92) 25%, rgba(250,248,245,.63) 44%, rgba(250,248,245,.12) 75%),
linear-gradient(0deg, rgba(240,235,228,.72), transparent 48%) !important;
}
.premium-v2-heading {
top: 31% !important;
left: 4.7vw !important;
width: min(560px, 39vw);
color: #211813;
}
.premium-v2-heading > p {
color: #66564b !important;
font: 700 10px/1.2 Arial, sans-serif !important;
letter-spacing: .28em !important;
}
.premium-v2-heading h2 {
margin-top: 24px !important;
color: #211813 !important;
font: 500 clamp(38px, 4.1vw, 68px)/1.18 "Noto Sans KR", sans-serif !important;
letter-spacing: -.065em !important;
}
.premium-v2-heading h2 em {
display: inline-block;
margin-top: 7px;
color: #263241 !important;
font: 600 .96em/1.15 "Noto Sans KR", sans-serif !important;
}
.premium-v2-copy {
top: 50% !important;
right: 7.5vw;
left: auto !important;
width: min(405px, 31.7vw) !important;
height: min(610px, 77vh) !important;
transform: translateY(-50%) !important;
filter: drop-shadow(0 26px 48px rgba(34,26,20,.18));
}
.premium-v2-copy article {
box-sizing: border-box;
padding: min(43vh, 338px) 34px 26px !important;
overflow: hidden;
background: rgba(255,255,255,.97);
color: #211813;
text-align: center;
opacity: 0;
transform: translateX(42px) rotate(.45deg) !important;
transition: opacity .65s ease, transform .9s cubic-bezier(.2,.72,.2,1) !important;
}
.premium-v2-copy article::before {
position: absolute;
top: 20px;
right: 20px;
left: 20px;
height: min(37vh, 292px);
background: var(--card-image) center/cover no-repeat;
content: "";
}
.premium-v2-copy article::after {
position: absolute;
top: min(39.5vh, 312px);
left: 50%;
width: 34px;
height: 1px;
background: #aa927d;
content: "";
transform: translateX(-50%);
}
.premium-v2-copy article.is-active {
opacity: 1;
transform: none !important;
}
.premium-v2-copy span {
color: #766153 !important;
font: 700 9px/1.2 Arial, sans-serif !important;
letter-spacing: .24em !important;
}
.premium-v2-copy h3 {
margin: 17px 0 0 !important;
color: #1c1511;
font-size: clamp(23px, 2vw, 31px) !important;
font-weight: 650 !important;
line-height: 1.34 !important;
letter-spacing: -.065em !important;
}
.premium-v2-copy p {
max-width: 310px !important;
margin: 15px auto 0 !important;
color: #746d67 !important;
font-size: 12px !important;
line-height: 1.7 !important;
}
.premium-v2-controls {
left: 4.7vw !important;
bottom: 7vh !important;
color: #271b16 !important;
}
.premium-v2-controls > i {
background: rgba(39,27,22,.22) !important;
}
.premium-v2-controls > i span {
background: #263241 !important;
}
.premium-v2-controls > em {
color: rgba(39,27,22,.56) !important;
}
.premium-v2-controls button {
border-color: rgba(39,27,22,.4) !important;
background: rgba(255,255,255,.58) !important;
color: #271b16 !important;
}
.premium-v2-controls button:hover {
border-color: #263241 !important;
background: #263241 !important;
color: #fff !important;
}
.premium-v2-caption {
color: rgba(39,27,22,.5) !important;
}
.manifesto-section {
position: relative;
height: 100vh;
min-height: 100vh;
overflow: hidden;
background: #182632;
color: #fff;
}
.manifesto-backdrop {
position: absolute;
inset: 8vh 8vw;
overflow: hidden;
border-radius: 80px 80px 230px 80px;
clip-path: inset(10% 17% 10% 17% round 130px);
transform: scale(.86);
transition:
inset 1.25s cubic-bezier(.16,.8,.2,1),
clip-path 1.25s cubic-bezier(.16,.8,.2,1),
border-radius 1.25s cubic-bezier(.16,.8,.2,1),
transform 1.4s cubic-bezier(.16,.8,.2,1);
}
.manifesto-backdrop img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.13);
transition: transform 2.2s cubic-bezier(.16,.8,.2,1);
}
.manifesto-section.is-inview .manifesto-backdrop {
inset: 0;
border-radius: 0;
clip-path: inset(0 round 0);
transform: scale(1);
}
.manifesto-section.is-inview .manifesto-backdrop img {
transform: scale(1.02);
}
.manifesto-shade {
position: absolute;
z-index: 1;
inset: 0;
background:
linear-gradient(90deg, rgba(13,29,42,.68), rgba(13,29,42,.18) 55%, rgba(13,29,42,.42)),
linear-gradient(0deg, rgba(9,22,31,.6), transparent 58%);
opacity: 0;
transition: opacity 1.1s .35s ease;
}
.manifesto-section.is-inview .manifesto-shade {
opacity: 1;
}
.manifesto-copy {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
width: min(900px, 78vw);
text-align: center;
opacity: 0;
transform: translate(-50%, -36%) scale(.96);
transition: opacity .9s .55s ease, transform 1.1s .55s cubic-bezier(.16,.8,.2,1);
}
.manifesto-section.is-inview .manifesto-copy {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.manifesto-copy span {
display: block;
margin-bottom: 25px;
color: rgba(255,255,255,.7);
font: 700 10px/1.2 Arial, sans-serif;
letter-spacing: .34em;
}
.manifesto-copy h2 {
margin: 0;
color: #fff;
font-size: clamp(48px, 5.6vw, 90px);
font-weight: 500;
line-height: 1.16;
letter-spacing: -.075em;
text-shadow: 0 4px 28px rgba(0,0,0,.22);
}
.manifesto-copy p {
margin: 30px 0 0;
color: rgba(255,255,255,.76);
font-size: 14px;
line-height: 1.85;
}
.manifesto-corners i {
position: absolute;
z-index: 2;
width: 34px;
height: 34px;
opacity: 0;
transition: opacity .7s 1s ease;
}
.manifesto-section.is-inview .manifesto-corners i { opacity: .75; }
.manifesto-corners i:nth-child(1) { top: 11vh; left: 6vw; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.manifesto-corners i:nth-child(2) { top: 11vh; right: 6vw; border-top: 1px solid #fff; border-right: 1px solid #fff; }
.manifesto-corners i:nth-child(3) { right: 6vw; bottom: 9vh; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.manifesto-corners i:nth-child(4) { bottom: 9vh; left: 6vw; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
@media (min-width: 881px) {
html { scroll-snap-type: y mandatory !important; }
.snap-section { height: 100vh !important; min-height: 100vh !important; scroll-snap-align: start !important; scroll-snap-stop: normal !important; }
}
@media (max-width: 880px) {
.premium-v2-heading {
top: 10% !important;
right: 22px;
left: 22px !important;
width: auto;
}
.premium-v2-heading h2 {
margin-top: 12px !important;
font-size: 34px !important;
}
.premium-v2-copy {
top: 57% !important;
right: 22px !important;
left: 22px !important;
width: auto !important;
height: 55vh !important;
}
.premium-v2-copy article {
padding: 29vh 22px 18px !important;
}
.premium-v2-copy article::before {
top: 14px;
right: 14px;
left: 14px;
height: 25vh;
}
.premium-v2-copy article::after { top: calc(25vh + 26px); }
.premium-v2-copy h3 { margin-top: 12px !important; font-size: 23px !important; }
.premium-v2-copy p { margin-top: 9px !important; font-size: 10px !important; }
.premium-v2-controls { right: 22px; bottom: 3.6vh !important; left: 22px !important; }
.premium-v2-caption { display: none; }
.manifesto-backdrop {
inset: 7vh 6vw;
border-radius: 45px 45px 120px 45px;
clip-path: inset(8% 10% round 70px);
}
.manifesto-copy { width: calc(100% - 40px); }
.manifesto-copy span { margin-bottom: 18px; font-size: 8px; }
.manifesto-copy h2 { font-size: 42px; line-height: 1.2; }
.manifesto-copy p { margin-top: 21px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
.premium-v2-visuals figure,
.premium-v2-copy article,
.manifesto-backdrop,
.manifesto-backdrop img,
.manifesto-shade,
.manifesto-copy {
transition: none !important;
}
}
/* SOURCE: right-dock-v1.css */
.right-dock {
position: fixed;
z-index: 110;
top: 50%;
right: 18px;
display: flex;
width: 64px;
flex-direction: column;
gap: 7px;
color: #fff;
transform: translateY(-50%);
filter: drop-shadow(0 15px 28px rgba(8,17,24,.23));
}
.dock-call,
.dock-register,
.dock-menu-toggle {
box-sizing: border-box;
border: 1px solid rgba(255,255,255,.2);
background: rgba(28,43,55,.92);
color: #fff;
backdrop-filter: blur(15px);
}
.dock-call {
display: flex;
min-height: 184px;
padding: 16px 0 13px;
border-radius: 32px 32px 8px 8px;
flex-direction: column;
align-items: center;
transition: background .3s, transform .3s;
}
.dock-call:hover {
background: #1b2b38;
transform: translateY(-3px);
}
.dock-call small {
color: rgba(255,255,255,.66);
font-size: 9px;
letter-spacing: -.04em;
}
.dock-call strong {
margin: 14px 0 auto;
font: 500 15px/1 Arial, sans-serif;
letter-spacing: .12em;
writing-mode: vertical-rl;
}
.dock-call span {
color: #dbc98f;
font: 700 8px/1 Arial, sans-serif;
letter-spacing: .24em;
}
.dock-register,
.dock-menu-toggle {
display: flex;
width: 64px;
height: 64px;
padding: 0;
border-radius: 8px;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 7px;
cursor: pointer;
transition: color .25s, background .25s, border-color .25s;
}
.dock-register i {
font: 300 24px/1 Arial, sans-serif;
}
.dock-register span,
.dock-menu-toggle span {
font: 700 8px/1 Arial, sans-serif;
letter-spacing: .08em;
}
.dock-register:hover,
.dock-menu-toggle:hover,
.right-dock.is-open .dock-menu-toggle {
border-color: #d9c58b;
background: #d9c58b;
color: #172631;
}
.dock-menu-toggle i {
display: flex;
width: 20px;
height: 10px;
flex-direction: column;
justify-content: space-between;
}
.dock-menu-toggle b {
display: block;
width: 20px;
height: 1px;
background: currentColor;
transition: transform .3s;
}
.right-dock.is-open .dock-menu-toggle b:first-child { transform: translateY(4.5px) rotate(45deg); }
.right-dock.is-open .dock-menu-toggle b:last-child { transform: translateY(-4.5px) rotate(-45deg); }
.quick-panel {
position: absolute;
top: 50%;
right: 78px;
box-sizing: border-box;
width: 350px;
max-height: min(680px, 90vh);
padding: 27px;
overflow: auto;
border: 1px solid rgba(32,48,59,.14);
border-radius: 4px;
background: rgba(247,245,239,.97);
box-shadow: 0 30px 90px rgba(8,18,24,.28);
color: #263241;
opacity: 0;
pointer-events: none;
transform: translate(24px,-50%);
transition: opacity .35s ease, transform .45s cubic-bezier(.2,.72,.2,1);
backdrop-filter: blur(20px);
}
.right-dock.is-open .quick-panel {
opacity: 1;
pointer-events: auto;
transform: translate(0,-50%);
}
.quick-panel-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-bottom: 19px;
border-bottom: 1px solid rgba(38,50,65,.18);
}
.quick-panel-head span,
.quick-contact-card > span {
display: block;
color: #7b847c;
font: 700 8px/1.2 Arial, sans-serif;
letter-spacing: .18em;
}
.quick-panel-head strong {
display: block;
margin-top: 8px;
font: 500 22px/1 Arial, sans-serif;
letter-spacing: -.04em;
}
.quick-panel-close {
width: 32px;
height: 32px;
padding: 0;
border: 1px solid rgba(38,50,65,.25);
border-radius: 50%;
background: transparent;
color: #263241;
font: 300 23px/1 Arial, sans-serif;
cursor: pointer;
}
.quick-contact-card {
margin: 20px 0;
padding: 22px;
background: #263241;
color: #fff;
}
.quick-contact-card > span { color: #cdbf91; }
.quick-contact-card p { margin: 17px 0 22px; color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.7; }
.quick-contact-card a {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 11px;
border-bottom: 1px solid rgba(255,255,255,.28);
font: 500 28px/1 Arial, sans-serif;
letter-spacing: -.035em;
}
.quick-contact-card a i { font-size: 17px; font-style: normal; }
.quick-contact-card small { display: block; margin-top: 12px; color: rgba(255,255,255,.52); font-size: 9px; }
.quick-nav {
display: grid;
grid-template-columns: 1fr 1fr;
border-top: 1px solid rgba(38,50,65,.19);
border-left: 1px solid rgba(38,50,65,.19);
}
.quick-nav a {
position: relative;
min-height: 82px;
padding: 14px;
border-right: 1px solid rgba(38,50,65,.19);
border-bottom: 1px solid rgba(38,50,65,.19);
transition: color .25s, background .25s;
}
.quick-nav a b {
position: absolute;
top: 12px;
right: 12px;
color: #c6c4ba;
font: 400 16px/1 Georgia, serif;
}
.quick-nav a span {
display: block;
margin-top: 20px;
font: 700 9px/1 Arial, sans-serif;
letter-spacing: .12em;
}
.quick-nav a i {
display: block;
margin-top: 7px;
color: #79827c;
font-size: 10px;
font-style: normal;
}
.quick-nav a:hover,
.quick-nav a.is-current {
background: #263241;
color: #fff;
}
.quick-nav a:hover b,
.quick-nav a.is-current b { color: #d8c790; }
.quick-nav a:hover i,
.quick-nav a.is-current i { color: rgba(255,255,255,.6); }
.quick-panel-note {
margin: 20px 0 0;
color: #9a9e96;
font: 600 8px/1.65 Arial, sans-serif;
letter-spacing: .14em;
}
@media (max-width: 1100px) and (min-width: 881px) {
.right-dock { right: 12px; }
.dock-call,
.dock-register,
.dock-menu-toggle { width: 58px; }
.right-dock { width: 58px; }
.quick-panel { right: 70px; }
}
@media (max-width: 880px) {
.right-dock {
top: auto;
right: 12px;
bottom: 12px;
left: 12px;
width: auto;
flex-direction: row;
transform: none;
}
.dock-call {
min-height: 58px;
height: 58px;
padding: 0 18px;
border-radius: 29px 8px 8px 29px;
flex: 1;
flex-direction: row;
justify-content: space-between;
}
.dock-call small { font-size: 9px; }
.dock-call strong { margin: 0; font-size: 14px; writing-mode: initial; }
.dock-call span { display: none; }
.dock-register,
.dock-menu-toggle {
width: 58px;
height: 58px;
flex: 0 0 58px;
}
.dock-register span,
.dock-menu-toggle span { font-size: 7px; }
.quick-panel {
top: auto;
right: 0;
bottom: 70px;
width: min(100%, 390px);
max-height: calc(100vh - 100px);
transform: translateY(22px);
}
.right-dock.is-open .quick-panel { transform: none; }
}
/* SOURCE: motion-system-v1.css */
@media (min-width: 881px) {
html,
body {
width: 100%;
height: 100%;
overflow: hidden !important;
scroll-snap-type: none !important;
}
.fullpage {
width: 100%;
height: auto;
transform: translate3d(0,0,0);
transition-property: transform;
transition-timing-function: cubic-bezier(.76,0,.24,1);
will-change: transform;
}
.fullpage > .snap-section {
width: 100%;
height: 100vh !important;
min-height: 100vh !important;
overflow: hidden;
scroll-snap-align: none !important;
}
.site-footer {
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
}
}
.hero-opening-copy > p,
.hero-opening-copy > h1,
.hero-opening-copy > span,
.hero-opening-meta,
.scroll-follow,
.premium-v2-heading > p,
.premium-v2-heading > h2,
.premium-v2-copy,
.premium-v2-controls,
.location-panels > article,
.brand-v2-copy > span,
.brand-v2-copy > h2,
.brand-v2-copy > p,
.brand-v2-main,
.brand-v2-vertical,
.brand-v2-small,
.brand-v2-mark,
.contact-title > strong,
.contact-title > p,
.contact-board > article,
.contact-bottom,
.site-footer > .footer-top,
.site-footer > p,
.site-footer > small {
opacity: 0;
transform: translate3d(0,48px,0);
transition:
opacity .75s ease,
transform .95s cubic-bezier(.2,.72,.2,1),
clip-path 1.05s cubic-bezier(.2,.72,.2,1);
}
.exact-hero.is-inview .hero-opening-copy > p,
.exact-hero.is-inview .hero-opening-copy > h1,
.exact-hero.is-inview .hero-opening-copy > span,
.exact-hero.is-inview .hero-opening-meta,
.exact-hero.is-inview .scroll-follow,
.premium-v2.is-inview .premium-v2-heading > p,
.premium-v2.is-inview .premium-v2-heading > h2,
.premium-v2.is-inview .premium-v2-copy,
.premium-v2.is-inview .premium-v2-controls,
.exact-location.is-inview .location-panels > article,
.brand-v2.is-inview .brand-v2-copy > span,
.brand-v2.is-inview .brand-v2-copy > h2,
.brand-v2.is-inview .brand-v2-copy > p,
.brand-v2.is-inview .brand-v2-main,
.brand-v2.is-inview .brand-v2-vertical,
.brand-v2.is-inview .brand-v2-small,
.brand-v2.is-inview .brand-v2-mark,
.exact-contact.is-inview .contact-title > strong,
.exact-contact.is-inview .contact-title > p,
.exact-contact.is-inview .contact-board > article,
.exact-contact.is-inview .contact-bottom,
.site-footer.is-inview > .footer-top,
.site-footer.is-inview > p,
.site-footer.is-inview > small {
opacity: 1;
transform: translate3d(0,0,0);
}
.exact-hero.is-inview .hero-opening-copy > p { transition-delay: .14s; }
.exact-hero.is-inview .hero-opening-copy > h1 { transition-delay: .31s; }
.exact-hero.is-inview .hero-opening-copy > span { transition-delay: .5s; }
.exact-hero.is-inview .hero-opening-meta { transition-delay: .68s; }
.exact-hero.is-inview .scroll-follow { transition-delay: .86s; }
.premium-v2.is-inview .premium-v2-heading > p { transition-delay: .16s; }
.premium-v2.is-inview .premium-v2-heading > h2 { transition-delay: .34s; }
.premium-v2.is-inview .premium-v2-copy { transition-delay: .53s; }
.premium-v2.is-inview .premium-v2-controls { transition-delay: .72s; }
.exact-location .location-backdrop {
transform: scale(1.12);
transition: transform 5.5s cubic-bezier(.2,.65,.3,1), filter 1.2s ease;
}
.exact-location.is-inview .location-backdrop { transform: scale(1.025); }
.exact-location.is-inview .location-panels > article:nth-child(1) { transition-delay: .16s; }
.exact-location.is-inview .location-panels > article:nth-child(2) { transition-delay: .29s; }
.exact-location.is-inview .location-panels > article:nth-child(3) { transition-delay: .42s; }
.exact-location.is-inview .location-panels > article:nth-child(4) { transition-delay: .55s; }
.brand-v2-main,
.brand-v2-vertical,
.brand-v2-small {
clip-path: inset(100% 0 0 0);
transform: none;
}
.brand-v2.is-inview .brand-v2-main,
.brand-v2.is-inview .brand-v2-vertical,
.brand-v2.is-inview .brand-v2-small {
clip-path: inset(0 0 0 0);
transform: none;
}
.brand-v2.is-inview .brand-v2-copy > span { transition-delay: .12s; }
.brand-v2.is-inview .brand-v2-copy > h2 { transition-delay: .26s; }
.brand-v2.is-inview .brand-v2-copy > p { transition-delay: .42s; }
.brand-v2.is-inview .brand-v2-main { transition-delay: .2s; }
.brand-v2.is-inview .brand-v2-vertical { transition-delay: .46s; }
.brand-v2.is-inview .brand-v2-small { transition-delay: .64s; }
.brand-v2.is-inview .brand-v2-mark { transition-delay: .76s; }
.brand-v2-main img,
.brand-v2-vertical img,
.brand-v2-small img {
transform: scale(1.12);
transition: transform 5.2s cubic-bezier(.2,.65,.3,1);
}
.brand-v2.is-inview .brand-v2-main img,
.brand-v2.is-inview .brand-v2-vertical img,
.brand-v2.is-inview .brand-v2-small img {
transform: scale(1.02);
}
.exact-contact.is-inview .contact-title > strong { transition-delay: .12s; }
.exact-contact.is-inview .contact-title > p { transition-delay: .27s; }
.exact-contact.is-inview .contact-board > article:nth-child(1) { transition-delay: .39s; }
.exact-contact.is-inview .contact-board > article:nth-child(2) { transition-delay: .55s; }
.exact-contact.is-inview .contact-bottom { transition-delay: .7s; }
.site-footer.is-inview > .footer-top { transition-delay: .12s; }
.site-footer.is-inview > p:nth-of-type(1) { transition-delay: .26s; }
.site-footer.is-inview > p:nth-of-type(2) { transition-delay: .39s; }
.site-footer.is-inview > p:nth-of-type(3) { transition-delay: .52s; }
.site-footer.is-inview > small { transition-delay: .67s; }
html.section-changing .right-dock {
opacity: .72;
transition: opacity .35s ease;
}
@media (max-width: 880px) {
.hero-opening-copy > p,
.hero-opening-copy > h1,
.hero-opening-copy > span,
.hero-opening-meta,
.scroll-follow,
.premium-v2-heading > p,
.premium-v2-heading > h2,
.premium-v2-copy,
.premium-v2-controls,
.location-panels > article,
.brand-v2-copy > span,
.brand-v2-copy > h2,
.brand-v2-copy > p,
.brand-v2-main,
.brand-v2-vertical,
.brand-v2-small,
.brand-v2-mark,
.contact-title > strong,
.contact-title > p,
.contact-board > article,
.contact-bottom,
.site-footer > .footer-top,
.site-footer > p,
.site-footer > small {
transform: translate3d(0,28px,0);
}
}
@media (prefers-reduced-motion: reduce) {
.fullpage,
.snap-section *,
.location-backdrop,
.brand-v2 img {
transition-duration: .01ms !important;
transition-delay: 0ms !important;
}
}
/* SOURCE: subpages-v1.css */
.nav-group > .nav-parent {
position: relative;
display: flex;
height: 100%;
align-items: center;
padding: 0;
color: #fff;
font-size: 14px;
font-weight: 500;
white-space: nowrap;
}
.nav-group > .nav-parent::after {
position: absolute;
right: 0;
bottom: 24px;
left: 0;
height: 1px;
background: #fff;
content: "";
transform: scaleX(0);
transition: transform .28s ease;
}
.nav-group:hover > .nav-parent::after { transform: scaleX(1); }
.nav-group .sub-nav {
display: block;
top: calc(100% - 7px);
padding: 12px 0;
opacity: 0;
pointer-events: none;
transform: translate(-50%,12px);
transition: opacity .25s ease, transform .3s ease;
}
.nav-group:hover .sub-nav {
display: block;
opacity: 1;
pointer-events: auto;
transform: translate(-50%,0);
}
.subpage-shell {
position: relative;
width: 100%;
height: 100vh;
min-height: 680px;
overflow: hidden;
background: #15232e;
color: #fff;
}
.subpage-visual,
.subpage-shade,
.subpage-grid {
position: absolute;
inset: 0;
}
.subpage-visual {
left: 39%;
overflow: hidden;
clip-path: inset(0 0 0 14%);
animation: sub-visual-open 1.35s .15s cubic-bezier(.2,.72,.2,1) both;
}
.subpage-visual img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1.08);
animation: sub-image-settle 5.5s .2s cubic-bezier(.2,.65,.3,1) forwards;
}
.subpage-shade {
background:
linear-gradient(90deg, #162530 0%, #162530 36%, rgba(22,37,48,.89) 46%, rgba(22,37,48,.16) 78%),
linear-gradient(0deg, rgba(9,20,28,.63), transparent 50%);
}
.subpage-grid {
right: 5vw;
left: 5vw;
border-right: 1px solid rgba(255,255,255,.1);
border-left: 1px solid rgba(255,255,255,.1);
pointer-events: none;
}
.subpage-grid i {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: rgba(255,255,255,.08);
}
.subpage-grid i:nth-child(1) { left: 25%; }
.subpage-grid i:nth-child(2) { left: 50%; }
.subpage-grid i:nth-child(3) { left: 75%; }
.subpage-copy {
position: absolute;
z-index: 2;
top: 50%;
left: 8vw;
width: min(620px, 45vw);
transform: translateY(-43%);
}
.subpage-breadcrumb {
display: flex;
margin: 0 0 50px;
align-items: center;
gap: 12px;
color: rgba(255,255,255,.44);
font: 600 9px/1 Arial, sans-serif;
letter-spacing: .12em;
opacity: 0;
animation: sub-copy-up .7s .25s ease forwards;
}
.subpage-breadcrumb b { color: #d8c78f; font-weight: 600; }
.subpage-label {
display: block;
color: #d8c78f;
font: 700 10px/1 Arial, sans-serif;
letter-spacing: .28em;
opacity: 0;
animation: sub-copy-up .75s .43s ease forwards;
}
.subpage-copy h1 {
margin: 20px 0 0;
color: #fff;
font-size: clamp(54px, 6.5vw, 110px);
font-weight: 500;
line-height: 1;
letter-spacing: -.085em;
opacity: 0;
animation: sub-copy-up .9s .58s cubic-bezier(.2,.72,.2,1) forwards;
}
.subpage-description {
margin: 28px 0 0;
color: rgba(255,255,255,.68);
font-size: 14px;
line-height: 1.8;
opacity: 0;
animation: sub-copy-up .8s .78s ease forwards;
}
.subpage-status {
display: grid;
grid-template-columns: 35px 1fr;
gap: 6px 13px;
margin-top: 42px;
align-items: center;
opacity: 0;
animation: sub-copy-up .8s .96s ease forwards;
}
.subpage-status i {
grid-row: 1 / 3;
display: block;
width: 35px;
height: 1px;
background: #d8c78f;
}
.subpage-status span { color: rgba(255,255,255,.8); font: 700 9px Arial, sans-serif; letter-spacing: .15em; }
.subpage-status b { color: rgba(255,255,255,.44); font-size: 10px; font-weight: 400; }
.subpage-home-link {
display: inline-flex;
width: 210px;
margin-top: 38px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(255,255,255,.5);
justify-content: space-between;
font-size: 12px;
opacity: 0;
animation: sub-copy-up .8s 1.12s ease forwards;
}
.subpage-number {
position: absolute;
z-index: 2;
right: 8vw;
bottom: 48px;
color: rgba(255,255,255,.52);
text-align: right;
}
.subpage-number span,
.subpage-number b { display: block; font: 600 8px/1.7 Arial, sans-serif; letter-spacing: .17em; }
.subpage-number b { color: rgba(255,255,255,.25); }
.subpage-footer {
position: absolute;
z-index: 2;
bottom: 46px;
left: 8vw;
color: rgba(255,255,255,.28);
font: 600 8px Arial, sans-serif;
letter-spacing: .08em;
}
@keyframes sub-visual-open {
from { opacity: 0; clip-path: inset(0 0 0 62%); transform: scale(1.06); }
to { opacity: 1; clip-path: inset(0 0 0 14%); transform: scale(1); }
}
@keyframes sub-image-settle { to { transform: scale(1); } }
@keyframes sub-copy-up { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } }
@media (max-width: 880px) {
.main-nav {
max-height: calc(100vh - 76px);
overflow-y: auto;
}
.nav-group > .nav-parent {
height: auto;
padding: 17px 0 13px;
border-bottom: 1px solid rgba(255,255,255,.17);
}
.nav-group > .nav-parent::after { display: none; }
.nav-group .sub-nav,
.nav-group:hover .sub-nav {
position: static;
display: block;
padding: 5px 0 15px;
opacity: 1;
pointer-events: auto;
transform: none;
}
.nav-group .sub-nav a { padding: 7px 0 7px 13px; text-align: left; }
.subpage-shell { min-height: 100svh; }
.subpage-visual { left: 0; clip-path: none; }
.subpage-shade { background: linear-gradient(0deg,rgba(12,27,37,.95),rgba(12,27,37,.28) 72%),linear-gradient(90deg,rgba(12,27,37,.58),transparent); }
.subpage-copy { top: auto; right: 25px; bottom: 105px; left: 25px; width: auto; transform: none; }
.subpage-breadcrumb { margin-bottom: 28px; }
.subpage-copy h1 { font-size: 55px; }
.subpage-description { font-size: 12px; }
.subpage-status { margin-top: 28px; }
.subpage-number { display: none; }
.subpage-footer { display: none; }
}
/* SOURCE: polish-fixes-v1.css */
.premium-v2-heading {
width: min(650px, 52vw) !important;
}
.premium-v2-heading h2 {
font-size: clamp(36px, 3.7vw, 62px) !important;
word-break: keep-all;
}
.premium-v2-heading h2 > span,
.premium-v2-heading h2 > em {
display: block;
white-space: nowrap;
}
.premium-v2-heading h2 > em {
margin-top: 9px;
}
.opening-panel::after {
opacity: 0;
transform: scaleY(0);
transform-origin: center;
animation: opening-seam-in .46s 1.48s cubic-bezier(.2,.75,.2,1) forwards;
}
@keyframes opening-seam-in {
0% { opacity: 0; transform: scaleY(0); }
100% { opacity: 1; transform: scaleY(1); }
}
@media (min-width: 881px) and (max-width: 1100px) {
.premium-v2-heading {
width: 55vw !important;
}
.premium-v2-heading h2 {
font-size: clamp(35px, 3.65vw, 42px) !important;
}
}
@media (max-width: 880px) {
.premium-v2-heading {
width: auto !important;
}
.premium-v2-heading h2 {
font-size: 34px !important;
}
.premium-v2-heading h2 > span,
.premium-v2-heading h2 > em {
white-space: normal;
}
}
/* SOURCE: contact-map-v1.css */
.exact-contact {
padding: 88px 7vw 24px !important;
}
.contact-title strong {
font-size: clamp(38px, 3.7vw, 56px) !important;
}
.contact-title p {
margin-top: 12px !important;
}
.contact-map-layout {
display: grid;
grid-template-columns: 1.55fr .85fr;
height: 440px;
margin-top: 23px;
border: 1px solid rgba(26,67,57,.3);
background: rgba(255,255,255,.82);
box-shadow: 0 22px 55px rgba(31,59,49,.08);
opacity: 0;
transform: translateY(42px);
transition: opacity .75s .34s ease, transform .95s .34s cubic-bezier(.2,.72,.2,1);
}
.exact-contact.is-inview .contact-map-layout {
opacity: 1;
transform: none;
}
.contact-map-shell {
position: relative;
min-width: 0;
overflow: hidden;
border-right: 1px solid rgba(26,67,57,.25);
background: #dfe6de;
}
.contact-map-head {
position: absolute;
z-index: 3;
top: 15px;
right: 15px;
left: 15px;
display: flex;
height: 45px;
padding: 0 8px 0 15px;
align-items: center;
justify-content: space-between;
background: rgba(26,43,53,.92);
color: #fff;
box-shadow: 0 8px 24px rgba(10,22,28,.16);
backdrop-filter: blur(10px);
}
.contact-map-head > span {
font: 700 8px/1 Arial, sans-serif;
letter-spacing: .2em;
}
.contact-map-head > div {
display: flex;
height: 29px;
gap: 3px;
}
.contact-map-head button {
min-width: 72px;
padding: 0 10px;
border: 1px solid rgba(255,255,255,.24);
background: transparent;
color: rgba(255,255,255,.7);
font-size: 9px;
cursor: pointer;
transition: background .25s, color .25s;
}
.contact-map-head button.is-active {
border-color: #d8c78f;
background: #d8c78f;
color: #172631;
}
.contact-map-frame {
display: block;
width: 100%;
height: 100%;
border: 0;
background: #e3e8e1;
}
.contact-place-list {
display: grid;
grid-template-rows: 1fr 1fr;
}
.contact-place {
position: relative;
padding: 25px 28px 20px;
border-bottom: 1px solid rgba(26,67,57,.2);
background: rgba(255,255,255,.8);
transition: background .3s, color .3s;
}
.contact-place:last-child { border-bottom: 0; }
.contact-place.is-active { background: #263241; color: #fff; }
.contact-place > span {
color: #748078;
font: 700 8px/1 Arial, sans-serif;
letter-spacing: .18em;
}
.contact-place.is-active > span { color: #d8c78f; }
.contact-place h3 {
margin: 15px 0 0;
color: #18463e;
font-size: 23px;
letter-spacing: -.055em;
}
.contact-place.is-active h3 { color: #fff; }
.contact-place address {
margin-top: 10px;
font-size: 12px;
font-style: normal;
font-weight: 600;
}
.contact-place > p {
margin: 8px 0 0;
color: #78817b;
font-size: 10px;
line-height: 1.55;
}
.contact-place.is-active > p { color: rgba(255,255,255,.55); }
.contact-place > div {
display: flex;
position: absolute;
right: 28px;
bottom: 18px;
left: 28px;
gap: 7px;
}
.contact-place > div a {
display: flex;
height: 31px;
padding: 0 11px;
border: 1px solid rgba(31,67,57,.25);
flex: 1;
align-items: center;
justify-content: space-between;
color: #31564e;
font-size: 9px;
font-weight: 600;
transition: border-color .25s, background .25s, color .25s;
}
.contact-place.is-active > div a {
border-color: rgba(255,255,255,.24);
color: rgba(255,255,255,.78);
}
.contact-place > div a:hover {
border-color: #d8c78f;
background: #d8c78f;
color: #172631;
}
.contact-place > div i { font-style: normal; }
.exact-contact .contact-bottom {
margin-top: 16px !important;
padding-top: 13px !important;
}
@media (min-width: 881px) {
.exact-contact {
padding-top: 72px !important;
padding-bottom: 18px !important;
}
.contact-map-layout {
height: clamp(490px, 58vh, 640px);
margin-top: 18px;
}
.exact-contact .contact-bottom {
margin-top: 12px !important;
padding-top: 10px !important;
}
}
@media (max-width: 880px) {
.exact-contact {
min-height: 150svh !important;
padding: 100px 20px 100px !important;
}
.contact-map-layout {
grid-template-columns: 1fr;
height: auto;
}
.contact-map-shell {
height: 55svh;
border-right: 0;
border-bottom: 1px solid rgba(26,67,57,.25);
}
.contact-map-head {
top: 10px;
right: 10px;
left: 10px;
}
.contact-map-head > span { display: none; }
.contact-map-head > div { width: 100%; }
.contact-map-head button { flex: 1; }
.contact-place-list { grid-template-rows: repeat(2, 250px); }
.contact-place { padding: 25px 22px 20px; }
.contact-place > div { right: 22px; left: 22px; }
}
/* SOURCE: scroll-stability-v1.css */
@media (min-width: 881px) {
html {
height: 100%;
overflow-x: hidden !important;
overflow-y: hidden !important;
scroll-snap-type: none !important;
}
body {
height: 100%;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior-y: none;
scroll-behavior: smooth !important;
scroll-snap-type: y mandatory !important;
}
.fullpage {
height: auto;
transform: none !important;
transition: none !important;
will-change: auto !important;
}
.fullpage > .snap-section {
height: 100svh !important;
min-height: 100svh !important;
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
}
.contact-map-frame {
pointer-events: none;
}
}
@media (prefers-reduced-motion: reduce) {
html,
body {
scroll-behavior: auto !important;
}
}
/* SOURCE: premium-motion-v1.css */
.premium-v2-visuals {
perspective: 1200px;
}
.premium-v2-visuals figure {
z-index: 0;
opacity: 0;
clip-path: inset(0 0 0 8%);
transform: translate3d(3.5%,0,0) scale(1.11);
transform-origin: 62% 50%;
transition:
opacity .7s ease,
clip-path 1.05s cubic-bezier(.16,.8,.2,1),
transform 1.35s cubic-bezier(.16,.8,.2,1) !important;
}
.premium-v2-visuals figure.is-active {
z-index: 2;
opacity: 1;
clip-path: inset(0);
transform: translate3d(0,0,0) scale(1.025);
}
.premium-v2.premium-motion-backward .premium-v2-visuals figure:not(.is-active) {
clip-path: inset(0 8% 0 0);
transform: translate3d(-3.5%,0,0) scale(1.11);
}
.premium-v2-visuals figure.is-exiting {
z-index: 1;
opacity: 0;
transform: scale(1.075);
}
.premium-v2-visuals figure.is-active img {
animation: premium-camera-drift 7s cubic-bezier(.2,.65,.3,1) both;
}
.premium-v2-copy article {
pointer-events: none;
}
.premium-v2-copy article.is-active {
pointer-events: auto;
}
.premium-v2-copy article.is-active::before {
animation: premium-card-image-in 1.15s cubic-bezier(.16,.8,.2,1) both;
}
.premium-v2-copy article.is-active::after {
animation: premium-rule-in .75s .25s cubic-bezier(.16,.8,.2,1) both;
}
.premium-v2-copy article.is-active > span,
.premium-v2-copy article.is-active > h3,
.premium-v2-copy article.is-active > p {
animation: premium-copy-up .72s cubic-bezier(.16,.8,.2,1) both;
}
.premium-v2-copy article.is-active > span { animation-delay: .18s; }
.premium-v2-copy article.is-active > h3 { animation-delay: .3s; }
.premium-v2-copy article.is-active > p { animation-delay: .44s; }
.premium-v2-copy article.is-exiting {
opacity: 0 !important;
transform: translate3d(-34px,0,0) rotate(-.35deg) !important;
}
.premium-v2.premium-motion-backward .premium-v2-copy article.is-exiting {
transform: translate3d(34px,0,0) rotate(.35deg) !important;
}
.premium-current.is-changing {
animation: premium-number-flip .62s cubic-bezier(.16,.8,.2,1);
}
.premium-v2-controls > i span {
transition: width .72s cubic-bezier(.16,.8,.2,1);
}
.premium-v2.premium-pulse::after {
position: absolute;
z-index: 2;
inset: 0;
width: 26%;
background: linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
content: "";
pointer-events: none;
transform: translateX(-120%) skewX(-12deg);
animation: premium-light-sweep 1.1s ease-out both;
}
@keyframes premium-camera-drift {
from { transform: scale(1.075); }
to { transform: scale(1.015); }
}
@keyframes premium-card-image-in {
from { opacity: .35; transform: scale(1.09) translateY(9px); }
to { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes premium-rule-in {
from { opacity: 0; transform: translateX(-50%) scaleX(0); }
to { opacity: 1; transform: translateX(-50%) scaleX(1); }
}
@keyframes premium-copy-up {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes premium-number-flip {
0% { opacity: 0; transform: translateY(14px) rotateX(-55deg); }
100% { opacity: 1; transform: translateY(0) rotateX(0); }
}
@keyframes premium-light-sweep {
0% { opacity: 0; transform: translateX(-120%) skewX(-12deg); }
28% { opacity: .62; }
100% { opacity: 0; transform: translateX(520%) skewX(-12deg); }
}
@media (prefers-reduced-motion: reduce) {
.premium-v2 *,
.premium-v2::after {
animation: none !important;
transition-duration: .01ms !important;
}
}
/* SOURCE: manifesto-camera-v1.css */
.manifesto-section .manifesto-backdrop {
will-change: inset, clip-path, border-radius, transform, filter;
}
.manifesto-section.is-camera-closing .manifesto-backdrop {
inset: 10vh 9vw;
border-radius: 82px 82px 220px 82px;
clip-path: inset(8% 15% round 135px);
filter: brightness(.72) saturate(.72);
transform: scale(.87);
transition:
inset 1.05s cubic-bezier(.76,0,.24,1),
clip-path 1.05s cubic-bezier(.76,0,.24,1),
border-radius 1.05s cubic-bezier(.76,0,.24,1),
transform 1.05s cubic-bezier(.76,0,.24,1),
filter .9s ease;
}
.manifesto-section.is-camera-closing .manifesto-backdrop img {
transform: scale(1.12);
transition: transform 1.05s cubic-bezier(.76,0,.24,1);
}
.manifesto-section.is-camera-closing .manifesto-shade {
opacity: .84;
}
.manifesto-section.is-camera-closing .manifesto-copy {
opacity: 0;
filter: blur(5px);
transform: translate(-50%,-56%) scale(1.045);
transition:
opacity .46s ease,
filter .62s ease,
transform .72s cubic-bezier(.2,.72,.2,1);
}
.manifesto-section.is-camera-closing .manifesto-corners i {
opacity: 1;
transition:
top .95s cubic-bezier(.76,0,.24,1),
right .95s cubic-bezier(.76,0,.24,1),
bottom .95s cubic-bezier(.76,0,.24,1),
left .95s cubic-bezier(.76,0,.24,1),
opacity .3s ease;
}
.manifesto-section.is-camera-closing .manifesto-corners i:nth-child(1) { top: 15vh; left: 12vw; }
.manifesto-section.is-camera-closing .manifesto-corners i:nth-child(2) { top: 15vh; right: 12vw; }
.manifesto-section.is-camera-closing .manifesto-corners i:nth-child(3) { right: 12vw; bottom: 13vh; }
.manifesto-section.is-camera-closing .manifesto-corners i:nth-child(4) { bottom: 13vh; left: 12vw; }
.manifesto-section::after {
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
width: 1px;
height: 0;
background: rgba(255,255,255,.72);
box-shadow: 0 0 22px rgba(255,255,255,.3);
content: "";
opacity: 0;
pointer-events: none;
transform: translate(-50%,-50%);
}
.manifesto-section.is-camera-closing::after {
animation: manifesto-camera-line 1.02s cubic-bezier(.76,0,.24,1) both;
}
@keyframes manifesto-camera-line {
0% { height: 0; opacity: 0; }
24% { height: 72%; opacity: .72; }
76% { height: 72%; opacity: .5; }
100% { height: 0; opacity: 0; }
}
@media (max-width: 880px) {
.manifesto-section.is-camera-closing .manifesto-backdrop {
inset: 8vh 7vw;
border-radius: 45px 45px 110px 45px;
clip-path: inset(7% 9% round 65px);
}
}
@media (prefers-reduced-motion: reduce) {
.manifesto-section.is-camera-closing *,
.manifesto-section.is-camera-closing::after {
animation: none !important;
transition-duration: .01ms !important;
}
}
/* SOURCE: location-hover-v1.css */
.exact-location .location-backdrop {
z-index: 0;
opacity: 0;
filter: brightness(.45) saturate(.72);
transform: scale(1.09);
transition:
opacity .82s ease,
transform 5.5s cubic-bezier(.2,.65,.3,1),
filter 1s ease !important;
}
.exact-location .location-backdrop.is-active {
z-index: 1;
opacity: 1;
filter: brightness(.57) saturate(.86);
transform: scale(1.025);
}
.exact-location .location-shade {
z-index: 2;
background:
linear-gradient(90deg,rgba(10,25,34,.18),rgba(10,25,34,.05)),
linear-gradient(0deg,rgba(8,21,28,.5),transparent 58%);
pointer-events: none;
}
.exact-location .location-panels {
z-index: 3;
}
.location-panels article {
isolation: isolate;
}
.location-panels article::before {
position: absolute;
z-index: -1;
inset: 0;
background: linear-gradient(180deg,rgba(25,49,57,.08),rgba(18,58,54,.82));
content: "";
opacity: 0;
transform: translateY(12%);
transition: opacity .48s ease, transform .68s cubic-bezier(.16,.8,.2,1);
}
.location-panels article::after {
position: absolute;
top: 100px;
right: 0;
left: 0;
height: 2px;
background: #d8c78f;
content: "";
transform: scaleX(0);
transform-origin: left;
transition: transform .65s cubic-bezier(.16,.8,.2,1);
}
.location-panels article:hover::before,
.location-panels article:focus::before,
.location-panels article.is-visual-active::before {
opacity: 1;
transform: none;
}
.location-panels article:hover::after,
.location-panels article:focus::after,
.location-panels article.is-visual-active::after {
transform: scaleX(1);
}
.location-panels article:hover,
.location-panels article:focus {
background: transparent !important;
}
.location-panels article.is-visual-active > b {
text-shadow: 0 8px 30px rgba(0,0,0,.28);
}
@media (max-width: 880px) {
.exact-location .location-backdrop {
position: fixed;
}
.location-panels article::after {
top: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.exact-location .location-backdrop,
.location-panels article::before,
.location-panels article::after {
transition-duration: .01ms !important;
}
}
/* SOURCE: kakao-map-clean-v1.css */
.contact-map-shell {
background: #e8ece7;
}
.contact-map-shell .root_daum_roughmap {
width: 100% !important;
height: 100% !important;
}
.contact-map-shell .root_daum_roughmap .wrap_map {
height: calc(100% - 32px) !important;
}
.contact-map-shell .root_daum_roughmap .wrap_controllers {
height: 32px !important;
}
.contact-map-shell .root_daum_roughmap .map_border {
display: none !important;
}
.contact-map-shell .root_daum_roughmap_landing {
border: 0 !important;
}
@media (max-width: 880px) {
.contact-map-shell .root_daum_roughmap .wrap_map {
height: calc(100% - 30px) !important;
}
}
/* SOURCE: mobile-optimization-v1.css */
@media (min-width: 881px) {
.mobile-inquiry { display: none !important; }
}
@media (max-width: 880px) {
html,
body {
min-height: 100%;
overflow-x: hidden !important;
overscroll-behavior-y: none;
}
body {
padding-bottom: 82px;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
}
.site-header {
height: 68px !important;
padding: 0 18px !important;
}
.site-header .brand {
width: 118px !important;
flex-basis: 118px !important;
}
.site-header .brand img,
.site-header.is-scrolled .brand img {
height: 39px !important;
}
.main-nav {
top: 68px !important;
max-height: calc(100svh - 68px);
overflow-y: auto;
}
.main-nav .mobile-inquiry {
position: sticky;
bottom: 0;
z-index: 2;
display: grid;
grid-template-columns: 1fr auto;
gap: 3px 12px;
align-items: center;
margin: 18px 0 4px;
padding: 16px 15px;
color: #263241;
background: #e1cf9a;
box-shadow: 0 -12px 18px #263241;
}
.main-nav .mobile-inquiry span {
grid-column: 1;
color: rgba(38, 50, 65, .65);
font: 700 8px Arial, sans-serif;
letter-spacing: .16em;
}
.main-nav .mobile-inquiry strong {
grid-column: 1;
font-size: 15px;
letter-spacing: -.04em;
}
.main-nav .mobile-inquiry b {
grid-column: 2;
grid-row: 1 / span 2;
font-size: 22px;
font-weight: 400;
}
.fullpage > .snap-section {
min-height: 100svh !important;
}
.exact-hero {
min-height: 100svh !important;
}
.hero-opening-copy {
top: 45% !important;
left: 20px !important;
right: 20px !important;
}
.hero-opening-copy h1 {
font-size: clamp(38px, 11.2vw, 52px) !important;
line-height: 1.13 !important;
}
.hero-opening-meta {
right: 18px !important;
bottom: 22px !important;
padding: 10px 12px !important;
}
.exact-premium,
.manifesto-section {
height: 100svh !important;
min-height: 100svh !important;
}
.premium-v2-heading {
top: 12% !important;
}
.premium-v2-copy {
right: 16px !important;
left: 16px !important;
width: auto !important;
height: min(53svh, 440px) !important;
}
.premium-v2-controls {
right: 16px !important;
bottom: 7% !important;
left: 16px !important;
}
.manifesto-backdrop {
inset: 0 !important;
border-radius: 0 !important;
clip-path: none !important;
}
.manifesto-copy {
width: calc(100% - 36px) !important;
}
.manifesto-copy h2 {
font-size: clamp(36px, 10vw, 45px) !important;
}
.exact-location {
min-height: 100svh !important;
height: auto !important;
}
.exact-location .location-backdrop {
position: absolute !important;
z-index: 0 !important;
}
.exact-location .location-shade {
position: absolute !important;
z-index: 1 !important;
}
.exact-location .location-panels {
position: relative !important;
z-index: 2 !important;
padding-top: 68px !important;
}
.location-panels article {
min-height: 24svh !important;
padding: 34px 22px !important;
background: rgba(17,36,43,.56) !important;
}
.location-panels article > div {
position: static !important;
margin-top: 16px !important;
opacity: 1 !important;
transform: none !important;
}
.location-panels article > b {
font-size: 29px !important;
}
.location-panels article h3 {
font-size: 20px !important;
}
.location-panels article p {
font-size: 11px !important;
}
.exact-brand {
min-height: 120svh !important;
height: 120svh !important;
}
.brand-v2-copy {
top: 11% !important;
left: 20px !important;
right: 20px !important;
width: auto !important;
}
.brand-v2-copy h2 {
font-size: clamp(34px, 9vw, 42px) !important;
}
.brand-v2-main {
right: 18px !important;
bottom: 16% !important;
width: 72vw !important;
height: 36svh !important;
}
.exact-contact {
min-height: auto !important;
padding: 86px 16px 106px !important;
}
.contact-title strong {
font-size: 38px !important;
}
.contact-map-shell {
height: clamp(300px, 47svh, 420px) !important;
}
.contact-place-list {
grid-template-rows: none !important;
}
.contact-place {
min-height: 224px;
padding: 23px 18px 18px !important;
}
.contact-place > div {
right: 18px !important;
left: 18px !important;
}
.contact-place h3 {
font-size: 21px !important;
}
.exact-contact .contact-bottom {
grid-template-columns: 1fr !important;
gap: 10px !important;
margin-top: 14px !important;
}
.exact-contact .contact-bottom a {
justify-content: space-between;
}
.site-footer.snap-section {
min-height: 100svh !important;
padding: 78px 20px 118px !important;
}
.right-dock {
right: max(12px, env(safe-area-inset-right)) !important;
bottom: max(12px, env(safe-area-inset-bottom)) !important;
left: max(12px, env(safe-area-inset-left)) !important;
}
}
/* SOURCE: intro-smooth-v2.css */
/* Let the first hero scene begin beneath the opening panels.
This avoids a second blank-to-content transition after the doors finish. */
html.intro-playing .exact-hero-image{
animation:hero-cinematic-zoom 8s 1.55s cubic-bezier(.2,.65,.3,1) both;
}
html.intro-playing .hero-opening-copy>p{
animation:hero-copy-rise .7s 1.55s cubic-bezier(.2,.65,.3,1) forwards;
}
html.intro-playing .hero-opening-copy h1{
animation:hero-copy-rise .85s 1.7s cubic-bezier(.2,.65,.3,1) forwards;
}
html.intro-playing .hero-opening-copy>span{
animation:hero-copy-rise .8s 1.86s cubic-bezier(.2,.65,.3,1) forwards;
}
html.intro-playing .hero-opening-meta{
animation:hero-meta-in .75s 2.02s cubic-bezier(.2,.65,.3,1) forwards;
}
html.intro-playing .scroll-follow{
animation:hero-scroll-in .65s 2.15s ease forwards;
}
/* The original intro-complete rules replayed the hero after the panels had
opened. Hold the completed first frame instead, so there is no flicker. */
html.intro-complete .exact-hero-image{animation:none;transform:scale(1)}
html.intro-complete .hero-opening-copy>p,
html.intro-complete .hero-opening-copy h1,
html.intro-complete .hero-opening-copy>span{animation:none;opacity:1;transform:none;filter:none}
html.intro-complete .hero-opening-meta{animation:none;opacity:1;transform:none}
html.intro-complete .scroll-follow{animation:none;opacity:1;transform:rotate(-90deg)}
/* Keep the departing overlay composited until it is removed. */
.opening-intro{will-change:transform,opacity}
.opening-logo{display:block;width:min(340px,56vw);height:auto;margin:0 auto 25px;opacity:0;transform:translateY(12px) scale(.97);animation:opening-logo-in .72s .45s cubic-bezier(.2,.75,.3,1) forwards}
@keyframes opening-logo-in{to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
html.intro-playing .exact-hero-image,
html.intro-playing .hero-opening-copy>p,
html.intro-playing .hero-opening-copy h1,
html.intro-playing .hero-opening-copy>span,
html.intro-playing .hero-opening-meta,
html.intro-playing .scroll-follow{animation-duration:.01ms;animation-delay:0s}
.opening-logo{animation-duration:.01ms;animation-delay:0s}
}
/* SOURCE: subpage-content-v2.css */
.detail-page{background:#f4f2ed;color:#1a2428}.detail-hero{position:relative;display:flex;min-height:100svh;overflow:hidden;background:#182630;color:#fff}.detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:detail-image-settle 7s cubic-bezier(.2,.65,.3,1) both}.detail-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,23,31,.77),rgba(10,23,31,.28) 55%,rgba(10,23,31,.07)),linear-gradient(0deg,rgba(10,19,25,.55),transparent 48%)}.detail-hero-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);opacity:.25}.detail-hero-grid i{border-right:1px solid rgba(255,255,255,.32)}.detail-hero-grid i:last-child{border:0}.detail-hero-copy{position:relative;z-index:2;align-self:center;width:min(880px,75vw);margin-left:8vw;padding-top:72px}.detail-hero-copy>p{display:flex;gap:11px;margin:0 0 34px;color:rgba(255,255,255,.65);font:600 9px Arial,sans-serif;letter-spacing:.17em}.detail-hero-copy>p b{color:#fff}.detail-hero-copy small{display:block;color:#e0cc96;font:700 10px Arial,sans-serif;letter-spacing:.27em}.detail-hero-copy h1{margin:24px 0 28px;font-size:clamp(47px,5.8vw,90px);font-weight:500;line-height:1.12;letter-spacing:-.085em}.detail-hero-copy strong{display:block;max-width:440px;color:rgba(255,255,255,.78);font-size:15px;font-weight:400;line-height:1.8}.detail-hero-index{position:absolute;z-index:2;right:5vw;bottom:6vh;display:flex;align-items:center;gap:13px;color:#fff}.detail-hero-index b{font:400 44px "DM Serif Display",Georgia,serif}.detail-hero-index i{width:55px;height:1px;background:rgba(255,255,255,.6)}.detail-hero-index span{font:700 8px/1.7 Arial,sans-serif;letter-spacing:.15em}.detail-scroll{position:absolute;z-index:2;bottom:5vh;left:3vw;display:flex;align-items:center;gap:13px;color:#fff;font:600 8px Arial,sans-serif;letter-spacing:.2em;transform:rotate(-90deg);transform-origin:left bottom}.detail-scroll i{width:54px;height:1px;background:#fff}.detail-content{padding:clamp(90px,12vw,180px) 8vw;background:#f5f3ee}.detail-heading{display:grid;grid-template-columns:1fr 1.3fr;gap:25px 8vw;align-items:start}.detail-heading>span{color:#79847d;font:700 9px Arial,sans-serif;letter-spacing:.23em}.detail-heading h2{grid-column:2;margin:0;color:#172f31;font-size:clamp(39px,4.5vw,72px);font-weight:500;line-height:1.16;letter-spacing:-.08em}.detail-heading h2 em{color:#849a7d;font-family:"DM Serif Display",Georgia,serif;font-weight:400}.detail-heading p{grid-column:2;max-width:530px;margin:6px 0 0;color:#68736e;font-size:14px;line-height:2}.detail-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid #bfc4bd;border-left:1px solid #cfd2cb}.detail-feature-grid article{position:relative;min-height:285px;padding:25px 23px;border-right:1px solid #cfd2cb;border-bottom:1px solid #cfd2cb;background:#faf9f6;transition:transform .45s cubic-bezier(.2,.65,.3,1),background .4s,color .4s}.detail-feature-grid article:hover{z-index:1;background:#263241;color:#fff;transform:translateY(-11px)}.detail-feature-grid b{display:block;color:#b3bbb2;font:400 35px "DM Serif Display",Georgia,serif}.detail-feature-grid span{display:block;margin-top:60px;color:#7c887f;font:700 9px Arial,sans-serif;letter-spacing:.16em}.detail-feature-grid h3{max-width:210px;margin:13px 0 0;font-size:22px;font-weight:500;line-height:1.36;letter-spacing:-.06em}.detail-feature-grid i{position:absolute;right:22px;bottom:21px;font-size:18px;font-style:normal}.detail-feature-grid article:hover b,.detail-feature-grid article:hover span{color:#e0cc96}.detail-editorial{display:grid;grid-template-columns:57% 43%;min-height:85svh;background:#263241;color:#fff}.detail-editorial figure{margin:0;overflow:hidden}.detail-editorial figure img{width:100%;height:100%;object-fit:cover;transition:transform 5s cubic-bezier(.2,.65,.3,1)}.detail-editorial:hover figure img{transform:scale(1.045)}.detail-editorial>div{display:flex;flex-direction:column;justify-content:center;padding:8vw}.detail-editorial span{color:#cbd2be;font:700 9px Arial,sans-serif;letter-spacing:.23em}.detail-editorial h2{margin:29px 0 0;font-size:clamp(42px,4.2vw,68px);font-weight:500;line-height:1.15;letter-spacing:-.08em}.detail-editorial h2 em{color:#dfcc95;font-family:"DM Serif Display",Georgia,serif;font-weight:400}.detail-editorial p{max-width:430px;margin:30px 0 0;color:rgba(255,255,255,.68);font-size:14px;line-height:2}.detail-editorial a{display:flex;justify-content:space-between;max-width:300px;margin-top:42px;padding:0 0 13px;border-bottom:1px solid rgba(255,255,255,.6);color:#fff;font-size:12px}.detail-editorial a b{font-size:18px}@keyframes detail-image-settle{from{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:880px){.detail-hero-copy{width:auto;margin:0 24px;padding-top:70px}.detail-hero-copy h1{font-size:46px}.detail-hero-copy strong{font-size:13px}.detail-hero-index{right:20px;bottom:24px}.detail-hero-index b{font-size:32px}.detail-scroll{display:none}.detail-content{padding:95px 20px}.detail-heading{display:block}.detail-heading h2{margin-top:24px;font-size:43px}.detail-heading p{font-size:13px}.detail-feature-grid{grid-template-columns:1fr 1fr;margin-top:50px}.detail-feature-grid article{min-height:220px;padding:19px 16px}.detail-feature-grid span{margin-top:37px;font-size:8px}.detail-feature-grid h3{font-size:17px}.detail-editorial{display:flex;flex-direction:column;min-height:100svh}.detail-editorial figure{height:47svh}.detail-editorial>div{min-height:53svh;padding:52px 24px}.detail-editorial h2{font-size:42px}.detail-editorial p{font-size:12px}}
/* SOURCE: premium-fast-nav-v2.css */
/* Premium uses quick, deliberate wheel steps so all seven values can be explored
without waiting for the long editorial animation to end. */
.premium-v2-visuals figure{transition-duration:.38s,.48s,.56s!important}
.premium-v2-copy article.is-active::before{animation-duration:.48s}
.premium-v2-copy article.is-active::after{animation-duration:.36s;animation-delay:.08s}
.premium-v2-copy article.is-active>span,.premium-v2-copy article.is-active>h3,.premium-v2-copy article.is-active>p{animation-duration:.4s}
.premium-v2-copy article.is-active>span{animation-delay:.05s}.premium-v2-copy article.is-active>h3{animation-delay:.11s}.premium-v2-copy article.is-active>p{animation-delay:.17s}
.premium-current.is-changing{animation-duration:.32s}.premium-v2-controls>i span{transition-duration:.3s}.premium-v2.premium-pulse::after{animation-duration:.48s}
@media(max-width:880px){
/* Tap changes the location visual, so mobile does not remain on one shared backdrop. */
.exact-location .location-backdrop{position:absolute!important;inset:0!important;z-index:0!important}
.exact-location .location-backdrop.is-active{z-index:1!important}
.exact-location .location-shade{position:absolute!important;z-index:2!important}
.exact-location .location-panels{z-index:3!important}
.location-panels article{cursor:pointer}
}
/* SOURCE: subpage-depth-v3.css */
.detail-guide{display:grid;grid-template-columns:38% 62%;min-height:78svh;padding:10vw 8vw;background:#ece9e1;color:#17242e}.detail-guide-copy{padding-right:7vw}.detail-guide-copy span,.detail-gallery header>span{color:#738079;font:700 9px Arial,sans-serif;letter-spacing:.22em}.detail-guide-copy h2{margin:26px 0 0;font-size:clamp(39px,3.7vw,61px);font-weight:500;line-height:1.18;letter-spacing:-.08em}.detail-guide-copy h2 em,.detail-gallery h2 em{color:#819778;font-family:"DM Serif Display",Georgia,serif;font-weight:400}.detail-guide-copy p{margin:28px 0 0;color:#657069;font-size:14px;line-height:2}.detail-guide-list{align-self:center;border-top:1px solid #aeb6ae}.detail-guide-list article{display:grid;grid-template-columns:70px 1fr 24px;align-items:center;min-height:125px;border-bottom:1px solid #bdc4bb;transition:padding .35s,background .35s}.detail-guide-list article:hover{padding:0 20px;background:rgba(255,255,255,.48)}.detail-guide-list b{color:#9da8a0;font:400 30px "DM Serif Display",Georgia,serif}.detail-guide-list span{display:block;color:#718078;font:700 9px Arial,sans-serif;letter-spacing:.14em}.detail-guide-list strong{display:block;margin-top:10px;font-size:18px;font-weight:500;letter-spacing:-.04em}.detail-guide-list i{font-size:22px;font-style:normal}.detail-gallery{display:grid;grid-template-columns:34% 35% 31%;min-height:86svh;padding:9vw 7vw;background:#f8f7f3}.detail-gallery header{display:flex;flex-direction:column;justify-content:center;padding-right:6vw}.detail-gallery h2{margin:25px 0 0;color:#172f31;font-size:clamp(40px,4vw,67px);font-weight:500;line-height:1.14;letter-spacing:-.08em}.detail-gallery figure{position:relative;align-self:center;margin:0;overflow:hidden}.detail-gallery figure:nth-of-type(1){height:49svh}.detail-gallery figure:nth-of-type(2){height:37svh;margin-top:12svh;margin-left:18px}.detail-gallery figure img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.65,.3,1)}.detail-gallery figure:hover img{transform:scale(1.055)}.detail-gallery figcaption{position:absolute;right:13px;bottom:13px;padding:8px 10px;background:rgba(22,38,48,.8);color:#fff;font:600 8px Arial,sans-serif;letter-spacing:.16em}@media(max-width:880px){.detail-guide{display:block;min-height:auto;padding:90px 20px}.detail-guide-copy{padding:0}.detail-guide-copy h2{font-size:42px}.detail-guide-copy p{font-size:12px}.detail-guide-list{margin-top:45px}.detail-guide-list article{grid-template-columns:50px 1fr 18px;min-height:102px}.detail-guide-list strong{font-size:15px}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:95svh;padding:85px 20px}.detail-gallery header{grid-column:1/-1;padding:0 0 25px}.detail-gallery h2{font-size:42px}.detail-gallery figure:nth-of-type(1),.detail-gallery figure:nth-of-type(2){height:36svh;margin:0}.detail-gallery figcaption{font-size:7px}}
/* SOURCE: lead-form-v1.css */
.lead-registration{display:grid;grid-template-columns:36% 64%;gap:7vw;padding:9vw 8vw;background:#f8f7f3;color:#17242e}.lead-registration-copy{padding-top:25px}.lead-registration-copy>span{color:#77847c;font:700 9px Arial,sans-serif;letter-spacing:.23em}.lead-registration-copy h2{margin:28px 0 0;font-size:clamp(44px,4.5vw,73px);font-weight:500;line-height:1.1;letter-spacing:-.085em}.lead-registration-copy h2 em{color:#819778;font-family:"DM Serif Display",Georgia,serif;font-weight:400}.lead-registration-copy p{max-width:340px;margin:28px 0 0;color:#657069;font-size:14px;line-height:2}.lead-registration-copy small{display:block;margin-top:35px;color:#56645c;font:700 9px Arial,sans-serif;letter-spacing:.1em}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;padding:38px 42px;background:#fff;box-shadow:0 18px 60px rgba(20,37,43,.08)}.lead-form label{display:flex;flex-direction:column;gap:10px}.lead-form label>span{font-size:12px;font-weight:600}.lead-form label>span>b{color:#ad7b3d}.lead-form input,.lead-form select,.lead-form textarea{width:100%;min-height:48px;padding:0 13px;border:0;border-bottom:1px solid #cbd0ca;background:#fafaf8;color:#17242e;font:14px "Noto Sans KR",Arial,sans-serif;outline:0;transition:border-color .25s,background .25s}.lead-form textarea{min-height:112px;padding:13px;resize:vertical}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#263241;background:#fff}.lead-form .lead-message,.lead-form .lead-consent,.lead-form button,.lead-notice{grid-column:1/-1}.lead-form .lead-consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding-top:3px}.lead-form .lead-consent input{width:17px;min-width:17px;min-height:17px;margin:2px 0 0;padding:0;accent-color:#263241}.lead-form .lead-consent>span{font-size:12px;font-weight:400;line-height:1.6}.lead-form .lead-consent b{color:#263241}.lead-form .lead-consent small{display:block;margin-top:6px;color:#7a847d;font-size:10px;line-height:1.6}.lead-form button{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:18px 22px;border:0;background:#263241;color:#fff;font:600 13px "Noto Sans KR",Arial,sans-serif;cursor:pointer;transition:background .25s,transform .25s}.lead-form button:hover{background:#385065;transform:translateY(-2px)}.lead-form button i{font-size:20px;font-style:normal}.lead-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.lead-notice{padding:13px 16px;background:#f0eee8;color:#33413a;font-size:13px}.lead-notice.success{background:#e7f0e7;color:#214b34}@media(max-width:880px){.lead-registration{display:block;padding:85px 20px}.lead-registration-copy{padding:0}.lead-registration-copy h2{font-size:48px}.lead-registration-copy p{font-size:13px}.lead-form{grid-template-columns:1fr;gap:19px;margin-top:42px;padding:26px 20px}.lead-form .lead-message,.lead-form .lead-consent,.lead-form button,.lead-notice{grid-column:auto}.lead-form .lead-consent>span{font-size:11px}}
/* SOURCE: mobile-polish-v2.css */
@media (max-width: 880px) {
/* Keep the hero copy intentional on narrow screens instead of breaking at
awkward single characters, and reserve a clear band for the bottom dock. */
.hero-opening-copy {
top: 41% !important;
}
.hero-opening-copy h1 {
max-width: 340px;
font-size: clamp(31px, 8.8vw, 35px) !important;
line-height: 1.16 !important;
letter-spacing: -.095em !important;
}
.hero-opening-copy > span {
max-width: 300px;
margin-top: 16px !important;
font-size: 11px !important;
line-height: 1.75 !important;
}
.hero-opening-meta {
right: 18px !important;
bottom: 104px !important;
transform: scale(.86);
transform-origin: right bottom;
}
.detail-hero-copy {
top: 44% !important;
padding-top: 50px !important;
transform: translateY(-42%);
}
.detail-hero-copy h1 {
max-width: 330px;
margin: 18px 0 20px !important;
font-size: clamp(32px, 9vw, 36px) !important;
line-height: 1.16 !important;
letter-spacing: -.09em !important;
}
.detail-hero-copy strong {
max-width: 300px;
font-size: 12px !important;
line-height: 1.75 !important;
}
.detail-hero-copy > p {
margin-bottom: 22px !important;
}
.detail-hero-index {
bottom: 104px !important;
transform: scale(.86);
transform-origin: right bottom;
}
.right-dock {
z-index: 80 !important;
}
}
/* SOURCE: news-center-v1.css */
.news-center{padding:10vw 8vw;background:#f4f2ed;color:#17242e}.news-center header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:55px}.news-center header span,.news-article-head>span{color:#718078;font:700 9px Arial,sans-serif;letter-spacing:.22em}.news-center h2{margin:24px 0 0;font-size:clamp(40px,4.2vw,68px);font-weight:500;line-height:1.16;letter-spacing:-.08em}.news-center h2 em{color:#819778;font-family:"DM Serif Display",Georgia,serif;font-weight:400}.news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-list article{background:#fff;transition:transform .35s,box-shadow .35s}.news-list article:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(25,40,45,.1)}.news-list a{display:block}.news-list figure{height:25svh;margin:0;overflow:hidden;background:#d9ddd6}.news-list figure img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.news-list article:hover figure img{transform:scale(1.05)}.news-list article> a > div{padding:24px}.news-list span{display:block;color:#829087;font:700 9px Arial,sans-serif;letter-spacing:.14em}.news-list h3{margin:13px 0 0;font-size:23px;font-weight:500;letter-spacing:-.05em}.news-list p{margin:15px 0 0;color:#67726c;font-size:13px;line-height:1.8}.news-list b{display:block;margin-top:25px;font:700 9px Arial,sans-serif;letter-spacing:.15em}.news-empty{padding:62px 30px;border-top:1px solid #bfc5bd;border-bottom:1px solid #bfc5bd;text-align:center}.news-empty strong{font-size:21px}.news-empty p{color:#68736d;font-size:13px}.news-article{min-height:100svh;padding:170px 15vw 110px;background:#f7f6f2;color:#17242e}.news-article-head{max-width:900px;margin:0 auto 55px}.news-article-head p{margin:18px 0 0;color:#7c8880;font:700 10px Arial,sans-serif;letter-spacing:.12em}.news-article-head h1{margin:28px 0 0;font-size:clamp(42px,5vw,78px);font-weight:500;line-height:1.16;letter-spacing:-.08em}.news-article-visual{max-width:1000px;margin:0 auto 60px}.news-article-visual img{width:100%;height:auto}.news-article-body{max-width:760px;margin:auto;color:#46514b;font-size:16px;line-height:2}.news-article-body p{margin:0 0 25px}.news-article-back{display:block;max-width:760px;margin:70px auto 0;padding-top:16px;border-top:1px solid #aeb7ae;font-size:12px}@media(max-width:880px){.news-center{padding:90px 20px}.news-center header{display:block;margin-bottom:35px}.news-center h2{font-size:42px}.news-list{grid-template-columns:1fr}.news-list figure{height:30svh}.news-article{padding:110px 20px 70px}.news-article-head h1{font-size:43px}.news-article-body{font-size:14px}}
/* SOURCE: subpage-variety-v1.css */
.specific-project,.specific-brand,.specific-visit,.specific-location,.specific-premium,.specific-complex,.specific-community,.specific-system,.specific-units,.specific-interior,.specific-material,.specific-supply,.specific-media{padding:10vw 8vw;color:#17242e}.specific-project,.specific-location,.specific-system,.specific-material{background:#e9e8e2}.specific-brand,.specific-premium,.specific-units,.specific-supply{background:#263241;color:#fff}.specific-visit,.specific-complex,.specific-community,.specific-interior,.specific-media{background:#f8f7f3}.specific-project>header,.specific-brand>span,.specific-premium header,.specific-system header,.specific-units header,.specific-material header,.specific-supply header,.specific-media header{display:block}.specific-project h2,.specific-brand h2,.specific-premium h2,.specific-system h2,.specific-units h2,.specific-material h2,.specific-supply h2,.specific-media h2{margin:22px 0 0;font-size:clamp(42px,4.5vw,72px);font-weight:500;line-height:1.15;letter-spacing:-.08em}.specific-project span,.specific-brand>span,.specific-premium span,.specific-system span,.specific-units span,.specific-material span,.specific-supply span,.specific-media span,.specific-visit span,.specific-community span,.specific-interior span{font:700 9px Arial,sans-serif;letter-spacing:.2em;color:#7c8d83}.specific-brand>span,.specific-premium span,.specific-system span,.specific-units span,.specific-supply span{color:#d7d2af}.specific-project em,.specific-brand em,.specific-premium em,.specific-system em,.specific-units em,.specific-material em,.specific-supply em,.specific-media em,.specific-community em,.specific-interior em{font-family:"DM Serif Display",Georgia,serif;font-weight:400;color:#839b7e}.fact-table{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:68px;border-top:1px solid #afb7af}.fact-table dl{display:grid;grid-template-columns:110px 1fr;margin:0}.fact-table dt,.fact-table dd{padding:17px 0;border-bottom:1px solid #c6cbc4;font-size:14px}.fact-table dt{color:#758078}.fact-table dd{margin:0;font-weight:600}.specific-brand>div,.specific-location,.specific-system>div,.specific-units>div,.specific-material>div{display:grid;gap:0;margin-top:70px}.specific-brand>div{grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.3)}.specific-brand article{padding:30px;border-right:1px solid rgba(255,255,255,.2)}.specific-brand b,.specific-location b{font:400 38px "DM Serif Display",Georgia,serif;color:#d8c893}.specific-brand h3{margin:52px 0 12px;font-size:19px}.specific-brand p,.specific-location p,.specific-system p,.specific-units p,.specific-material p,.specific-supply p,.specific-media p{color:rgba(255,255,255,.68);font-size:13px;line-height:1.8}.specific-visit{display:grid;grid-template-columns:1fr 1fr;gap:20px}.specific-visit article{min-height:440px;padding:46px;background:#263241;color:#fff}.specific-visit article:last-child{background:#879b85}.specific-visit h2{margin:36px 0;font-size:clamp(38px,4vw,61px);font-weight:500;line-height:1.15;letter-spacing:-.08em}.specific-visit p{font-size:14px;line-height:2}.specific-visit a{display:block;margin-top:70px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.55);font-size:12px}.specific-location{grid-template-columns:repeat(4,1fr);padding:0}.specific-location article{min-height:440px;padding:34px;background:#f7f6f1;border-right:1px solid #ced1ca}.specific-location span{display:block;margin-top:80px}.specific-location h3{margin:13px 0;font-size:24px;letter-spacing:-.06em}.specific-location p,.specific-system p,.specific-units p,.specific-material p,.specific-supply p,.specific-media p{color:#657069}.specific-premium{display:grid;grid-template-columns:38% 62%;gap:7vw}.specific-premium ol,.specific-supply ol{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.28)}.specific-premium li{display:grid;grid-template-columns:60px 150px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18)}.specific-premium li b,.specific-supply li b{font:400 22px "DM Serif Display",Georgia,serif;color:#d8c893}.specific-premium li strong{font-size:12px;letter-spacing:.1em}.specific-premium li span{color:rgba(255,255,255,.66);font:400 13px Arial,sans-serif;letter-spacing:0}.specific-complex,.specific-community,.specific-interior{display:grid;grid-template-columns:56% 44%;padding:0}.specific-complex figure,.specific-community figure,.specific-interior figure{margin:0;min-height:68svh;overflow:hidden}.specific-complex figure img,.specific-community figure img,.specific-interior figure img{width:100%;height:100%;object-fit:cover}.specific-complex>div,.specific-community>div,.specific-interior>div{align-self:center;padding:7vw}.specific-complex h2,.specific-community h2,.specific-interior h2{margin:25px 0;font-size:clamp(38px,4vw,65px);font-weight:500;line-height:1.18;letter-spacing:-.08em}.specific-complex ul,.specific-community ul,.specific-interior dl{margin:40px 0 0;padding:0;list-style:none;border-top:1px solid #b9c0b8}.specific-complex li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #c9cec7}.specific-complex li b{font:400 23px "DM Serif Display",Georgia,serif;color:#819778}.specific-complex li p{margin:0;font-size:13px;color:#637067}.specific-complex li strong{display:block;margin-bottom:4px;color:#182f2e}.specific-community p,.specific-interior p{color:#607068;font-size:14px;line-height:2}.specific-community ul{display:grid;grid-template-columns:1fr 1fr}.specific-community li{padding:13px 0;border-bottom:1px solid #c9cec7;font-size:13px}.specific-system>div,.specific-units>div,.specific-material>div{grid-template-columns:repeat(3,1fr)}.specific-system article,.specific-units article,.specific-material article{min-height:260px;padding:30px;background:#f6f5f0;border-right:1px solid #d1d4ce}.specific-system article b{color:#819778;font:400 30px "DM Serif Display",Georgia,serif}.specific-system article h3,.specific-units article b,.specific-material h3{display:block;margin:55px 0 12px;font-size:21px}.specific-units>div{margin-top:68px}.specific-units article{background:transparent;border-color:rgba(255,255,255,.18)}.specific-units article b{margin:0;color:#d8c893;font-size:45px}.specific-units article span{display:block;margin-top:38px;color:#d7d2af}.specific-units small,.specific-media small{display:block;margin-top:28px;color:rgba(255,255,255,.6);font-size:11px}.specific-interior dt,.specific-interior dd{margin:0;padding:13px 0;border-bottom:1px solid #c9cec7}.specific-interior dt{font:700 9px Arial,sans-serif;letter-spacing:.14em;color:#819778}.specific-interior dd{font-size:14px}.specific-material>div{grid-template-columns:repeat(4,1fr);margin-top:60px}.specific-material article b{color:#9da89e;font:400 31px "DM Serif Display",Georgia,serif}.specific-material article h3{margin-top:70px}.specific-supply{display:grid;grid-template-columns:40% 60%;gap:6vw}.specific-supply li{display:grid;grid-template-columns:55px 1fr;gap:8px;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.18)}.specific-supply li strong{font-size:19px}.specific-supply li p{grid-column:2;margin:0}.specific-media>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px}.specific-media article{position:relative;background:#fff;color:#17242e}.specific-media img{width:100%;height:35svh;object-fit:cover}.specific-media h3,.specific-media p{margin:19px 22px}.specific-media p{padding-bottom:20px}@media(max-width:880px){.specific-project,.specific-brand,.specific-visit,.specific-location,.specific-premium,.specific-complex,.specific-community,.specific-system,.specific-units,.specific-interior,.specific-material,.specific-supply,.specific-media{display:block;padding:85px 20px}.specific-project h2,.specific-brand h2,.specific-premium h2,.specific-system h2,.specific-units h2,.specific-material h2,.specific-supply h2,.specific-media h2{font-size:42px}.fact-table{grid-template-columns:1fr;gap:0;margin-top:45px}.specific-brand>div,.specific-location,.specific-system>div,.specific-units>div,.specific-material>div{display:block;margin-top:45px}.specific-brand article{border-bottom:1px solid rgba(255,255,255,.2)}.specific-brand h3{margin-top:25px}.specific-visit{padding:0}.specific-visit article{min-height:330px;padding:35px 24px}.specific-visit h2{font-size:42px}.specific-visit a{margin-top:35px}.specific-location{padding:0}.specific-location article{min-height:260px;border-bottom:1px solid #ced1ca}.specific-location span{margin-top:35px}.specific-premium{padding:85px 20px}.specific-premium ol{margin-top:50px}.specific-premium li{grid-template-columns:45px 1fr}.specific-premium li span{grid-column:2}.specific-complex,.specific-community,.specific-interior{padding:0}.specific-complex figure,.specific-community figure,.specific-interior figure{min-height:45svh}.specific-complex>div,.specific-community>div,.specific-interior>div{padding:70px 24px}.specific-complex h2,.specific-community h2,.specific-interior h2{font-size:42px}.specific-system article,.specific-units article,.specific-material article{min-height:210px;border-bottom:1px solid #d1d4ce}.specific-material>div{margin-top:45px}.specific-supply{padding:85px 20px}.specific-supply ol{margin-top:50px}.specific-media>div{grid-template-columns:1fr}.specific-media img{height:30svh}}
/* SOURCE: subpage-identity-v1.css */
/* Page-specific visual identities: each section has its own pace, palette and image treatment. */
.detail-page--directions .detail-hero>img{object-position:center 52%;filter:saturate(.82) contrast(1.04)}
.detail-page--building-unit-plan .detail-hero{background:#ecebe5}.detail-page--building-unit-plan .detail-hero>img{object-fit:contain;object-position:center;background:#ecebe5;padding:4vw;filter:none}.detail-page--supply .detail-hero>img{object-position:center 50%}.detail-page--customer-registration .detail-hero>img{object-position:center 52%;filter:saturate(.86)}
.detail-page--directions .specific-visit{gap:1px;background:#d2d8d4}.detail-page--directions .specific-visit article{position:relative;overflow:hidden;min-height:510px;background:#123246}.detail-page--directions .specific-visit article:last-child{background:#a97f62}.detail-page--directions .specific-visit article:before{position:absolute;right:-8%;bottom:-28%;color:rgba(255,255,255,.1);font:400 230px/1 Georgia,serif;content:"01"}.detail-page--directions .specific-visit article:last-child:before{content:"02"}.detail-page--directions .specific-visit>*{z-index:1}
.detail-page--location .specific-location{background:#273843}.detail-page--location .specific-location article{position:relative;min-height:540px;color:#fff;background:#243641;border-color:rgba(255,255,255,.13);transition:background .4s ease,transform .4s ease}.detail-page--location .specific-location article:nth-child(2){background:#596c67}.detail-page--location .specific-location article:nth-child(3){background:#8d755d}.detail-page--location .specific-location article:nth-child(4){background:#384454}.detail-page--location .specific-location article:hover{z-index:1;transform:translateY(-18px);background:#172b2c}.detail-page--location .specific-location p{color:rgba(255,255,255,.73)}.detail-page--location .specific-location b{color:#f1d8a4}
.detail-page--premium-7 .specific-premium{background:radial-gradient(circle at 22% 18%,#465b64 0,#263241 42%,#17212b 100%)}.detail-page--premium-7 .specific-premium ol{counter-reset:premium}.detail-page--premium-7 .specific-premium li{transition:padding .3s ease,background .3s ease}.detail-page--premium-7 .specific-premium li:hover{padding-left:18px;background:rgba(255,255,255,.06)}
.detail-page--site-plan .specific-complex{background:#e4e7df}.detail-page--building-unit-plan .specific-complex{grid-template-columns:48% 52%;background:#ecebe5}.detail-page--building-unit-plan .specific-complex figure{background:#dddcd5}.detail-page--building-unit-plan .specific-complex figure img{object-fit:contain;padding:4vw}.detail-page--building-unit-plan .specific-complex>div{background:#fbfaf6}.detail-page--community .specific-community{grid-template-columns:45% 55%;background:#283b3e;color:#fff}.detail-page--community .specific-community>div{background:#283b3e}.detail-page--community .specific-community p{color:rgba(255,255,255,.72)}.detail-page--community .specific-community ul{border-color:rgba(255,255,255,.25)}.detail-page--community .specific-community li{border-color:rgba(255,255,255,.2)}
.detail-page--system .specific-system{background:#e8e5de}.detail-page--system .specific-system article{min-height:340px;background:transparent;border-color:#b8bbb4}.detail-page--system .specific-system article:nth-child(2){background:#263241;color:#fff}.detail-page--system .specific-system article:nth-child(2) p{color:rgba(255,255,255,.7)}.detail-page--system .specific-system article:nth-child(2) b{color:#e6cfa4}.detail-page--floor-plan .specific-units{background:linear-gradient(125deg,#182834,#263241 54%,#42585a)}.detail-page--interior .specific-interior{grid-template-columns:62% 38%;background:#efeae2}.detail-page--finish-materials .specific-material{background:#dad4cb}.detail-page--finish-materials .specific-material article:nth-child(odd){background:#f3f1eb}.detail-page--supply .specific-supply{background:linear-gradient(145deg,#273842,#17242e)}.detail-page--options .specific-supply{background:#806d5b}.detail-page--news .specific-media{background:#e7e8e2}.detail-page--video .specific-media{background:#17242e}.detail-page--video .specific-media h2,.detail-page--video .specific-media h3{color:#fff}.detail-page--video .specific-media article{background:#2a3b45;color:#fff}.detail-page--video .specific-media p{color:rgba(255,255,255,.7)}
.detail-page--customer-registration .detail-specific{background:#f5f1ea}.detail-page--customer-registration .specific-visit{grid-template-columns:1fr;background:#f5f1ea}.detail-page--customer-registration .specific-visit article{min-height:300px;background:#263241}.detail-page--customer-registration .specific-visit article:last-child{background:#a17d60}
@media(max-width:880px){.detail-page--building-unit-plan .detail-hero>img{padding:8vw}.detail-page--directions .specific-visit article{min-height:380px}.detail-page--location .specific-location article{min-height:300px}.detail-page--location .specific-location article:hover{transform:none}.detail-page--building-unit-plan .specific-complex figure img{padding:7vw}.detail-page--community .specific-community>div{padding:70px 24px}.detail-page--system .specific-system article{min-height:230px}.detail-page--interior .specific-interior figure{min-height:52svh}}
/* SOURCE: intro-logo-fix-v1.css */
/* Final logo sizing for the opening scene. Loaded last to prevent legacy image rules from overriding it. */
.opening-center .opening-logo{
display:block!important;
width:clamp(220px,22vw,300px)!important;
max-width:64vw!important;
height:auto!important;
max-height:145px!important;
margin:0 auto 24px!important;
object-fit:contain!important;
opacity:1!important;
transform:none!important;
animation:none!important;
}
.opening-center>p{margin-bottom:24px!important}
@media(max-width:880px){
.opening-center{width:86vw!important}
.opening-center .opening-logo{
width:190px!important;
max-width:58vw!important;
max-height:96px!important;
margin-bottom:18px!important;
}
.opening-center>p{
margin-bottom:18px!important;
font-size:8px!important;
letter-spacing:.3em!important;
}
.opening-lines{
gap:8px!important;
height:88px!important;
}
.opening-lines i{width:34px!important}
.opening-lines i:nth-child(odd){--h:62px!important}
.opening-lines i:nth-child(even){--h:86px!important}
.opening-center>small{
margin-top:20px!important;
font-size:7px!important;
letter-spacing:.2em!important;
}
}
/* SOURCE: header-mega-v1.css */
/* Desktop mega menu and customer contact CTA. */
.site-header .inquiry{
display:grid;
grid-template-columns:1fr auto;
gap:2px 12px;
align-items:center;
min-width:178px;
padding:10px 0 10px 22px;
border-left:1px solid rgba(255,255,255,.25);
transition:color .3s,border-color .3s;
}
.site-header .inquiry small{
grid-column:1;
color:rgba(255,255,255,.62);
font:600 9px Arial,sans-serif;
letter-spacing:.06em;
transition:color .3s;
}
.site-header .inquiry strong{
grid-column:1;
font-size:13px;
font-weight:600;
}
.site-header .inquiry span{
grid-column:2;
grid-row:1 / span 2;
margin:0;
font-size:18px;
transition:transform .3s;
}
.site-header .inquiry:hover{
color:#e5d098;
border-color:#e5d098;
}
.site-header .inquiry:hover small{color:#e5d098}
.site-header .inquiry:hover span{transform:translate(3px,-3px)}
@media(min-width:881px){
.site-header{overflow:visible}
.site-header .mobile-inquiry{display:none!important}
.site-header .nav-group .sub-nav{
position:fixed;
top:100px;
right:0;
left:0;
display:flex!important;
justify-content:center;
gap:10px;
width:100vw;
min-width:0;
padding:28px max(5vw,60px) 32px;
background:rgba(24,37,47,.98);
border-top:1px solid rgba(255,255,255,.15);
border-bottom:1px solid rgba(255,255,255,.12);
box-shadow:0 24px 45px rgba(0,0,0,.22);
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(-14px);
transition:opacity .28s ease,visibility .28s ease,transform .34s cubic-bezier(.2,.7,.3,1);
counter-reset:mega-link;
}
.site-header.is-scrolled .nav-group .sub-nav{top:76px}
body.admin-bar .site-header .nav-group .sub-nav{top:132px}
body.admin-bar .site-header.is-scrolled .nav-group .sub-nav{top:108px}
.site-header .nav-group:hover .sub-nav,
.site-header .nav-group:focus-within .sub-nav{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:none;
}
.site-header .nav-group>.nav-parent{transition:color .28s}
.site-header .nav-group:hover>.nav-parent,
.site-header .nav-group:focus-within>.nav-parent{color:#e5d098}
.site-header .nav-group .sub-nav a{
counter-increment:mega-link;
display:grid;
grid-template-columns:auto 1fr auto;
gap:13px;
align-items:center;
width:min(210px,18vw);
min-height:64px;
padding:15px 17px!important;
color:rgba(255,255,255,.82);
text-align:left;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.14);
transition:color .3s,background .3s,border-color .3s,transform .3s;
}
.site-header .nav-group .sub-nav a:before{
content:"0" counter(mega-link);
color:#d9c58d;
font:600 9px Arial,sans-serif;
letter-spacing:.08em;
}
.site-header .nav-group .sub-nav a:after{
content:"↗";
font-size:14px;
font-weight:400;
}
.site-header .nav-group .sub-nav a:hover{
color:#263241;
background:#e1cf9a;
border-color:#e1cf9a;
transform:translateY(-3px);
}
.site-header .nav-group .sub-nav a:hover:before{color:#263241}
}
@media(max-width:880px){
body.admin-bar .site-header{top:46px!important}
body.admin-bar .main-nav{
top:114px!important;
max-height:calc(100svh - 114px)!important;
}
.site-header .inquiry{display:none!important}
.main-nav .mobile-inquiry{
position:sticky;
bottom:72px;
z-index:3;
display:grid!important;
grid-template-columns:1fr auto;
gap:3px 12px;
align-items:center;
margin:18px 0 4px;
padding:16px 15px!important;
color:#263241!important;
background:#e1cf9a!important;
border:0!important;
box-shadow:0 -12px 18px #263241;
transition:background .25s,color .25s;
}
.main-nav .mobile-inquiry small{
grid-column:1;
color:rgba(38,50,65,.65);
font:700 9px Arial,sans-serif;
letter-spacing:.1em;
}
.main-nav .mobile-inquiry strong{
grid-column:1;
font-size:15px;
letter-spacing:-.04em;
}
.main-nav .mobile-inquiry b{
grid-column:2;
grid-row:1 / span 2;
font-size:22px;
font-weight:400;
}
.main-nav .mobile-inquiry:hover,
.main-nav .mobile-inquiry:focus{
color:#fff!important;
background:#819379!important;
}
}
/* SOURCE: premium-dynamic-copy-v1.css */
.premium-v2-heading > p,
.premium-v2-heading h2 > span,
.premium-v2-heading h2 > em {
will-change: opacity, transform, filter;
}
.premium-v2-heading.is-changing > p {
animation: premium-heading-reveal .5s cubic-bezier(.2,.72,.2,1) both;
}
.premium-v2-heading.is-changing h2 > span {
animation: premium-heading-reveal .62s .06s cubic-bezier(.2,.72,.2,1) both;
}
.premium-v2-heading.is-changing h2 > em {
animation: premium-heading-reveal .68s .14s cubic-bezier(.2,.72,.2,1) both;
}
@keyframes premium-heading-reveal {
from {
opacity: 0;
filter: blur(5px);
transform: translateY(24px);
}
to {
opacity: 1;
filter: blur(0);
transform: translateY(0);
}
}
@media (max-width: 880px) {
.premium-v2-heading {
right: 24px;
}
.premium-v2-heading h2 {
max-width: 340px;
}
.premium-v2-heading h2 > span,
.premium-v2-heading h2 > em {
word-break: keep-all;
}
}
@media (prefers-reduced-motion: reduce) {
.premium-v2-heading.is-changing > p,
.premium-v2-heading.is-changing h2 > span,
.premium-v2-heading.is-changing h2 > em {
animation: none;
}
}
/* SOURCE: premium-subpage-v2.css */
.premium-six-story {
--premium-ink: #1d2a34;
--premium-navy: #263241;
--premium-gold: #c7ad72;
--premium-paper: #f2f0eb;
overflow: hidden;
background: var(--premium-paper);
color: var(--premium-ink);
}
.premium-six-intro {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
gap: 7vw;
align-items: end;
max-width: 1580px;
margin: 0 auto;
padding: 145px 6vw 95px;
}
.premium-six-intro-copy > span,
.premium-six-card-copy > span,
.premium-six-finale span {
color: #7a826f;
font: 700 10px/1.2 Arial, sans-serif;
letter-spacing: .23em;
}
.premium-six-intro h2,
.premium-six-finale h2 {
margin: 25px 0 0;
font-size: clamp(48px, 5.5vw, 88px);
font-weight: 500;
line-height: 1.12;
letter-spacing: -.085em;
}
.premium-six-intro h2 em,
.premium-six-finale h2 em {
color: #82937d;
font-family: "DM Serif Display", Georgia, serif;
font-weight: 400;
}
.premium-six-intro-copy > p {
margin: 35px 0 0;
color: #606b67;
font-size: 15px;
line-height: 2;
}
.premium-six-summary {
display: grid;
grid-template-columns: auto 1fr;
gap: 28px;
align-items: end;
padding: 36px;
border-top: 1px solid #aeb5aa;
border-bottom: 1px solid #aeb5aa;
}
.premium-six-summary strong {
color: var(--premium-navy);
font: 400 clamp(72px, 8vw, 118px)/.82 "DM Serif Display", Georgia, serif;
}
.premium-six-summary p {
margin: 0;
color: #5e6864;
font-size: 13px;
line-height: 1.7;
}
.premium-six-summary b {
display: block;
margin-bottom: 8px;
color: var(--premium-ink);
font: 700 9px Arial, sans-serif;
letter-spacing: .15em;
}
.premium-six-index {
display: grid;
grid-template-columns: repeat(6, 1fr);
max-width: 1580px;
margin: 0 auto 80px;
padding: 0 6vw;
}
.premium-six-index a {
display: flex;
gap: 14px;
align-items: center;
min-height: 72px;
padding: 14px 18px;
border-top: 1px solid #aeb5aa;
border-right: 1px solid #c9cdc5;
border-bottom: 1px solid #aeb5aa;
transition: color .28s ease, background .28s ease, transform .28s ease;
}
.premium-six-index a:first-child {
border-left: 1px solid #c9cdc5;
}
.premium-six-index a:hover {
color: #fff;
background: var(--premium-navy);
transform: translateY(-4px);
}
.premium-six-index b {
color: var(--premium-gold);
font: 400 22px "DM Serif Display", Georgia, serif;
}
.premium-six-index span {
font-size: 12px;
font-weight: 650;
letter-spacing: -.04em;
word-break: keep-all;
}
.premium-six-cards {
max-width: 1580px;
margin: 0 auto;
padding: 0 6vw 125px;
}
.premium-six-card {
display: grid;
grid-template-columns: 58% 42%;
min-height: 640px;
margin: 0 0 56px;
scroll-margin-top: 90px;
overflow: hidden;
background: #fff;
box-shadow: 0 28px 80px rgba(34, 45, 47, .09);
}
.premium-six-card:nth-child(even) {
grid-template-columns: 42% 58%;
}
.premium-six-card:nth-child(even) figure {
order: 2;
}
.premium-six-card figure {
position: relative;
min-height: 640px;
margin: 0;
overflow: hidden;
background: #d9ddd7;
}
.premium-six-card figure::after {
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(15, 28, 36, .5), transparent 45%);
content: "";
pointer-events: none;
}
.premium-six-card figure img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 1.2s cubic-bezier(.2, .65, .3, 1), filter .8s ease;
}
.premium-six-card:hover figure img {
filter: saturate(1.06);
transform: scale(1.035);
}
.premium-six-card figcaption {
position: absolute;
z-index: 2;
right: 28px;
bottom: 25px;
left: 28px;
color: rgba(255, 255, 255, .85);
font: 700 9px Arial, sans-serif;
letter-spacing: .2em;
}
.premium-six-card-copy {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
padding: 72px clamp(38px, 5vw, 95px);
overflow: hidden;
}
.premium-six-card:nth-child(3n) .premium-six-card-copy,
.premium-six-card:nth-child(3n + 2) .premium-six-card-copy {
color: #fff;
background: var(--premium-navy);
}
.premium-six-card:nth-child(3n) .premium-six-card-copy > span,
.premium-six-card:nth-child(3n + 2) .premium-six-card-copy > span {
color: #d8c793;
}
.premium-six-number {
position: absolute;
right: -.04em;
top: -.14em;
color: rgba(38, 50, 65, .06);
font: 400 clamp(130px, 14vw, 220px)/1 "DM Serif Display", Georgia, serif;
pointer-events: none;
}
.premium-six-card:nth-child(3n) .premium-six-number,
.premium-six-card:nth-child(3n + 2) .premium-six-number {
color: rgba(255, 255, 255, .055);
}
.premium-six-card h3 {
position: relative;
margin: 24px 0 0;
font-size: clamp(38px, 4vw, 66px);
font-weight: 550;
line-height: 1.15;
letter-spacing: -.08em;
word-break: keep-all;
}
.premium-six-card-copy > p {
position: relative;
max-width: 460px;
margin: 30px 0 0;
color: #66706b;
font-size: 15px;
line-height: 1.9;
word-break: keep-all;
}
.premium-six-card:nth-child(3n) .premium-six-card-copy > p,
.premium-six-card:nth-child(3n + 2) .premium-six-card-copy > p {
color: rgba(255, 255, 255, .7);
}
.premium-six-card ul {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 38px 0 0;
padding: 0;
list-style: none;
}
.premium-six-card li {
padding: 10px 13px;
border: 1px solid #c9cec6;
border-radius: 999px;
color: #57625d;
font-size: 11px;
}
.premium-six-card:nth-child(3n) li,
.premium-six-card:nth-child(3n + 2) li {
border-color: rgba(255, 255, 255, .24);
color: rgba(255, 255, 255, .75);
}
.premium-six-finale {
display: grid;
grid-template-columns: 1.35fr .65fr;
gap: 7vw;
align-items: end;
padding: 110px max(6vw, calc((100vw - 1580px) / 2 + 6vw));
color: #fff;
background: linear-gradient(135deg, #263241, #17232d);
}
.premium-six-finale span {
color: #d7c791;
}
.premium-six-finale h2 {
font-size: clamp(44px, 4.8vw, 78px);
}
.premium-six-finale p {
margin: 0;
color: rgba(255, 255, 255, .68);
font-size: 14px;
line-height: 1.9;
}
.premium-six-finale a {
display: flex;
justify-content: space-between;
margin-top: 35px;
padding: 16px 0;
border-top: 1px solid rgba(255, 255, 255, .45);
border-bottom: 1px solid rgba(255, 255, 255, .45);
font-size: 13px;
font-weight: 650;
transition: padding .28s ease, color .28s ease;
}
.premium-six-finale a:hover {
padding-right: 12px;
padding-left: 12px;
color: #e4d4a2;
}
.premium-six-story [data-reveal] {
opacity: 0;
transform: translateY(42px);
transition: opacity .85s ease, transform 1s cubic-bezier(.2, .65, .3, 1);
}
.premium-six-story [data-reveal].is-visible {
opacity: 1;
transform: none;
}
@media (max-width: 1100px) {
.premium-six-intro {
grid-template-columns: 1fr;
}
.premium-six-index {
grid-template-columns: repeat(3, 1fr);
}
.premium-six-card,
.premium-six-card:nth-child(even) {
grid-template-columns: 55% 45%;
}
}
@media (max-width: 880px) {
.premium-six-intro {
display: block;
padding: 90px 22px 55px;
}
.premium-six-intro h2 {
font-size: 38px;
}
.premium-six-intro-copy > p {
margin-top: 25px;
font-size: 13px;
}
.premium-six-summary {
margin-top: 45px;
padding: 25px 0;
}
.premium-six-index {
grid-template-columns: repeat(2, 1fr);
margin-bottom: 42px;
padding: 0 22px;
}
.premium-six-index a {
min-height: 62px;
padding: 10px;
}
.premium-six-cards {
padding: 0 14px 75px;
}
.premium-six-card,
.premium-six-card:nth-child(even) {
display: flex;
flex-direction: column;
min-height: 0;
margin-bottom: 22px;
}
.premium-six-card:nth-child(even) figure {
order: 0;
}
.premium-six-card figure {
min-height: 0;
height: 45svh;
}
.premium-six-card-copy {
min-height: 360px;
padding: 50px 28px;
}
.premium-six-card h3 {
font-size: 39px;
}
.premium-six-card-copy > p {
margin-top: 22px;
font-size: 13px;
}
.premium-six-card ul {
margin-top: 27px;
}
.premium-six-finale {
display: block;
padding: 80px 24px;
}
.premium-six-finale h2 {
font-size: 43px;
}
.premium-six-finale > div:last-child {
margin-top: 40px;
}
}
@media (prefers-reduced-motion: reduce) {
.premium-six-story [data-reveal] {
opacity: 1;
transform: none;
transition: none;
}
.premium-six-card figure img {
transition: none;
}
}
/* SOURCE: premium-six-sync-v1.css */
.hero-opening-copy h1 .hero-slogan-line,
.hero-opening-copy h1 em {
display: block;
}
@media (min-width: 881px) {
.hero-opening-copy {
width: min(1100px, 72vw);
}
.hero-opening-copy h1 .hero-slogan-line {
white-space: nowrap;
}
}
.exact-location .location-panels {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.exact-location .location-panels article {
padding-right: 30px;
padding-left: 30px;
}
.exact-location .location-panels article > b {
font-size: clamp(29px, 3vw, 48px);
letter-spacing: -.035em;
white-space: nowrap;
}
.exact-location .location-panels article > div {
right: 35px;
left: 35px;
}
.exact-location .location-panels h3 {
font-size: 25px;
line-height: 1.25;
word-break: keep-all;
}
.exact-location .location-panels p {
font-size: 13px;
line-height: 1.8;
word-break: keep-all;
}
@media (max-width: 1180px) and (min-width: 881px) {
.exact-location .location-panels article {
padding-right: 18px;
padding-left: 18px;
}
.exact-location .location-panels article > b {
font-size: 24px;
}
.exact-location .location-panels article > div {
right: 20px;
left: 20px;
}
.exact-location .location-panels h3 {
font-size: 21px;
}
.exact-location .location-panels p {
font-size: 11px;
}
}
@media (max-width: 880px) {
.hero-opening-copy h1 {
font-size: 39px;
word-break: keep-all;
}
.hero-opening-copy h1 .hero-slogan-line {
white-space: normal;
}
.exact-location .location-panels {
display: block;
}
.exact-location .location-panels article {
min-height: 23svh;
padding: 36px 24px;
}
.exact-location .location-panels article > b {
font-size: 28px;
}
.exact-location .location-panels article > div {
right: auto;
left: auto;
}
.exact-location .location-panels h3 {
font-size: 23px;
}
.exact-location .location-panels p {
max-width: 330px;
font-size: 12px;
}
}
/* SOURCE: typography-fixes-v1.css */
.detail-page--options .specific-supply h2 {
font-size: clamp(40px, 3.6vw, 56px);
word-break: keep-all;
}
.premium-v2-heading > p {
color: #57483e !important;
font-size: clamp(12px, .74vw, 15px) !important;
font-weight: 800 !important;
line-height: 1.35 !important;
letter-spacing: .22em !important;
}
.premium-v2-copy span {
font-size: clamp(11px, .62vw, 13px) !important;
font-weight: 800 !important;
line-height: 1.35 !important;
letter-spacing: .18em !important;
}
.manifesto-copy {
width: min(1280px, 86vw) !important;
}
.manifesto-copy h2 {
font-size: clamp(44px, 4.4vw, 80px) !important;
line-height: 1.13 !important;
letter-spacing: -.06em !important;
white-space: nowrap;
word-break: keep-all;
}
@media (max-width: 880px) {
.premium-v2-heading > p {
font-size: 11px !important;
letter-spacing: .17em !important;
}
.premium-v2-copy span {
font-size: 10px !important;
letter-spacing: .14em !important;
}
.manifesto-copy {
width: calc(100% - 40px) !important;
}
.manifesto-copy h2 {
font-size: clamp(31px, 9vw, 39px) !important;
line-height: 1.18 !important;
white-space: normal;
word-break: keep-all;
}
.detail-page--business-overview .detail-hero-copy h1 {
font-size: clamp(27px, 7.8vw, 31px);
line-height: 1.16;
word-break: keep-all;
}
.detail-page--system .specific-system h2,
.detail-page--finish-materials .specific-material h2,
.detail-page--options .specific-supply h2 {
font-size: 34px;
line-height: 1.2;
word-break: keep-all;
}
.detail-page--news .news-center h2 {
font-size: 32px;
line-height: 1.18;
white-space: nowrap;
}
}
/* SOURCE: brochure-assets-v1.css */
.brochure-location,
.brochure-complex,
.brochure-community,
.brochure-units {
--brochure-navy: #263241;
--brochure-deep: #172631;
--brochure-gold: #cbb983;
--brochure-paper: #f4f2ed;
box-sizing: border-box;
}
.brochure-location [data-reveal],
.brochure-complex [data-reveal],
.brochure-community [data-reveal],
.brochure-units [data-reveal] {
opacity: 0;
transform: translateY(34px);
transition: opacity .8s ease, transform .9s cubic-bezier(.2, .65, .3, 1);
}
.brochure-location [data-reveal].is-visible,
.brochure-complex [data-reveal].is-visible,
.brochure-community [data-reveal].is-visible,
.brochure-units [data-reveal].is-visible {
opacity: 1;
transform: none;
}
.brochure-location {
padding: 116px 5.5vw 105px;
color: var(--brochure-navy);
background: var(--brochure-paper);
}
.brochure-location > header,
.brochure-community > header,
.brochure-units > header {
max-width: 850px;
}
.brochure-location > header > span,
.brochure-community > header > span,
.brochure-units > header > span,
.brochure-complex > div > span {
color: #869288;
font: 700 10px Arial, sans-serif;
letter-spacing: .2em;
}
.brochure-location h2,
.brochure-community h2,
.brochure-units h2,
.brochure-complex h2 {
margin: 22px 0 0;
font-size: clamp(44px, 4.5vw, 72px);
font-weight: 500;
line-height: 1.12;
letter-spacing: -.075em;
word-break: keep-all;
}
.brochure-location h2 em,
.brochure-community h2 em,
.brochure-units h2 em {
color: #82927c;
font-family: "DM Serif Display", Georgia, serif;
font-weight: 400;
}
.brochure-location > header > p,
.brochure-community > header > p,
.brochure-units > header > p {
max-width: 610px;
margin: 28px 0 0;
color: #657169;
font-size: 14px;
line-height: 1.9;
}
.brochure-location-layout {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr);
gap: 4.5vw;
align-items: start;
margin-top: 68px;
}
.brochure-location-layout > figure {
position: sticky;
top: 110px;
margin: 0;
padding: 20px;
background: #fff;
box-shadow: 0 22px 60px rgba(25, 38, 45, .09);
}
.brochure-location-layout > figure img {
display: block;
width: 100%;
height: auto;
}
.brochure-location-layout figcaption,
.brochure-complex figcaption {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 14px 2px 0;
color: #7b857d;
font: 700 9px Arial, sans-serif;
letter-spacing: .14em;
}
.brochure-location-layout figcaption a {
color: var(--brochure-navy);
letter-spacing: -.02em;
}
.brochure-location-points {
display: grid;
grid-template-columns: 1fr 1fr;
border-top: 1px solid #bdc4bd;
}
.brochure-location-points article {
display: grid;
grid-template-columns: 42px 1fr;
gap: 13px;
min-height: 238px;
padding: 25px 20px 24px 0;
border-right: 1px solid #d0d4ce;
border-bottom: 1px solid #c9cec8;
}
.brochure-location-points article:nth-child(2n) {
padding-left: 20px;
border-right: 0;
}
.brochure-location-points article > b {
color: #9ea99e;
font: 400 26px "DM Serif Display", Georgia, serif;
}
.brochure-location-points span {
color: #89958c;
font: 700 8px Arial, sans-serif;
letter-spacing: .16em;
}
.brochure-location-points h3 {
margin: 11px 0 14px;
font-size: 20px;
font-weight: 600;
letter-spacing: -.055em;
word-break: keep-all;
}
.brochure-location-points p {
margin: 0;
color: #657169;
font-size: 12px;
line-height: 1.8;
word-break: keep-all;
}
@media (min-width: 881px) {
.brochure-location-points article {
grid-template-columns: 50px 1fr;
gap: 16px;
padding-top: 30px;
padding-bottom: 28px;
}
.brochure-location-points article > b {
font-size: clamp(30px, 1.75vw, 36px);
}
.brochure-location-points span {
font-size: clamp(9px, .52vw, 11px);
}
.brochure-location-points h3 {
margin: 13px 0 16px;
font-size: clamp(24px, 1.35vw, 28px);
}
.brochure-location-points p {
font-size: clamp(14px, .76vw, 16px);
line-height: 1.75;
}
}
.brochure-location > small,
.brochure-community > small,
.brochure-units > small {
display: block;
margin-top: 28px;
color: #8a918c;
font-size: 10px;
line-height: 1.7;
}
.brochure-complex {
display: grid;
grid-template-columns: minmax(0, 62%) minmax(360px, 38%);
min-height: 82svh;
color: var(--brochure-navy);
background: #ece9e3;
}
.brochure-complex > figure {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0;
padding: 90px 4vw 55px 5.5vw;
overflow: hidden;
}
.brochure-complex > figure a {
display: block;
padding: 24px;
background: #fff;
box-shadow: 0 25px 75px rgba(29, 40, 46, .12);
}
.brochure-complex > figure img {
display: block;
width: 100%;
height: auto;
}
.brochure-complex > div {
display: flex;
flex-direction: column;
justify-content: center;
padding: 100px 5.5vw 75px 4vw;
background: #f7f5f0;
}
.brochure-complex h2 {
font-size: clamp(39px, 3.5vw, 60px);
}
.brochure-complex ul {
margin: 45px 0 0;
padding: 0;
list-style: none;
border-top: 1px solid #b9c1ba;
}
.brochure-complex li {
display: grid;
grid-template-columns: 42px 1fr;
gap: 14px;
padding: 15px 0;
border-bottom: 1px solid #cbd0ca;
}
.brochure-complex li b {
color: #84977f;
font: 400 23px "DM Serif Display", Georgia, serif;
}
.brochure-complex li p {
margin: 0;
color: #66716b;
font-size: 12px;
line-height: 1.65;
}
.brochure-complex li strong {
display: block;
margin-bottom: 4px;
color: var(--brochure-navy);
font-size: 13px;
}
.brochure-complex > div > small {
display: block;
margin-top: 24px;
color: #8c928d;
font-size: 9px;
line-height: 1.7;
}
.brochure-community {
padding: 115px 5.5vw 100px;
color: var(--brochure-navy);
background: #fff;
}
.brochure-community-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin-top: 65px;
}
.brochure-community-grid article {
border: 1px solid #e1e2de;
background: #faf9f6;
}
.brochure-community-grid figure {
display: grid;
place-items: center;
height: 390px;
margin: 0;
padding: 26px;
overflow: hidden;
background: linear-gradient(145deg, #f8f6f1, #e8e4dc);
}
.brochure-community-grid img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
transition: transform .8s cubic-bezier(.2, .65, .3, 1);
}
.brochure-community-grid article:hover img {
transform: scale(1.035);
}
.brochure-community-grid article > div {
position: relative;
min-height: 245px;
padding: 28px 30px 32px;
}
.brochure-community-grid article b {
position: absolute;
top: 27px;
right: 28px;
color: #b1b8b1;
font: 400 28px "DM Serif Display", Georgia, serif;
}
.brochure-community-grid article span {
color: #8e9a91;
font: 700 8px Arial, sans-serif;
letter-spacing: .18em;
}
.brochure-community-grid h3 {
margin: 17px 0 13px;
font-size: 25px;
font-weight: 600;
letter-spacing: -.055em;
}
.brochure-community-grid p {
margin: 0;
color: #67716b;
font-size: 13px;
line-height: 1.9;
word-break: keep-all;
}
.brochure-units {
padding: 115px 5.5vw 100px;
color: #fff;
background: linear-gradient(145deg, var(--brochure-navy), var(--brochure-deep));
}
.brochure-units h2 em {
color: #decf9f;
}
.brochure-units > header > span {
color: #d7d2b5;
}
.brochure-units > header > p {
color: rgba(255, 255, 255, .68);
}
.brochure-units > nav {
display: grid;
grid-template-columns: repeat(4, 1fr);
max-width: 980px;
margin-top: 55px;
border-top: 1px solid rgba(255, 255, 255, .27);
border-bottom: 1px solid rgba(255, 255, 255, .27);
}
.brochure-units > nav a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 17px 20px;
border-right: 1px solid rgba(255, 255, 255, .18);
transition: color .25s, background .25s;
}
.brochure-units > nav a:last-child {
border-right: 0;
}
.brochure-units > nav a:hover {
color: var(--brochure-navy);
background: #fff;
}
.brochure-units > nav b {
font: 400 25px "DM Serif Display", Georgia, serif;
}
.brochure-units > nav span {
color: rgba(255, 255, 255, .64);
font-size: 10px;
}
.brochure-units > nav a:hover span {
color: #657169;
}
.brochure-unit-list {
display: grid;
gap: 22px;
margin-top: 56px;
}
.brochure-unit-list > article {
display: grid;
grid-template-columns: 165px minmax(0, 1fr) 330px;
min-height: 650px;
color: var(--brochure-navy);
background: #fff;
scroll-margin-top: 110px;
}
.brochure-unit-heading {
padding: 36px 24px;
color: #fff;
background: #d9c999;
}
.brochure-unit-list article:nth-child(2) .brochure-unit-heading {
background: #a8caa4;
}
.brochure-unit-list article:nth-child(3) .brochure-unit-heading {
background: #b9acd0;
}
.brochure-unit-list article:nth-child(4) .brochure-unit-heading {
background: #e6a493;
}
.brochure-unit-heading > span {
font: 700 8px Arial, sans-serif;
letter-spacing: .18em;
}
.brochure-unit-heading h3 {
margin: 33px 0 12px;
font: 400 66px/1 "DM Serif Display", Georgia, serif;
}
.brochure-unit-heading h3 small {
font-size: 24px;
}
.brochure-unit-heading strong {
display: block;
font-size: 15px;
}
.brochure-unit-plan {
display: grid;
grid-template-rows: minmax(0, 1fr) auto;
margin: 0;
padding: 42px 30px 24px;
}
.brochure-unit-plan a {
display: grid;
place-items: center;
}
.brochure-unit-plan img {
display: block;
width: 100%;
height: 535px;
object-fit: contain;
}
.brochure-unit-plan figcaption {
color: #8c948f;
font-size: 10px;
text-align: center;
}
.brochure-unit-data {
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px 30px;
background: #f4f2ed;
}
.brochure-unit-data dl {
margin: 0;
border-top: 1px solid #bbc2bb;
}
.brochure-unit-data dl > div {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 12px 0;
border-bottom: 1px solid #ccd0ca;
font-size: 12px;
}
.brochure-unit-data dt {
color: #748078;
}
.brochure-unit-data dd {
margin: 0;
font-weight: 600;
}
.brochure-unit-data figure {
margin: 35px 0 0;
}
.brochure-unit-data figure img {
display: block;
width: 100%;
height: 105px;
object-fit: contain;
}
.brochure-unit-data figure figcaption {
margin-top: 12px;
color: #8d958f;
font-size: 9px;
text-align: center;
}
.brochure-units > small {
color: rgba(255, 255, 255, .58);
}
@media (max-width: 1100px) {
.brochure-location-layout {
grid-template-columns: 1fr;
}
.brochure-location-layout > figure {
position: relative;
top: auto;
}
.brochure-complex {
grid-template-columns: 1fr;
}
.brochure-complex > figure {
padding-right: 5.5vw;
}
.brochure-community-grid figure {
height: 320px;
}
.brochure-unit-list > article {
grid-template-columns: 145px minmax(0, 1fr) 290px;
}
}
@media (max-width: 880px) {
.brochure-location,
.brochure-community,
.brochure-units {
padding: 85px 20px 75px;
}
.brochure-location h2,
.brochure-community h2,
.brochure-units h2,
.brochure-complex h2 {
font-size: 39px;
line-height: 1.16;
}
.brochure-location-layout,
.brochure-community-grid {
margin-top: 42px;
}
.brochure-location-layout > figure {
padding: 10px;
}
.brochure-location-layout figcaption span {
display: none;
}
.brochure-location-points {
grid-template-columns: 1fr;
}
.brochure-location-points article,
.brochure-location-points article:nth-child(2n) {
min-height: 0;
padding: 22px 0;
border-right: 0;
}
.brochure-complex {
display: flex;
flex-direction: column;
min-height: auto;
}
.brochure-complex > figure {
padding: 80px 20px 35px;
}
.brochure-complex > figure a {
padding: 10px;
}
.brochure-complex figcaption {
display: block;
line-height: 1.7;
}
.brochure-complex figcaption span {
display: block;
margin-top: 5px;
}
.brochure-complex > div {
padding: 60px 24px 75px;
}
.brochure-community-grid {
grid-template-columns: 1fr;
}
.brochure-community-grid figure {
height: 340px;
}
.brochure-community-grid article > div {
min-height: 0;
}
.brochure-units > nav {
grid-template-columns: 1fr 1fr;
margin-top: 38px;
}
.brochure-units > nav a:nth-child(2) {
border-right: 0;
}
.brochure-units > nav a:nth-child(-n+2) {
border-bottom: 1px solid rgba(255, 255, 255, .18);
}
.brochure-unit-list {
margin-top: 38px;
}
.brochure-unit-list > article {
display: block;
min-height: 0;
}
.brochure-unit-heading {
display: grid;
grid-template-columns: 1fr auto;
align-items: end;
padding: 25px 24px;
}
.brochure-unit-heading > span {
grid-column: 1 / -1;
}
.brochure-unit-heading h3 {
margin: 20px 0 0;
font-size: 54px;
}
.brochure-unit-heading strong {
padding-bottom: 7px;
}
.brochure-unit-plan {
padding: 24px 12px 18px;
}
.brochure-unit-plan img {
height: 410px;
}
.brochure-unit-data {
padding: 32px 24px;
}
}
@media (max-width: 480px) {
.brochure-location h2,
.brochure-community h2,
.brochure-units h2,
.brochure-complex h2 {
font-size: 35px;
}
.brochure-location > header > p,
.brochure-community > header > p,
.brochure-units > header > p {
font-size: 12px;
}
.brochure-community-grid figure {
height: 290px;
}
.brochure-units > nav a {
padding: 14px 12px;
}
.brochure-units > nav b {
font-size: 22px;
}
.brochure-unit-plan img {
height: 330px;
}
}
@media (prefers-reduced-motion: reduce) {
.brochure-location [data-reveal],
.brochure-complex [data-reveal],
.brochure-community [data-reveal],
.brochure-units [data-reveal] {
opacity: 1;
transform: none;
transition: none;
}
}
/* SOURCE: content-audit-v1.css */
.specific-options {
padding: 9vw 8vw;
color: #17242e;
background: #f3f0e9;
}
.specific-options > header {
max-width: 920px;
}
.specific-options > header > span {
color: #8b755a;
font: 700 9px/1 Arial, sans-serif;
letter-spacing: .2em;
}
.specific-options h2 {
margin: 22px 0 0;
font-size: clamp(42px, 4.5vw, 72px);
font-weight: 500;
line-height: 1.15;
letter-spacing: -.08em;
}
.specific-options h2 em {
color: #9a7b55;
font-family: "DM Serif Display", Georgia, serif;
font-weight: 400;
}
.specific-options > header > p {
margin: 26px 0 0;
color: #66716c;
font-size: 14px;
line-height: 1.8;
}
.option-table {
margin-top: 60px;
border-top: 2px solid #263241;
background: rgba(255, 255, 255, .58);
}
.option-row {
display: grid;
grid-template-columns: 120px 1.2fr 1.3fr 160px;
min-height: 58px;
border-bottom: 1px solid rgba(38, 50, 65, .16);
}
.option-row > * {
display: flex;
align-items: center;
margin: 0;
padding: 13px 18px;
border-right: 1px solid rgba(38, 50, 65, .12);
font-style: normal;
}
.option-row > *:last-child {
justify-content: flex-end;
border-right: 0;
}
.option-head {
min-height: 48px;
color: #fff;
background: #263241;
}
.option-head b {
font-size: 12px;
letter-spacing: .08em;
}
.option-row span {
color: #69736f;
font-size: 12px;
}
.option-row strong {
font-size: 14px;
}
.option-row em {
color: #8b6842;
font: 600 14px/1 Arial, sans-serif;
}
.option-total {
grid-template-columns: 1fr 220px;
min-height: 72px;
color: #fff;
background: #263241;
}
.option-total strong {
justify-content: flex-end;
font-size: 18px;
}
.option-total em {
color: #ecdba9;
font-size: 22px;
}
.specific-options > small {
display: block;
margin-top: 22px;
color: #747d78;
font-size: 11px;
line-height: 1.7;
}
.brochure-complex > .brochure-complex-secondary {
grid-column: 1 / -1;
display: block;
padding: 75px 5.5vw 85px;
background: #fff;
}
.brochure-complex-secondary-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 25px;
margin-bottom: 26px;
}
.brochure-complex-secondary-head span {
color: #87937e;
font: 700 9px/1 Arial, sans-serif;
letter-spacing: .2em;
}
.brochure-complex-secondary-head strong {
color: #263241;
font-size: clamp(24px, 2.4vw, 40px);
font-weight: 500;
letter-spacing: -.06em;
}
.brochure-complex > .brochure-complex-secondary a {
padding: clamp(12px, 2vw, 28px);
border: 1px solid #e1e3df;
background: #fff;
box-shadow: 0 25px 75px rgba(29, 40, 46, .08);
}
.brochure-complex > .brochure-complex-secondary img {
max-height: 620px;
object-fit: contain;
}
.brochure-complex--building > figure:first-child a {
padding: clamp(12px, 2vw, 28px);
}
.brochure-complex--building > figure:first-child img {
object-fit: contain;
}
@media (max-width: 880px) {
.specific-options {
padding: 85px 20px;
}
.specific-options h2 {
font-size: 40px;
}
.option-table {
margin-top: 42px;
}
.option-row {
grid-template-columns: 82px 1fr;
min-height: 0;
}
.option-head {
display: none;
}
.option-row > * {
min-height: 43px;
padding: 10px 12px;
}
.option-row > span:nth-child(2) {
border-right: 0;
}
.option-row > strong,
.option-row > em {
grid-column: span 1;
border-top: 1px solid rgba(38, 50, 65, .08);
}
.option-row > em {
justify-content: flex-end;
}
.option-total {
grid-template-columns: 1fr;
}
.option-total strong,
.option-total em {
grid-column: 1;
justify-content: flex-end;
border-right: 0;
}
.brochure-complex > .brochure-complex-secondary {
order: 3;
padding: 55px 20px 65px;
}
.brochure-complex-secondary-head {
display: block;
margin-bottom: 20px;
}
.brochure-complex-secondary-head span {
display: block;
margin-bottom: 12px;
}
.brochure-complex-secondary-head strong {
font-size: 28px;
}
}
/* SOURCE: home-benefits-v1.css */
.home-benefits {
position: relative;
display: grid;
grid-template-columns: minmax(320px, 34%) minmax(0, 66%);
grid-template-rows: 1fr auto;
min-height: 100svh;
padding: 10vh 6vw 7vh;
overflow: hidden;
color: #fff;
background: #182633;
}
.home-benefits-bg,
.home-benefits-shade,
.home-benefits-grid {
position: absolute;
inset: 0;
}
.home-benefits-bg {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.045);
transition: transform 1.8s cubic-bezier(.2, .72, .2, 1);
}
.home-benefits.is-inview .home-benefits-bg {
transform: scale(1);
}
.home-benefits-shade {
z-index: 1;
background:
linear-gradient(90deg, rgba(12, 26, 35, .97) 0%, rgba(18, 33, 43, .88) 34%, rgba(17, 30, 40, .58) 68%, rgba(10, 21, 29, .82) 100%),
linear-gradient(0deg, rgba(12, 24, 32, .82), transparent 52%);
}
.home-benefits-grid {
z-index: 2;
display: grid;
grid-template-columns: repeat(4, 1fr);
pointer-events: none;
}
.home-benefits-grid i {
border-left: 1px solid rgba(255, 255, 255, .1);
}
.home-benefits-heading,
.home-benefits-list,
.home-benefits-links,
.home-benefits-note {
position: relative;
z-index: 3;
}
.home-benefits-heading {
align-self: center;
padding-right: 4vw;
opacity: 0;
transform: translateY(35px);
transition: opacity .85s .12s ease, transform 1s .12s cubic-bezier(.2, .72, .2, 1);
}
.home-benefits.is-inview .home-benefits-heading {
opacity: 1;
transform: none;
}
.home-benefits-heading > span {
color: #e0c982;
font: 700 9px/1 Arial, sans-serif;
letter-spacing: .24em;
}
.home-benefits-heading > p {
margin: 48px 0 10px;
color: rgba(255, 255, 255, .72);
font-size: 17px;
font-weight: 500;
letter-spacing: -.04em;
}
.home-benefits-heading h2 {
margin: 0;
font-size: clamp(52px, 5.6vw, 92px);
font-weight: 500;
line-height: .98;
letter-spacing: -.085em;
}
.home-benefits-heading h2 em {
color: #e2cd8e;
font-family: "DM Serif Display", Georgia, serif;
font-weight: 400;
}
.home-benefits-heading small {
display: block;
margin-top: 30px;
color: rgba(255, 255, 255, .56);
font-size: 11px;
}
.home-benefits-list {
align-self: center;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-top: 1px solid rgba(255, 255, 255, .28);
border-left: 1px solid rgba(255, 255, 255, .2);
}
.home-benefits-list article {
position: relative;
min-height: 245px;
padding: 28px 30px 25px;
border-right: 1px solid rgba(255, 255, 255, .2);
border-bottom: 1px solid rgba(255, 255, 255, .2);
background: rgba(20, 37, 48, .32);
backdrop-filter: blur(5px);
opacity: 0;
transform: translateY(32px);
transition:
opacity .72s ease,
transform .85s cubic-bezier(.2, .72, .2, 1),
color .35s ease,
background .35s ease;
}
.home-benefits.is-inview .home-benefits-list article {
opacity: 1;
transform: none;
}
.home-benefits.is-inview .home-benefits-list article:nth-child(1) { transition-delay: .18s; }
.home-benefits.is-inview .home-benefits-list article:nth-child(2) { transition-delay: .28s; }
.home-benefits.is-inview .home-benefits-list article:nth-child(3) { transition-delay: .38s; }
.home-benefits.is-inview .home-benefits-list article:nth-child(4) { transition-delay: .48s; }
.home-benefits-list article:hover {
color: #22313d;
background: #e2cd8e;
}
.home-benefits-list b {
color: #e2cd8e;
font: 400 42px/1 "DM Serif Display", Georgia, serif;
}
.home-benefits-list article:hover b {
color: #263241;
}
.home-benefits-list span {
position: absolute;
top: 32px;
right: 28px;
color: rgba(255, 255, 255, .48);
font: 700 8px/1 Arial, sans-serif;
letter-spacing: .18em;
}
.home-benefits-list article:hover span,
.home-benefits-list article:hover p {
color: rgba(38, 50, 65, .68);
}
.home-benefits-list h3 {
margin: 45px 0 0;
font-size: clamp(21px, 1.65vw, 29px);
font-weight: 600;
line-height: 1.35;
letter-spacing: -.06em;
}
.home-benefits-list p {
margin: 13px 0 0;
color: rgba(255, 255, 255, .6);
font-size: 11px;
transition: color .35s;
}
.home-benefits-links {
grid-column: 2;
display: flex;
justify-content: flex-end;
gap: 10px;
padding-top: 22px;
}
.home-benefits-links a {
min-width: 185px;
padding: 14px 18px;
border: 1px solid rgba(255, 255, 255, .36);
color: rgba(255, 255, 255, .82);
font-size: 11px;
transition: color .3s, border-color .3s, background .3s;
}
.home-benefits-links a i {
float: right;
font-style: normal;
}
.home-benefits-links a:hover {
border-color: #e2cd8e;
color: #263241;
background: #e2cd8e;
}
.home-benefits-note {
position: absolute;
bottom: 3vh;
left: 6vw;
margin: 0;
color: rgba(255, 255, 255, .38);
font-size: 9px;
}
@media (max-width: 880px) {
.home-benefits {
display: block;
height: auto !important;
min-height: 100svh;
padding: 105px 20px 85px;
}
.home-benefits-shade {
background: linear-gradient(180deg, rgba(12, 25, 34, .96), rgba(16, 31, 41, .84) 48%, rgba(10, 22, 30, .96));
}
.home-benefits-grid {
grid-template-columns: repeat(2, 1fr);
}
.home-benefits-heading {
padding: 0;
}
.home-benefits-heading > p {
margin-top: 30px;
font-size: 14px;
}
.home-benefits-heading h2 {
font-size: 52px;
}
.home-benefits-heading small {
margin-top: 20px;
}
.home-benefits-list {
grid-template-columns: 1fr;
margin-top: 48px;
}
.home-benefits-list article {
min-height: 190px;
padding: 24px 22px;
}
.home-benefits-list h3 {
margin-top: 30px;
font-size: 23px;
}
.home-benefits-links {
display: grid;
grid-template-columns: 1fr;
margin-top: 20px;
padding: 0;
}
.home-benefits-links a {
min-width: 0;
}
.home-benefits-note {
position: static;
margin-top: 22px;
line-height: 1.6;
}
}
@media (prefers-reduced-motion: reduce) {
.home-benefits-bg,
.home-benefits-heading,
.home-benefits-list article {
opacity: 1;
transform: none;
transition: none;
}
}
/* SOURCE: subpage-clarity-v1.css */
/* Subpage title rhythm and project-overview clarity. */
.detail-hero-copy {
width: min(1240px, 86vw);
}
.detail-hero-copy h1 {
max-width: 100%;
font-size: clamp(44px, 4.4vw, 72px);
line-height: 1.14;
word-break: keep-all;
overflow-wrap: normal;
}
.detail-hero-copy h1 .detail-hero-line {
display: inline-block;
max-width: 100%;
white-space: nowrap;
}
.detail-page--business-overview .detail-hero-copy {
width: min(1260px, 86vw);
}
.specific-project {
min-height: 100svh;
padding: clamp(90px, 8vw, 145px) 8vw;
background:
radial-gradient(circle at 85% 10%, rgba(198, 211, 195, .56), transparent 34%),
linear-gradient(135deg, #f4f3ee 0%, #e7e9e2 100%);
}
.project-overview-head {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(560px, 1.15fr);
gap: 7vw;
align-items: end;
}
.project-overview-head h2 {
margin-top: 20px;
color: #172b31;
font-size: clamp(42px, 4.1vw, 68px);
line-height: 1.13;
word-break: keep-all;
}
.project-overview-head p {
max-width: 530px;
margin: 26px 0 0;
color: #64716b;
font-size: 14px;
line-height: 1.9;
word-break: keep-all;
}
.project-metrics {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-top: 1px solid #aab3aa;
border-bottom: 1px solid #aab3aa;
}
.project-metrics article {
min-width: 0;
padding: 26px 20px 24px;
border-right: 1px solid #c2c8c0;
}
.project-metrics article:last-child {
border-right: 0;
}
.project-metrics b {
display: block;
color: #263d3d;
font: 400 clamp(40px, 4vw, 64px)/1 "DM Serif Display", Georgia, serif;
}
.project-metrics strong,
.project-metrics small {
display: block;
}
.project-metrics strong {
margin-top: 13px;
color: #182a2f;
font-size: 14px;
}
.project-metrics small {
margin-top: 6px;
color: #7a867f;
font: 700 8px/1.45 Arial, sans-serif;
letter-spacing: .12em;
word-break: keep-all;
}
.project-fact-table {
gap: 24px;
margin-top: clamp(52px, 6vw, 90px);
border-top: 0;
}
.project-fact-table > section {
padding: 36px 40px 30px;
border: 1px solid rgba(38, 50, 65, .13);
background: rgba(255, 255, 255, .8);
box-shadow: 0 18px 55px rgba(38, 50, 65, .07);
}
.project-fact-table > section > header {
display: flex;
align-items: center;
gap: 18px;
padding-bottom: 24px;
border-bottom: 1px solid #b9c1b9;
}
.project-fact-table > section > header b {
color: #c3a96f;
font: 400 34px/1 "DM Serif Display", Georgia, serif;
}
.project-fact-table > section > header span {
color: #7b877f;
font-size: 8px;
}
.project-fact-table h3 {
margin: 5px 0 0;
color: #192c31;
font-size: 22px;
font-weight: 600;
letter-spacing: -.045em;
}
.project-fact-table dl {
grid-template-columns: minmax(92px, 27%) 1fr;
}
.project-fact-table dt,
.project-fact-table dd {
display: flex;
align-items: center;
min-height: 58px;
padding: 13px 0;
font-size: 15px;
line-height: 1.5;
word-break: keep-all;
}
.project-fact-table dt {
color: #718078;
font-weight: 600;
}
.project-fact-table dd {
color: #18292e;
font-size: 16px;
font-weight: 700;
}
.specific-project .fact-note {
margin: 22px 0 0;
color: #78827d;
font-size: 11px;
line-height: 1.7;
}
/* Use the supplied Illustrator site plan at a readable scale. */
.brochure-complex--site > figure:first-child img {
aspect-ratio: 227 / 89;
object-fit: contain;
}
.brochure-complex > .brochure-complex-secondary a {
max-width: 1280px;
margin: 0 auto;
}
.brochure-complex > .brochure-complex-secondary img {
width: 100%;
max-height: 390px;
}
.brochure-complex--building > figure:first-child a {
width: 100%;
max-width: 980px;
margin: 0 auto;
}
.brochure-complex--building > figure:first-child img {
max-height: 440px;
}
/* Keep every supplied community axonometric drawing fully visible. */
.detail-page--community .brochure-community-grid figure {
position: relative;
height: clamp(400px, 27vw, 500px);
padding: 18px;
overflow: hidden;
}
.detail-page--community .brochure-community-grid img {
position: absolute !important;
inset: 18px !important;
width: calc(100% - 36px) !important;
height: calc(100% - 36px) !important;
max-width: none;
margin: 0 auto;
object-fit: contain !important;
}
.detail-page--community .brochure-community-grid article:hover img {
transform: none;
}
@media (max-width: 1180px) {
.detail-hero-copy h1 {
font-size: clamp(42px, 4.8vw, 58px);
}
.project-overview-head {
grid-template-columns: 1fr;
gap: 45px;
}
}
@media (max-width: 880px) {
.detail-hero-copy {
width: auto;
}
.detail-hero-copy h1 {
font-size: clamp(32px, 9vw, 40px) !important;
line-height: 1.17 !important;
letter-spacing: -.075em !important;
}
.detail-page--business-overview .detail-hero-copy {
width: auto;
}
.detail-page--business-overview .detail-hero-copy h1 {
font-size: clamp(30px, 8.4vw, 36px) !important;
}
.detail-page--business-overview .detail-hero-copy h1 span {
white-space: normal;
}
.detail-hero-copy h1 .detail-hero-line {
white-space: normal;
}
.specific-project {
min-height: auto;
padding: 88px 20px 72px;
}
.project-overview-head {
gap: 38px;
}
.project-overview-head h2 {
font-size: 38px;
}
.project-overview-head p {
font-size: 13px;
}
.project-metrics {
grid-template-columns: repeat(3, 1fr);
}
.project-metrics article {
padding: 20px 10px 18px;
}
.project-metrics b {
font-size: 38px;
}
.project-metrics strong {
font-size: 11px;
}
.project-metrics small {
font-size: 7px;
letter-spacing: .05em;
}
.project-fact-table {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin-top: 45px;
}
.project-fact-table > section {
padding: 26px 20px 20px;
}
.project-fact-table dt,
.project-fact-table dd {
min-height: 52px;
font-size: 13px;
}
.project-fact-table dd {
font-size: 14px;
}
.brochure-complex > .brochure-complex-secondary img,
.brochure-complex--building > figure:first-child img {
max-height: 300px;
}
.detail-page--community .brochure-community-grid figure {
height: 360px;
padding: 14px;
}
.detail-page--community .brochure-community-grid img {
inset: 14px !important;
width: calc(100% - 28px) !important;
height: calc(100% - 28px) !important;
}
}
/* SOURCE: map-lightbox-mobile-menu-v1.css */
/* Location-map lightbox and the final mobile off-canvas navigation layer. */
.brochure-location-layout > figure {
position: relative;
}
.location-map-open {
position: absolute;
z-index: 4;
top: 26px;
right: 26px;
display: grid;
justify-items: end;
gap: 8px;
padding: 0;
border: 0;
background: none;
color: #fff;
cursor: pointer;
}
.location-map-open span {
padding: 8px 11px;
background: rgba(38, 50, 65, .92);
box-shadow: 0 9px 26px rgba(21, 31, 39, .18);
font-size: 11px;
font-weight: 600;
letter-spacing: -.03em;
backdrop-filter: blur(10px);
}
.location-map-open b {
display: grid;
place-items: center;
width: 58px;
height: 58px;
color: #263241;
background: #dfca91;
border: 1px solid rgba(38, 50, 65, .16);
box-shadow: 0 14px 34px rgba(31, 42, 51, .2);
font: 300 36px/1 Arial, sans-serif;
transition: color .28s ease, background .28s ease, transform .35s cubic-bezier(.2, .7, .3, 1);
}
.location-map-open:hover b,
.location-map-open:focus-visible b {
color: #fff;
background: #263241;
transform: rotate(90deg);
}
.location-map-open:focus-visible {
outline: 2px solid #263241;
outline-offset: 5px;
}
.location-map-lightbox[hidden] {
display: none !important;
}
.location-map-lightbox {
position: fixed;
z-index: 100000;
inset: 0;
display: grid;
place-items: center;
padding: clamp(22px, 4vw, 60px);
color: #fff;
background:
radial-gradient(circle at 50% 35%, rgba(95, 117, 124, .35), transparent 45%),
rgba(15, 24, 31, .96);
opacity: 0;
visibility: hidden;
backdrop-filter: blur(16px);
transition: opacity .28s ease, visibility .28s ease;
}
.location-map-lightbox.is-open {
opacity: 1;
visibility: visible;
}
.location-map-lightbox-stage {
width: min(1500px, 94vw);
transform: translateY(22px) scale(.975);
transition: transform .42s cubic-bezier(.2, .72, .2, 1);
}
.location-map-lightbox.is-open .location-map-lightbox-stage {
transform: none;
}
.location-map-lightbox-stage img {
display: block;
width: 100%;
max-height: 82dvh;
object-fit: contain;
background: #f5f3ed;
box-shadow: 0 28px 90px rgba(0, 0, 0, .42);
touch-action: pinch-zoom;
}
.location-map-lightbox-stage p {
margin: 15px 0 0;
color: rgba(255, 255, 255, .68);
font-size: 12px;
letter-spacing: .02em;
text-align: center;
}
.location-map-lightbox-close {
position: absolute;
z-index: 2;
top: clamp(18px, 3vw, 42px);
right: clamp(18px, 3vw, 42px);
display: grid;
place-items: center;
width: 52px;
height: 52px;
padding: 0;
border: 1px solid rgba(255, 255, 255, .35);
border-radius: 50%;
color: #fff;
background: rgba(255, 255, 255, .07);
font: 300 30px/1 Arial, sans-serif;
cursor: pointer;
transition: color .25s, background .25s, transform .25s;
}
.location-map-lightbox-close:hover,
.location-map-lightbox-close:focus-visible {
color: #263241;
background: #dfca91;
transform: rotate(90deg);
}
body.map-lightbox-open {
overflow: hidden !important;
}
@media (max-width: 880px) {
.location-map-open {
top: 20px;
right: 20px;
gap: 6px;
}
.location-map-open span {
padding: 7px 9px;
font-size: 10px;
}
.location-map-open b {
width: 48px;
height: 48px;
font-size: 30px;
}
.location-map-lightbox {
padding: 70px 10px 24px;
}
.location-map-lightbox-stage {
width: 100%;
}
.location-map-lightbox-stage img {
max-height: 76dvh;
}
.location-map-lightbox-close {
top: 14px;
right: 14px;
width: 44px;
height: 44px;
}
.site-header {
z-index: 10000 !important;
overflow: visible !important;
isolation: isolate;
}
.site-header .brand,
.site-header .menu-toggle {
position: relative;
z-index: 10003;
}
.site-header.has-menu-open {
background: transparent !important;
backdrop-filter: none !important;
}
.main-nav {
position: fixed !important;
z-index: 10001 !important;
inset: 0 !important;
top: 0 !important;
display: flex !important;
width: 100vw !important;
height: 100dvh !important;
max-height: none !important;
margin: 0 !important;
padding: 104px 22px 28px !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
color: #fff;
background:
radial-gradient(circle at 88% 10%, rgba(204, 185, 132, .16), transparent 25%),
linear-gradient(150deg, #1b2934 0%, #263746 58%, #17242e 100%) !important;
box-shadow: -26px 0 70px rgba(8, 15, 21, .3);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translate3d(102%, 0, 0);
transition:
opacity .34s ease,
visibility .34s ease,
transform .52s cubic-bezier(.2, .78, .2, 1);
counter-reset: mobile-menu;
overscroll-behavior: contain;
}
.main-nav::before {
content: "MENU · MERIDIAN FORET";
display: block;
margin: 0 0 18px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(255, 255, 255, .2);
color: #dfca91;
font: 700 9px Arial, sans-serif;
letter-spacing: .24em;
}
.main-nav.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
.main-nav .nav-group {
counter-increment: mobile-menu;
display: grid !important;
grid-template-columns: 92px minmax(0, 1fr);
align-items: start;
gap: 14px;
padding: 18px 0;
border: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
}
.main-nav .nav-group > .nav-parent {
display: grid !important;
grid-template-columns: 25px 1fr;
align-items: center;
gap: 5px;
min-width: 0;
height: auto !important;
padding: 2px 0 !important;
border: 0 !important;
color: #fff;
font-size: 17px;
font-weight: 600;
line-height: 1.25;
letter-spacing: -.055em;
}
.main-nav .nav-group > .nav-parent::before {
content: "0" counter(mobile-menu);
color: #dfca91;
font: 600 8px Arial, sans-serif;
letter-spacing: .08em;
}
.main-nav .nav-group > .nav-parent::after {
display: none !important;
}
.main-nav .nav-group .sub-nav,
.main-nav .nav-group:hover .sub-nav {
position: static !important;
display: flex !important;
min-width: 0 !important;
padding: 0 !important;
flex-wrap: wrap;
gap: 7px 11px;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: none !important;
background: none !important;
box-shadow: none !important;
}
.main-nav .nav-group .sub-nav a {
position: relative;
width: auto !important;
min-height: 0 !important;
padding: 3px 0 5px !important;
border: 0 !important;
color: rgba(255, 255, 255, .62) !important;
background: none !important;
font-size: 11px;
line-height: 1.35;
text-align: left !important;
white-space: nowrap;
}
.main-nav .nav-group .sub-nav a::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1px;
background: #dfca91;
transform: scaleX(0);
transform-origin: left;
transition: transform .25s;
}
.main-nav .nav-group .sub-nav a:hover::after,
.main-nav .nav-group .sub-nav a:focus::after {
transform: scaleX(1);
}
.main-nav .mobile-inquiry {
position: relative !important;
bottom: auto !important;
display: grid !important;
grid-template-columns: 1fr auto;
gap: 4px 14px;
align-items: center;
margin: 22px 0 8px !important;
padding: 18px 19px !important;
color: #263241 !important;
background: linear-gradient(135deg, #ead9a9, #c9b475) !important;
border: 0 !important;
box-shadow: 0 20px 38px rgba(8, 15, 21, .22) !important;
}
.main-nav .mobile-inquiry small {
color: rgba(38, 50, 65, .64) !important;
font-size: 10px !important;
}
.main-nav .mobile-inquiry strong {
font-size: 16px !important;
}
.main-nav .mobile-inquiry b {
font-size: 24px !important;
}
.site-header .menu-toggle {
display: flex !important;
}
.site-header .menu-toggle span {
transition: opacity .25s, transform .35s cubic-bezier(.2, .7, .3, 1);
transform-origin: center;
}
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(2) {
opacity: 0;
}
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
}
body.mobile-menu-open {
overflow: hidden !important;
touch-action: none;
}
body.admin-bar .main-nav {
top: 0 !important;
height: 100dvh !important;
max-height: none !important;
padding-top: 150px !important;
}
}
@media (max-width: 390px) {
.main-nav {
padding-right: 18px !important;
padding-left: 18px !important;
}
.main-nav .nav-group {
grid-template-columns: 86px minmax(0, 1fr);
gap: 10px;
padding: 15px 0;
}
.main-nav .nav-group > .nav-parent {
font-size: 16px;
}
.main-nav .nav-group .sub-nav a {
font-size: 10.5px;
}
}
@media (prefers-reduced-motion: reduce) {
.location-map-open b,
.location-map-lightbox,
.location-map-lightbox-stage,
.main-nav {
transition: none !important;
}
}
/* SOURCE: supplied-siteplan-contact-map-v1.css */
.contact-map-illustration {
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
background: #eef1ec;
}
.contact-map-illustration img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .45s ease;
}
.contact-map-illustration:hover img {
transform: scale(1.018);
filter: saturate(1.03) contrast(1.01);
}
.contact-map-illustration > span,
.contact-map-illustration > b {
position: absolute;
z-index: 2;
right: 22px;
color: #fff;
}
.contact-map-illustration > span {
bottom: 76px;
padding: 9px 13px;
background: rgba(38,50,65,.9);
font-size: 11px;
font-weight: 700;
letter-spacing: -.02em;
backdrop-filter: blur(8px);
}
.contact-map-illustration > b {
bottom: 18px;
display: grid;
width: 54px;
height: 54px;
border-radius: 2px;
place-items: center;
background: #d8c78f;
color: #263241;
font: 300 30px/1 Arial, sans-serif;
box-shadow: 0 12px 32px rgba(24,37,48,.22);
transition: transform .3s ease, background .3s ease;
}
.contact-map-illustration:hover > b {
transform: rotate(90deg);
background: #fff;
}
@media (max-width: 880px) {
.contact-map-illustration > span {
right: 14px;
bottom: 67px;
font-size: 10px;
}
.contact-map-illustration > b {
right: 14px;
bottom: 14px;
width: 48px;
height: 48px;
}
}
/* SOURCE: premium-legibility-v1.css */
/* Keep the Premium 6 descriptions comfortably readable on every screen. */
.exact-premium .premium-copy span {
font-size: clamp(11px, .72vw, 14px) !important;
line-height: 1.45;
letter-spacing: .14em;
}
.exact-premium .premium-copy h3 {
margin: 16px 0 12px;
font-size: clamp(25px, 1.55vw, 31px) !important;
line-height: 1.25;
}
.exact-premium .premium-copy p {
max-width: 32em;
color: #35413d;
font-size: clamp(15px, 1.02vw, 18px) !important;
font-weight: 500;
line-height: 1.72;
letter-spacing: -.035em;
word-break: keep-all;
}
.premium-v2-caption {
font-size: 11px !important;
letter-spacing: .16em;
}
@media (max-width: 880px) {
.exact-premium .premium-copy {
right: 18px !important;
width: min(64vw, 292px) !important;
min-height: 172px;
}
.exact-premium .premium-copy span {
font-size: 10.5px !important;
letter-spacing: .11em;
}
.exact-premium .premium-copy h3 {
margin: 11px 0 9px;
font-size: clamp(21px, 6vw, 25px) !important;
line-height: 1.23;
}
.exact-premium .premium-copy p {
font-size: clamp(13px, 3.7vw, 15px) !important;
line-height: 1.62;
}
.premium-v2-caption {
font-size: 9px !important;
letter-spacing: .12em;
}
}
/* SOURCE: webview-stability-v1.css */
/* Keep embedded mobile browsers on the native scrolling path. */
html.native-scroll,
html.native-scroll body {
scroll-snap-type: none !important;
scroll-behavior: auto !important;
overflow-x: clip;
}
html.native-scroll .fullpage > .snap-section {
height: auto !important;
min-height: 100svh;
scroll-snap-align: none !important;
scroll-snap-stop: normal !important;
}
html.intro-timeout {
overflow: auto !important;
}
html.intro-timeout .opening-intro {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
@media (max-width: 880px) {
.premium-v2-visuals figure:not(.is-active) img:not([src]),
.location-backdrop:not([src]) {
visibility: hidden;
}
}
/* SOURCE: mobile-offcanvas-fix-v2.css */
/* Keep the mobile drawer above page heroes without blocking its own scroll. */
@media (max-width: 880px) {
.site-header {
z-index: 100020 !important;
overflow: visible !important;
}
.site-header.has-menu-open {
pointer-events: none;
}
.site-header.has-menu-open .brand,
.site-header.has-menu-open .menu-toggle,
.site-header.has-menu-open .main-nav {
pointer-events: auto;
}
.site-header .brand,
.site-header .menu-toggle {
z-index: 100023 !important;
}
.site-header .main-nav {
z-index: 100021 !important;
top: 0 !important;
height: 100vh !important;
height: 100dvh !important;
max-height: 100dvh !important;
padding-top: calc(98px + env(safe-area-inset-top)) !important;
padding-bottom: calc(30px + env(safe-area-inset-bottom)) !important;
overscroll-behavior-y: contain;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
}
.site-header .main-nav .nav-group:first-of-type {
border-top: 1px solid rgba(255, 255, 255, .14) !important;
}
body.mobile-menu-open {
overflow: hidden !important;
touch-action: auto !important;
}
body.mobile-menu-open .main-nav {
overflow-y: auto !important;
}
body.admin-bar .site-header .main-nav {
top: 0 !important;
height: 100dvh !important;
max-height: 100dvh !important;
padding-top: calc(142px + env(safe-area-inset-top)) !important;
}
}
/* SOURCE: customer-registration-v2.css */
.detail-page--customer-registration .detail-hero{min-height:clamp(360px,48vh,620px)}
.customer-registration-form{padding:clamp(76px,9vw,150px) max(24px,calc((100vw - 1360px)/2));background:#f6f5f0;color:#1e2b37}
.customer-registration-heading{max-width:860px;margin:0 auto 48px;text-align:center}.customer-registration-heading>span{color:#9d8355;font:700 10px/1 Arial,sans-serif;letter-spacing:.25em}.customer-registration-heading h2{margin:16px 0 14px;font-size:clamp(42px,5vw,74px);letter-spacing:-.08em;line-height:1}.customer-registration-heading p{margin:0;color:#66716e;font-size:15px;line-height:1.8}
.customer-form{max-width:1040px;margin:auto;background:#fff;box-shadow:0 24px 70px rgba(22,39,45,.10)}.customer-form-section,.customer-privacy,.customer-form-submit{padding:42px 52px;border-bottom:1px solid #e2e3de}.customer-form h3{margin:0;color:#263241;font-size:20px;letter-spacing:-.045em}.customer-form h3 em,.customer-form h3 small{margin-left:8px;color:#a0783e;font-size:11px;font-style:normal;font-weight:600;letter-spacing:.02em}.customer-field-row{display:grid;grid-template-columns:1fr 1.35fr;gap:30px;margin-top:28px}.customer-form label>span{display:block;margin-bottom:10px;font-size:13px;font-weight:700}.customer-form label b{color:#a0783e}.customer-form input,.customer-form select{width:100%;height:54px;padding:0 15px;border:1px solid #d7d9d3;border-radius:0;background:#fff;color:#263241;font:14px "Noto Sans KR",Arial,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.customer-form input:focus,.customer-form select:focus{border-color:#263241;box-shadow:0 0 0 3px rgba(38,50,65,.08)}.customer-phone-fields,.customer-region-fields{display:grid;grid-template-columns:88px 1fr 1fr;gap:8px}.customer-address{display:block;margin-top:25px}.customer-privacy{background:#fcfcfa}.customer-privacy h3{margin-bottom:22px}.customer-privacy dl{margin:0;border-top:1px solid #263241}.customer-privacy dl>div{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid #e2e3de}.customer-privacy dt,.customer-privacy dd{margin:0;padding:15px 18px;font-size:13px;line-height:1.75}.customer-privacy dt{background:#f4f3ee;font-weight:700}.customer-privacy dd{color:#53605d}.customer-privacy>p{margin:18px 0 0;color:#67716d;font-size:12px;line-height:1.8}.customer-consent{display:flex;gap:22px;margin:24px 0 0;padding:0;border:0}.customer-consent legend{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.customer-consent label{font-size:13px;font-weight:700}.customer-consent input{width:17px;height:17px;margin:0 6px 0 0;vertical-align:-3px;accent-color:#263241}.customer-processor-table{overflow:hidden;border:1px solid #dfe1dc}.customer-processor-table [role=row]{display:grid;grid-template-columns:1fr 1.9fr 1.45fr 1.5fr}.customer-processor-table [role=row]>*{padding:15px;border-right:1px solid #dfe1dc;color:#55615f;font-size:12px;line-height:1.7}.customer-processor-table [role=row]>*:last-child{border-right:0}.customer-processor-table [role=row]:first-child>*{background:#263241;color:#fff;font-weight:700}.customer-form-submit{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#263241;color:#fff}.customer-form-submit p{margin:0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.8}.customer-form-submit a{color:#e4cc98;font-weight:700;text-decoration:none}.customer-form-submit button{display:flex;align-items:center;gap:42px;min-width:260px;justify-content:space-between;padding:19px 22px;border:1px solid rgba(255,255,255,.5);background:#fff;color:#263241;font:700 14px "Noto Sans KR",Arial,sans-serif;cursor:pointer;transition:transform .2s,background .2s}.customer-form-submit button:hover{background:#e9d5a7;transform:translateY(-2px)}.customer-form-submit i{font-size:19px;font-style:normal}.customer-notice{margin:30px 52px -10px;padding:14px 16px;background:#f4eee1;color:#70552a;font-size:13px}.customer-notice.success{background:#e8f1e8;color:#244b2e}
@media(max-width:700px){.detail-page--customer-registration .detail-hero{min-height:330px}.customer-registration-form{padding:58px 16px}.customer-registration-heading{margin-bottom:30px}.customer-registration-heading p{font-size:13px}.customer-form-section,.customer-privacy,.customer-form-submit{padding:28px 20px}.customer-field-row{grid-template-columns:1fr;gap:22px;margin-top:22px}.customer-phone-fields{grid-template-columns:74px 1fr 1fr}.customer-region-fields{grid-template-columns:1fr;gap:9px}.customer-privacy dl>div{display:block}.customer-privacy dt,.customer-privacy dd{padding:11px 14px}.customer-privacy dt{padding-bottom:4px}.customer-consent{gap:15px;flex-wrap:wrap}.customer-processor-table{overflow:auto}.customer-processor-table [role=row]{min-width:620px}.customer-form-submit{display:block}.customer-form-submit button{width:100%;min-width:0;margin-top:20px}.customer-notice{margin:20px 20px -6px;font-size:12px}}