/* WAI v4 · style: Liquid Glass + Glassmorphism (ui-ux-pro-max, Luxury/Premium Brand) · light theme · glass reserved for nav, hero panel, cards, form */
@import url("tokens.css");
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ivory);color:var(--black);scroll-behavior:smooth}
body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.55;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--font-serif);font-weight:500;line-height:1.02;margin:0;letter-spacing:-.005em}
em{font-style:italic;font-weight:400}
p{margin:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;z-index:99;background:var(--black);color:var(--white);padding:.75rem 1rem}
.skip:focus{left:1rem;top:1rem}
.wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-deep)}
.icon{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:0 1.6rem;font:600 .75rem/1 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--black);cursor:pointer;white-space:nowrap;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.btn--solid{background:var(--black);color:var(--white)}
.btn--solid:hover{background:var(--charcoal);border-color:var(--gold);color:var(--gold-light)}
.btn--line{background:transparent;color:var(--black)}
.btn--line:hover{background:var(--black);color:var(--white)}
.btn--onDark{border-color:var(--white);color:var(--white)}
.btn--onDark:hover{background:var(--white);color:var(--black)}
.btn .icon{width:18px;height:18px}
/* nav: slim glass bar over the hero */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.2);backdrop-filter:blur(var(--blur)) saturate(1.2);border-bottom:1px solid rgba(12,10,9,.08)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem;height:68px}
.nav .logo img{height:48px;width:auto}
.nav ul{display:flex;gap:2.25rem;list-style:none;margin:0;padding:0}
.nav ul a{font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;padding:.75rem 0;border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.nav ul a:hover{border-color:var(--gold);color:var(--gold-deep)}
.nav .acts{display:flex;align-items:center;gap:.5rem}
.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;transition:color var(--dur) var(--ease)}
.iconbtn:hover{color:var(--gold-deep)}
/* hero: full-bleed atmospheric image + white-to-transparent glass panel on the left */
.hero{position:relative;min-height:min(100vh,860px);display:flex;align-items:center;overflow:hidden;background:var(--charcoal)}
.hero__img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 30%,rgba(255,255,255,.35) 52%,rgba(255,255,255,0) 68%)}
.hero__panel{position:relative;z-index:2;padding-top:68px;max-width:640px}
.hero h1{font-size:clamp(3rem,1.6rem + 4.6vw,6.25rem);margin:1.4rem 0 1.4rem}
.hero h1 em{color:var(--gold-deep)}
.hero .lead{font-size:1.1rem;color:var(--stone);margin-bottom:2.4rem}
.btns{display:flex;flex-wrap:wrap;gap:.75rem}
.slot{position:absolute;z-index:2;right:14px;top:82px;font:500 10px/1 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7)}
/* trust strip: glass bar overlapping the hero edge */
.trust{position:relative;z-index:2;margin-top:-56px}
.trust ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid var(--glass-border);box-shadow:0 20px 50px -30px rgba(12,10,9,.45)}
.trust li{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.6rem 1rem;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.trust li+li{border-left:1px solid var(--rule)}
.trust .icon{color:var(--gold-deep)}
/* sections */
.sec{padding-block:clamp(4.5rem,8vw,7.5rem)}
.head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:3rem}
.head h2{font-size:clamp(2.4rem,1.6rem + 2.6vw,4rem)}
.head h2 em{color:var(--gold-deep)}
.tag{display:inline-block;font:600 .65rem/1 var(--font-sans);letter-spacing:.24em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold-deep);padding:.45rem .6rem}
.more{font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding:.6rem 0;cursor:pointer;transition:color var(--dur) var(--ease)}
.more:hover{color:var(--gold-deep)}
/* featured lots: glass cards over a soft warm field */
.lots{position:relative;background:linear-gradient(180deg,var(--ivory),#F6F2EA)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;list-style:none;margin:0;padding:0}
.card{display:flex;flex-direction:column;background:var(--glass);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 50px -36px rgba(12,10,9,.5);transition:box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.card:hover{border-color:var(--gold);box-shadow:0 30px 60px -34px rgba(12,10,9,.55)}
.card__img{position:relative;aspect-ratio:4/5;overflow:hidden;background:radial-gradient(90% 70% at 50% 35%,#FFFFFF,#ECE4D6)}
.card__img svg{position:absolute;left:50%;bottom:14%;height:62%;transform:translateX(-50%)}
.card__img span{position:absolute;left:.8rem;top:.8rem}
.card__body{padding:1.25rem 1.25rem 1.4rem;display:grid;gap:.35rem;flex:1}
.card .b{font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--stone)}
.card .f{font-family:var(--font-serif);font-size:1.7rem;font-weight:500;line-height:1.05}
.card .m{display:flex;justify-content:space-between;font-size:.85rem;color:var(--stone);font-variant-numeric:tabular-nums;margin:.3rem 0 1rem}
.card .btn{margin-top:auto;width:100%}
/* houses: names in serif only, no logos */
.houses{background:var(--white)}
.names{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.names li{font-family:var(--font-serif);font-size:clamp(1.3rem,1rem + .7vw,1.75rem);padding:1.15rem .25rem;border-bottom:1px solid var(--rule)}
/* desk: image backdrop + glass form card */
.desk{position:relative;overflow:hidden;background:var(--charcoal);color:var(--white)}
.desk__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(6px) brightness(.55);transform:scale(1.06)}
.desk .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:center}
.desk .eyebrow{color:var(--gold-light)}
.desk h2{font-size:clamp(2.6rem,1.6rem + 3vw,4.5rem);margin:1.1rem 0}
.desk h2 em{color:var(--gold-light)}
.desk p.lead{color:rgba(255,255,255,.82);margin-bottom:2rem;font-size:1.05rem}
.desk .btn--solid{background:var(--white);color:var(--black);border-color:var(--white)}
.desk .btn--solid:hover{background:var(--gold-light);border-color:var(--gold-light);color:var(--black)}
.desk .form .btn--solid{background:var(--black);color:var(--white);border-color:var(--black)}
.desk .form .btn--solid:hover{background:var(--charcoal);border-color:var(--gold);color:var(--gold-light)}
.form{display:grid;gap:1rem;padding:2.25rem;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid var(--glass-border);color:var(--black)}
.form label{display:grid;gap:.4rem;font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.form input,.form textarea{font:400 1rem/1.4 var(--font-sans);color:var(--black);background:var(--white);border:1px solid var(--rule);padding:.8rem .9rem;min-height:48px;width:100%;min-width:0;transition:border-color var(--dur) var(--ease)}
.form input:hover,.form textarea:hover{border-color:var(--stone)}
.form input:focus-visible,.form textarea:focus-visible{outline:3px solid var(--gold);outline-offset:0;border-color:var(--black)}
.form .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}
/* footer */
.ftr{background:var(--black);color:rgba(255,255,255,.75)}
.ftr .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:2.5rem;flex-wrap:wrap}
.ftr img{height:58px;width:auto}
.ftr ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0;font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.ftr ul a{display:inline-block;padding:.75rem 0;transition:color var(--dur) var(--ease)}
.ftr ul a:hover{color:var(--gold-light)}
.disc{border-top:1px solid rgba(255,255,255,.12);text-align:center;font-size:.78rem;padding:1.1rem var(--gutter);color:rgba(255,255,255,.6)}
.mbar{display:none}
@media (max-width:1024px){
  .nav ul{display:none}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .names{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero::before{background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.86) 55%,rgba(255,255,255,.4) 80%,rgba(255,255,255,.1) 100%)}
}
@media (max-width:900px){.desk .wrap{grid-template-columns:minmax(0,1fr);gap:2.5rem}}
@media (max-width:720px){
  .nav .wrap{height:60px}.nav .logo img{height:32px}.nav .acts .btn{display:none}
  .hero{min-height:auto;align-items:flex-end}
  .hero__img{position:relative;height:300px;inset:auto}
  .hero{flex-direction:column;align-items:stretch}
  .hero::before{display:none}
  .hero__panel{padding:1.75rem var(--gutter) 5.5rem;margin-top:-28px;background:linear-gradient(180deg,rgba(255,255,255,.72) 0,rgba(255,255,255,.96) 28px,var(--white) 80px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));max-width:none}
  .hero .wrap{padding:0;position:relative;z-index:2}
  .hero h1{font-size:3.1rem;margin:1rem 0}
  .hero .lead{margin-bottom:1.75rem}
  .btns .btn{flex:1 1 100%}
  .slot{top:72px}
  .trust{margin-top:-40px}
  .trust ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust li{flex-direction:column;text-align:center;gap:.5rem;padding:1.25rem .5rem;font-size:.66rem}
  .trust li:nth-child(3){border-left:0}
  .trust li:nth-child(n+3){border-top:1px solid var(--rule)}
  .head{flex-direction:column;align-items:flex-start;margin-bottom:2rem}
  .cards{gap:.9rem}
  .card__body{padding:1rem}
  .card .f{font-size:1.35rem}
  .card .m{flex-direction:column;gap:.1rem}
  .card .btn{padding:0 .5rem;letter-spacing:.14em}
  .names{grid-template-columns:repeat(2,minmax(0,1fr))}
  .names li{font-size:1.25rem}
  .desk .wrap{grid-template-columns:minmax(0,1fr);gap:2.25rem}
  .form{padding:1.4rem}
  .form .two{grid-template-columns:minmax(0,1fr)}
  .ftr .wrap{flex-direction:column;align-items:flex-start;gap:1.25rem}
  .ftr ul{flex-wrap:wrap;gap:0 1.5rem}
  .disc{padding-bottom:5.5rem}
  .mbar{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.6rem var(--gutter) calc(.6rem + env(safe-area-inset-bottom));background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-top:1px solid var(--rule)}
  .mbar .btn{padding:0 .6rem;letter-spacing:.14em}

}
@media (prefers-reduced-transparency:reduce){.nav,.trust ul,.card,.form,.mbar{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;scroll-behavior:auto!important}}

