:root {
  --navy:#16324E;
  --navy2:#16324E;
  --cream:#B9985A;
  --paper:#FFFFFF;
  --white:#FFFFFF;
  --gold:#B9985A;
  --ink:#16324E;
  --muted:#6f756f;
  --line:rgba(22,50,78,.16);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Vela Sans',Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
button{font:inherit}
.wrap{width:min(1380px,calc(100% - 56px));margin:auto}
.kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.serif{font-family:'Vela Sans',Arial,Helvetica,sans-serif}
.display{font-family:'Vela Sans',Arial,Helvetica,sans-serif;font-weight:300;font-size:clamp(54px,7vw,112px);line-height:.92;letter-spacing:-.035em}
.h2{font-family:'Vela Sans',Arial,Helvetica,sans-serif;font-size:clamp(40px,4.4vw,70px);line-height:1;font-weight:300;letter-spacing:-.025em}
.p-lg{font-size:clamp(18px,1.55vw,25px);line-height:1.55;font-weight:300}
.small{font-size:12px;line-height:1.7}
.line{height:1px;background:var(--line)}

/* HEADER — WEA-inspired hierarchy, Prime Picks identity */
header.wea-header{position:relative;height:122px;z-index:80;color:var(--navy);background:#fff;border-bottom:1px solid rgba(22,50,78,.06)}
.nav{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nav-left,.nav-right{display:flex;align-items:center;gap:30px}
.nav-right{justify-content:flex-end}
.nav a,.menu-btn{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:500}
.chev{font-size:15px;margin-left:6px;display:inline-block;transform:translateY(-1px)}
.menu-btn{border:0;background:none;color:inherit;cursor:pointer}
.menu-icon{width:28px;height:28px;display:flex;flex-direction:column;justify-content:center;gap:5px;margin-left:12px}
.menu-icon span{display:block;width:17px;height:1px;background:var(--navy)}
.wordmark{font-family:'Vela Sans',Arial,Helvetica,sans-serif;font-size:19px;font-weight:500;letter-spacing:.12em;white-space:nowrap;text-align:center}
.wordmark small{display:block;font-family:'Vela Sans',Arial,Helvetica,sans-serif;font-size:8px;font-weight:500;letter-spacing:.26em;margin:4px 0 0}

/* FULL MENU */
.menu{position:fixed;inset:0;background:var(--navy);color:#fff;z-index:120;transform:translateY(-100%);transition:transform .65s cubic-bezier(.76,0,.24,1)}
.menu.open{transform:translateY(0)}
.menu-inner{height:100%;display:grid;grid-template-rows:90px 1fr 80px}
.menu-top{display:flex;justify-content:space-between;align-items:center}
.menu-close{border:0;background:none;color:#fff;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.menu-main{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}
.menu-links a{display:block;font-family:'Vela Sans',Arial,Helvetica,sans-serif;font-size:clamp(50px,6vw,96px);font-weight:300;line-height:1.05;transition:.25s}
.menu-links a:hover{color:var(--gold);transform:translateX(12px)}
.menu-aside{border-left:1px solid rgba(255,255,255,.2);padding-left:42px}
.menu-aside p{margin-top:22px;color:#ccd2da;line-height:1.8}
.menu-foot{display:flex;justify-content:space-between;align-items:center;color:#aab4c0;font-size:11px}

/* HERO */
.wea-hero{height:calc(100vh - 122px);min-height:590px;position:relative;color:#fff;overflow:hidden;background:#111}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;z-index:0;transition:opacity 1.25s cubic-bezier(.4,0,.2,1)}
.hero-slide.active{opacity:1;z-index:2}
.hero-slide.leaving{opacity:0;z-index:1}
.hero-slide img{transform:scale(1.045);transition:transform 7.2s cubic-bezier(.22,.61,.36,1);will-change:transform}
.hero-slide.active img{transform:scale(1.105)}
.hero-shade{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(3,17,31,.08),rgba(3,17,31,.18) 46%,rgba(3,17,31,.48));pointer-events:none}
.hero-center{position:absolute;z-index:4;left:50%;top:46%;transform:translate(-50%,-50%);width:min(1080px,82vw);text-align:center}
.hero-eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:24px;opacity:.9}
.hero-center h1{font-size:clamp(34px,4vw,58px);line-height:1.04;font-weight:300;letter-spacing:-.02em;text-shadow:0 1px 20px rgba(0,0,0,.12)}
.hero-bottom{position:absolute;z-index:5;left:50%;bottom:48px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:44px;width:min(820px,calc(100% - 56px))}
.hero-bottom a{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:300;white-space:nowrap}
.hero-bottom span{font-size:10px;font-weight:500;letter-spacing:.08em}
.hero-bottom i{display:block;width:1px;height:22px;background:rgba(255,255,255,.62)}
.hero-progress{position:absolute;z-index:5;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.18)}
.hero-progress span{display:block;height:100%;width:100%;transform-origin:left;background:#fff}
@keyframes heroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}


/* INTRO */
.intro{background:#fff;padding:138px 0 150px}
.intro-grid{display:grid;grid-template-columns:.58fr 1.42fr;gap:90px}
.intro-copy{max-width:950px}
.intro-copy .h2{color:var(--navy);font-weight:300}
.intro-copy p{max-width:680px;margin:34px 0 0 auto;color:#536071}

/* PRIME EXCLUSIVES — WEA-inspired horizontal property presentation */
.exclusives{padding:88px 0 96px;background:#fff;overflow:hidden;border-top:1px solid rgba(22,50,78,.07)}
.exclusives-head{text-align:center;margin-bottom:38px}
.exclusives-head .kicker{color:var(--gold);margin-bottom:13px}
.exclusives-head h2{font-size:clamp(34px,3.2vw,48px);font-weight:300;letter-spacing:.02em;color:var(--navy)}
.exclusive-viewport{overflow:hidden;cursor:grab;touch-action:pan-y}
.exclusive-viewport:active{cursor:grabbing}
.exclusive-track{display:flex;gap:24px;padding:0 4.7vw;transition:transform .9s cubic-bezier(.22,.61,.36,1);will-change:transform}
.exclusive-card{flex:0 0 calc((100vw - 9.4vw - 48px)/3);min-width:0}
.exclusive-image{height:305px;overflow:hidden;background:#e8e8e8}
.exclusive-image img{transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.exclusive-card:hover .exclusive-image img{transform:scale(1.035)}
.exclusive-price{font-size:21px;font-weight:300;color:var(--navy);margin-top:16px;letter-spacing:-.015em}
.exclusive-address{font-size:12px;font-weight:300;color:#69727f;margin-top:7px;letter-spacing:.01em}
.exclusive-controls{margin-top:44px;display:flex;align-items:center;justify-content:space-between}
.slider-buttons{display:flex;gap:8px}
.slider-btn{width:44px;height:44px;border:1px solid rgba(22,50,78,.3);background:#fff;color:var(--navy);cursor:pointer;transition:.25s}
.slider-btn:hover{background:var(--navy);color:#fff}
.view-all{display:inline-flex;align-items:center;justify-content:center;min-width:122px;height:42px;padding:0 24px;background:var(--navy);color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}

/* LOCATIONS */
.locations{background:var(--navy2);color:#fff;padding:140px 0}
.locations .h2{max-width:860px;margin-top:16px}
.loc-list{margin-top:70px}
.loc-row{display:grid;grid-template-columns:70px 1fr 180px;align-items:center;padding:26px 0;border-top:1px solid rgba(255,255,255,.16);transition:.3s}
.loc-row:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.loc-row:hover{padding-left:12px;color:var(--cream)}
.loc-name{font-family:'Vela Sans',Arial,Helvetica,sans-serif;font-size:clamp(38px,4.5vw,70px)}
.loc-count{text-align:right;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#b9c2cf}

/* STORY */
.story-section{padding:145px 0;background:var(--paper)}
.story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px}
.story-large,.story-small{position:relative;overflow:hidden}
.story-large{height:760px}
.story-small{height:540px;margin-top:150px}
.story-copy{position:absolute;left:30px;right:30px;bottom:28px;color:#fff;z-index:3}
.story-large:after,.story-small:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(6,19,37,.68),transparent 65%)}
.story-copy h3{font-family:'Vela Sans',Arial,Helvetica,sans-serif;font-size:44px;line-height:1;margin:10px 0 18px}

/* SELL */
.sell{background:var(--cream);padding:150px 0}
.sell-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}
.sell .h2{color:var(--navy)}
.sell p{color:#3d4654;max-width:450px;line-height:1.75;margin-bottom:28px}

/* FOOTER */
footer{background:#16324E;color:#dce3ec;padding:90px 0 35px}
.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr .75fr;gap:45px}
.footer-brand img{width:190px;height:auto;mix-blend-mode:screen}
.footer-col h4{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8391a3;margin-bottom:18px}
.footer-col a,.footer-col p{display:block;font-size:12px;line-height:2}
.footer-bottom{margin-top:70px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;font-size:10px;color:#77879a}

/* REVEALS */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.reveal.in{opacity:1;transform:none}

@media(max-width:900px){
  .wrap{width:min(100% - 34px,1380px)}
  .nav-left a,.nav-right a:not(:last-child){display:none}
  .hero-grid,.intro-grid,.sell-grid,.menu-main{grid-template-columns:1fr}
  .hero-content{padding-bottom:44px}
  .intro{padding:100px 0}
  .split,.story-grid{grid-template-columns:1fr}
  .split .feature:nth-child(2),.story-small{margin-top:0}
  .feature-image,.split .feature-image{height:62vw;min-height:430px}
  .feature-info{grid-template-columns:1fr auto}
  .feature-meta{grid-column:1/-1}
  .footer-grid{grid-template-columns:1fr 1fr}
  .menu-aside{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:28px 0 0}
}
@media(max-width:560px){
  header{height:72px}
  .wordmark{font-size:17px} .wordmark small{display:none}
  .display{font-size:58px}
  .h2{font-size:45px}
  .hero{min-height:86vh;height:86vh}
  .hero-index{display:none}
  .section-head{align-items:start;gap:25px;flex-direction:column}
  .intro,.collection,.locations,.story-section,.sell{padding:90px 0}
  .feature{margin-bottom:90px}
  .feature-image,.split .feature-image{height:112vw;min-height:0}
  .feature-info{grid-template-columns:1fr}
  .split{gap:80px}
  .loc-row{grid-template-columns:48px 1fr}
  .loc-count{display:none}
  .story-large,.story-small{height:112vw;min-height:480px}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:10px}
}


/* WEA-inspired responsive refinements */
@media(max-width:1100px){
  .nav-left,.nav-right{gap:18px}
  .nav-left a:nth-child(3){display:none}
  .exclusive-card{flex-basis:calc((100vw - 9.4vw - 24px)/2)}
}
@media(max-width:700px){
  header.wea-header{height:78px}
  .nav-left a,.nav-right a{display:none}
  .nav{grid-template-columns:44px 1fr 44px}
  .nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end}
  .nav-left:before{content:''}
  .brand-wordmark{font-size:15px}
  .wea-hero{height:calc(88vh - 78px);min-height:560px}
  .hero-center{top:44%;width:88vw}
  .hero-center h1{font-size:31px;line-height:1.08}
  .hero-eyebrow{font-size:9px;margin-bottom:16px}
  .hero-bottom{bottom:30px;grid-template-columns:1fr;gap:0;width:calc(100% - 34px)}
  .hero-bottom a{display:none}.hero-bottom a:first-child{display:flex;justify-content:center}
  .exclusives{padding:72px 0 78px}
  .exclusive-track{gap:16px;padding:0 18px}
  .exclusive-card{flex-basis:calc(100vw - 54px)}
  .exclusive-image{height:64vw;min-height:280px}
  .exclusive-controls{margin-top:30px}
}