.footer{background:var(--storm);color:var(--on-dark);font-size:var(--text-sm);border-top:1px solid var(--line-dark);padding-block:clamp(3.5rem,2.5rem + 3vw,5.5rem) 2rem;position:relative}.footer__top{border-bottom:1px solid var(--line-dark);flex-wrap:wrap;align-items:center;gap:1.5rem clamp(1.5rem,3vw,3rem);padding-bottom:2.25rem;display:flex}.footer__home{border-radius:6px;margin-right:auto;display:inline-flex}.footer__home .footer__logo{height:24px;color:var(--on-dark)}.footer__station{align-items:center;gap:.95rem;display:inline-flex}.footer__weather{font-family:var(--font-mono);font-size:var(--text-xs);font-variation-settings:"wdth" 88;letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--on-dark-2);gap:.2rem;line-height:1.45;display:grid}.footer__weather-now{color:var(--on-dark)}.footer__weather-data{color:var(--on-dark-2);flex-wrap:wrap;gap:0 .55rem;display:inline-flex}.footer__sep{color:var(--on-dark-3)}.footer__weather-data time{color:var(--on-dark)}.footer__colon{animation:footer-colon 2s var(--ease-inout) infinite}@keyframes footer-colon{50%{opacity:.25}}.footer__totop{border-left:1px solid var(--line-dark);min-height:44px;font-family:var(--font-mono);font-size:var(--text-xs);font-variation-settings:"wdth" 88;letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--on-dark-2);transition:color var(--dur-fast) var(--ease-out);align-items:center;gap:.7rem;padding-left:clamp(1.5rem,3vw,3rem);display:inline-flex}.footer__totop:hover,.footer__totop:focus-visible{color:var(--on-dark)}.footer__totop:focus-visible{outline-offset:6px}.footer .sunrise{flex:none;width:22px;height:14px;display:inline-block;position:relative;overflow:hidden}.footer .sunrise__sun{background:var(--sun);width:10px;height:10px;transition:transform .76s var(--ease-out), box-shadow .76s var(--ease-out);border-radius:50%;position:absolute;bottom:-5px;left:6px;box-shadow:0 0 #ffb54700}.footer .sunrise__horizon{transform-origin:50%;height:1px;transition:transform .76s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.8)}.footer__totop:hover .sunrise__sun,.footer__totop:focus-visible .sunrise__sun{transform:translateY(-7px);box-shadow:0 0 10px 1px #ffb54780}.footer__totop:hover .sunrise__horizon,.footer__totop:focus-visible .sunrise__horizon{transform:none}.footer__totop:active .sunrise__sun{transform:translateY(-9px)}.footer .wx{isolation:isolate;flex:none;width:30px;height:20px;display:inline-block;position:relative}.footer .wx__sun{z-index:-1;background:var(--sun);border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:15px;box-shadow:0 0 10px #ffb54799}.footer .wx__cloud{height:15px;animation:wx-drift 7s var(--ease-inout) infinite alternate;position:absolute;top:4px;left:3px}.footer:not(.is-in-view) .wx__cloud{animation-play-state:paused}@keyframes wx-drift{0%{transform:translate(4px)}to{transform:translate(-3px)}}.footer__cols{gap:2rem;padding-block:2.5rem;display:grid}.footer__company{font-weight:600}.footer__address{color:var(--on-dark-2);margin-top:.3rem;font-style:normal}.footer__legal{font-family:var(--font-mono);font-size:var(--text-xs);font-variation-settings:"wdth" 88;letter-spacing:var(--track-mono);color:var(--on-dark-2);margin-top:.9rem}.footer__links{gap:.45rem;display:grid}.footer__links a{padding-block:.1rem;display:inline-block}.footer__contact{align-content:start;justify-items:start;gap:.45rem;display:grid}.footer__phone{font-family:var(--font-mono);font-size:var(--text-sm);font-variation-settings:"wdth" 90}.footer__lang{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;align-items:center;gap:.6rem;margin-top:.8rem;display:inline-flex}.footer__lang-cur{color:var(--on-dark-2)}.footer__lang-sep{background:var(--on-dark-3);transform-origin:0;width:20px;height:1px;transition:transform .52s var(--ease-out)}.footer__lang:hover .footer__lang-sep,.footer__lang:focus-visible .footer__lang-sep{transform:scaleX(1.6)}.footer__bottom{border-top:1px solid var(--line-dark);font-size:var(--text-xs);gap:1rem;padding-top:1.75rem;line-height:1.6;display:grid}.footer__partner{border-radius:4px;justify-self:start}.footer__partner img{width:auto;height:2.25rem;display:block}.footer__tm{color:var(--on-dark-2);max-width:90ch}.footer__rights{font-family:var(--font-mono);font-variation-settings:"wdth" 88;letter-spacing:var(--track-mono);color:var(--on-dark-2)}@media (min-width:760px){.footer__cols{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.footer__col--company{grid-column:1/span 5}.footer__cols>nav{grid-column:7/span 2}.footer__contact{grid-column:10/span 3}.footer__bottom{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.footer__partner{grid-column:1/span 4}.footer__tm{grid-column:5/span 5}.footer__rights{text-align:right;grid-column:10/span 3}}@media (max-width:759px){.footer__cols>nav{order:1}.footer__totop{border-left:0;order:1;padding-left:0}.footer__station{flex-basis:100%;order:2}}
.drawer{width:100%;max-width:none;height:100%;max-height:none;color:var(--storm);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.drawer::backdrop{touch-action:none;background:0 0}@property --scrim-blur{syntax:"<length>";inherits:false;initial-value:6px}.drawer__scrim{-webkit-backdrop-filter:blur(var(--scrim-blur)) saturate(.85);backdrop-filter:blur(var(--scrim-blur)) saturate(.85);cursor:pointer;touch-action:none;background:linear-gradient(90deg,#dce2e80f,#dce2e84d 70%),#0f141b42;position:absolute;inset:0}.drawer__panel{overscroll-behavior:contain;-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);background:linear-gradient(#f1f3f680,#dce2e833),#f1f3f6b8;flex-direction:column;width:min(440px,100%);padding:22px clamp(1.25rem,3vw,2.25rem) clamp(1.5rem,4vh,2.5rem);display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:inset 1px 0 #f1f3f6e6,-30px 0 80px -30px #0f141b59}.drawer__head{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;display:flex}.drawer__close{height:44px;font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-out);border-radius:999px;flex:none;align-items:center;gap:.75em;padding:0 .4em 0 1em;font-weight:560;display:inline-flex}@media (max-width:399.98px){.drawer__close{padding:0 .4em}.drawer__close-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.drawer__close:hover{background:#0f141b0f}.drawer__close:focus-visible{outline-offset:2px;border-radius:999px}.drawer__x{background:var(--storm);width:28px;height:28px;color:var(--on-dark);border-radius:50%;position:relative}.drawer__x i{width:12px;height:1.5px;transition:transform .52s var(--ease-out);background:currentColor;border-radius:2px;position:absolute;top:13.25px;left:8px;transform:rotate(45deg)}.drawer__x i+i{transform:rotate(-45deg)}.drawer__close:hover .drawer__x i{transform:rotate(135deg)}.drawer__close:hover .drawer__x i+i{transform:rotate(45deg)}.drawer__nav{margin-top:clamp(2rem,8vh,4.5rem)}.drawer__links{display:grid}.drawer__item+.drawer__item{border-top:1px solid var(--line)}.drawer__link{font-size:var(--text-xl);letter-spacing:var(--track-tight);font-variation-settings:"wdth" 100;transition:font-variation-settings .6s var(--ease-out), color var(--dur-fast) var(--ease-out);justify-content:space-between;align-items:center;gap:1rem;padding-block:clamp(.5rem,1.4vh,.85rem);font-weight:560;line-height:1.1;display:flex;position:relative}.drawer__link:before{content:"";background:var(--sun);opacity:0;width:6px;height:6px;transition:opacity .42s var(--ease-out), transform .62s var(--ease-out);border-radius:50%;margin-top:-3px;position:absolute;top:50%;left:-.95rem;transform:scale(.3);box-shadow:0 0 8px 1px #ffb5478c}.drawer__link[aria-current=location]:before{opacity:1;transform:none}.drawer__link[aria-current=location] .drawer__link-text{font-variation-settings:"wdth" 106}.drawer__link-text{transition:font-variation-settings .6s var(--ease-out)}.drawer__arrow{width:22px;height:22px;color:var(--sky);opacity:0;transition:opacity .4s var(--ease-out), transform .6s var(--ease-out);flex:none;transform:translate(-12px)}.drawer__link:hover,.drawer__link:focus-visible{font-variation-settings:"wdth" 112}.drawer__link:hover .drawer__arrow,.drawer__link:focus-visible .drawer__arrow{opacity:1;transform:none}.drawer__link:focus-visible{outline-offset:2px}.drawer__foot{gap:1.6rem;margin-top:auto;padding-top:2.5rem;display:grid}.drawer__cta{justify-self:start}.drawer__contact{border-top:1px solid var(--line);gap:.6rem;margin:0;padding-top:1.4rem;display:grid}.drawer__contact div{grid-template-columns:4.5rem 1fr;align-items:baseline;display:grid}.drawer__contact dt{color:var(--text-3)}.drawer__contact dd{font-family:var(--font-mono);font-size:var(--text-sm);font-variation-settings:"wdth" 90;margin:0}.drawer__lang{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;justify-self:start;align-items:center;gap:.6rem;display:inline-flex}.drawer__lang-current{color:var(--text-3)}.drawer__lang-sep{background:var(--text-3);transform-origin:0;width:22px;height:1px;transition:transform .52s var(--ease-out)}.drawer__lang-other{font-weight:560}.drawer__lang:hover .drawer__lang-sep,.drawer__lang:focus-visible .drawer__lang-sep{transform:scaleX(1.6)}.drawer__wx{min-width:0;line-height:1.45;font-family:var(--font-mono);font-size:var(--text-xs);font-variation-settings:"wdth" 88;letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--text-2);align-items:center;gap:.75rem;display:flex}.drawer__wx-lines{gap:.1rem;min-width:0;display:grid}.drawer__wx-place{color:var(--text)}.drawer__wx-data{white-space:nowrap;gap:.5rem;display:inline-flex}.drawer__wx-icon{isolation:isolate;flex:none;height:15px;display:block;position:relative}.drawer__wx-icon .cloud-mark{position:relative}.drawer__wx-sun{z-index:-1;background:var(--sun);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;right:-3px;box-shadow:0 0 0 3px #ffb54738}.drawer__wx-sep{color:var(--text-3)}.drawer__wx time{color:var(--text)}.drawer__wx-colon{animation:drawer-colon 2s var(--ease-inout) infinite}@keyframes drawer-colon{50%{opacity:.25}}@media (max-width:480px){.drawer__panel{box-shadow:none}}
.nav{z-index:60;color:var(--storm);pointer-events:none;position:fixed;inset:0 0 auto}.nav__bar{pointer-events:auto;align-items:center;gap:clamp(1rem,2vw,2.5rem);height:88px;display:flex}.nav.is-away .nav__bar{pointer-events:none}.nav.is-intro [data-nav-in],.nav.is-intro .nav__menu{opacity:0}.nav__home{border-radius:6px;flex:none;margin-right:auto;display:inline-flex}.nav__logo-in{height:26px;color:var(--storm);align-items:center;display:inline-flex}.nav__mark{flex:none;height:100%;display:block;position:relative}.nav__cloud{z-index:1;height:100%;display:block;position:relative}.nav__cloud .cloud-mark{color:var(--sky);position:relative}.nav__word{height:100%;margin-left:6.14861px;display:flex}.nav__letter{flex:none;width:auto;height:100%;display:block;overflow:visible}.nav__disc{background:var(--storm);opacity:0;visibility:hidden;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 .5px #eef2f652,0 10px 14px #0f141b4d}.nav.is-away .nav__mark{pointer-events:auto}.nav__peek{z-index:-1;background:var(--sun);opacity:0;width:8px;height:8px;transition:opacity .36s var(--ease-out), transform .62s var(--ease-out);border-radius:50%;position:absolute;top:-3px;right:-2px;transform:translate(-6px,7px)scale(.3);box-shadow:0 0 8px #ffb54799}@media (hover:hover){.nav__home:hover .nav__peek{opacity:1;transition-delay:60ms;transform:none}}.nav__home:focus-visible .nav__peek,:where(.nav.is-away [data-wx=sun],.nav.is-away [data-wx=sunny]) .nav__peek{opacity:1;transform:none}:where(.nav.is-away [data-wx=clearing]) .nav__peek{opacity:1;transform:translate(-1px,2px)scale(.8)}:where(.nav.is-away [data-wx=mist]) .nav__peek{opacity:.85;transform:translate(-1px,2px)scale(.66)}:where(.nav.is-away [data-wx=dawn]) .nav__peek{opacity:1;transform:translate(2px,24px)scale(.85)}:where(.nav.is-away [data-wx=sun],.nav.is-away [data-wx=sunny],.nav.is-away [data-wx=clearing],.nav.is-away [data-wx=mist],.nav.is-away [data-wx=dawn]) .nav__peek{transition:opacity .42s var(--ease-out) .32s, transform .9s var(--ease-out) .32s}.nav__wx>i{opacity:0;transition:opacity .3s var(--ease-out), transform .6s var(--ease-out);display:block;position:absolute}.nav__drops{background:var(--sky-soft);width:1.6px;height:5px;box-shadow:9px 0 0 var(--sky-soft);border-radius:1px;top:28.5px;left:12px;transform:translateY(-3px)skew(-18deg)}.nav__bolt{background:var(--sun);clip-path:polygon(60% 0,0 58%,42% 58%,26% 100%,100% 38%,58% 38%,78% 0);width:7px;height:10px;top:26.5px;left:15px;transform:scale(.6)}.nav__fog{background:var(--on-dark-2);width:20px;height:1.5px;box-shadow:9px 3.5px 0 var(--on-dark-2);border-radius:1px;top:30px;left:4px;transform:translate(-4px)}.nav.is-away :where([data-wx=rain]) .nav__drops,.nav.is-away :where([data-wx=storm]) .nav__bolt,.nav.is-away :where([data-wx=fog],[data-wx=mist]) .nav__fog{opacity:1;transition:opacity .42s var(--ease-out) .32s, transform .9s var(--ease-out) .32s;transform:skew(-18deg)}.nav.is-away :where([data-wx=storm]) .nav__bolt,.nav.is-away :where([data-wx=fog],[data-wx=mist]) .nav__fog{transform:none}.nav.is-away :where([data-wx=dawn]) .nav__fog{opacity:1;box-shadow:none;transition:opacity .42s var(--ease-out) .32s, transform .9s var(--ease-out) .32s;transform:translate(8px)}.nav.is-away :where([data-wx=front]) .nav__fog{opacity:.85;transition:opacity .42s var(--ease-out) .32s, transform .9s var(--ease-out) .32s;transform:translate(3px)scaleX(.7)}.nav.is-away .nav__home:focus-visible{outline:none}.nav.is-away .nav__home:focus-visible .nav__disc{outline:2px solid var(--sun);outline-offset:3px}.nav__links{display:none;position:relative}.nav__links ul{gap:clamp(1.1rem,1.6vw,2rem);display:flex}.nav__link,.nav__phone,.nav__lang{font-size:var(--text-sm);letter-spacing:.005em;white-space:nowrap;padding-block:.4em;font-weight:480;display:inline-block;position:relative}.nav__link{transition:color var(--dur-fast) var(--ease-out)}.nav__links:hover .nav__link:not(:hover){color:var(--text-2)}.nav--sky{--ring:var(--on-dark);color:var(--on-dark)}.nav--sky .nav__logo-in{color:var(--on-dark)}.nav--sky .nav__cloud .cloud-mark{transition:color .6s var(--ease-out)}.nav--sky:not(.is-away) .nav__cloud .cloud-mark{color:var(--on-dark)}.nav--sky .nav__links:hover .nav__link:not(:hover){color:#eef2f6b8}.nav__sun{background:var(--sun);opacity:0;pointer-events:none;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:-3px;left:0;box-shadow:0 0 8px 1px #ffb5478c}.nav__phone .link,.nav__lang .link{--link-y:-.18em}.nav__meta{align-items:center;gap:clamp(1rem,1.6vw,1.75rem);display:none}.nav__slot{display:inline-flex}.nav__phone{font-family:var(--font-mono);font-size:var(--text-xs);font-variation-settings:"wdth" 88;letter-spacing:var(--track-mono)}.nav__lang{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;font-weight:520}.nav__cta{white-space:nowrap;padding:.85em 1.3em}.nav__menu{--chip-w:0px;--chip-t:4px;top:22px;right:var(--gutter);z-index:70;background:var(--storm);height:44px;color:var(--on-dark);font-size:var(--text-sm);letter-spacing:.01em;pointer-events:auto;filter:drop-shadow(0 0 .6px #eef2f680)drop-shadow(0 10px 14px #0f141b4d);transition:scale .26s var(--ease-out), filter .52s var(--ease-out);border-radius:999px;align-items:center;gap:.75em;padding:0 1.05em 0 1.2em;font-weight:560;display:inline-flex;position:fixed}.nav__menu-ext{z-index:-1;background:var(--storm);width:560px;clip-path:inset(var(--chip-t) 0 var(--chip-t) calc(100% - var(--chip-w)) round 999px);border-radius:999px;position:absolute;top:-4px;bottom:-4px;right:0}.nav__menu-where{font-family:var(--font-mono);font-variation-settings:"wdth" 88;letter-spacing:var(--track-mono);text-transform:uppercase;white-space:nowrap;color:var(--on-dark-2);opacity:0;pointer-events:none;align-items:center;padding:0 .95em 0 1.25em;font-size:.7rem;font-weight:440;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.nav__menu-where:after{content:"";background:#eef2f638;width:1px;position:absolute;top:32%;bottom:32%;right:0}.nav__menu:active{scale:.97}.nav__menu:focus-visible{filter:drop-shadow(0 0 .5px var(--sun)) drop-shadow(0 0 .5px var(--sun)) drop-shadow(0 0 1px var(--sun)) drop-shadow(0 10px 14px #0f141b4d);outline:none}.nav__menu-icon{width:18px;height:10px;display:inline-block;position:relative}.nav__menu-icon i{transform-origin:100%;width:18px;height:1.5px;transition:transform .62s var(--ease-out);background:currentColor;border-radius:2px;position:absolute;right:0}.nav__menu-icon i:first-child{top:1px}.nav__menu-icon i:nth-child(2){bottom:1px;transform:scaleX(.55)}.nav__menu-icon b{background:var(--sun);opacity:0;width:6px;height:6px;transition:opacity .36s var(--ease-out), transform .62s var(--ease-out);border-radius:50%;position:absolute;top:-1.5px;left:0;transform:translate(3px,4px)scale(.2);box-shadow:0 0 8px #ffb5478c}@media (hover:hover){.nav__menu:hover .nav__menu-icon i:first-child{transform:scaleX(.5)}.nav__menu:hover .nav__menu-icon i:nth-child(2){transform:none}.nav__menu:hover .nav__menu-icon b{opacity:1;transition-delay:80ms;transform:none}.nav__menu:hover{filter:drop-shadow(0 0 .6px #eef2f6b3)drop-shadow(0 14px 18px #0f141b6b)}}.nav__menu:focus-visible .nav__menu-icon i:first-child{transform:scaleX(.5)}.nav__menu:focus-visible .nav__menu-icon i:nth-child(2){transform:none}.nav__menu:focus-visible .nav__menu-icon b{opacity:1;transform:none}.nav__menu[aria-expanded=true]{opacity:0;pointer-events:none}@media (max-width:359px){.nav__menu-where{display:none}}@media (min-width:760px){.nav__meta{margin-right:calc(112px + 1rem);display:flex}}@media (min-width:1340px){.nav__links{margin-right:auto;display:block}.nav__home{margin-right:clamp(1rem,4vw,4.5rem)}.nav__meta{margin-right:0}.nav__menu:not(.is-shown){opacity:0;visibility:hidden;pointer-events:none}}
.wx-mark{width:auto;height:1.4em;color:var(--wx-c,var(--sky));flex:none;display:block;overflow:visible}.wx-mark .wx__cloud,.wx-mark .wx__back,.wx-mark .wx__cold{fill:currentColor}.wx-mark .wx__back{opacity:.3}.wx-mark .wx__sun,.wx-mark .wx__bolt,.wx-mark .wx__warm,.wx-mark .wx__dawn-sun{fill:var(--sun)}.wx-mark .wx__rain,.wx-mark .wx__fog,.wx-mark .wx__horizon,.wx-mark .wx__front-line{fill:none;stroke:currentColor;stroke-width:20px;stroke-linecap:round}.wx-mark .wx__rain,.wx-mark .wx__fog{opacity:.6}.wx-mark .wx__front-line{stroke-width:14px}.wx-mark .wx__acc{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){html.js-motion .wx-mark:not(.is-in) .wx__acc{opacity:0}html.js-motion .wx-mark:not(.is-in) .wx__sun,html.js-motion .wx-mark:not(.is-in) .wx__dawn{transform:translate(-14%,34%)scale(.7)}html.js-motion .wx-mark:not(.is-in) .wx__rain{transform:translateY(-30%)}html.js-motion .wx-mark:not(.is-in) .wx__fog,html.js-motion .wx-mark:not(.is-in) .wx__front{transform:translate(-12%)}html.js-motion .wx-mark:not(.is-in) .wx__back{transform:translate(18%)}.wx-mark.is-in .wx__acc{transition:opacity .7s var(--ease-out) .26s, transform 1.1s var(--ease-out) .26s}.wx-mark.is-in .wx__bolt{transition:opacity .14s var(--ease-out) .52s}}
.cloud{pointer-events:none;background-image:none;position:absolute;-webkit-mask-image:linear-gradient(#0000,#0000);mask-image:linear-gradient(#0000,#0000)}[data-clouds-near] .cloud{background-image:var(--cloud-tex), linear-gradient(180deg, var(--cloud-top,var(--fog)), var(--cloud-bot,var(--fog)));background-repeat:repeat-x,no-repeat;background-size:auto 100%,100% 100%;background-position:var(--cloud-x,0px) 0, 0 0;background-blend-mode:var(--cloud-blend,soft-light), normal;-webkit-mask-image:var(--cloud-tex);-webkit-mask-image:var(--cloud-tex);mask-image:var(--cloud-tex);-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:var(--cloud-x,0px) 0;-webkit-mask-position:var(--cloud-x,0px) 0;mask-position:var(--cloud-x,0px) 0}[data-cloud-layer]{pointer-events:none;position:absolute}[data-cloud-layer]>.cloud{inset:0}.cloud--billow{--cloud-tex:url(../media/cloud-billow.14tqf27ye5x33.webp)}.cloud--stratus{--cloud-tex:url(../media/cloud-stratus.0shwrwhr0k3st.webp)}.cloud--soft{--cloud-tex:url(../media/cloud-soft.17pkjbifveyb5.webp)}
.fogbank{--fb-h:clamp(232px, 8vw + 190px, 360px);--fb-ov:clamp(48px, 4vw + 26px, 96px);z-index:2;height:var(--fb-h);margin-block:calc(var(--fb-ov) * -1);pointer-events:none;position:relative;overflow-x:clip}.fogbank__base{background:linear-gradient(in oklab 180deg, transparent 0, var(--fb-from) calc(var(--fb-ov) * .75), var(--fb-from) 30%, color-mix(in oklab, var(--fb-from) 82%, var(--fb-to)) 40%, color-mix(in oklab, var(--fb-from) 50%, var(--fb-to)) 50%, color-mix(in oklab, var(--fb-from) 18%, var(--fb-to)) 60%, var(--fb-to) 70%, var(--fb-to) calc(100% - var(--fb-ov) * .75), transparent 100%);position:absolute;inset:0}@supports not (background:linear-gradient(in oklab 180deg, red, blue)){.fogbank__base{background:linear-gradient(180deg, transparent 0, var(--fb-from) calc(var(--fb-ov) * .75), var(--fb-from) 30%, var(--fb-to) 70%, var(--fb-to) calc(100% - var(--fb-ov) * .75), transparent 100%)}}.fogbank__layer{--lh:calc(var(--h) * var(--fb-h));left:-8vw;top:calc(var(--y) * var(--fb-h) - var(--lh) / 2);height:var(--lh);width:calc(116vw + var(--lh) * 3.34);transform-origin:58vw}