#home #home-hero-visual-container.honors-stage{position:relative;background:transparent!important;height:clamp(360px,42vw,650px);min-height:360px;isolation:isolate;border:1px solid #1111111b;border-radius:24px;overflow:hidden;cursor:pointer}
.honors-heading{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;font:500 12px/1.4 'Aeonik',sans-serif;letter-spacing:.12em;color:#363639;pointer-events:none}
.honors-edition{font-size:10px;color:#717177}
.honors-hint{position:absolute;left:28px;bottom:26px;font-size:11px;letter-spacing:.07em;color:#77777b;pointer-events:none}
.honors-replay{position:absolute;right:26px;bottom:20px;border:1px solid #11111125;background:#eeeff680;color:#29292e;border-radius:40px;padding:10px 15px;font:inherit;font-size:18px;cursor:pointer;z-index:3}
.honors-replay span{font-size:10px;letter-spacing:.08em;margin-left:5px}.honors-replay:focus-visible{outline:2px solid #111;outline-offset:4px}
.honors-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;gap:0;color:#19191d;position:relative;z-index:3}
.honors-record{display:flex;align-items:flex-start;text-align:left;gap:17px;padding:22px 22px 22px 0;background:transparent;border:0;border-top:1px solid #11111128;color:inherit;font:inherit;cursor:pointer;min-width:0;transition:background .25s}
.honors-record+.honors-record{padding-left:25px;border-left:1px solid #11111119}.honors-record[aria-pressed=true]{background:#ffffff50}.honors-record:focus-visible{outline:2px solid #111;outline-offset:3px}
.honors-index{font:12px/1.4 monospace;display:flex;flex-direction:column;gap:13px;padding-top:3px}.honors-index i{width:10px;height:10px;border-radius:50%;background:var(--honor-color);transition:background .35s}
.honors-record-body{display:flex;flex-direction:column;gap:10px;min-width:0}.honors-kind{font-size:10px;color:#787880;letter-spacing:.12em}.honors-record strong{font-size:clamp(16px,1.7vw,25px);font-weight:500;line-height:1.3}.honors-full{font-size:12px;line-height:1.8;color:#63636b;text-wrap:pretty}.honors-focus-mark{font-size:20px;margin-left:auto;opacity:.4}
@media(max-width:650px){#home #home-hero-visual-container.honors-stage{height:340px;min-height:340px;border-radius:18px}.honors-heading{top:18px;left:18px;right:18px;font-size:10px}.honors-hint{left:18px;bottom:22px;font-size:9px;max-width:55%}.honors-replay{right:15px;bottom:14px}.honors-records{grid-template-columns:1fr;margin-top:16px}.honors-record,.honors-record+.honors-record{padding:16px 5px;border-left:0;gap:15px}.honors-record strong{font-size:20px}.honors-record-body{gap:5px}.honors-full{font-size:12px}.honors-index{gap:10px}.honors-edition{font-size:8px}}
#home #home-hero{height:auto!important;min-height:0!important;grid-template-rows:auto;padding-bottom:65px!important}
#home .honors-records{grid-column:1/-1;width:100%;box-sizing:border-box}
#home #home-hero-scroll-container{bottom:0!important;height:42px}
#home #home-hero-visual-container.honors-stage{height:clamp(330px,34vw,540px)}
.honors-heading{color:#eeeef2}.honors-edition,.honors-hint{color:#a3a3ac}.honors-replay{color:#eeeff5;background:#ffffff0c;border-color:#ffffff36}
@media(max-width:650px){#home #home-hero-visual-container.honors-stage{height:340px}}
#home #home-hero-visual-container.honors-stage{margin-bottom:0!important}
@media(max-width:800px){#home .honors-records{grid-template-columns:1fr;margin-top:16px}.honors-record,.honors-record+.honors-record{padding:16px 5px;border-left:0;gap:15px}.honors-record strong{font-size:20px}.honors-record-body{gap:5px}.honors-full{font-size:12px}.honors-index{gap:10px}}
@media(max-width:560px){#home #home-hero-visual-container.honors-stage{height:390px;min-height:390px}}

/* Material test 02: full-frame typographic pile. */
#home #home-hero-visual-container.honors-stage{height:clamp(440px,54vw,820px);min-height:440px;border:0}
.honors-replay{opacity:.45;font-size:14px;backdrop-filter:blur(12px);transition:opacity .2s}.honors-replay:hover{opacity:1}
@media(max-width:560px){#home #home-hero-visual-container.honors-stage{height:520px;min-height:520px}}

.honors-interaction-tip{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:10px 17px;border:1px solid #ffffff36;border-radius:99px;background:#16151ddb;backdrop-filter:blur(12px);color:#fff;font:500 12px/1.4 sans-serif;letter-spacing:.06em;white-space:nowrap;pointer-events:none;z-index:4}
.honors-interaction-tip svg,.honors-focus-mark svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.honors-focus-mark{display:flex;align-items:center;gap:6px;border:1px solid #20212a33;border-radius:99px;padding:7px 9px;font-size:11px;white-space:nowrap;opacity:1;color:#454650;transition:background .2s,color .2s}
.honors-record:hover .honors-focus-mark,.honors-record:focus-visible .honors-focus-mark,.honors-record[aria-pressed=true] .honors-focus-mark{background:#252630;color:white;border-color:#252630}
@media(max-width:650px){.honors-interaction-tip{bottom:14px;font-size:11px;padding:9px 13px}.honors-focus-mark{font-size:10px;gap:3px;padding:6px}.honors-record{gap:10px!important}.honors-focus-mark svg{width:14px;height:14px}}

/* Quiet curiosity, with a small response to each touch. */
.honors-interaction-tip{border-color:#ffffff24;background:#11101991;backdrop-filter:blur(18px);font-weight:400;letter-spacing:.025em;padding:11px 18px;transition:background .5s,opacity .5s}
.honors-interaction-tip>svg{display:none}.honors-interaction-tip::before{content:'';width:6px;height:6px;border-radius:50%;background:#ffffffb0;box-shadow:0 0 12px #ffffff4d}
.honors-tip-answer{background:#24232edb;animation:honors-answer .55s ease-out}
.honors-touch-echo{position:absolute;width:20px;height:20px;border:1px solid #ffffff90;border-radius:50%;pointer-events:none;z-index:4;animation:honors-echo .8s ease-out forwards}
.honors-focus-mark{background:transparent;border-color:transparent;padding:7px 4px;color:#64646e;font-size:11px}
.honors-record:hover .honors-focus-mark,.honors-record:focus-visible .honors-focus-mark,.honors-record[aria-pressed=true] .honors-focus-mark{background:transparent;color:#15151c;border-color:transparent}
.honors-record:hover .honors-focus-mark svg{transform:translate(2px,-2px)}.honors-focus-mark svg{transition:transform .25s}
@keyframes honors-answer{from{opacity:.55;translate:0 3px}to{opacity:1;translate:0 0}}
@keyframes honors-echo{from{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(7);opacity:0}}
@media(prefers-reduced-motion:reduce){.honors-touch-echo{display:none}.honors-tip-answer{animation:none}}

.honors-record{--selected-fill:#6524cf;transition:background .2s,color .2s,box-shadow .2s;touch-action:pan-y}
.honors-record[data-honor="1"]{--selected-fill:#254ac7}
.honors-record[data-honor="2"]{--selected-fill:#24232e}
.honors-record[aria-pressed=true]{background:var(--selected-fill);color:#fff;box-shadow:none;border-color:transparent;border-radius:18px}
.honors-record[aria-pressed=true] .honors-kind,.honors-record[aria-pressed=true] .honors-full{color:#ffffffd9}
.honors-record[aria-pressed=true] strong,.honors-record[aria-pressed=true] .honors-index{color:#fff}
.honors-record[aria-pressed=true] .honors-index i{box-shadow:0 0 0 2px #ffffff90}
.honors-record[aria-pressed=true] .honors-focus-mark{color:#fff;background:#ffffff20;border-color:#ffffff70;padding-inline:9px}
.honors-record,.honors-record+.honors-record{padding-left:20px;padding-right:20px;border:0;border-radius:18px}
@media(max-width:650px){.honors-record,.honors-record+.honors-record{padding-left:14px;padding-right:14px;border-radius:16px}.honors-record[aria-pressed=true]{border-radius:16px}}