
:root{
  --bg:#f5f0e7; --ink:#161616; --muted:#706a61; --line:rgba(22,22,22,.14);
  --soft:#e8dfd2; --accent:#2d56ff; --available:#236846; --sold:#8c3d31;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
img{width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),92vw);margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(245,240,231,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center}.brand img{display:block;width:72px;height:72px;object-fit:cover}
.navlinks{display:flex;gap:24px;font-size:.88rem}
.navlinks a:hover,.navlinks a.active{opacity:.55}
.hero{padding:74px 0 92px;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center}
.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;color:var(--muted);margin-bottom:20px}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}
h1{font-size:clamp(4.3rem,9vw,9.4rem);line-height:.84;margin-bottom:28px}
h2{font-size:clamp(2.9rem,5.4vw,5.5rem);line-height:.94;margin-bottom:24px}
h3{font-size:1rem;margin-bottom:6px}
.lead{font-size:1.08rem;color:var(--muted);max-width:580px;margin-bottom:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);text-transform:uppercase;letter-spacing:.11em;font-size:.73rem;font-weight:750;transition:.2s}
.btn:hover{transform:translateY(-2px);opacity:.82}.btn.alt{background:transparent;color:var(--ink)}
.hero-img{min-height:640px;background:var(--soft);overflow:hidden;position:relative}
.hero-img img{height:100%;min-height:640px;object-fit:cover}
.badge{position:absolute;right:22px;bottom:22px;background:var(--accent);color:white;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;text-align:center;text-transform:uppercase;font-size:.68rem;line-height:1.35;font-weight:800;letter-spacing:.1em;transform:rotate(7deg)}
section{padding:104px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:end;margin-bottom:46px}.section-head p{color:var(--muted);max-width:540px;margin:0}
.collections{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.collection-card{position:relative;min-height:520px;overflow:hidden;background:var(--soft)}.collection-card img{height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .5s}.collection-card:hover img{transform:scale(1.025)}.shade{position:absolute;inset:0;background:linear-gradient(transparent 38%,rgba(0,0,0,.72))}.collection-copy{position:absolute;left:28px;right:28px;bottom:25px;color:white}.collection-copy h3{font-family:Georgia,serif;font-size:2.5rem;font-weight:400;margin:0 0 6px}.collection-copy p{margin:0;color:#e7e7e7}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.piece{grid-column:span 4}.piece.wide{grid-column:span 8}.visual{aspect-ratio:4/5;overflow:hidden;background:var(--soft)}.wide .visual{aspect-ratio:16/10}.visual img{height:100%;object-fit:cover;transition:transform .45s}.piece:hover img{transform:scale(1.025)}.meta{padding-top:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.meta p{font-size:.86rem;color:var(--muted);margin:2px 0 0}.status{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.status.available{color:var(--available)}.status.sold{color:var(--sold)}
.banner{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.split-img{aspect-ratio:4/5;overflow:hidden;background:var(--soft)}.split-img img{height:100%;object-fit:cover}.split p{color:var(--muted);max-width:570px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.fact{border-top:1px solid var(--line);padding-top:12px}.fact b{display:block;font-size:1.1rem}.fact span{font-size:.8rem;color:var(--muted)}
.pagehead{padding:88px 0 52px}.pagehead h1{font-size:clamp(3.8rem,8vw,8rem)}.pagehead p{max-width:620px;color:var(--muted);font-size:1.05rem}
.cta{text-align:center}.cta h2{max-width:900px;margin-left:auto;margin-right:auto}.cta p{max-width:650px;margin:0 auto 30px;color:var(--muted)}
.contact{background:#161616;color:#f5f0e7}.contact .kicker,.contact p{color:#bdb8af}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.mail{display:inline-block;margin-top:18px;border-bottom:1px solid currentColor}
form{display:grid;gap:16px}input,textarea,select{width:100%;border:0;border-bottom:1px solid #494949;background:transparent;color:white;padding:14px 0;font:inherit;outline:none}select{color:#d2d2d2}option{color:#111}textarea{min-height:132px;resize:vertical}button{justify-self:start;border:0;cursor:pointer}
footer{background:#161616;color:#888;border-top:1px solid #333;padding:28px 0;font-size:.8rem}.footer{display:flex;justify-content:space-between;gap:20px}
.note{padding:18px 20px;border:1px solid var(--line);color:var(--muted);font-size:.9rem}
@media(max-width:850px){
  .navlinks{display:none}.hero,.section-head,.split,.contact-grid{grid-template-columns:1fr}.hero{padding-top:48px}.hero-img,.hero-img img{min-height:470px}
  .collections{grid-template-columns:1fr}.collection-card{min-height:430px}.piece,.piece.wide{grid-column:span 12}.visual,.wide .visual{aspect-ratio:4/5}
  .facts{grid-template-columns:1fr}section{padding:76px 0}.pagehead{padding-top:62px}.footer{flex-direction:column}
}

@media(max-width:850px){
  .brand img{width:62px;height:62px}
}

.brand-showcase{padding-top:62px;padding-bottom:0}
.brand-showcase img{width:min(280px,65vw);margin:auto}

.status.order{color:#8a5a16}

.social-links{display:flex;gap:16px;flex-wrap:wrap}.social-links a{border-bottom:1px solid currentColor}

.menu-toggle{
  display:none;
  border:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
}
@media(max-width:850px){
  .menu-toggle{display:block}
  .nav{position:relative}
  .navlinks{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:var(--bg);
    border-bottom:1px solid var(--line);
    padding:20px 4vw 24px;
    flex-direction:column;
    gap:18px;
  }
  .navlinks.open{display:flex}
}

.breadcrumbs{
  padding-top:28px;
  font-size:.78rem;
  color:var(--muted);
}
.breadcrumbs a{border-bottom:1px solid transparent}
.breadcrumbs a:hover{border-color:currentColor}
.seo-copy{
  max-width:850px;
  margin-top:34px;
  color:var(--muted);
}
.seo-copy p{margin-bottom:16px}
.seo-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.seo-links a{
  display:inline-flex;
  padding:10px 14px;
  border:1px solid var(--line);
  font-size:.82rem;
}
.seo-links a:hover{background:var(--ink);color:var(--bg)}
