.soon{background:var(--paper);padding:clamp(90px,11vw,160px) 0 0}.soon__in{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.soon__head{grid-template-columns:1.1fr .9fr;align-items:end;gap:24px 6vw;margin-bottom:clamp(36px,5vw,64px);display:grid}.soon__grid{gap:20px;height:clamp(560px,46vw,660px);display:flex}.soon__item{--mx:50%;--my:30%;color:#fff;background:var(--night);isolation:isolate;min-width:0;transition:flex-grow .9s var(--ease);border-radius:22px;flex:1 1 0;position:relative;overflow:hidden}.soon__media{z-index:-2;position:absolute;inset:-24px}.soon__media img{object-fit:cover;filter:saturate(.55)brightness(.62);width:100%;height:100%;transition:filter .9s var(--ease), transform 1.4s var(--ease);transform:scale(1.06)}.soon__media:after{content:"";background:linear-gradient(#0e0a1f8c 0%,#0e0a1f0d 38%,#0e0a1fe6 82%);position:absolute;inset:0}.soon__light{z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx) var(--my), #a996ff38, transparent 70%);mix-blend-mode:screen;transition:opacity .6s;position:absolute;inset:0}.soon__letter{font:900 clamp(170px, 22vw, 320px)/.74 var(--f-display);color:#0000;-webkit-text-stroke:2px var(--lilac);background:linear-gradient(var(--lilac), var(--lilac)) no-repeat 0 100% / 100% 0%;transition:background-size .8s var(--ease);will-change:transform;-webkit-background-clip:text;background-clip:text;padding-top:.04em;font-stretch:75%;position:absolute;top:clamp(22px,2.6vw,38px);left:clamp(22px,2.6vw,38px)}.soon__stamp{color:#ffd9a8;-webkit-mask:var(--noise) 0 0 / 160px, linear-gradient(#000 0 0);-webkit-mask-composite:source-out;-webkit-mask:var(--noise) 0 0 / 160px exclude, linear-gradient(#000 0 0);mask:var(--noise) 0 0 / 160px exclude, linear-gradient(#000 0 0);border:3px solid #ffd9a8;border-radius:10px;padding:6px;position:absolute;top:clamp(26px,3vw,44px);right:clamp(20px,2.4vw,34px);transform:rotate(8deg)}.soon__item:nth-child(2) .soon__stamp{transform:rotate(-7deg)}.soon__stamp span{font:800 clamp(20px, 1.8vw, 26px)/1 var(--f-display);text-transform:uppercase;letter-spacing:.06em;border:1.5px solid;border-radius:6px;padding:8px 16px 7px;font-stretch:80%;display:block}.soon__body{padding:clamp(24px,2.8vw,40px);position:absolute;bottom:0;left:0;right:0}.soon__body h3{font:800 clamp(26px, 2.5vw, 38px)/1 var(--f-display);text-transform:uppercase;max-width:16em;margin-bottom:14px;font-stretch:80%}.soon__body p{color:#fffc;max-width:30em;font-size:clamp(15px,1.1vw,17px)}@media (hover:hover) and (pointer:fine){.soon__item:hover{flex-grow:1.45}.soon__item:hover .soon__media img{filter:saturate()brightness(.8);transform:scale(1.12)}.soon__item:hover .soon__letter{background-size:100% 100%}.soon__item:hover .soon__light{opacity:1}}@media (hover:none),(pointer:coarse){.soon__item.is-in .soon__letter{background-size:100% 100%}.soon__item.is-in .soon__media img{filter:saturate()brightness(.75)}}@media (max-width:900px){.soon__head{grid-template-columns:1fr}.soon__grid{flex-direction:column;gap:16px;height:auto}.soon__item{flex:none;height:480px}.soon__letter{font-size:170px}.soon__stamp{top:26px}.soon__body h3{font-size:26px}}@media (prefers-reduced-motion:reduce){.soon__item,.soon__media img,.soon__letter{transition:none}}
