@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap');
:root{--ink:#121212;--ink2:#0B0B0B;--bord:#5B1A24;--bord2:#3A0F17;--gold:#C9A96E;--gold-l:#E8D3A2;--gold-d:#9C7A42;--ivory:#F5EFE6;--stone:#9A9086;--line:rgba(201,169,110,.28);
--gg:linear-gradient(115deg,#9C7A42 0%,#E8D3A2 38%,#C9A96E 55%,#F3E3BC 70%,#9C7A42 100%)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Jost,Helvetica,sans-serif;font-weight:300;color:var(--ivory);background:var(--ink);line-height:1.85;letter-spacing:.01em;-webkit-font-smoothing:antialiased}
.grain{pointer-events:none;position:fixed;inset:0;z-index:100;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none;transition:color .4s}
p{color:rgba(245,239,230,.82)}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;line-height:1.04;letter-spacing:-.015em;color:var(--ivory)}
h1{font-size:clamp(3.2rem,8vw,7rem)}
h2{font-size:clamp(2.4rem,5vw,4.2rem);margin-bottom:1.6rem}
h3{font-size:1.9rem;font-weight:400;margin-bottom:.6rem}
h2::after{content:"";display:block;width:64px;height:1px;background:var(--gg);margin-top:1.6rem}
[style*="text-align:center"] h2::after{margin-left:auto;margin-right:auto}
.eyebrow{font-variant:small-caps;text-transform:lowercase;letter-spacing:.42em;font-size:.95rem;color:var(--gold);font-weight:400;margin-bottom:1.6rem;display:inline-flex;align-items:center;gap:1rem}
.eyebrow::before{content:"";width:36px;height:1px;background:var(--gg)}
header{position:sticky;top:0;z-index:50;background:rgba(11,11,11,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;justify-content:space-between;align-items:center;padding:1.5rem 6vw;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:1rem;font-family:'Cormorant Garamond',serif;font-size:1.3rem;letter-spacing:.42em;font-weight:500;background:var(--gg);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand img{height:38px}
nav a{margin-left:2.4rem;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(245,239,230,.7);position:relative;padding-bottom:4px}
nav a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);transition:width .5s}
nav a:hover{color:var(--gold-l)}nav a:hover::after{width:100%}
.menu{display:none}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:8rem 8vw;background:linear-gradient(90deg,rgba(11,11,11,.96) 0%,rgba(11,11,11,.7) 45%,rgba(11,11,11,.35) 100%),url(img/ac-hero.jpg) center/cover;background-color:var(--ink);filter:saturate(.75)}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.65) 100%),linear-gradient(180deg,transparent 70%,var(--ink) 100%);pointer-events:none}
.hero>div{position:relative;z-index:1;max-width:60rem}
.hero.small{min-height:62vh;padding-top:10rem}
.hero p{max-width:34rem;font-size:1.12rem;margin:2.2rem 0 3rem}
.btn{display:inline-block;padding:1.15rem 2.6rem;border:1px solid var(--gold);color:var(--gold-l);letter-spacing:.34em;text-transform:uppercase;font-size:.7rem;font-weight:400;font-family:Jost,sans-serif;background:transparent;cursor:pointer;transition:all .5s;margin:.3rem 0}
.btn:hover{background:rgba(201,169,110,.1);letter-spacing:.38em}
.btn.solid{background:var(--gg);background-size:200% 100%;color:var(--ink2);border-color:transparent;font-weight:500}
.btn.solid:hover{background-position:100% 0}
section{padding:10rem 8vw;position:relative}
section+section{border-top:1px solid var(--line)}
.dark{background:var(--ink2)}
.bord{background:radial-gradient(ellipse at top,var(--bord) 0%,var(--bord2) 100%);padding:11rem 8vw}
.bord p{color:rgba(245,239,230,.85)}
.grid{display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{border:1px solid var(--line);padding:3.2rem 2.8rem;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));position:relative;transition:border-color .6s,transform .6s}
.card::before{content:"";position:absolute;top:-1px;left:2.8rem;width:48px;height:1px;background:var(--gg)}
.card:hover{border-color:rgba(201,169,110,.6);transform:translateY(-4px)}
.card.feat{background:linear-gradient(180deg,var(--bord) 0%,var(--bord2) 100%);border-color:rgba(201,169,110,.55)}
.card .price{font-family:'Cormorant Garamond',serif;font-size:3.4rem;font-weight:300;background:var(--gg);-webkit-background-clip:text;background-clip:text;color:transparent;margin:.4rem 0}
.card .price small{font-size:1rem;letter-spacing:.1em}
.card ul{list-style:none;margin-top:1.6rem}.card li{padding:.7rem 0;border-bottom:1px solid var(--line);color:rgba(245,239,230,.8)}
.card li::before{content:"\2014";color:var(--gold);margin-right:.8rem}
.photo{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;margin-bottom:2rem;filter:grayscale(.35) sepia(.25) contrast(1.05) brightness(.82);outline:1px solid var(--line);outline-offset:12px;transition:filter 1s}
.photo:hover{filter:grayscale(0) sepia(.1) brightness(.95)}
.grid .photo{aspect-ratio:3/4}
.lead{max-width:44rem;font-size:1.2rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:center}
.stats{display:flex;gap:5rem;flex-wrap:wrap;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--line);font-variant:small-caps;letter-spacing:.2em;color:var(--stone)}
.stats b{display:block;font-family:'Cormorant Garamond',serif;font-size:4.2rem;font-weight:300;letter-spacing:0;background:var(--gg);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
form{display:grid;gap:1.6rem;max-width:42rem;margin:0 auto}
input,select,textarea{font:inherit;color:var(--ivory);padding:1.1rem .2rem;border:0;border-bottom:1px solid var(--line);background:transparent;outline:none;transition:border-color .4s}
input:focus,select:focus,textarea:focus{border-bottom-color:var(--gold)}
select option{background:var(--ink)}::placeholder{color:var(--stone)}
.note{font-size:.82rem;color:var(--stone);letter-spacing:.02em}
.orn{display:flex;align-items:center;justify-content:center;gap:2rem;padding:5rem 8vw 3rem;background:var(--ink2)}
.orn span{height:1px;width:min(22vw,220px);background:var(--gg)}.orn img{height:44px;opacity:.9}
footer{background:var(--ink2);color:var(--stone);padding:2rem 8vw 4rem;font-size:.74rem;letter-spacing:.14em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.4rem;text-transform:uppercase}
footer .brand{font-size:1rem}footer a:hover{color:var(--gold)}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity 1.4s cubic-bezier(.2,.7,.2,1),transform 1.4s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:800px){nav{display:none}.menu{display:block;color:var(--gold);letter-spacing:.3em;font-size:.7rem;text-transform:uppercase;border:1px solid var(--line);padding:.6rem 1rem}
header{padding:1.1rem 6vw}.brand{font-size:1rem;letter-spacing:.3em}.brand img{height:30px}
.split{grid-template-columns:1fr;gap:3.5rem}section{padding:6.5rem 7vw}.bord{padding:7rem 7vw}.hero{padding:7rem 7vw}.stats{gap:2.5rem}.card{padding:2.6rem 2rem}footer{flex-direction:column}}
.hero{min-height:min(100vh,1000px)}.hero.small{min-height:min(62vh,620px)}
.hero>div{animation:rise 1.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hero p{color:rgba(245,239,230,.88)}