/* about: centred head, wide rounded banner with monogram, glass text card overlapping the banner */
.about{background:var(--ivory)}
.about__head{text-align:center;margin-bottom:2.5rem}
.about__head h2{font-size:clamp(2.4rem,1.6rem + 2.6vw,4rem);margin-top:.9rem}
.about__head h2 em{color:var(--gold-deep)}
.about__banner{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:8/3;background:var(--charcoal);box-shadow:0 30px 60px -40px rgba(12,10,9,.6)}
.about__banner > img:first-child{width:100%;height:100%;object-fit:cover}
.about__mark{position:absolute;left:1.25rem;top:1.25rem;width:52px;height:52px;border:1px solid rgba(202,138,4,.6);border-radius:4px}
.about__banner .slot{top:1.25rem;right:1.25rem}
.about__body{position:relative;z-index:2;max-width:880px;margin:-4.5rem auto 0;padding:2.5rem 3rem;text-align:center;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid rgba(202,138,4,.35);box-shadow:0 24px 50px -36px rgba(12,10,9,.5)}
.about__body h3{font-size:clamp(1.7rem,1.2rem + 1.2vw,2.3rem);margin-bottom:1.25rem}
.about__copy{display:grid;gap:.9rem;color:var(--stone);max-width:62ch;margin:0 auto 2rem}
.about .btns{justify-content:center}
@media (max-width:720px){
  .about__head{margin-bottom:1.75rem}
  .about__banner{aspect-ratio:4/3;border-radius:18px}
  .about__banner > img:first-child{object-position:50% 50%}
  .about__mark{width:40px;height:40px;left:.9rem;top:.9rem}
  .about__banner .slot{top:.9rem;right:.9rem}
  .about__body{margin:-2.5rem .5rem 0;padding:1.75rem 1.25rem;text-align:left}
  .about__copy{margin-bottom:1.5rem}
  .about .btns .btn{flex:1 1 100%}
}
@media (prefers-reduced-transparency:reduce){.about__body{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none}}
.about__body h3 em{color:var(--gold-deep)}
/* about v2: longer copy, two-column glass card */
.about__body{max-width:1080px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;text-align:left;padding:3rem 3.25rem}
.about__lead h3{font-size:clamp(2rem,1.3rem + 1.6vw,2.8rem);line-height:1.08;margin-bottom:2rem}
.about__lead .btns{justify-content:flex-start;flex-direction:column;align-items:stretch;max-width:300px}
.about__copy{margin:0;max-width:none;gap:1rem;font-size:1.02rem;line-height:1.7}
.about__copy p:first-child{color:var(--black)}
@media (max-width:900px){.about__body{grid-template-columns:minmax(0,1fr);gap:1.5rem}.about__lead .btns{max-width:none}.about__lead{display:contents}.about__lead h3{margin-bottom:0}.about__lead .btns{order:3}}
@media (max-width:720px){.about__body{padding:1.75rem 1.25rem;gap:1.25rem}.about__lead h3{font-size:1.9rem}.about__copy{font-size:1rem;line-height:1.65}}
.about__lead .btns{flex-wrap:nowrap}
.about__lead .btns .btn{flex:none;width:100%}

/* mission: black editorial band, centred serif statement, gold italic phrase, 3 pillars */
.mission{background:var(--black);color:var(--white);text-align:center;padding-block:clamp(5rem,9vw,8.5rem)}
.mission .eyebrow{color:var(--gold-light)}
.mission h2{max-width:30ch;margin:1.6rem auto 0;font-size:clamp(2rem,1.2rem + 2.2vw,3.25rem);line-height:1.14;font-weight:400}
.mission h2 em{color:var(--gold-light)}
.mission h2::after{content:"";display:block;width:64px;height:1px;background:var(--gold);margin:2.75rem auto 0}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;max-width:940px;margin:2.75rem auto 0;padding:0;list-style:none}
.pillars li{display:grid;justify-items:center;gap:.55rem}
.pillars .icon{width:32px;height:32px;color:var(--gold)}
.pillars h3{font-size:1.65rem;font-weight:500}
.pillars p{color:rgba(255,255,255,.72);font-size:.95rem}
@media (max-width:720px){.mission h2{font-size:1.85rem;max-width:none}.pillars{grid-template-columns:minmax(0,1fr);gap:1.75rem}}
.form__note{font-size:.78rem;color:var(--stone);margin-top:-.25rem}