:root{
  --ivory:#fff9f0;
  --paper:#fffdf8;
  --ink:#2f2524;
  --soft:#6e5e59;
  --gold:#b58236;
  --sand:#ead7c5;
  --line:#d7bfa4;
  --plum:#6b3046;
  --rose:#c47d72;
  --olive:#465144;
}

body{
  background:
    radial-gradient(circle at 8% 12%,rgba(196,125,114,.10),transparent 23rem),
    var(--ivory);
}

.site-header{border-bottom-color:rgba(181,130,54,.35)}
.nav-contact{background:var(--plum);border-color:var(--plum);color:#fff}
.nav-contact:hover{background:var(--gold);border-color:var(--gold)}

.hero-editorial{
  display:block;
  position:relative;
  min-height:calc(100vh - 128px);
  overflow:hidden;
  background:var(--ink);
}
.hero-editorial .hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
}
.hero-editorial:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 20%,rgba(42,25,28,.12) 43%,rgba(42,25,28,.88) 74%,rgba(42,25,28,.96));
}
.hero-editorial .hero-copy{
  position:relative;
  z-index:1;
  margin-left:auto;
  width:min(51%,790px);
  padding:8.5vh 7% 7vh 3%;
  color:#fff9f0;
}
.hero-editorial .hero-copy h1{font-size:clamp(3.4rem,5.4vw,6.4rem)}
.hero-editorial .hero-copy h1 em{color:#e2bd7f}
.hero-editorial .intro{color:#f0dfd5;max-width:590px}
.hero-editorial .signature{color:#e8cfa6}
.hero-editorial .text-link{color:#fff}
.hero-editorial .button{background:#fff8ec;color:var(--ink);border-color:#fff8ec}
.hero-editorial .button:hover{background:#e5c58e;border-color:#e5c58e}

.difference{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:8%;
  padding:110px 7%;
  color:#fff;
  background:
    linear-gradient(135deg,rgba(107,48,70,.96),rgba(72,43,50,.98)),
    var(--plum);
}
.difference-intro>p:last-child{color:#ecdde0;max-width:560px}
.difference h2 em{color:#f0c987}
.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-self:center}
.difference-grid article{padding:28px 22px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.difference-grid strong{display:block;font:300 3.5rem "Cormorant Garamond",serif;color:#f0c987}
.difference-grid h3{font-size:1.65rem;margin-top:8px}
.difference-grid p{font-size:14px;color:#eadde0;margin-bottom:0}

.showcase{background:linear-gradient(180deg,#fffdf8,#f5e7db)}
.occasion>div{background:linear-gradient(transparent,rgba(68,32,44,.88))}
.occasion span{color:#f5d69d}

.savoir-faire{display:grid;grid-template-columns:1.06fr .94fr;background:var(--olive);color:#fff}
.work-image{min-height:760px;overflow:hidden}
.work-image img{width:100%;height:100%;object-fit:cover}
.work-copy{padding:95px 10%;align-self:center}
.work-copy h2 em{color:#efc986}
.work-steps{margin-top:48px;border-top:1px solid rgba(255,255,255,.22)}
.work-steps article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.work-steps span{font:italic 1.5rem "Cormorant Garamond",serif;color:#efc986}
.work-steps h3{font-size:1.7rem}
.work-steps p{color:#e0e6df;margin:7px 0 0;font-size:14px}

.events-home-teaser{background:linear-gradient(145deg,#372a28,#673647)}
.formulas{background:linear-gradient(135deg,#efdac7,#e8cfc2)}
.pack{box-shadow:0 18px 45px rgba(81,46,44,.08)}
.pack.featured{background:linear-gradient(160deg,var(--plum),#3d2a30)}
.options{background:linear-gradient(180deg,#fffdf8,#f7eee5)}
.about{background:linear-gradient(130deg,#eadbce,#f6e9df)}
.contact-section{background:linear-gradient(140deg,#332523,#653246)}
.contact-form{box-shadow:0 24px 65px rgba(20,10,12,.22)}
.direct-contact a[href^="mailto:"]{font-size:clamp(1.2rem,2.3vw,2rem);overflow-wrap:anywhere}
.events-hero-copy>p:last-child{font-size:18px;max-width:500px;color:#f3e6d8}
.house-info{background:linear-gradient(135deg,#e8d2c2,#f4e7dc)}
.house-cta{background:linear-gradient(145deg,#42302c,#74374f)}

@media(max-width:1050px){
  .hero-editorial .hero-copy{width:56%;padding-right:5%}
  .difference{grid-template-columns:1fr;gap:45px}
}

@media(max-width:760px){
  .hero-editorial{min-height:760px}
  .hero-editorial .hero-bg{height:340px;object-fit:cover;object-position:24% top;background:var(--ink)}
  .hero-editorial:after{background:linear-gradient(180deg,rgba(30,20,20,.05) 12%,rgba(42,25,28,.94) 63%,rgba(42,25,28,.98))}
  .hero-editorial .hero-copy{width:100%;padding:340px 7% 52px}
  .hero-editorial .hero-copy h1{font-size:3.7rem}
  .difference{padding:75px 7%}
  .difference-grid{grid-template-columns:1fr}
  .savoir-faire{grid-template-columns:1fr}
  .work-image{min-height:520px}
  .work-copy{padding:70px 7%}
}