@scope (#eon-hero) {

:scope{color-scheme:dark;--bg:#10151d;--ink:#f5eee3;--soft:#b4b5b7;--gold:#d6b783}
*{box-sizing:border-box}:scope{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button,input{font:inherit}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold)}
.review{padding:8px 24px;background:#e9e1d3;color:#3f443f;font-size:11px;text-align:center;line-height:1.5}.review strong{font-weight:600}
header{height:100px;margin:0 auto;width:min(1440px,92%);display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:inline-flex;flex-direction:column;align-items:center;font:700 44px/.85 'Space Grotesk',sans-serif;letter-spacing:-4px}.brand small{font:400 8px 'DM Sans';letter-spacing:4px;margin:11px 0 0 4px}.edition{font-size:10px;letter-spacing:.2em;color:var(--gold)}
main{max-width:1600px;margin:auto}.hero{min-height:calc(100svh - 133px);padding:24px 4% 32px;display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.5fr);align-items:center;gap:0}.intro{padding:0 0 0 2vw;z-index:1}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);margin:0 0 24px}h1{font:500 clamp(60px,5.8vw,92px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:0 0 25px}h1 span{display:block}.description{max-width:365px;font-size:16px;line-height:1.75;color:#d5d2cd;margin:0 0 26px}.content{font-size:11px;line-height:1.65;color:var(--soft);max-width:330px;margin:0}.visual{margin:0;min-width:0}.visual img{display:block;width:100%;height:auto;mix-blend-mode:lighten}.visual figcaption{font-size:10px;letter-spacing:.025em;color:#8f969d;text-align:center;margin:12px 12px 0;line-height:1.5}
.launch{margin:30px 0 0;padding-top:22px;border-top:1px solid #ffffff20;max-width:365px}.date{font-size:11px;letter-spacing:.08em;color:var(--gold);margin:0 0 13px}.timer{display:flex;align-items:baseline;gap:17px;margin-bottom:21px;font-variant-numeric:tabular-nums}.timer div{display:grid;gap:5px}.timer b{font:400 26px 'Space Grotesk';letter-spacing:-.04em}.timer small{font-size:9px;color:var(--soft)}.primary{border:0;background:var(--ink);color:#151b23;padding:16px 22px;border-radius:3px;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;font-size:13px}.primary:hover{background:#e5d0aa}.secondary{display:inline-block;font-size:12px;text-decoration:none;margin-top:21px;border-bottom:1px solid #ffffff35;padding-bottom:5px}.secondary span{margin-left:18px}.after{display:none}
dialog{color:var(--ink);background:#171e27;border:1px solid #ffffff25;border-radius:10px;padding:30px;width:min(440px,calc(100% - 32px));box-shadow:0 20px 100px #0009}dialog::backdrop{background:#070a10bb;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--soft);font-size:24px;cursor:pointer}dialog h2{font:500 32px/1.1 'Space Grotesk';letter-spacing:-.04em;margin:10px 0 18px}dialog p{font-size:14px;line-height:1.65;color:#c5c8ca}label{display:block;font-size:12px;margin:24px 0 9px}input{background:#0d131c;border:1px solid #ffffff40;border-radius:3px;color:var(--ink);padding:14px;width:100%;margin-bottom:12px}.prototype-note{font-size:11px!important;color:var(--gold)!important}#feedback{min-height:18px;margin:12px 0 0;font-size:12px}
@media(min-width:1500px){.hero{gap:25px}.visual{margin-left:-15px}}
@media(max-width:800px){header{height:78px}.brand{font-size:36px}.brand small{font-size:7px}.edition{font-size:9px}.hero{display:flex;flex-direction:column;padding:12px 0 30px;min-height:0}.intro{display:contents}.eyebrow{display:none}h1{font-size:clamp(47px,10.5vw,76px);letter-spacing:-.055em;text-align:center;margin:7px 18px 12px;order:0}h1 span{display:inline}h1 span+span:before{content:' '}.visual{order:1;width:100%;margin:0}.visual figcaption{font-size:9px;margin:3px 18px 0}.description{order:2;text-align:center;max-width:440px;margin:20px 25px 9px;font-size:14px;line-height:1.6}.content{order:3;text-align:center;margin:0 24px;max-width:400px;font-size:10px}.launch{order:4;width:calc(100% - 48px);max-width:440px;margin-top:20px;padding-top:16px}.date{text-align:center;font-size:10px}.timer{justify-content:center;gap:26px;margin-bottom:16px}.timer div{text-align:center}.timer b{font-size:23px}.primary{padding:14px 18px}.secondary{display:block;text-align:center;margin-top:18px}.review{font-size:10px;padding:6px 12px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}}

/* Proposition plein écran */
.review{position:absolute;top:100svh;left:0;right:0;z-index:4;background:#e9e1d3}
header{position:absolute;top:0;left:4%;width:92%;z-index:5;height:94px}
main{max-width:none;margin:0}.hero{position:relative;isolation:isolate;height:100svh;min-height:680px;padding:0;display:block;overflow:hidden}
.visual{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:-2}.visual img{width:100%;height:100%;object-fit:cover;object-position:right center;mix-blend-mode:normal}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#080e17a6 0%,transparent 32%,transparent 66%,#080d16ed 100%),linear-gradient(110deg,#080d1655,transparent 48%)}
.intro{display:contents;padding:0}.intro>.eyebrow{position:absolute;top:112px;left:5%;margin:0;font-size:10px}
h1{position:absolute;left:5%;top:140px;font-size:clamp(48px,4vw,68px);line-height:.95;margin:0;text-shadow:0 2px 24px #0005}h1 span{display:block}
.description{position:absolute;left:5%;bottom:130px;max-width:330px;margin:0;font-size:14px;line-height:1.65;text-shadow:0 2px 12px #000}
.content{position:absolute;left:5%;bottom:97px;max-width:350px;font-size:10px;margin:0;color:#dedad2}
.launch{position:absolute;bottom:32px;right:5%;display:grid;grid-template-columns:auto 230px;column-gap:32px;row-gap:9px;align-items:center;margin:0;padding:0;border:0;max-width:none}
.date{grid-column:1;grid-row:1;margin:0;font-size:10px}.timer{grid-column:1;grid-row:2;gap:20px;margin:0}.timer b{font-size:24px}.timer small{font-size:9px}.launch>.primary{grid-column:2;grid-row:1 / span 2;min-height:48px;font-size:12px;padding:14px 18px}.secondary{grid-column:2;grid-row:3;text-align:center;font-size:11px;margin:5px 0 0;padding:0;border:0}
.visual figcaption{position:absolute;left:5%;bottom:38px;text-align:left;margin:0;color:#b0b4bb;font-size:9px}
@media(min-aspect-ratio:2/1){.hero{min-height:620px}h1{top:122px;font-size:60px}.intro>.eyebrow{top:100px}}
@media(max-width:800px){
 header{height:75px}.hero{height:100svh;min-height:730px;background:#10151d}.visual{inset:0;margin:0;background:#10151d}
 .visual img{position:absolute;top:27%;left:0;width:100%;height:auto;object-fit:contain;mix-blend-mode:normal;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent)}.hero:after{background:linear-gradient(180deg,#080e1722,transparent 30%,transparent 59%,#080d1677)}
 .intro>.eyebrow{display:none}h1{left:5%;top:100px;width:90%;font-size:clamp(46px,11vw,78px);text-align:center;line-height:.98;text-shadow:none}h1 span{display:block}h1 span+span:before{content:none}
 .description{left:6%;bottom:218px;width:88%;max-width:none;margin:0;text-align:center;font-size:13px;line-height:1.6}.content{left:6%;bottom:191px;width:88%;max-width:none;text-align:center;font-size:9px}
 .launch{left:6%;right:6%;bottom:23px;width:auto;max-width:none;display:grid;grid-template-columns:1fr;gap:9px;padding:0;margin:0}.date{grid-column:1;grid-row:1;font-size:9px;text-align:center}.timer{grid-column:1;grid-row:2;justify-content:center;gap:24px}.timer b{font-size:21px}.timer div{gap:2px}.launch>.primary{grid-column:1;grid-row:3;min-height:44px;padding:12px 16px}.secondary{grid-column:1;grid-row:4;margin:0;font-size:10px}.visual figcaption{left:5%;bottom:290px;width:90%;text-align:center;font-size:8px;color:#919aa6}
 .review{top:max(100svh,730px)}
}
@media(max-width:360px){.hero{min-height:760px}.review{top:max(100svh,760px)}.visual img{top:29%}.description{font-size:12px}.visual figcaption{bottom:291px}h1{top:105px}}

/* Rythme vertical du hero desktop. */
@media(min-width:801px){
 .intro{display:flex;flex-direction:column;position:absolute;left:5%;top:clamp(120px,15svh,180px);width:clamp(220px,21vw,340px);padding:0}
 .intro>.eyebrow{position:static;margin:0 0 20px;white-space:nowrap;font-size:10px;line-height:1.4}
 h1{position:static;margin:0;line-height:1.02}
 .description{position:static;max-width:none;margin:28px 0 0;line-height:1.7}
 .content{position:static;max-width:none;margin:14px 0 0;line-height:1.6;color:#b4b5b7}
 .launch{position:static;display:grid;grid-template-columns:1fr;gap:0;width:100%;margin:36px 0 0}
 .date{grid-column:1;grid-row:1;line-height:1.5;margin:0 0 16px}
 .timer{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}
 .timer div{gap:6px}.timer b{font-size:27px;line-height:1.1}.timer small{line-height:1.4}
 .launch>.primary{grid-column:1;grid-row:3;margin:0;min-height:52px;padding:16px 20px}
 .secondary{grid-column:1;grid-row:4;text-align:left;justify-self:start;margin:20px 0 0;line-height:1.5}
}
@media(min-width:801px) and (max-height:800px){
 .intro{top:110px}.intro>.eyebrow{margin-bottom:15px}
 .description{margin-top:20px}.content{margin-top:10px}.launch{margin-top:26px}
 .date{margin-bottom:12px}.timer{margin-bottom:18px}.secondary{margin-top:15px}
}
/* Alignement sur la navigation et répartition verticale. */
@media(min-width:801px){
 .intro{left:4%;top:clamp(125px,16svh,180px);bottom:10svh;width:clamp(220px,21vw,340px)}
 .description{margin-top:auto;padding-top:28px}
 .launch{margin-top:auto;padding-top:32px}
 .visual figcaption{left:4%;bottom:28px}
}
@media(max-width:800px){
 .hero{height:auto;min-height:100svh;display:flex;flex-direction:column;padding:92px 6% 24px;overflow:visible}
 .intro{display:contents}
 h1{position:static;order:0;width:100%;margin:0 0 20px;font-size:clamp(42px,10vw,68px)}
 .visual{position:relative;inset:auto;order:1;width:calc(100% + 12vw);height:auto;margin:0 -6vw;z-index:0;background:none}
 .visual img{position:static;width:100%;height:auto;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent)}
 .visual figcaption{position:static;width:auto;margin:7px 12px 0;text-align:center;font-size:8px}
 .description{position:static;order:2;width:100%;margin:20px 0 0;font-size:13px}
 .content{position:static;order:3;width:100%;margin:10px 0 0;font-size:9px}
 .launch{position:static;order:4;width:100%;margin:24px 0 0;padding:0;gap:12px}
 .launch>.primary{min-height:48px}
 .secondary{margin-top:2px}
 .review{position:static}
}
/* Explorations originales CSS : texte HTML conservé. */
#hero-title{font-size:clamp(64px,5.7vw,112px);font-weight:700;line-height:.94;letter-spacing:-.065em;width:max-content;max-width:92vw;text-shadow:none;--mx:50%;--my:50%}
#hero-title .line{display:block;white-space:nowrap;position:relative;padding:.035em .045em .07em 0;background-position:var(--mx) 50%}
#hero-title .line::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;padding:inherit;opacity:0}
.fx-panel{position:fixed;z-index:20;top:18px;left:50%;transform:translateX(-50%);width:440px;max-width:calc(100% - 32px);padding:12px 14px;background:#101822ee;border:1px solid #bfcfdf38;border-radius:12px;box-shadow:0 8px 40px #0004;backdrop-filter:blur(20px);font-size:11px}
.fx-row{display:flex;gap:7px;align-items:center}.fx-panel label{margin:0 0 8px;font-size:9px;letter-spacing:.15em;color:#dec69e}.fx-panel select{flex:1;min-width:0;background:#25303d;color:#fff;border:1px solid #ffffff30;padding:9px;border-radius:5px;font:inherit}.fx-panel button{background:#25303d;border:1px solid #ffffff30;border-radius:5px;color:#fff;min-height:34px;min-width:34px;cursor:pointer;font:inherit;padding:6px}.fx-panel p{margin:9px 0 0;color:#c3c9d1;line-height:1.5}.fx-panel .fx-tools{display:flex;gap:8px;margin-top:9px}.fx-panel details summary{cursor:pointer;color:#d6b783;margin-top:9px}.fx-panel details a{font-size:11px}
/* 01 : diffraction d'un foil, déplacée par le pointeur. */
[data-effect="foil"] .line{color:transparent;background-image:repeating-linear-gradient(115deg,#fbf4dd 0%,#b5e9df 12%,#f7c9e4 23%,#ddd7ff 34%,#f5e6bb 45%,#a4d9f0 56%,#fff4d4 68%);background-size:270% 100%;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 1px 0 #ffffff55);animation:foil 9s ease-in-out infinite alternate}
/* 02 : marquage à chaud, bande de lumière étroite. */
[data-effect="gold"] .line{color:transparent;background:linear-gradient(110deg,#93632b 0%,#efd29a 19%,#fff5d0 30%,#b58a48 42%,#f0d294 54%,#fffce4 57%,#c19852 61%,#f4dca6 78%,#8f632e 100%) 0 0/250% 100%;background-clip:text;-webkit-background-clip:text;animation:shine 7s ease-in-out infinite alternate;filter:drop-shadow(0 1px 0 #eec57d)}
/* 03 : chrome, horizon très contrasté. */
[data-effect="chrome"] .line{color:transparent;background:linear-gradient(178deg,#fff 0%,#afc5d8 30%,#f6ffff 43%,#415068 48%,#0d1522 51%,#8fa6b7 56%,#fff 63%,#a5bbc9 79%,#edf9ff 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 2px 0 #758490) drop-shadow(0 6px 5px #0009)}
/* 04 : facettes, croisements de surfaces aux angles nets. */
[data-effect="prism"] .line{color:transparent;background-image:conic-gradient(from 35deg at 24% 52%,#c9f8ef,#eff0ff 12%,#8faccc 13%,#dfbce1 26%,#fff0d0 27%,#a2d5e9 42%,#f9fcff 43%,#c9f8ef 65%,#b8aedc 66%,#eaffff);background-size:150% 160%;background-clip:text;-webkit-background-clip:text;animation:facets 10s ease-in-out infinite alternate}
/* 05 : opale, taches lumineuses douces dans une base laiteuse. */
[data-effect="opal"] .line{color:transparent;background:radial-gradient(ellipse at var(--mx) var(--my),#fff5cd,transparent 48%),radial-gradient(ellipse at 15% 75%,#99edce,transparent 42%),radial-gradient(ellipse at 80% 25%,#e8b5f3,transparent 50%),linear-gradient(135deg,#d9e7ff,#f6faf5);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 13px #b9c5ff35);animation:opal 5s ease-in-out infinite alternate}
/* 06 : obsidienne, contour or et intérieur sombre poli. */
[data-effect="obsidian"] .line{color:transparent;-webkit-text-stroke:1px #d6b57e;background:linear-gradient(120deg,#111a25 20%,#647079 46%,#17212c 55%,#080e15 80%) 0 0/220% 100%;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 2px 0 #796242);animation:shine 8s ease-in-out infinite alternate}
/* 07 : projecteur, lumière localisée interactive. */
[data-effect="spotlight"] .line{color:transparent;background:radial-gradient(ellipse at var(--mx) var(--my),#fffdf0 5%,#f4deb7 25%,#c3bba9 52%,#777f88 90%);background-clip:text;-webkit-background-clip:text}
/* 08 : ciel de constellation contenu dans les lettres. */
[data-effect="stars"] .line{color:transparent;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.7px),radial-gradient(circle,#f7dcaa 0 1.5px,transparent 2.3px),linear-gradient(135deg,#c9dcf4,#7186b2 42%,#e6c3ec 72%,#c6e6f3);background-size:19px 23px,43px 37px,100% 100%;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 9px #9aaeff33);animation:stardrift 18s linear infinite}
[data-effect="stars"] .line::after{opacity:.7;color:transparent;background:radial-gradient(ellipse at var(--mx) 45%,#fff,transparent 35%);background-clip:text;-webkit-background-clip:text;animation:twinkle 4s ease-in-out infinite alternate}
/* 09 : lettres en relief, tranche en or et face ivoire. */
[data-effect="relief"] .line{color:#f4e9d7;text-shadow:1px 1px #cfb782,2px 2px #b39761,3px 3px #987c4f,4px 4px #755d3c,5px 5px #524635,8px 10px 15px #0009;transform:perspective(700px) rotateY(-7deg);transform-origin:left center}
/* 10 : apparition cinétique des lettres, puis titre stable. */
[data-effect="reveal"] .line{color:#f5eee3;perspective:700px}
#hero-title .glyph{display:inline-block;white-space:pre}
[data-effect="reveal"] .glyph{animation:reveal 950ms cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*35ms)}
@keyframes foil{from{background-position:10% 50%}to{background-position:90% 50%}}
@keyframes shine{0%,15%{background-position:0% 50%}85%,100%{background-position:100% 50%}}
@keyframes facets{from{background-position:10% 20%}to{background-position:90% 80%}}
@keyframes opal{from{filter:drop-shadow(0 0 8px #b9c5ff25)}to{filter:drop-shadow(0 0 18px #b9c5ff66)}}
@keyframes stardrift{to{background-position:38px 23px,-43px 37px,0 0}}
@keyframes twinkle{from{opacity:.1}to{opacity:.9}}
@keyframes reveal{from{opacity:0;transform:translateY(.5em) rotateX(-80deg);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
body.fx-paused #hero-title *,body.fx-paused #hero-title *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#hero-title *,#hero-title *::after{animation:none!important;transform:none!important}}
@media(min-width:801px){.intro{top:clamp(145px,17svh,185px)}.description{padding-top:22px}.launch{padding-top:24px}.hero{min-height:760px}.review{top:max(100svh,760px)}}
@media(max-width:1100px) and (min-width:801px){#hero-title{font-size:6vw}.fx-panel{left:auto;right:4%;transform:none;width:380px;top:75px}}
@media(max-width:800px){#hero-title{font-size:clamp(53px,12.8vw,84px);max-width:100%;width:100%;line-height:.96}.fx-panel{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:none;margin:80px 6% 0}.hero{padding-top:26px}.fx-panel p{font-size:11px}.fx-panel label{display:block}}
[data-effect="foil"] .line::after{opacity:.8;color:transparent;background:linear-gradient(115deg,transparent 30%,#ffffff15 43%,#fff 48%,#ffffff22 52%,transparent 60%) 0 0/280% 100%;background-clip:text;-webkit-background-clip:text;animation:shine 5s ease-in-out infinite alternate}
#hero-title{position:relative;left:auto;top:auto;bottom:auto;align-self:flex-start;width:clamp(340px,30vw,570px);height:auto;aspect-ratio:1200/510;font-size:clamp(64px,5.7vw,112px);font-weight:500;letter-spacing:-.065em;line-height:.98;margin:0;color:#f5eee3}
#hero-title .fallback-line{display:block;white-space:nowrap}
#material-canvas{position:absolute;inset:0;pointer-events:none;opacity:0}
#material-canvas canvas{width:100%;height:100%;display:block}
#hero-title.material-ready .fallback-line{visibility:hidden}
#hero-title.material-ready #material-canvas{opacity:1}
.fx-panel{width:430px}.material-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.material-controls label{font-size:10px;letter-spacing:0;margin:0;display:grid;gap:5px}.material-controls input{padding:0;margin:0;height:16px;accent-color:#dbc69f}.fx-tools a{font-size:10px}
@media(max-width:800px){#hero-title{align-self:center;width:100%;max-width:540px;font-size:12vw;aspect-ratio:1200/510;margin-bottom:20px}.fx-panel{width:auto}}
#hero-title{width:clamp(290px,25vw,450px);aspect-ratio:1200/680;flex-shrink:0}
#logo-proof{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(.95)}
.logo-plain #hero-title.material-ready #material-canvas{opacity:0}
.logo-plain #hero-title.material-ready #logo-proof{display:block}
.fx-panel{top:16px;width:390px;left:auto;right:4%;transform:none}
.fx-panel #logo-select{width:100%;margin-bottom:14px}
.fx-panel>label:first-child{margin-bottom:14px}
.fx-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(min-width:801px){.intro{top:135px;bottom:8svh}.description{padding-top:20px}.launch{padding-top:20px}.edition{visibility:hidden}}
@media(max-width:800px){#hero-title{width:min(100%,390px);aspect-ratio:1200/680}.fx-panel{position:relative;right:auto;left:auto;top:auto;width:auto;margin:80px 6% 0}.hero{padding-top:28px}}
#gold-select{width:100%;margin-bottom:14px}#logo-select[hidden]{display:none}.logo-plain #logo-proof{filter:brightness(0) saturate(100%) invert(80%) sepia(25%) saturate(570%) hue-rotate(356deg) brightness(92%)}/* Align the visible lettering, including the shader mask's transparent inset. */
#material-canvas{transform:translateX(var(--logo-inset,-3%))}
@media(min-width:801px){
 .intro{left:4%;top:clamp(125px,17svh,185px);bottom:9svh;width:clamp(270px,23vw,370px)}
 #hero-title{width:clamp(290px,25vw,450px);margin:0;aspect-ratio:1200/725}
 .description{font-size:clamp(16px,1.16vw,19px);line-height:1.65;margin-top:auto;padding-top:28px;max-width:none}
 .content{font-size:11px;line-height:1.6;margin-top:14px}
 .launch{margin-top:auto;padding-top:32px}
 .visual figcaption{left:4%}
}
@media(min-width:801px) and (max-height:780px){
 .intro{top:110px;bottom:50px}.description{padding-top:20px;font-size:16px}.launch{padding-top:24px}
}
@media(max-width:800px){
 #hero-title{align-self:flex-start;margin-bottom:14px;text-align:left}
 .description{font-size:16px;line-height:1.65;text-align:left;margin-top:24px}
 .content{text-align:left;font-size:10px;margin-top:12px}
 .launch{margin-top:28px}
}

.date{font-size:12px;line-height:1.5}
@media(min-width:801px){.date{font-size:clamp(12px,.9vw,14px)}}

header{padding:0;background:none}.brand{color:var(--ink)}.edition{visibility:visible;display:block}.fx-panel,.review{display:none!important}
@media(max-width:800px){.hero{padding-top:100px}}
}
#eon-hero{position:relative;background:#10151d;color:#f5eee3;isolation:isolate}