:root{
  --ink:#100d0b;
  --ink-2:#18120e;
  --cream:#f5eee2;
  --cream-2:#eadfcd;
  --gold:#d5a66a;
  --gold-soft:#e6c997;
  --white:#fffaf1;
  --muted:#c9bba7;
  --serif:"EB Garamond","GFS Didot","Iowan Old Style",Baskerville,Georgia,"Times New Roman",serif;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --max:1440px;
  --gutter:clamp(22px,4.4vw,72px);
  --section-y:clamp(72px,8vw,132px);
  --radius:14px;
  --header-h:76px;
}

@property --gradient-angle {
  syntax:"<angle>";
  initial-value:0deg;
  inherits:false;
}
@property --gradient-angle-offset {
  syntax:"<angle>";
  initial-value:0deg;
  inherits:false;
}
@property --gradient-percent {
  syntax:"<percentage>";
  initial-value:5%;
  inherits:false;
}
@property --gradient-shine {
  syntax:"<color>";
  initial-value:#fff7e8;
  inherits:false;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--white);background:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
section,footer{scroll-margin-top:var(--header-h)}
a{color:inherit;text-decoration:none}
button,a{touch-action:manipulation}
:focus-visible{outline:2px solid var(--gold-soft);outline-offset:4px}
.skip-link{position:fixed;top:10px;left:10px;z-index:9999;background:var(--white);color:var(--ink);padding:10px 14px;transform:translateY(-160%);transition:transform .15s}
.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto 0;height:var(--header-h);padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:50;border-bottom:1px solid rgba(255,255,255,.12);transition:background .25s,border-color .25s,backdrop-filter .25s}
.site-header.is-scrolled,.site-header.menu-open{background:rgba(15,12,10,.93);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.07)}
.brand{justify-self:start;display:flex;min-height:44px;justify-content:center;flex-direction:column;font-family:var(--serif);font-weight:600;line-height:.72;font-size:22px;letter-spacing:-.02em;text-shadow:0 1px 20px rgba(0,0,0,.35)}
.brand span:last-child{font-size:18px;letter-spacing:.01em}
.desktop-nav{display:flex;gap:clamp(22px,3vw,42px);font-size:13px;letter-spacing:.01em}
.desktop-nav a,.footer-bar nav a{position:relative;padding:8px 0}
.desktop-nav a::after,.footer-bar nav a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:currentColor;transition:right .2s}
.desktop-nav a:hover::after,.footer-bar nav a:hover::after{right:0}
.header-cta{justify-self:end;border:1px solid rgba(255,255,255,.72);min-height:42px;padding:10px 24px;border-radius:999px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s}

.menu-toggle,.mobile-menu{display:none}
.hero{position:relative;min-height:clamp(620px,74vh,820px);display:grid;place-items:end center;isolation:isolate;overflow:hidden}
.hero-media{position:absolute;inset:-3% 0 0;width:100%;height:106%;object-fit:cover;object-position:center 44%;z-index:-3;will-change:transform}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(6,5,4,.28) 0%,rgba(7,5,4,.06) 43%,rgba(6,5,4,.72) 88%,rgba(6,5,4,.91) 100%),linear-gradient(90deg,rgba(6,5,4,.25),transparent 38%,rgba(6,5,4,.24))}
.hero-copy{text-align:center;padding:0 var(--gutter) clamp(50px,7vh,86px);max-width:920px}
.hero-kicker{text-transform:uppercase;letter-spacing:.35em;font-size:11px;margin:0 0 12px;color:rgba(255,250,241,.85)}
.hero h1{font-family:var(--serif);font-size:clamp(52px,5.4vw,80px);font-weight:500;line-height:.83;letter-spacing:.06em;text-transform:uppercase;margin:0 0 28px;text-shadow:0 4px 26px rgba(0,0,0,.4)}
.hero-note{position:absolute;right:4.8%;top:29%;width:clamp(190px,18vw,310px);height:auto;opacity:.86;filter:brightness(0) invert(1)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 26px;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:.01em;transition:transform .18s,background .18s,color .18s,border-color .18s}

.button--light{background:var(--white);color:var(--ink);box-shadow:0 7px 28px rgba(0,0,0,.16)}
.button--outline{border:1px solid rgba(255,255,255,.72);color:var(--white);background:rgba(15,12,10,.16)}

