
#claww-recognition{color-scheme:light dark;--cr-bg:light-dark(#f5f7fa,#101a28);--cr-paper:light-dark(#fff,#192737);--cr-text:light-dark(#19334d,#edf3fa);--cr-muted:light-dark(#53677b,#b2c4d5);--cr-blue:light-dark(#235e89,#91c6ed);--cr-soft:light-dark(#e7eff6,#223c51);--cr-line:light-dark(#d8e2eb,#37516a);font-family:Arial,sans-serif;color:var(--cr-text);background:var(--cr-bg);border-radius:16px;overflow:hidden}
#claww-recognition *{box-sizing:border-box}#claww-recognition button,#claww-recognition a{font:inherit}#claww-recognition .cr-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 38px;background:var(--cr-paper);border-bottom:1px solid var(--cr-line)}#claww-recognition .cr-brand{display:flex;flex-direction:column;align-items:center;gap:8px}#claww-recognition .cr-brand img{width:188px;height:82px;object-fit:contain}#claww-recognition .cr-brand strong{font-family:'Arial Black',Arial,sans-serif;font-size:12px;color:var(--cr-blue)}#claww-recognition .cr-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--cr-blue);color:light-dark(#fff,#102435);padding:15px 20px;border:0;border-radius:9px;text-decoration:none;font-weight:600;min-height:48px}#claww-recognition .cr-intro{text-align:center;padding:42px 20px 12px}#claww-recognition .cr-eyebrow{font-size:11px;font-weight:600;letter-spacing:1.8px;color:var(--cr-blue)}#claww-recognition h1{font-family:Georgia,serif;font-size:clamp(34px,5vw,54px);font-weight:400;line-height:1.1;margin:15px 0}#claww-recognition p{color:var(--cr-muted);line-height:1.6;margin:10px 0;font-size:16px}#claww-recognition .cr-celebration{padding:0 24px 26px}#claww-recognition .cr-stage{position:relative;min-height:470px;display:grid;place-items:center}#claww-recognition .cr-orbit{position:absolute;width:310px;height:310px;border:1px solid var(--cr-line);border-radius:50%;box-shadow:0 0 0 35px color-mix(in srgb,var(--cr-soft) 50%,transparent),0 0 0 70px color-mix(in srgb,var(--cr-soft) 25%,transparent)}#claww-recognition .cr-feature{position:relative;margin:0;max-width:675px;width:100%;background:var(--cr-paper);padding:9px;border-radius:12px;box-shadow:0 18px 40px #0002;transform-origin:center}#claww-recognition .cr-feature img{display:block;width:100%;height:360px;object-fit:contain;background:var(--cr-soft);border-radius:7px}#claww-recognition figcaption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 7px;font-size:13px}#claww-recognition figcaption span{color:var(--cr-blue)}#claww-recognition .cr-arrive{animation:cr-arrive 1.65s cubic-bezier(.2,.8,.2,1) both}#claww-recognition .cr-settle{animation:cr-settle .55s ease-in both}@keyframes cr-arrive{0%{transform:scale(.08) rotate(-150deg);opacity:0}30%{opacity:1}80%{transform:scale(1.03) rotate(3deg)}100%{transform:scale(1) rotate(0)}}@keyframes cr-settle{to{transform:translateY(75px) scale(.82);opacity:0}}#claww-recognition .cr-motion-controls{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;color:var(--cr-muted);font-size:13px}#claww-recognition .cr-link{background:transparent;color:var(--cr-blue);border:0;text-decoration:underline;min-height:44px;padding:8px}#claww-recognition .cr-benefits,#claww-recognition .cr-gallery-section{padding:30px 38px}#claww-recognition .cr-benefits{background:var(--cr-paper)}#claww-recognition .cr-section-heading{text-align:center;margin-bottom:24px}#claww-recognition h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:12px 0}#claww-recognition .cr-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#claww-recognition .cr-category{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;background:var(--cr-soft);color:var(--cr-text);border:1px solid var(--cr-line);border-radius:12px;padding:20px;min-width:0}#claww-recognition .cr-category svg{color:var(--cr-blue)}#claww-recognition .cr-category strong{font-size:17px}#claww-recognition .cr-category span{font-size:13px;line-height:1.5;color:var(--cr-muted)}#claww-recognition .cr-category .cr-category-action{color:var(--cr-blue);margin-top:auto;font-weight:600}#claww-recognition .cr-category[aria-pressed=true]{outline:2px solid var(--cr-blue);outline-offset:2px}#claww-recognition .cr-detail{margin-top:24px;padding:22px;background:var(--cr-soft);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:22px}#claww-recognition .cr-detail[hidden]{display:none}#claww-recognition h3{margin:0;font-size:21px}#claww-recognition .cr-detail .cr-small{font-size:12px}#claww-recognition .cr-detail a{flex-shrink:0}#claww-recognition .cr-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#claww-recognition .cr-gallery figure{margin:0;background:var(--cr-paper);padding:7px;border-radius:9px}#claww-recognition .cr-gallery img{width:100%;height:180px;object-fit:contain;background:var(--cr-soft);display:block;border-radius:5px}#claww-recognition .cr-gallery figcaption{font-size:12px;padding:12px 5px;display:block}#claww-recognition .cr-gallery .cr-land{animation:cr-land .5s ease-out}@keyframes cr-land{from{transform:translateY(-18px);opacity:.2}to{transform:translateY(0);opacity:1}}#claww-recognition .cr-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:25px 38px;color:var(--cr-blue);font-weight:600;border-top:1px solid var(--cr-line)}#claww-recognition .cr-footer span{font-weight:400;color:var(--cr-muted)}#claww-recognition .cr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#claww-recognition [hidden]{display:none!important}@media(max-width:760px){#claww-recognition .cr-categories{grid-template-columns:repeat(2,minmax(0,1fr))}#claww-recognition .cr-header{padding:20px;gap:15px}#claww-recognition .cr-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}#claww-recognition .cr-benefits,#claww-recognition .cr-gallery-section{padding:28px 20px}#claww-recognition .cr-detail{flex-direction:column;align-items:stretch}}@media(max-width:450px){#claww-recognition .cr-header{flex-direction:column}#claww-recognition .cr-header>a{width:100%}#claww-recognition .cr-stage{min-height:390px}#claww-recognition .cr-feature img{height:285px}#claww-recognition figcaption{flex-direction:column;align-items:flex-start;gap:5px}#claww-recognition .cr-orbit{width:220px;height:220px}#claww-recognition .cr-gallery{grid-template-columns:1fr}#claww-recognition .cr-gallery img{height:260px}#claww-recognition .cr-category{padding:15px}#claww-recognition .cr-break{display:none}}@media(prefers-reduced-motion:reduce){#claww-recognition .cr-arrive,#claww-recognition .cr-settle,#claww-recognition .cr-land{animation:none}}

