@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap');

:root {
  --ink:#17130d; --paper:#c9a878; --paper-light:#ead7b8; --gold:#b78325;
  --night:#090807; --cream:#f1e4ce; --muted:#b9a487; --line:rgba(224,196,151,.24);
  --logo-image:url("assets/logocielacrouzille.png"); --home-image:url("assets/indexpage.png");
  --display:'Special Elite',ui-monospace,monospace; --text:'Source Serif 4',Georgia,serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--cream);background:radial-gradient(circle at 25% 0%,rgba(183,131,37,.12),transparent 34rem),linear-gradient(160deg,#15110c 0%,var(--night) 52%,#100d09 100%);font-family:var(--text);line-height:1.65} a{color:inherit} img{max-width:100%}

.home-body{min-height:100vh;overflow:hidden;background:#050504}.home-stage{position:relative;width:min(100vw,calc(100vh * 1.50244));aspect-ratio:1537/1023;margin:auto;background-color:#17110b;background-image:var(--home-image);background-position:center;background-size:contain;background-repeat:no-repeat;box-shadow:0 0 70px rgba(0,0,0,.85)}.hotspot{position:absolute;display:block;border:0;border-radius:.25rem;color:transparent;text-decoration:none;cursor:pointer}.hotspot::after{content:"";position:absolute;inset:10% 7%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,230,184,.18) 0%,rgba(214,158,78,.08) 42%,transparent 74%);filter:blur(11px);opacity:0;transition:opacity .22s ease}.hotspot:hover::after,.hotspot:focus-visible::after{opacity:1}.hotspot:focus-visible{outline:none}.hotspot-about{left:51.2%;top:4.5%;width:15.1%;height:30.7%}.hotspot-notes{left:68.6%;top:4.2%;width:14.5%;height:28.6%}.hotspot-voyage{left:53.8%;top:34.2%;width:13.8%;height:26.7%}.hotspot-b{left:69%;top:33.5%;width:13.8%;height:27.4%}.hotspot-parle{left:83.6%;top:32.4%;width:14.1%;height:28.7%}.home-pro{position:absolute;right:1rem;bottom:1rem;z-index:5;padding:.65rem .9rem;border:1px solid rgba(238,210,162,.45);background:rgba(13,10,7,.72);backdrop-filter:blur(8px);color:var(--cream);font:.78rem/1 var(--display);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.home-pro:hover,.home-pro:focus-visible{background:rgba(154,109,43,.35);outline:none}.home-mobile-nav{display:none}

.site-header{position:sticky;top:0;z-index:20;min-height:76px;display:flex;align-items:center;gap:1.5rem;padding:.65rem clamp(1rem,4vw,4rem);background:rgba(9,8,7,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;min-width:max-content}.brand-mark{width:52px;height:52px;flex:none;border-radius:50%;background-color:#b99461;background-image:var(--logo-image);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 0 0 1px rgba(230,200,151,.24)}.brand-name{font:.86rem/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase}.main-nav{margin-left:auto}.main-nav ul{display:flex;align-items:center;gap:clamp(.55rem,1.7vw,1.4rem);list-style:none;margin:0;padding:0}.main-nav a{display:block;padding:.7rem .1rem;color:#d8c5a7;font:.72rem/1.2 var(--display);letter-spacing:.055em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid transparent}.main-nav a:hover,.main-nav a[aria-current="page"]{color:#fff0d3;border-color:var(--gold)}.menu-toggle{display:none}
.page-shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(3rem,7vw,7rem) 0 5rem}.page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:clamp(2rem,6vw,6rem);align-items:center;min-height:54vh;padding-bottom:clamp(3rem,7vw,6rem);border-bottom:1px solid var(--line)}.page-hero.compact{min-height:38vh}.eyebrow{margin:0 0 .9rem;color:var(--gold);font:.78rem/1.4 var(--display);letter-spacing:.18em;text-transform:uppercase}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.13}h1{margin:0;max-width:14ch;font-size:clamp(2.8rem,7vw,6.4rem);letter-spacing:-.025em}h2{margin:0 0 1rem;font-size:clamp(1.7rem,4vw,3rem)}h3{margin:0 0 .65rem;font-size:1.18rem}.lead{max-width:670px;margin:1.5rem 0 0;color:#dfceb2;font-size:clamp(1.08rem,2vw,1.35rem)}.hero-logo{width:min(100%,360px);aspect-ratio:1;justify-self:end;border-radius:50%;background-color:#b99461;background-image:var(--logo-image);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 30px 60px rgba(0,0,0,.35)}.hero-symbol{width:min(100%,330px);aspect-ratio:1;justify-self:end;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(205,169,112,.16),rgba(41,31,20,.04) 69%,transparent 70%);border:1px solid var(--line);color:var(--paper-light);font:clamp(4rem,10vw,8rem)/1 var(--display)}.content-section{padding:clamp(3rem,7vw,6rem) 0;border-bottom:1px solid var(--line)}.content-section:last-child{border-bottom:0}.two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(2rem,6vw,5rem)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card{padding:1.35rem;background:linear-gradient(145deg,rgba(208,171,113,.10),rgba(255,255,255,.02));border:1px solid var(--line);text-decoration:none}.card p{margin:0;color:#cdbb9f}a.card{transition:.2s}a.card:hover{transform:translateY(-3px);border-color:rgba(221,179,108,.55);background:rgba(198,149,74,.12)}.meta-list{list-style:none;margin:0;padding:0}.meta-list li{padding:.8rem 0;border-bottom:1px solid var(--line)}.meta-list strong{display:block;color:var(--gold);font:.72rem/1.4 var(--display);letter-spacing:.08em;text-transform:uppercase}.placeholder{color:#ae9c81;font-style:italic}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}.button{display:inline-flex;align-items:center;min-height:44px;padding:.8rem 1rem;border:1px solid rgba(220,184,126,.5);background:rgba(179,126,40,.14);color:#f4e4c9;font:.76rem/1 var(--display);letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.button:hover{background:rgba(179,126,40,.27)}.site-footer{padding:2rem clamp(1rem,4vw,4rem);color:#9f8e73;border-top:1px solid var(--line);font-size:.9rem}.site-footer-inner{width:min(1120px,100%);margin:auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(max-width:980px){.main-nav ul{gap:.65rem}.main-nav a{font-size:.64rem}}@media(max-width:800px){.home-body{overflow:auto}.home-stage{width:100%;min-height:66vw}.hotspot,.home-pro{display:none}.home-mobile-nav{display:grid;gap:.7rem;padding:1rem;background:#0b0907}.home-mobile-nav a{padding:1rem;border:1px solid var(--line);color:var(--cream);font:.82rem/1.2 var(--display);text-decoration:none;text-transform:uppercase}.site-header{flex-wrap:wrap}.menu-toggle{margin-left:auto;display:inline-flex;padding:.65rem .8rem;border:1px solid var(--line);background:transparent;color:var(--cream);font:.72rem/1 var(--display);text-transform:uppercase}.main-nav{display:none;width:100%;margin:0}.main-nav.is-open{display:block}.main-nav ul{display:grid;gap:0}.main-nav a{padding:.9rem 0;border-bottom:1px solid var(--line)}.page-hero,.two-col{grid-template-columns:1fr}.hero-logo,.hero-symbol{justify-self:start;width:min(68vw,310px);grid-row:1}.cards{grid-template-columns:1fr}}