.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:14px;color:var(--gold-soft);margin:0 0 16px}
.eyebrow--dark{color:#6a4b2c}
.signatures{background:#f4ecdf url('assets/img/fond-ivoire.webp') center/cover;color:var(--ink);overflow:hidden}
.signature-stage{position:relative;display:grid}
.signature-product{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}
.signature-product-image{position:absolute;max-width:none;filter:drop-shadow(0 18px 20px rgba(78,45,22,.16))}
.signature-annotation{position:absolute;height:auto;object-fit:contain;pointer-events:none}
.signature-copy{position:relative;z-index:4}
.signature-copy h2,.daily-copy h2,.addresses-heading h2,.house-copy h2,.seasonal-card h2,.news-panel h2,.footer-copy h2{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;margin:0;line-height:.9}
.signature-copy p:not(.eyebrow){font-family:var(--serif);color:#3c3026;margin:0}
.text-link{display:inline-flex;min-height:44px;align-items:center;gap:16px;border-bottom:1px solid rgba(23,17,12,.32);padding:8px 0;font-size:13px}
.daily{position:relative;min-height:350px;display:grid;grid-template-columns:32% 28% 40%;background:#0e0b08;overflow:hidden}
.daily-media{background:url('assets/img/pains-sombre.webp') center/cover no-repeat;position:relative}
.daily-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,#0e0b08 100%)}
.daily-copy{padding:58px 22px 56px clamp(28px,4vw,68px);align-self:center;position:relative;z-index:2}
.daily-copy h2{font-size:clamp(42px,4vw,64px);margin-bottom:18px}
.daily-copy p:not(.eyebrow){max-width:410px;color:#e4d7c7;font-family:var(--serif);font-size:17px;line-height:1.35;margin:0 0 24px}
.daily-icons{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:14px;padding:50px clamp(30px,4vw,74px) 42px 24px}
.daily-icon{text-align:center;color:#eee1d2;font-size:13px;line-height:1.25}
.daily-icon img{width:80px;height:80px;object-fit:contain;margin:0 auto 10px;filter:saturate(.75) brightness(1.1)}
.addresses{position:relative;background:#110d0a;overflow:hidden;min-height:610px}
.addresses-bread{position:absolute;right:-4%;top:-12%;width:58%;height:70%;background:url('assets/img/pains-sombre.webp') right top/cover no-repeat;opacity:.98;mask-image:linear-gradient(180deg,#000 66%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 66%,transparent 100%)}
.addresses-inner{position:relative;max-width:var(--max);margin:auto;padding:72px var(--gutter) 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);gap:42px;min-height:610px}
.addresses-heading{max-width:520px;position:relative;z-index:3}
.addresses-heading h2{font-size:clamp(48px,4.5vw,70px);margin-bottom:18px}
.addresses-heading>p:last-child{font-family:var(--serif);font-size:17px;max-width:430px;color:#e7d9c8;margin:0}
.address-cards{position:absolute;left:var(--gutter);bottom:54px;display:grid;grid-template-columns:repeat(2,minmax(220px,300px));gap:18px;z-index:5}
.address-card{background:#f7f2eb;color:#16120f;border-radius:10px;overflow:hidden;box-shadow:0 18px 38px rgba(0,0,0,.32)}
.address-card-copy{padding:14px 16px 12px;display:flex;flex-direction:column;line-height:1.15}
.address-card-copy strong{font-size:14px}.address-card-copy span{font-size:13px;margin-top:3px}
.address-card>img{width:100%;height:145px;object-fit:cover}
.address-card a{margin:0 auto 14px;transform:translateY(-13px);display:flex;width:max-content;align-items:center;gap:20px;background:white;border:1px solid #e1d9cf;border-radius:999px;padding:9px 18px;font-size:12px;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.addresses-map{position:relative;align-self:end;justify-self:end;width:min(100%,520px);aspect-ratio:1/1;z-index:2;transform:translateY(22px)}
.map-disc{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;opacity:.55;filter:saturate(.5) brightness(.88)}
.map-cathedral{position:absolute;right:3%;bottom:4%;width:24%;filter:saturate(.5) brightness(.92);opacity:.58}
.map-note{position:absolute;right:7%;top:23%;width:30%;filter:none;opacity:.58}
.house{display:grid;grid-template-columns:44% 56%;min-height:430px;background:#100d0b;overflow:hidden}
.house-copy{padding:70px var(--gutter);align-self:center}
.house-copy h2{font-size:clamp(44px,4.1vw,64px);margin-bottom:18px}
.house-copy>p:not(.eyebrow){font-family:var(--serif);font-size:18px;line-height:1.35;color:#eaded0;max-width:600px;margin:0 0 25px}
.house-media{position:relative;min-height:430px;overflow:hidden}
.house-media>img:first-child{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.house-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#100d0b 0%,rgba(16,13,11,.28) 34%,transparent 65%)}
.house-flour{position:absolute;left:6%;top:2%;width:55%;opacity:.24;mix-blend-mode:screen}
.house-note{position:absolute;right:5%;bottom:18%;width:28%;z-index:2;filter:none;opacity:.72}
.news-grid{display:grid;grid-template-columns:63% 37%;min-height:390px}
.seasonal{position:relative;overflow:hidden;min-height:390px}
.seasonal-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.seasonal::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,8,5,.1),rgba(12,8,5,.12))}
.seasonal-card{position:absolute;z-index:2;right:6%;top:50%;transform:translateY(-50%);width:min(340px,42%);background:#fbf8f3;color:var(--ink);padding:30px 34px 26px;box-shadow:0 16px 40px rgba(0,0,0,.15)}
.seasonal-card h2{font-size:42px;margin-bottom:12px}
.seasonal-card>p:not(.eyebrow){font-family:var(--serif);font-size:16px;line-height:1.25;margin:0 0 14px}
.news-panel{background:#f4ede3;color:var(--ink);padding:42px clamp(32px,4vw,60px);display:flex;flex-direction:column;justify-content:center;gap:20px}
.news-panel h2{font-size:42px}
.news-body{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:22px;align-items:center}
.news-body img{width:100%;height:150px;object-fit:cover;object-position:center 54%;border-radius:4px}
.news-body p{font-family:var(--serif);font-size:16px;line-height:1.28;margin:0}
.footer{background:#090706}
.footer-scene{position:relative;min-height:355px;display:grid;place-items:center;overflow:hidden}
.footer-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.footer-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,4,.45),rgba(6,5,4,.12) 48%,rgba(6,5,4,.42)),linear-gradient(180deg,rgba(8,6,5,.15),rgba(8,6,5,.35))}
.footer-copy{position:relative;z-index:2;text-align:center;padding:48px var(--gutter)}
.footer-brand{font-family:var(--serif);font-size:23px;margin:0 0 8px}
.footer-copy h2{font-size:clamp(38px,3.8vw,58px);margin-bottom:23px}
.footer-note{position:absolute;right:6%;top:16%;width:150px;z-index:2;filter:none;opacity:.72}
.footer-medallion{position:absolute;right:8%;bottom:12%;width:78px;height:78px;object-fit:contain;z-index:2;opacity:.92}
.footer-bar{height:92px;max-width:var(--max);margin:auto;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.12)}
.brand--footer{font-size:18px}.brand--footer span:last-child{font-size:15px}
.footer-bar nav{display:flex;gap:28px;font-size:12px;color:#d6cbbd}
.footer-round-link{justify-self:end;width:44px;height:44px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center}

@media (max-width:1100px){
  :root{--gutter:clamp(28px,4vw,48px)}
  .desktop-nav{gap:20px}.header-cta{padding-inline:18px}
  .daily{grid-template-columns:31% 34% 35%}.daily-icons{grid-template-columns:repeat(2,1fr);padding:35px 35px 30px 10px}.daily-icon img{width:68px;height:68px}
  .addresses-inner{grid-template-columns:1fr 430px}.address-cards{grid-template-columns:repeat(2,250px)}
  .footer-note{width:200px}
}
@media (max-width:820px){
  :root{--header-h:68px;--gutter:24px}
  .site-header{grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.menu-toggle{display:grid;width:44px;height:44px;padding:10px;border:0;background:transparent;justify-self:end;align-content:center;gap:5px}.menu-toggle span{display:block;width:23px;height:1.5px;background:#fff;transition:transform .2s,opacity .2s}.site-header.menu-open .menu-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .mobile-menu{position:absolute;left:0;right:0;top:var(--header-h);background:rgba(15,12,10,.98);padding:24px var(--gutter) 30px;display:grid;gap:4px;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px rgba(0,0,0,.28)}.mobile-menu[hidden]{display:none}.mobile-menu a{font-family:var(--serif);font-size:26px;padding:9px 0}.mobile-menu .mobile-menu-cta{font-family:var(--sans);font-size:14px;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:11px 18px;margin-top:14px;text-align:center}

  .eyebrow{font-size:14px;letter-spacing:.18em}
  .button{font-size:14px}
  .daily-icon{font-size:14px}
  .address-card-copy strong{font-size:15px}.address-card-copy span{font-size:14px}.address-card a{font-size:14px;min-height:44px;padding:10px 18px}
  .daily{display:block;min-height:520px;padding:0}.daily-media{position:absolute;inset:0;background-position:68% center;opacity:.58}.daily-media::after{background:linear-gradient(180deg,rgba(14,11,8,.38),#0e0b08 82%)}.daily-copy{padding:70px var(--gutter) 36px;max-width:520px}.daily-copy h2{font-size:54px}.daily-copy p:not(.eyebrow){font-size:17px}.daily-icons{position:relative;grid-template-columns:repeat(4,1fr);padding:14px var(--gutter) 50px;gap:10px}.daily-icon img{width:60px;height:60px}.daily-icon{font-size:10px}
  .addresses{min-height:auto}.addresses-bread{width:100%;height:380px;right:0;top:0;opacity:.72}.addresses-inner{display:block;padding:64px var(--gutter) 70px;min-height:auto}.addresses-heading{max-width:520px;min-height:300px}.addresses-heading h2{font-size:54px}.address-cards{position:relative;left:auto;bottom:auto;grid-template-columns:1fr;gap:18px;margin-top:28px}.address-card>img{height:220px}.addresses-map{width:min(100%,480px);margin:44px auto 0;transform:none}.map-note{top:14%;width:50%}
  .house{display:block}.house-copy{padding:64px var(--gutter) 40px}.house-copy h2{font-size:50px}.house-media{min-height:380px}.house-media::after{background:linear-gradient(180deg,#100d0b 0%,transparent 35%)}.house-note{width:44%;right:4%;bottom:10%}
  .news-grid{display:block}.seasonal,.news-panel{min-height:400px}.seasonal-card{right:auto;left:var(--gutter);width:min(360px,calc(100% - 48px))}.news-panel{padding:56px var(--gutter)}.news-body{grid-template-columns:150px 1fr}
  .footer-scene{min-height:390px}.footer-note{right:2%;top:4%;width:180px}.footer-medallion{right:6%;bottom:10%;width:75px;height:75px}.footer-bar{height:auto;padding-top:28px;padding-bottom:28px;grid-template-columns:1fr auto}.footer-bar nav{display:none}
}
@media (max-width:480px){
  :root{--gutter:21px;--header-h:66px}
  .brand{font-size:20px}.brand span:last-child{font-size:16px}
  .hero{min-height:640px}.hero-copy{padding-bottom:0}.hero h1{font-size:39px;margin-bottom:110px}.hero-note{width:180px;top:auto;bottom:80px}.button{min-height:46px;padding:11px 22px;font-size:14px}
  .daily{min-height:535px}.daily-copy{padding-top:62px}.daily-copy h2{font-size:49px}.daily-icons{grid-template-columns:repeat(2,1fr);padding-bottom:42px}.daily-icon img{width:58px;height:58px}.daily-icon{font-size:11px}
  .addresses-heading{min-height:280px}.addresses-heading h2{font-size:46px}.address-card>img{height:180px}.addresses-map{margin-top:28px}.map-cathedral{width:31%}.map-note{width:40%;right:5%;top:18%}
  .house-copy h2{font-size:44px}.house-media{min-height:330px}.house-note{width:40%;right:4%;bottom:12%}
  .seasonal,.news-panel{min-height:380px}.seasonal-card{padding:25px 24px}.seasonal-card h2,.news-panel h2{font-size:38px}.news-body{grid-template-columns:120px 1fr}.news-body img{height:140px}
  .footer-copy h2{font-size:40px}.footer-brand{font-size:20px}.footer-note{width:105px;top:8%;right:2%;opacity:.65}.footer-medallion{width:58px;height:58px;right:5%}.footer-bar{padding-inline:var(--gutter)}
}
@media (max-width:350px){
  :root{--gutter:18px}.hero h1{font-size:35px}.hero-note{width:160px}.signature-copy h2{font-size:43px}.daily-copy h2{font-size:44px}.addresses-heading h2{font-size:42px}.news-body{grid-template-columns:1fr}.news-body img{height:170px}.footer-copy h2{font-size:35px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-media{transform:none!important}.button,.button::before,.button::after,.header-cta,.header-cta::before,.header-cta::after,.address-card a,.address-card a::before,.address-card a::after{animation:none!important}
}

/* Desktop composition and interactions */
@keyframes gradient-angle{to{--gradient-angle:360deg}}
@keyframes maison-button-shimmer{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes maison-button-breathe{0%,100%{box-shadow:inset 0 -1ex 2rem 4px rgba(213,166,106,.12)}50%{box-shadow:inset 0 -1ex 2.35rem 7px rgba(240,215,168,.28)}}
@media (min-width:821px){
  .hero{min-height:100vh;height:100vh;place-items:end center}
  .hero-media{inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
  .hero h1{font-size:clamp(48px,4.7vw,70px);line-height:.88;letter-spacing:.055em}
  .hero-copy{padding-bottom:clamp(54px,6.5vh,86px)}
  .hero-kicker{margin-bottom:10px;letter-spacing:.31em}
  .hero-note{width:clamp(180px,16vw,250px);right:5.5%;top:30%;opacity:.9}
  .button,.header-cta,.address-card a{
    --shiny-cta-bg:#100d0b;
    --shiny-cta-bg-subtle:#241b14;
    --shiny-cta-fg:#fffaf1;
    --shiny-cta-highlight:#c99550;
    --shiny-cta-highlight-subtle:#f1d7a7;
    --gradient-angle:0deg;
    --gradient-angle-offset:0deg;
    --gradient-percent:5%;
    --gradient-shine:#fff8ea;
    --duration:3.4s;
    --button-rest-y:0px;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    cursor:pointer;
    border:1px solid transparent;
    border-radius:999px;
    color:var(--shiny-cta-fg);
    transform:translateY(var(--button-rest-y)) scale(1);
    background:
      linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,
      conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent)*2),var(--shiny-cta-highlight) calc(var(--gradient-percent)*3),transparent calc(var(--gradient-percent)*4)) border-box;
    box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle),0 10px 28px rgba(0,0,0,.18);
    transition:
      --gradient-angle-offset 800ms cubic-bezier(.25,1,.5,1),
      --gradient-percent 800ms cubic-bezier(.25,1,.5,1),
      --gradient-shine 800ms cubic-bezier(.25,1,.5,1),
      transform 160ms cubic-bezier(.2,.8,.2,1),
      box-shadow 260ms ease;
    animation:gradient-angle var(--duration) linear infinite;
  }
  .button{min-height:46px;padding:10px 24px;gap:14px;font-size:13px;font-weight:500;letter-spacing:.015em}
  .header-cta{min-height:40px;padding:8px 24px;font-size:13px;letter-spacing:.015em;backdrop-filter:blur(10px)}
  .address-card a{--shiny-cta-bg:#fffaf1;--shiny-cta-bg-subtle:#e8dccb;--shiny-cta-fg:#24170d;--shiny-cta-highlight:#b77b36;--shiny-cta-highlight-subtle:#e3bd7b;--gradient-shine:#fffdf8;--button-rest-y:-13px;margin:0 auto 14px;display:flex;width:max-content;align-items:center;gap:18px;padding:9px 18px;font-size:12px;box-shadow:inset 0 0 0 1px #eadfce,0 8px 20px rgba(54,34,18,.12)}
  .button::before,.header-cta::before,.address-card a::before{
    content:"";pointer-events:none;position:absolute;inset:3px;border-radius:inherit;z-index:-1;
    background:radial-gradient(circle at 2px 2px,rgba(255,250,241,.58) .55px,transparent .75px) padding-box;
    background-size:4px 4px;
    mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),#000,transparent 10% 90%,#000);
    opacity:.28;
    animation:gradient-angle var(--duration) linear infinite;
  }
  .button::after,.header-cta::after,.address-card a::after{
    content:"";pointer-events:none;position:absolute;left:50%;top:50%;width:145%;aspect-ratio:1;z-index:-1;
    background:linear-gradient(-50deg,transparent 38%,color-mix(in srgb,var(--shiny-cta-highlight) 78%,transparent) 50%,transparent 62%);
    mask-image:radial-gradient(circle at bottom,transparent 38%,#000 70%);
    opacity:.48;
    transform:translate(-50%,-50%);
    animation:maison-button-shimmer calc(var(--duration)*1.5) linear infinite;
  }
  .button>span{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;margin-left:2px;color:var(--gold-soft);font-size:12px}
  .button:is(:hover,:focus-visible),.header-cta:is(:hover,:focus-visible),.address-card a:is(:hover,:focus-visible){
    --gradient-percent:20%;
    --gradient-angle-offset:95deg;
    --gradient-shine:var(--shiny-cta-highlight-subtle);
    color:var(--shiny-cta-fg);
    background:
      linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,
      conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent)*2),var(--shiny-cta-highlight) calc(var(--gradient-percent)*3),transparent calc(var(--gradient-percent)*4)) border-box;
    transform:translateY(calc(var(--button-rest-y) - 1px)) scale(1.012);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--shiny-cta-highlight) 28%,var(--shiny-cta-bg-subtle)),0 14px 34px rgba(0,0,0,.24),0 0 24px rgba(201,149,80,.12);
    animation:gradient-angle var(--duration) linear infinite,maison-button-breathe calc(var(--duration)*1.5) linear infinite;
  }
  .button:active,.header-cta:active,.address-card a:active{
    transform:translateY(calc(var(--button-rest-y) + 1px)) scale(.985);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--shiny-cta-highlight) 34%,var(--shiny-cta-bg-subtle)),0 6px 16px rgba(0,0,0,.18),0 0 16px rgba(201,149,80,.09);
    transition-duration:80ms;
  }
  .button--light,.button--outline{background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent)*2),var(--shiny-cta-highlight) calc(var(--gradient-percent)*3),transparent calc(var(--gradient-percent)*4)) border-box;color:var(--shiny-cta-fg)}
  .signature-stage{min-height:680px;height:clamp(680px,70vh,820px);max-width:none;width:100%;margin:0;grid-template-columns:minmax(0,1fr) minmax(380px,430px) minmax(0,1fr);align-items:center;clip-path:none}
  .signature-product-image{height:auto}
  .signature-copy .eyebrow{display:none}
  .signature-copy{display:flex;flex-direction:column;justify-content:center;align-self:center;justify-self:center;width:min(100%,410px);max-width:410px;padding:0 18px;margin:auto}
  .signature-copy h2{font-size:clamp(56px,3.7vw,70px);margin-bottom:22px;line-height:.92}
  .signature-copy p:not(.eyebrow){font-size:clamp(17px,1vw,19px);line-height:1.28;max-width:20ch;margin-bottom:24px}
  .signature-copy .text-link{font-size:14px;min-height:40px;gap:14px;padding:9px 0;border-bottom:0}
  .signature-product{position:relative;width:clamp(560px,34vw,760px);aspect-ratio:1448/1086;align-self:center;overflow:visible}
  .signature-product--flan{justify-self:start;transform:translateX(-11%)}
  .signature-product--roll{justify-self:end;transform:translateX(10%) translateY(-10%)}
  .signature-product--flan .signature-product-image,.signature-product--roll .signature-product-image{position:absolute;inset:0;width:100%;height:auto;max-width:none}
  .signature-product--flan .signature-product-image{transform:rotate(-1deg)}
  .signature-product--roll .signature-product-image{transform:rotate(2deg)}
  .signature-annotation--flan{width:32%;left:auto;right:-5%;bottom:-8%;z-index:5}
  .signature-annotation--roll{display:block;width:33%;left:-15%;right:auto;bottom:0%;z-index:5;opacity:1}
  .daily{min-height:330px;grid-template-columns:31% 29% 40%}
  .daily-copy{padding-top:48px;padding-bottom:46px}
  .daily-copy .eyebrow{display:none}
  .daily-copy h2{font-size:clamp(38px,3.25vw,52px)}
  .daily-copy p:not(.eyebrow){font-size:16px}
  .daily-icons{padding-top:40px;padding-bottom:36px}
  .daily-icon img{width:66px;height:66px}
  .addresses{min-height:620px}
  .addresses-inner{min-height:620px;padding-top:70px;padding-bottom:52px}
  .addresses-heading h2{font-size:clamp(45px,4vw,62px)}
  .address-cards{bottom:48px;grid-template-columns:repeat(2,minmax(230px,286px));gap:16px}
  .addresses-map{width:min(100%,500px);transform:translateY(8px)}
  .map-disc{inset:10%;width:80%;height:80%;opacity:.44;filter:saturate(.35) brightness(.82)}
  .map-cathedral{width:16%;right:4%;bottom:10%;opacity:.48;filter:saturate(.25) brightness(.92)}
  .map-note{width:27%;right:3%;top:27%;opacity:.72;filter:brightness(2.7) saturate(.05)}
  .house-copy{padding-top:62px;padding-bottom:62px}
  .house-copy .eyebrow{font-size:12px}
  .house-copy h2{font-size:clamp(42px,3.7vw,58px)}
  .house-note{width:19%;right:6%;bottom:22%;opacity:.82;filter:brightness(3.3) saturate(.05)}
  .footer-note{width:125px;right:6%;top:18%;opacity:.82;filter:brightness(3.3) saturate(.05)}
  .footer-medallion{width:72px;height:72px;right:8%;bottom:13%}
}

@media (max-width:820px){
  .hero{min-height:650px;background:#0d0a08;display:block;padding-top:var(--header-h);overflow:hidden}
  .hero-media{inset:calc(var(--header-h) + 10px) 14px auto 14px;width:calc(100% - 28px);height:410px;object-fit:cover;object-position:center 42%;border-radius:18px 18px 0 0;transform:none!important}
  .hero-shade{inset:calc(var(--header-h) + 10px) 14px auto 14px;width:calc(100% - 28px);height:410px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(5,4,3,.05) 0%,rgba(5,4,3,.03) 50%,rgba(5,4,3,.76) 86%,#0d0a08 100%)}
  .hero-copy{position:absolute;left:14px;right:14px;bottom:28px;text-align:center;padding:0;max-width:none;z-index:3}
  .hero-kicker{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .hero h1{position:static;width:auto;height:auto;padding:0;margin:0 0 112px;overflow:visible;clip:auto;white-space:normal;border:0;font-family:var(--serif);font-size:clamp(36px,10vw,44px);font-weight:500;line-height:.88;letter-spacing:.045em;text-transform:uppercase;color:var(--white);text-shadow:0 4px 24px rgba(0,0,0,.45)}
  .hero-note{left:50%;right:auto;top:auto;bottom:82px;width:190px;transform:translateX(-50%);opacity:.98;filter:brightness(0) invert(1)}

  .button{
    --shiny-cta-bg:#100d0b;
    --shiny-cta-bg-subtle:#241b14;
    --shiny-cta-fg:#fffaf1;
    --shiny-cta-highlight:#c99550;
    --shiny-cta-highlight-subtle:#f1d7a7;
    --gradient-angle:0deg;
    --gradient-angle-offset:0deg;
    --gradient-percent:5%;
    --gradient-shine:#fff8ea;
    --duration:3.4s;
    --button-rest-y:0px;
    position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;
    color:var(--shiny-cta-fg);background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent)*2),var(--shiny-cta-highlight) calc(var(--gradient-percent)*3),transparent calc(var(--gradient-percent)*4)) border-box;
    box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle),0 10px 28px rgba(0,0,0,.22);animation:gradient-angle var(--duration) linear infinite;
  }
  .button::before{content:"";pointer-events:none;position:absolute;inset:3px;border-radius:inherit;z-index:-1;background:radial-gradient(circle at 2px 2px,rgba(255,250,241,.58) .55px,transparent .75px) padding-box;background-size:4px 4px;mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),#000,transparent 10% 90%,#000);opacity:.28;animation:gradient-angle var(--duration) linear infinite}
  .button::after{content:"";pointer-events:none;position:absolute;left:50%;top:50%;width:145%;aspect-ratio:1;z-index:-1;background:linear-gradient(-50deg,transparent 38%,color-mix(in srgb,var(--shiny-cta-highlight) 78%,transparent) 50%,transparent 62%);mask-image:radial-gradient(circle at bottom,transparent 38%,#000 70%);opacity:.48;transform:translate(-50%,-50%);animation:maison-button-shimmer calc(var(--duration)*1.5) linear infinite}
  .button:is(:hover,:focus-visible){--gradient-percent:20%;--gradient-angle-offset:95deg;--gradient-shine:var(--shiny-cta-highlight-subtle);color:var(--shiny-cta-fg);background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent)*2),var(--shiny-cta-highlight) calc(var(--gradient-percent)*3),transparent calc(var(--gradient-percent)*4)) border-box;transform:translateY(-1px) scale(1.012);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--shiny-cta-highlight) 28%,var(--shiny-cta-bg-subtle)),0 14px 34px rgba(0,0,0,.24),0 0 24px rgba(201,149,80,.12)}
  .button:active{transform:translateY(1px) scale(.985);transition-duration:80ms}
  .hero .button{min-width:224px;background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent)*2),var(--shiny-cta-highlight) calc(var(--gradient-percent)*3),transparent calc(var(--gradient-percent)*4)) border-box;color:var(--shiny-cta-fg)}

  .signatures{overflow:visible;position:relative;z-index:1}
  .signature-stage{padding-bottom:0;clip-path:none;overflow:visible}
  .signature-product--flan{min-height:305px;overflow:visible;position:relative;margin-top:-12px}
  .signature-product--flan .signature-product-image{width:112%;left:-27%;top:-12%;bottom:auto;height:auto}
  .signature-copy{min-height:auto;padding:38px var(--gutter) 42px;position:relative}
  .signature-copy .eyebrow{display:none}
  .signature-copy>p:not(.eyebrow){display:block;font-size:16.5px;line-height:1.42;max-width:305px;margin:0 0 24px;color:#3c3026}
  .signature-copy h2{font-size:42px;line-height:.94;max-width:250px;margin-bottom:18px}
  .signature-copy .text-link{font-size:14px;min-height:44px;border-bottom:0;padding:8px 0}
  .signature-annotation--flan{width:184px;left:auto;right:2%;bottom:8px;z-index:6}
  .signature-product--roll{display:none}
  .signature-annotation--roll{display:none}

  .daily{min-height:auto;display:block;position:relative}
  .daily-media{position:absolute;inset:0;opacity:1;background-position:72% center}
  .daily-media::after{background:linear-gradient(90deg,rgba(14,11,8,.96) 0%,rgba(14,11,8,.75) 48%,rgba(14,11,8,.18) 100%),linear-gradient(180deg,rgba(14,11,8,.12),#0e0b08 100%)}
  .daily-copy{position:relative;z-index:2;padding:52px var(--gutter);max-width:355px}
  .daily-copy .eyebrow{display:none}
  .daily-copy h2{font-size:42px;line-height:.96;margin-bottom:18px}
  .daily-copy p:not(.eyebrow){font-size:16px;line-height:1.45;margin-bottom:26px}
  .daily-icons{display:none}

  .addresses-bread{height:310px;opacity:.62;background-position:74% top}
  .addresses-inner{padding-top:52px;padding-bottom:54px}
  .addresses-heading{min-height:245px}
  .addresses-heading h2{font-size:46px;line-height:.94}
  .addresses-heading>p:last-child{font-size:16px;max-width:330px}
  .address-cards{gap:14px;margin-top:22px}
  .address-card>img{height:175px}
  .addresses-map{width:min(100%,330px);margin-top:26px}
  .map-disc{inset:-2%;width:100%;height:100%;opacity:.55}
  .map-cathedral{width:100%;right:-12%;bottom:-12%;opacity:.3}
  .map-note{width:50%;right:45%;top:22%;opacity:.7;filter:brightness(2.8) saturate(.05)}

  .house-copy{padding-top:54px;padding-bottom:36px}
  .house-copy h2{font-size:44px;line-height:.96}
  .house-copy>p:not(.eyebrow){font-size:17px}
  .house-media{min-height:350px}
  .house-note{width:145px;right:5%;bottom:13%;opacity:.86;filter:brightness(3.1) saturate(.05)}

  .footer-note{width:110px;right:3%;top:8%;opacity:.78;filter:brightness(3) saturate(.05)}
}

@media (max-width:480px){
  .hero{min-height:622px}
  .hero-media,.hero-shade{height:405px}
  .hero-note{width:205px;bottom:105px}
  .signature-product--flan{min-height:295px;margin-top:-12px}
  .signature-product--flan .signature-product-image{width:114%;left:-29%;top:-10%;bottom:auto}
  .signature-copy{padding-top:36px;min-height:auto}
  .signature-copy h2{font-size:38px;max-width:225px;margin-bottom:16px}
  .signature-copy>p:not(.eyebrow){font-size:16px;max-width:285px;margin-bottom:22px}
  .signature-annotation--flan{width:200px;right:2%;bottom:-55px}
  .daily{min-height:auto}
  .daily-copy{padding-top:48px;padding-bottom:48px}
  .daily-copy h2{font-size:39px}
  .addresses-heading h2{font-size:42px}
  .address-card>img{height:165px}
  .house-copy h2{font-size:40px}
  .news-body{grid-template-columns:112px 1fr;gap:18px}
  .footer-copy h2{font-size:37px}
}

@media (max-width:350px){
  .hero{min-height:590px}
  .hero-media,.hero-shade{height:385px}
  .hero-note{width:185px;bottom:104px}
  .signature-product--flan{min-height:315px}
  .signature-copy h2{font-size:35px}
  .daily-copy h2{font-size:36px}
}
/* Decorative overlays keep their intrinsic aspect ratio. */
.map-cathedral,.map-note,.house-flour,.house-note,.footer-note{height:auto}