/* Pagina "in arrivo": estende lo stile del sito (site.css) con i pochi elementi propri */
.hero.soonhero{--hh:clamp(700px,calc(100svh - 120px),920px);--nsz:11.5;height:auto;min-height:var(--hh)}
.soonhero .portrait{height:var(--hh)}
.soon{max-width:min(620px,58%);position:relative;z-index:6;margin-bottom:34px}
.chip{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 16px;border-radius:99px;border:1px solid var(--h-line);background:var(--h-cbg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--h-fg);animation:fade 1s calc(var(--d0) + .15s) both}
.chip i{width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 color-mix(in srgb,var(--acc) 70%,transparent);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px color-mix(in srgb,var(--acc) 0%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
.stitle{font:var(--dw) clamp(38px,5.6vw,84px)/.96 var(--disp);letter-spacing:var(--dls);word-spacing:.11em;color:var(--h-fg);margin-top:22px;text-shadow:0 2px 28px rgba(6,9,30,.7);animation:fade 1s calc(var(--d0) + .25s) both}
.stitle mark{background:var(--acc);color:var(--on-acc);text-shadow:none}
.stext{font:500 clamp(17px,1.6vw,21px)/1.45 var(--f);color:var(--h-fg);max-width:36ch;margin-top:20px;text-shadow:0 2px 18px rgba(6,9,30,.7);animation:fade 1s calc(var(--d0) + .35s) both}
.sbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;animation:fade 1s calc(var(--d0) + .45s) both}
.sbtns .pill{border-color:var(--h-fg);color:var(--h-fg)}
.sbtns .pill:hover{background:var(--h-fg);color:var(--inv)}
.sbtns .pill.a{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.sbtns .pill.a:hover{background:var(--h-fg);border-color:var(--h-fg);color:var(--inv)}
.work{width:min(260px,100%);height:4px;border-radius:4px;background:rgba(255,255,255,.16);margin-top:26px;overflow:hidden;position:relative;animation:fade 1s calc(var(--d0) + .55s) both}
.work::after{content:"";position:absolute;inset:0;width:38%;border-radius:4px;background:var(--acc);animation:slide 2.4s cubic-bezier(.6,0,.4,1) infinite}
@keyframes slide{0%{transform:translateX(-110%)}100%{transform:translateX(280%)}}
.soonfoot{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;padding:20px 6px 34px;color:var(--muted);font-size:14px}
.soonfoot a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
@media(min-width:901px) and (max-width:1200px){.soon{max-width:50%}.soonhero .portrait{height:calc(var(--hh)*.94);right:-6%}}
@media(max-width:900px){.soon{max-width:100%}.soonhero .portrait{height:560px;right:-12%}}
@media(max-width:760px){.hero.soonhero{--hh:860px}.soonhero .portrait{height:430px;right:-16%}.stitle{font-size:clamp(34px,10.5vw,52px)}.stext{max-width:30ch}}
@media(prefers-reduced-motion:reduce){.chip i,.work::after{animation:none!important}.work::after{width:38%}}