.recognition-section{position:relative;isolation:isolate;overflow:hidden;background:#fff;color:#242726;margin-top:-54px;padding:126px 48px 92px;font-family:Montserrat,sans-serif}.recognition-wrap{max-width:1120px;margin:auto}.recognition-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:14px 70px;align-items:end;margin-bottom:42px}.recognition-eyebrow{display:block;font:700 11px/1.6 Firs,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7781a5}.recognition-heading>.recognition-eyebrow{grid-column:1/-1;color:#687fe5}.recognition-heading h2{font:700 clamp(34px,3.6vw,52px)/1.08 Firs,sans-serif;letter-spacing:-.04em;margin:0}.recognition-heading h2 span{color:#687fe5}.recognition-heading>p{margin:0;max-width:350px;font:500 14px/1.9 Montserrat,sans-serif;color:#677087}.recognition-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:stretch}.nomination-feature{display:flex;flex-direction:column;border:1px solid #e1e4f0;border-radius:20px;text-decoration:none;color:inherit;background:#fff;overflow:hidden;transition:translate .6s ease,box-shadow .6s ease}.nomination-art{position:relative;min-height:210px;display:flex;align-items:center;justify-content:center;padding:35px;background:radial-gradient(ellipse at center,#fff9e0,#fffdf5);overflow:hidden}.nomination-art img{width:78%;max-width:360px;height:auto;position:relative;z-index:1;transition:scale .6s ease}.award-orbit{position:absolute;font-size:245px;line-height:1;color:#f1d66c33;rotate:10deg;animation:award-float 7s ease-in-out infinite}.nomination-seal{position:absolute;right:20px;bottom:17px;border:1px solid #e4cf7b;border-radius:50%;width:87px;height:87px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:500 10px/1.5 Montserrat,sans-serif;color:#947431;background:#fff8db;rotate:9deg;z-index:2}.nomination-seal b{font:700 12px/1.3 Firs,sans-serif;max-width:60px}.nomination-copy{padding:30px}.nomination-copy h3{font:700 29px/1.15 Firs,sans-serif;letter-spacing:-.025em;margin:13px 0}.nomination-copy p,.recognition-note p{font:500 12px/1.8 Montserrat,sans-serif;color:#677087;margin:0 0 19px}.recognition-action{font:700 12px/1.5 Firs,sans-serif;color:#687fe5}.nomination-feature:hover{translate:0 -4px;box-shadow:0 15px 35px #67708716}.nomination-feature:hover img{scale:1.035}.recognition-notes{display:grid;gap:16px}.recognition-note{display:grid;grid-template-columns:44px 1fr;gap:17px;padding:24px;border:1px solid #e6e8f1;border-radius:14px;background:#ffffffdd;color:inherit;text-decoration:none;transition:translate .6s ease,border-color .6s ease}.recognition-note h3{font:700 19px/1.2 Firs,sans-serif;letter-spacing:-.02em;margin:7px 0 8px}.recognition-note p{margin-bottom:10px}.note-symbol{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff5cc;color:#a58a2a;font-size:29px}.note-pink{background:#fce6f3;color:#cc6b9e}.note-blue{background:#eaf0ff;color:#687fe5}.recognition-note:hover{translate:0 -3px;border-color:#bac5ed}.recognition-section a:focus-visible{outline:3px solid #687fe5;outline-offset:5px}.recognition-orbit{position:absolute;border:1px solid #e8ebf9;border-radius:50%;z-index:-1;pointer-events:none;animation:award-float 10s ease-in-out infinite}.orbit-one{width:530px;height:530px;right:-290px;top:70px}.orbit-two{width:370px;height:370px;left:-230px;bottom:-210px}.recognition-animated .recognition-reveal{opacity:0;translate:0 20px;transition:opacity 1s ease,translate 1s cubic-bezier(.2,.7,.2,1)}.recognition-animated .recognition-reveal.is-visible{opacity:1;translate:0 0}.recognition-note:nth-child(2){transition-delay:.12s}.recognition-note:nth-child(3){transition-delay:.24s}@keyframes award-float{50%{transform:translateY(-9px) rotate(3deg)}}@media(max-width:900px){.recognition-section{padding-inline:32px}.recognition-grid{gap:24px}.recognition-note{padding:19px;gap:12px;grid-template-columns:36px 1fr}.note-symbol{width:36px;height:36px}}@media(max-width:700px){.recognition-section{margin-top:-28px;padding:84px 24px 55px}.recognition-heading{display:block;margin-bottom:27px}.recognition-heading>.recognition-eyebrow{margin-bottom:13px}.recognition-heading h2{font-size:36px}.recognition-heading>p{margin-top:19px;font-size:13px}.recognition-grid{grid-template-columns:1fr;gap:22px}.nomination-art{min-height:185px;padding:30px 20px}.nomination-copy{padding:25px}.nomination-copy h3{font-size:27px}.recognition-note{padding:23px 19px}.recognition-note h3{font-size:18px}}@media(prefers-reduced-motion:reduce){.award-orbit,.recognition-orbit{animation:none}.recognition-animated .recognition-reveal{opacity:1;translate:none}.recognition-section a,.nomination-art img{transition:none}}
.press-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.press-grid .recognition-note{padding:28px;min-height:180px;align-items:start}.press-grid .recognition-note:nth-child(4){transition-delay:.36s}.screen-recognition{display:grid;grid-template-columns:270px 1fr;gap:40px;align-items:center;border-top:1px solid #e2e6f2;margin-top:42px;padding-top:34px}.screen-logos{display:flex;align-items:center;gap:22px}.screen-logos img{width:calc(50% - 11px);height:75px;object-fit:contain}.screen-recognition h3{font:700 22px/1.3 Firs,sans-serif;margin:8px 0 12px;letter-spacing:-.02em}.screen-recognition p{font:500 12px/1.85 Montserrat,sans-serif;color:#677087;margin:0 0 8px}.screen-recognition a{text-decoration:none}.screen-recognition a:hover{text-decoration:underline;text-underline-offset:4px}.recognition-footnote{border-top:1px solid #edf0f7;margin:26px 0 0;padding-top:18px;font:500 10px/1.9 Montserrat,sans-serif;color:#858ca1}.recognition-footnote a{color:#747fa3;text-underline-offset:3px}@media(max-width:700px){.press-grid{grid-template-columns:1fr;gap:15px}.press-grid .recognition-note{padding:24px 20px;min-height:0}.screen-recognition{grid-template-columns:1fr;gap:22px;margin-top:30px;padding-top:27px}.screen-logos{max-width:270px}.screen-recognition h3{font-size:21px}.recognition-footnote{font-size:10px}}
.screen-recognition{grid-template-columns:260px 1fr;gap:45px}.invincible-art{margin:0;align-self:center}.invincible-art img{display:block;width:100%;height:auto;mask-image:linear-gradient(#000 87%,transparent 100%);transition:translate .7s ease}.invincible-art:hover img{translate:0 -4px}.invincible-art figcaption{font:500 9px/1.5 Montserrat,sans-serif;text-align:center;color:#858ca1;margin-top:5px}.invincible-art figcaption a{color:inherit;text-decoration:underline;text-underline-offset:3px}.screen-recognition h3{font-size:27px;color:#30364a}.screen-recognition .project-scope{font:700 12px/1.6 Firs,sans-serif;color:#687fe5;margin-bottom:15px}.project-awards{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:15px}.project-awards a{display:block;color:inherit}.project-awards b{display:block;font:700 12px/1.6 Firs,sans-serif;margin-bottom:3px}.project-awards span{display:block;font:500 11px/1.8 Montserrat,sans-serif;color:#677087}.project-awards a:hover b{color:#687fe5}.screen-recognition .recognition-context{font-size:11px}@media(max-width:700px){.screen-recognition{grid-template-columns:1fr;gap:23px}.invincible-art{max-width:215px;margin:auto}.screen-recognition h3{font-size:25px}}@media(prefers-reduced-motion:reduce){.invincible-art img{transition:none}}
.momocon-links{display:flex;flex-wrap:wrap;gap:10px 22px}.momocon-links a{text-decoration:none}.momocon-links a:hover{text-decoration:underline;text-underline-offset:4px}
.invincible-art img{aspect-ratio:1;object-fit:cover;border-radius:50%;mask-image:none;background:#eef1ff;border:5px solid #eef1ff;box-shadow:0 0 0 1px #dbe1f4}
.invincible-art-circle{aspect-ratio:1;border-radius:50%;background:#eef1ff;border:1px solid #dbe1f4;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:22px}
.invincible-art .invincible-art-circle img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border:0;box-shadow:none;border-radius:0;background:transparent}
.recognition-particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.invincible-art-circle{padding:15%}.invincible-art-circle:hover img{translate:none}
/* Frame Invincible's face while letting the portrait fill the circle. */
.invincible-art-circle{padding:0;position:relative}
.invincible-art .invincible-art-circle img{position:absolute;width:112%;max-width:none;height:auto;left:0;top:7%;object-fit:contain}
.invincible-art .invincible-art-circle img{top:3%}
.recognition-orbit{display:none}
/* Alternate the diagonal and keep room beneath the final content. */
.recognition-section{clip-path:polygon(0 0,100% 0,100% calc(100% - 54px),0 100%);padding-bottom:130px}
body:has(.recognition-section){background:#f5f5ff}
@property --neon-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.recognition-note{position:relative;isolation:isolate;transition:transform .65s cubic-bezier(.22,.8,.25,1),box-shadow .65s ease,border-color .65s ease!important;translate:none!important;transform:scale(1)}
.recognition-note::after{content:'';position:absolute;inset:-1px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--neon-angle),transparent 0deg 210deg,#7c8eff 250deg,#82ddff 275deg,#e58ec7 300deg,transparent 340deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.32;transition:opacity .6s ease;animation:neon-border-orbit 5s linear infinite}
.recognition-note:hover,.recognition-note:focus-within{transform:translateY(-5px) scale(1.018);box-shadow:0 12px 28px #6577ca20;border-color:#bdc8f0}
.recognition-note:hover::after,.recognition-note:focus-within::after{opacity:1}
@keyframes neon-border-orbit{to{--neon-angle:360deg}}
@media(max-width:700px){.recognition-section{clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),0 100%);padding-bottom:86px}}
@media(prefers-reduced-motion:reduce){.recognition-note{transition:none!important}.recognition-note:hover,.recognition-note:focus-within{transform:none}.recognition-note::after{animation:none;transition:none}}
/* Match the first section's letter rises and fluid pop entrances. */
.recognition-word{display:inline-block;white-space:nowrap}
.recognition-animated .recognition-letter{display:inline-block;opacity:0;transform:translateY(.45em);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.25,1);transition-delay:var(--char-delay)}
.recognition-animated .recognition-heading.is-visible .recognition-letter{opacity:1;transform:none}
.recognition-animated .recognition-heading{translate:none}
.recognition-animated .recognition-heading>.recognition-eyebrow{opacity:0;transition:opacity .9s ease}
.recognition-animated .recognition-heading.is-visible>.recognition-eyebrow{opacity:1}
.recognition-animated .recognition-note{scale:.95;transition:opacity 1s ease,scale 1.1s cubic-bezier(.18,.8,.25,1),transform .65s cubic-bezier(.22,.8,.25,1),box-shadow .65s ease,border-color .65s ease!important;transition-delay:0s!important}
.recognition-animated .recognition-note.is-visible{scale:1}
.recognition-animated .screen-recognition{translate:none}
.recognition-animated .invincible-art{opacity:0;scale:.92;transition:opacity 1s ease,scale 1.2s cubic-bezier(.18,.8,.25,1)}
.recognition-animated .screen-recognition.is-visible .invincible-art{opacity:1;scale:1}
.recognition-animated .screen-recognition>div{opacity:0;transform:translateY(12px);transition:opacity 1s .2s ease,transform 1s .2s ease}
.recognition-animated .screen-recognition.is-visible>div{opacity:1;transform:none}
.recognition-animated .project-awards li{opacity:0;transform:translateY(8px);transition:opacity .8s .4s ease,transform .8s .4s ease}
.recognition-animated .project-awards li:nth-child(2){transition-delay:.55s}
.recognition-animated .screen-recognition.is-visible .project-awards li{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.recognition-animated .recognition-letter,.recognition-animated .recognition-heading>.recognition-eyebrow,.recognition-animated .invincible-art,.recognition-animated .screen-recognition>div,.recognition-animated .project-awards li{opacity:1;transform:none;scale:1;transition:none}.recognition-animated .recognition-note{scale:1;transition:none!important}}
.recognition-heading h2 .recognition-text-visual,.recognition-heading h2 .recognition-word,.recognition-heading h2 .recognition-letter{color:inherit}.recognition-heading h2 .recognition-text-visual>span:not(.recognition-word){color:#687fe5}
