/* Maison Helikon: holding page (coming soon). Dedicated to attente_maison_helikon.html.
   Charter: chocolate #2A1A12, greige #EDE6DA; Cormorant Garamond, Jost, Castoro Titling.
   No gold, no frame around content, no shadow, no gradient, no carousel. */
@font-face{font-family:"Castoro Titling";src:url(assets/attente/fonts/castoro-titling.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(assets/attente/fonts/cormorant.ttf) format("truetype");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(assets/attente/fonts/cormorant-italic.ttf) format("truetype");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Jost";src:url(assets/attente/fonts/jost.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--choc:#2A1A12;--gr:#EDE6DA;--gr2:#B8AD9E} /* --gr2 >= 5.1:1 on the worst case (chocolate + horse at 5-7%) */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--choc);color:var(--gr);font-family:"Jost",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
/* tone-on-tone redrawn Pegasus, very quiet */
.horse{position:fixed;z-index:0;pointer-events:none;user-select:none;opacity:0;
  width:min(104vw,1800px);height:auto;left:50%;top:52%;transform:translate(-50%,-50%);animation:horseIn 3s ease .6s forwards}
@keyframes horseIn{to{opacity:.05}}
.page{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:clamp(48px,8vh,96px) 24px clamp(24px,4vh,40px);text-align:center}
.content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:620px}
.logo{display:block;width:clamp(200px,22vw,300px);height:auto}
.sig{margin-top:clamp(22px,3.5vh,36px);font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:300;font-size:clamp(24px,2.3vw,30px);letter-spacing:.01em;line-height:1.2;color:var(--gr)}
.nw{white-space:nowrap}
.line{margin-top:clamp(20px,3vh,30px);font-weight:300;font-size:clamp(16px,1.15vw,17px);line-height:1.75;color:var(--gr);max-width:34em}
.write{display:inline-block;margin-top:clamp(28px,4vh,40px);font-size:13px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--gr);
  text-decoration:none;padding:10px 2px 6px;border-bottom:1px solid rgba(237,230,218,.55);transition:border-color .3s ease,opacity .3s ease}
.write:hover,.write:focus-visible{border-bottom-color:var(--gr)}
.write:focus-visible{outline:1px solid var(--gr);outline-offset:6px}
.legal{margin-top:40px;font-size:12px;letter-spacing:.08em;color:var(--gr2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* soft arrival: opacity only */
.fade{opacity:0;animation:fadeIn 1.4s ease forwards}
.d1{animation-delay:.15s}.d2{animation-delay:.55s}.d3{animation-delay:.85s}.d4{animation-delay:1.15s}.d5{animation-delay:1.45s}
@keyframes fadeIn{to{opacity:1}}
@media (max-width:600px){
  .horse{width:240vw;transform:translate(-46%,-48%)}
  .logo{width:min(62vw,240px)}
  .line{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.fade{animation:none;opacity:1}.horse{animation:none;opacity:.05}}