/* Front flange, ribbed depth and the impeller turn as a single refrigeration mark. */
.arsk-brand[data-arsk-brand] {
    --ab-size:clamp(43px,3.65vw,65px);--ab-type:clamp(87px,7.4vw,128px);
    display:inline-flex;align-items:center;justify-content:flex-start;gap:clamp(5px,.45vw,10px);
    flex:0 0 auto;min-width:0;min-height:44px;padding:0;color:#edf2e9;text-decoration:none;
    white-space:nowrap;line-height:1;text-shadow:none;isolation:isolate;
}
.arsk-brand:focus-visible {outline:2px solid #91eee4;outline-offset:5px}
.arsk-brand .ab-mark {display:block;flex:none;width:var(--ab-size);height:auto;overflow:visible;transform:perspective(160px) rotateY(-4deg);transform-origin:40% 60%;transition:transform .42s cubic-bezier(.2,.75,.2,1)}
.ab-start {stroke-dasharray:.17 1.2;stroke-dashoffset:.18;opacity:0}
[data-ab-started] .ab-start {animation:ab-startup 1.45s ease-out both paused}
[data-ab-visible][data-ab-started] .ab-start {animation-play-state:running}
@keyframes ab-startup {0%{stroke-dashoffset:.18;opacity:0}18%{opacity:.88}90%{opacity:.88}100%{stroke-dashoffset:-1.02;opacity:0}}
.ab-block {filter:drop-shadow(0 1px 1px #020c12)}
.ab-rotor {transform-box:view-box;transform-origin:0 0;animation:ab-turn 5.8s linear infinite paused}
.ab-vein {opacity:.63;filter:drop-shadow(0 0 .9px #7ffdf3);animation:ab-current 5.8s ease-in-out infinite paused}
.arsk-brand .ab-sign {display:grid;justify-items:start;gap:clamp(2px,.23vw,4px);padding-block:1px;flex:none}
.arsk-brand .ab-type {width:var(--ab-type);height:auto;display:block;color:#edf2e9;filter:drop-shadow(0 1px 0 #597176) drop-shadow(0 2px 2px #09181e);transition:color .22s}
.arsk-brand .ab-legend {display:flex;align-items:center;gap:.58em;color:#d3dfd9;font:750 clamp(8px,.68vw,12px)/1 system-ui,sans-serif;letter-spacing:.27em}
.ab-legend i {width:1.95em;height:3px;display:block;background:linear-gradient(90deg,#dbb076 34%,transparent 34% 43%,#637c7d 43%);transition:width .35s}
[data-ab-visible] .ab-rotor,[data-ab-visible] .ab-vein {animation-play-state:running}
@keyframes ab-turn {to{transform:rotate(360deg)}}
@keyframes ab-current {0%,100%{opacity:.49}45%,65%{opacity:1}}
@media (hover:hover) {
 .arsk-brand:hover .ab-mark {transform:perspective(160px) rotateY(-16deg) rotateX(6deg) translateY(-1px)}
 .arsk-brand:hover .ab-type {color:#d2fff6}
 .arsk-brand:hover .ab-legend i {width:2.35em}
}
.arsk-brand:focus-visible .ab-mark {transform:perspective(160px) rotateY(-16deg) rotateX(6deg)}
footer .arsk-brand[data-arsk-brand] {--ab-size:52px;--ab-type:112px}
.hc-mast .arsk-brand[data-arsk-brand] {--ab-size:40px;--ab-type:84px}
@media(max-width:830px){
 .mast .arsk-brand[data-arsk-brand] {--ab-size:40px;--ab-type:84px}
}
@media(max-width:600px){
 .hc-mast .arsk-brand[data-arsk-brand] {--ab-size:31px;--ab-type:58px;gap:3px}
 .hc-mast .ab-legend {font-size:7px;letter-spacing:.13em}
 .hc-mast .ab-legend i {width:.9em}
}
@media(prefers-reduced-motion:reduce){
 .arsk-brand .ab-start,.arsk-brand .ab-rotor,.arsk-brand .ab-vein {animation:none}
 .arsk-brand .ab-mark,.arsk-brand:hover .ab-mark,.arsk-brand:focus-visible .ab-mark {transform:none;transition:none}
 .arsk-brand .ab-type,.arsk-brand .ab-legend i {transition:none}
}
@media(forced-colors:active){
 .arsk-brand .ab-type {color:LinkText;filter:none}
 .arsk-brand .ab-legend {color:LinkText}
 .arsk-brand .ab-mark {forced-color-adjust:none}
}

/* Light originates in the impeller; the lettering keeps its registration. */
@media not (forced-colors:active){
 .arsk-brand[data-arsk-brand]{position:relative}
 .arsk-brand[data-arsk-brand]::before{content:'';position:absolute;z-index:-1;pointer-events:none;
  width:calc(var(--ab-size) * 1.52);height:calc(var(--ab-size) * 1.32);left:calc(var(--ab-size) * -.26);top:50%;
  transform:translateY(-42%);background:radial-gradient(ellipse at 48% 55%,#d8fffc78,#6af9f332 30%,#2689ae1f 52%,transparent 72%);
  opacity:0;transition:opacity .22s ease-out}
 .arsk-brand:is(:focus-visible,:active)::before{opacity:1}
 .arsk-brand:is(:focus-visible,:active) .ab-mark{filter:drop-shadow(0 0 3px #acfff6a3)}
 @media(hover:hover){
  .arsk-brand[data-arsk-brand]:hover::before{opacity:1}
  .arsk-brand:hover .ab-mark{filter:drop-shadow(0 0 3px #acfff6a3)}
  .arsk-brand:hover .ab-vein{stroke:#e2fffa}
 }
}
@media(prefers-reduced-motion:reduce){.arsk-brand[data-arsk-brand]::before{transition:none}}