/* Subtle decorative fireworks behind the featured recognition photo. */
#claww-recognition .cr-stage{isolation:isolate}
#claww-recognition .cr-orbit{z-index:0}
#claww-recognition .cr-feature{z-index:2}
#claww-recognition .cr-fireworks{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
#claww-recognition .cr-burst{position:absolute;width:1px;height:1px;left:50%;top:40%;color:#e6ad37}
#claww-recognition .cr-burst-one{left:17%;top:27%;color:#e7a837}
#claww-recognition .cr-burst-two{left:83%;top:34%;color:#5daedc;animation-delay:1.25s}
#claww-recognition .cr-burst-three{left:76%;top:77%;color:#ed8f81;animation-delay:2.5s}
#claww-recognition .cr-burst i{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor;opacity:0;animation:cr-spark 3.75s ease-out infinite;animation-delay:inherit;transform:rotate(var(--angle)) translateY(0)}
#claww-recognition .cr-burst-one i{--distance:48px}
#claww-recognition .cr-burst-two i{--distance:55px}
#claww-recognition .cr-burst-three i{--distance:43px}
@keyframes cr-spark{0%,8%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.3)}12%{opacity:.9}40%{opacity:.65;transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) scale(.85)}55%,100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1.15 * var(--distance))) scale(.15)}}
@media(max-width:600px){#claww-recognition .cr-burst-one{left:13%;top:22%}#claww-recognition .cr-burst-two{left:87%;top:24%}#claww-recognition .cr-burst-three{left:80%;top:81%}#claww-recognition .cr-burst i{--distance:32px}#claww-recognition .cr-burst-one i,#claww-recognition .cr-burst-two i,#claww-recognition .cr-burst-three i{--distance:32px}}
@media(prefers-reduced-motion:reduce){#claww-recognition .cr-fireworks{display:none}}

/* Grand finale preview: dark stage and bright fireworks behind, never over, photos. */
#claww-recognition .cr-celebration{background:radial-gradient(ellipse at 50% 36%,#182b4d 0%,#0b1429 54%,#040812 100%);color:#e9f3ff}
#claww-recognition .cr-stage{background:transparent;position:relative;isolation:isolate}
#claww-recognition .cr-orbit{opacity:.18}
#claww-recognition #cr-grand-fireworks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
#claww-recognition .cr-fireworks{display:none}
#claww-recognition .cr-feature{position:relative;z-index:3}
#claww-recognition .cr-motion-controls{color:#dce8fa}
#claww-recognition .cr-motion-controls .cr-link{color:#a6d9ff}
#claww-recognition .cr-sound-controls{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:8px 16px 16px;font-size:12px;color:#c5d8ed}
#claww-recognition #cr-sound-toggle{border:1px solid #8bb6e6;background:#17365a;color:white;border-radius:999px;padding:10px 18px;font-size:13px;cursor:pointer}
#claww-recognition #cr-sound-toggle:hover{background:#245280}
#claww-recognition #cr-sound-toggle:focus-visible{outline:3px solid #f9c85d;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#claww-recognition #cr-grand-fireworks{display:none}#claww-recognition .cr-sound-controls{display:none}}

#claww-recognition .cr-angle-0{--angle:0deg}#claww-recognition .cr-angle-30{--angle:30deg}#claww-recognition .cr-angle-60{--angle:60deg}#claww-recognition .cr-angle-90{--angle:90deg}#claww-recognition .cr-angle-120{--angle:120deg}#claww-recognition .cr-angle-150{--angle:150deg}#claww-recognition .cr-angle-180{--angle:180deg}#claww-recognition .cr-angle-210{--angle:210deg}#claww-recognition .cr-angle-240{--angle:240deg}#claww-recognition .cr-angle-270{--angle:270deg}#claww-recognition .cr-angle-300{--angle:300deg}#claww-recognition .cr-angle-330{--angle:330deg}
body{margin:0;background:#e2d1b3}#claww-recognition{color-scheme:light;--cr-bg:#e2d1b3;--cr-paper:#faf7f0;--cr-text:#101a36;--cr-muted:#465169;--cr-blue:#2847c7;--cr-soft:#eee3ce;--cr-line:#baaa8d;max-width:1280px;margin:auto;border-radius:0}#claww-recognition .cr-button{color:white}#claww-recognition .cr-brand{background:#e2d1b3;border-radius:12px;padding:8px 14px;text-decoration:none}#claww-recognition .cr-category,#claww-recognition button{cursor:pointer}#claww-recognition a:focus-visible,#claww-recognition button:focus-visible{outline:3px solid #2847c7;outline-offset:4px}#claww-recognition .cr-home{margin-right:20px}#claww-recognition .cr-footer a{color:var(--cr-blue)}
