/* Page « Bientôt » de SALMONID : la marque, une photo, un courriel. Rien de tiers (Loi 25). */
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body.cs{font-family:"Archivo",system-ui,sans-serif;font-size:17px;line-height:1.55;color:#f3f0e7;background:#0b1514;min-height:100vh}
.cs__bg{position:fixed;inset:0;z-index:0}
.cs__bg img{width:100%;height:100%;object-fit:cover;opacity:.55;animation:cs-zoom 30s ease-out forwards}
.cs__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,16,15,.95) 0%,rgba(10,16,15,.55) 50%,rgba(10,16,15,.35) 100%),linear-gradient(90deg,rgba(10,16,15,.75),transparent 75%)}
@keyframes cs-zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.cs__main{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,5vw,56px)}
.cs__top{display:flex;align-items:center;gap:14px}
.cs__top img{width:46px;height:46px}
.cs__word{font-weight:600;letter-spacing:.32em;font-size:1rem}
.cs__card{max-width:720px}
.cs__eyebrow{font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:#ec9a87;margin:0 0 18px}
.cs__card h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(3rem,9vw,6.6rem);line-height:.94;letter-spacing:-.02em;margin:0 0 22px}
.cs__card h1 em{color:#ec9a87}
.cs__text{color:rgba(243,240,231,.85);font-size:1.15rem;max-width:52ch;margin:0 0 28px}
.cs__form{display:grid;grid-template-columns:1fr auto;gap:0;max-width:560px;border:1.5px solid rgba(243,240,231,.6)}
.cs__form input[type=email]{font:inherit;padding:15px 16px;border:0;background:rgba(10,16,15,.4);color:#fff;min-width:0}
.cs__form input[type=email]::placeholder{color:rgba(243,240,231,.55)}
.cs__form input:focus{outline:none;background:rgba(10,16,15,.6)}
.cs__form button{font:600 1rem "Archivo",sans-serif;background:#f3f0e7;color:#111615;border:0;padding:0 24px;cursor:pointer}
.cs__form button:hover{background:#d56c58}
.cs__consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:rgba(243,240,231,.75);padding:12px 14px;border-top:1px solid rgba(243,240,231,.25);background:rgba(10,16,15,.35)}
.cs__consent input{width:18px;height:18px;margin-top:2px;accent-color:#d56c58}
.cs__ok{border:1px solid #ec9a87;padding:14px 16px;max-width:560px;font-family:"IBM Plex Mono",monospace;font-size:.9rem}
.cs__err{grid-column:1/-1;color:#ffb4a2;margin:0;padding:8px 14px;font-size:.9rem}
.cs__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(243,240,231,.6)}
.cs__foot a{color:rgba(243,240,231,.75)}
.cs__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.oc-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (prefers-reduced-motion:reduce){.cs__bg img{animation:none}}
@media (max-width:560px){.cs__form{grid-template-columns:1fr}.cs__form button{padding:14px}}