/*
Theme Name: 원종역 월드메르디앙 포레
Theme URI: https://blanding.kr
Author: 비랜딩
Description: 비랜딩 기본테마를 기반으로 제작한 원종역 월드메르디앙 포레 분양 홈페이지 테마
Version: 1.0.0
Text Domain: meridian-foret
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--navy:#263241;--ink:#1f2c35;--cream:#f3f1ec;--gold:#e0cd9c;--line:rgba(255,255,255,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans KR",Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:10;top:0;width:100%;height:100px;display:flex;align-items:center;padding:0 clamp(24px,4vw,76px);color:#fff;border-bottom:1px solid var(--line)}.brand{width:194px;flex:0 0 194px}.brand img{display:block;width:100%}.main-nav{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.3vw,44px);margin:0 auto}.nav-group{position:relative;align-self:stretch;display:flex;align-items:center}.nav-group>button{padding:12px 0;border:0;background:none;color:#fff;cursor:pointer;font:500 15px "Noto Sans KR",sans-serif;white-space:nowrap}.nav-group>button:after{content:"";display:block;width:0;height:1px;margin-top:7px;background:#fff;transition:width .25s}.nav-group:hover>button:after{width:100%}.sub-nav{display:none;position:absolute;top:75px;left:50%;min-width:150px;padding:14px 0;transform:translateX(-50%);background:rgba(28,41,52,.97);box-shadow:0 15px 35px rgba(0,0,0,.14)}.nav-group:hover .sub-nav,.sub-nav.is-visible{display:block}.sub-nav a{display:block;padding:9px 20px;color:rgba(255,255,255,.75);text-align:center;white-space:nowrap;font-size:13px}.sub-nav a:hover{color:#fff;background:rgba(255,255,255,.08)}.inquiry{font-size:13px;font-weight:600;white-space:nowrap}.inquiry span{margin-left:8px;font-size:16px}.menu-toggle{display:none}.hero{position:relative;min-height:100svh;overflow:hidden;color:#fff;background:var(--navy)}.hero-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;animation:reveal 1.1s ease-out both}.hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(9,21,31,.86),rgba(20,35,44,.47) 45%,rgba(20,31,38,.04) 76%),linear-gradient(0deg,rgba(2,10,15,.6),transparent 47%)}.hero-grain{position:absolute;z-index:1;inset:0;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.5) .55px,transparent .65px);background-size:6px 6px;mix-blend-mode:soft-light}@keyframes reveal{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.hero-copy{position:absolute;z-index:2;top:49%;left:clamp(24px,10.5vw,200px);transform:translateY(-36%)}.eyebrow,.section-kicker{margin:0 0 19px;font:700 10px Arial,sans-serif;letter-spacing:.19em}.hero h1{max-width:790px;margin:0;font-size:clamp(45px,5.1vw,86px);font-weight:500;line-height:1.22;letter-spacing:-.09em}.hero h1 em,.intro h2 em,.premium h2 em,.scene h2 em{color:var(--gold);font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.045em}.hero-description{margin:31px 0 0;color:rgba(255,255,255,.86);font-size:16px;line-height:1.8;letter-spacing:-.045em}.hero-bottom{position:absolute;z-index:2;right:clamp(24px,4vw,76px);bottom:31px;left:clamp(24px,4vw,76px);display:flex;justify-content:space-between;color:rgba(255,255,255,.78);font:500 10px Arial,sans-serif;letter-spacing:.12em}.hero-bottom a span{margin-left:12px;font-size:16px}.ticker{display:flex;align-items:center;justify-content:center;gap:28px;min-height:79px;margin:0;background:var(--navy);color:rgba(255,255,255,.87);overflow:hidden;white-space:nowrap}.ticker p{margin:0;font:500 10px Arial,sans-serif;letter-spacing:.16em}.ticker i{width:3px;height:3px;border-radius:50%;background:#cab984}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:75px 8%;padding:150px clamp(24px,9.5vw,180px) 133px;background:var(--cream)}.section-kicker{color:#7d8977}.intro h2,.premium h2,.scene h2,.home-types h2,.contact h2{margin:0;font-size:clamp(38px,4.15vw,67px);font-weight:500;line-height:1.24;letter-spacing:-.08em}.intro-copy{align-self:end;padding-bottom:8px}.intro-copy p{margin:0;font-size:16px;line-height:2;letter-spacing:-.05em}.text-link{display:inline-flex;gap:44px;margin-top:38px;padding-bottom:11px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:600}.project-data{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aeb3ab}.project-data>div{min-height:153px;padding:23px 22px 0 0;border-right:1px solid #c9cdc6}.project-data>div:not(:first-child){padding-left:23px}.project-data>div:last-child{border:0}.project-data span{display:block;color:#7d8977;font:700 10px Arial,sans-serif;letter-spacing:.16em}.project-data strong{display:block;margin-top:24px;font-size:18px;letter-spacing:-.06em}.project-data p{margin-top:8px;color:#747c76;font-size:12px;letter-spacing:-.04em}.premium{padding:142px clamp(24px,5.8vw,110px) 130px;background:#fff}.premium-heading{display:flex;justify-content:space-between;align-items:flex-end;max-width:1390px;margin:0 auto 74px}.premium-heading .section-kicker{align-self:flex-start}.premium-heading h2{width:63%}.premium-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1390px;margin:auto;border-top:1px solid #d4d7d0;border-left:1px solid #d4d7d0}.premium-card{position:relative;min-height:352px;padding:24px;overflow:hidden;border-right:1px solid #d4d7d0;border-bottom:1px solid #d4d7d0;transition:color .35s,background .35s}.premium-card:before{content:"";position:absolute;right:-15%;bottom:-32%;width:165px;height:165px;border:1px solid rgba(38,50,65,.16);border-radius:50%;transition:transform .5s}.premium-card>div{display:flex;justify-content:space-between;color:#6d7b6b;font:700 10px Arial,sans-serif;letter-spacing:.13em}.premium-card>b{position:absolute;top:49px;right:19px;color:#e5e6e2;font:400 72px "DM Serif Display",Georgia,serif;line-height:1;transition:color .35s}.premium-card h3{position:relative;z-index:1;margin:116px 0 9px;font-size:23px;font-weight:500;letter-spacing:-.07em}.premium-card p{position:relative;z-index:1;max-width:190px;margin:0;color:#68716d;font-size:13px;line-height:1.7;letter-spacing:-.045em}.premium-card>a{position:absolute;z-index:1;right:24px;bottom:21px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #aeb5ac;border-radius:50%;font-size:15px}.premium-card:hover{color:#fff;background:var(--navy)}.premium-card:hover:before{transform:scale(2.2);border-color:rgba(255,255,255,.18)}.premium-card:hover>div,.premium-card:hover p{color:rgba(255,255,255,.72)}.premium-card:hover>b{color:rgba(255,255,255,.11)}.premium-card:hover>a{border-color:rgba(255,255,255,.5)}.scene{display:grid;grid-template-columns:1.15fr .85fr;min-height:720px;background:var(--navy);color:#fff}.scene-image{min-height:540px;overflow:hidden}.scene-image img{width:100%;height:100%;object-fit:cover;object-position:61% center;filter:saturate(.77) brightness(.75);transition:transform .8s}.scene:hover img{transform:scale(1.04)}.scene-content{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(30px,7vw,130px)}.scene-content .section-kicker{color:#bdc7b6}.scene-content h2{font-size:clamp(38px,3.7vw,62px)}.scene-content p:not(.section-kicker){max-width:370px;margin:34px 0 0;color:rgba(255,255,255,.72);font-size:15px;line-height:2;letter-spacing:-.045em}.scene-content .text-link{width:max-content;border-color:rgba(255,255,255,.65)}.home-types{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding:137px clamp(24px,9.5vw,180px);background:#e7e8e1}.home-types h2{font-size:clamp(37px,3.7vw,61px)}.type-list{border-top:1px solid #9ea79b}.type-list a{display:grid;grid-template-columns:1fr 1.25fr 20px;align-items:center;min-height:102px;border-bottom:1px solid #b9c0b5;transition:padding .25s,background .25s}.type-list a:hover{padding:0 20px;background:#f3f2eb}.type-list strong{font:400 32px "DM Serif Display",Georgia,serif}.type-list span{color:#6c756c;font:700 10px Arial,sans-serif;letter-spacing:.13em}.type-list b{font-size:20px;font-weight:400}.contact{padding:150px 24px;background:linear-gradient(120deg,#273743,#263241 52%,#576b68);color:#fff;text-align:center}.contact .section-kicker{color:#d5d3be}.contact h2{max-width:850px;margin:auto;font-size:clamp(35px,4.15vw,65px)}.contact a{display:inline-flex;gap:52px;margin-top:50px;padding:15px 3px;border-bottom:1px solid rgba(255,255,255,.8);font-size:14px;font-weight:600}.contact a span{font-size:18px}.site-footer{padding:52px clamp(24px,4vw,76px) 34px;background:#1b252f;color:rgba(255,255,255,.58)}.site-footer img{width:130px}.site-footer p{max-width:650px;margin:27px 0 32px;font-size:11px;line-height:1.7}.site-footer small{font:10px Arial,sans-serif;letter-spacing:.04em}@media(max-width:880px){.site-header{height:76px;padding:0 24px}.brand{width:145px;flex-basis:145px}.inquiry{display:none}.menu-toggle{display:flex;z-index:12;margin-left:auto;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer}.menu-toggle span{width:21px;height:1px;background:#fff}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;height:auto;padding:13px 24px 26px;background:var(--navy);flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.nav-group{display:block;align-self:auto;border-bottom:1px solid rgba(255,255,255,.17)}.nav-group>button{display:flex;width:100%;justify-content:space-between;padding:17px 0 14px}.nav-group>button:after{content:"+";width:auto;height:auto;margin:0;background:none}.sub-nav{position:static;transform:none;box-shadow:none;background:transparent;padding:0 0 12px}.nav-group:hover .sub-nav{display:none}.sub-nav.is-visible{display:block}.sub-nav a{text-align:left;padding:7px 0;font-size:12px}.hero-copy{top:48%;left:25px;transform:translateY(-35%)}.hero h1{font-size:clamp(42px,12vw,64px)}.hero-description{font-size:14px}.hero-visual{object-position:62% center}.hero-bottom{bottom:23px}.hero-bottom p{display:none}.ticker{justify-content:flex-start;gap:19px;padding:0 24px}.ticker p{font-size:9px}.intro{display:block;padding:96px 24px 74px}.intro-copy{margin-top:37px}.intro-copy p{font-size:14px}.project-data{grid-template-columns:repeat(2,1fr);margin-top:72px}.project-data>div{min-height:130px;padding:17px 12px 0 0}.project-data>div:nth-child(2n){border-right:0;padding-left:12px}.project-data>div:nth-child(n+3){border-top:1px solid #c9cdc6}.project-data strong{margin-top:16px;font-size:15px}.premium{padding:90px 24px 80px}.premium-heading{display:block;margin-bottom:48px}.premium-heading h2{width:auto}.premium-grid{grid-template-columns:repeat(2,1fr)}.premium-card{min-height:280px;padding:18px}.premium-card h3{margin-top:76px;font-size:19px}.premium-card p{font-size:11px}.premium-card>b{top:42px;font-size:55px}.premium-card>a{right:18px;bottom:16px}.scene{grid-template-columns:1fr}.scene-image{min-height:390px}.scene-content{min-height:480px;padding:70px 24px}.scene-content p:not(.section-kicker){font-size:14px}.home-types{display:block;padding:89px 24px}.type-list{margin-top:50px}.type-list a{grid-template-columns:1fr 1fr 20px;min-height:86px}.type-list strong{font-size:26px}.type-list span{font-size:8px;line-height:1.55}.contact{padding:100px 24px}.contact h2{font-size:36px}.contact a{margin-top:36px}}