:root{--paper:#f4f4f4;--ink:#111;--body:#444;--muted:#767676;--blue:#6199ed;--blue-soft:#e8f0fc;--line:#e8e5df;--mono:"DM Mono",ui-monospace,monospace;--sans:"DM Sans","PingFang SC","Microsoft YaHei",sans-serif;--display:"Manrope","PingFang SC","Microsoft YaHei",sans-serif;--wrap:min(calc(100% - 128px),1152px);--site:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}
.site-header{height:80px;position:sticky;top:0;z-index:20;background:rgba(244,244,244,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(235,232,227,.8)}.header-inner{width:var(--wrap);max-width:1152px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:15px;font-weight:600}.brand-dot{width:11px;height:11px;border-radius:50%;background:#78a8f5}.wordmark small{font-size:10px;font-weight:400;color:#777;letter-spacing:.08em}.main-nav{display:flex;align-items:center;gap:32px;margin-left:auto}.main-nav a{display:flex;gap:6px;align-items:baseline;font-size:12px;color:#555;transition:color .2s}.main-nav a small{font-size:10px;color:#858585}.main-nav a:hover,.main-nav a.active{color:var(--blue)}.resume-nav{display:flex;align-items:center;gap:12px;padding:11px 16px;border:1px solid #dedbd6;border-radius:999px;background:#fafafa;font-size:11px;white-space:nowrap;transition:background .2s,border .2s}.resume-nav:hover{background:var(--blue-soft);border-color:#c9dcfa}.resume-nav span{color:var(--blue)}.menu-toggle{display:none}
.page-wrap,.section-wrap,.site-footer{width:var(--wrap);max-width:1152px;margin-left:auto;margin-right:auto}.hero{padding-top:96px;padding-bottom:88px}.hero-copy{max-width:576px}.eyebrow{display:flex;align-items:center;gap:9px;color:#767676;font-size:12px;letter-spacing:.02em}.eyebrow b{width:4px;height:4px;border-radius:50%;background:#78a8f5}.blue{color:#78a8f5}.hero h1{font:800 76px/.98 var(--display);letter-spacing:-.055em;margin:31px 0 13px}.pills{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.pill{display:inline-flex;align-items:center;min-height:29px;padding:4px 14px;background:#fff;border:1px solid #e2e2e2;border-radius:999px;color:#555;font-size:12px;white-space:nowrap}.pill-dark{background:#111;border-color:#111;color:#fff;font-weight:600}.pill-blue{background:var(--blue-soft);border-color:var(--blue-soft);color:var(--blue);font-weight:600}.intro{max-width:576px;margin:24px 0 0;color:var(--body);font-size:14px;line-height:1.55}.hero-index{max-width:568px;margin-top:52px;padding-top:24px;border-top:1px solid #e5e2dc;display:flex;flex-direction:column;gap:11px}.hero-index a{display:grid;grid-template-columns:32px minmax(170px,1fr) auto;align-items:center;gap:12px;padding:8px 0 10px;border-bottom:1px solid #ebe8e3;transition:padding .2s,color .2s}.hero-index a:hover{padding-left:6px;color:var(--blue)}.hero-index> a:last-child{border-bottom:0}.hero-index span{font:12px var(--mono);color:#999}.hero-index strong{font:700 23px/1.3 var(--display)}.hero-index small{font-size:12px;color:#767676}.hero-index small i{font-style:normal;color:var(--blue);margin-left:5px}
.section-wrap{padding:96px 0 112px;border-top:1px solid var(--line);scroll-margin-top:80px}.section-heading{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:64px}.heading-main{display:flex;align-items:baseline;gap:16px}.section-heading h2{font:800 44px/1.5 var(--display);letter-spacing:-.025em;margin:0}.heading-main>span{font-size:16px;color:#777}.section-meta{align-self:center;color:#888;font:11px var(--mono);letter-spacing:.06em;white-space:nowrap}.project-list{display:flex;flex-direction:column;gap:112px}.project{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:56px;min-height:438px;align-items:center}.project-copy{grid-column:1/span 5;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.project-stage{grid-column:6/span 7;align-self:center;width:100%;height:414px;border:0;padding:0;overflow:hidden;border-radius:22px;background:#eeeff1;box-shadow:0 1px 2px rgba(0,0,0,.05);cursor:pointer}.project-stage img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.project-stage:hover img{transform:scale(1.025)}.project.reverse .project-copy{grid-column:8/span 5;grid-row:1}.project.reverse .project-stage{grid-column:1/span 7;grid-row:1}.project-kicker{display:flex;align-items:center;gap:10px}.project-kicker span{background:#ebf2ff;color:#265dba;border-radius:999px;padding:4px 10px;font:10px var(--mono);letter-spacing:.035em}.project-kicker time{font-size:12px;color:#888}.project h3{margin:0;font-size:32px;line-height:1.3;letter-spacing:-.035em;font-weight:600}.project-copy>p{margin:0;color:var(--body);font-size:15px;line-height:1.6}.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.tags li{border:1px solid #e2e2e2;border-radius:999px;background:#fff;color:#444;padding:5px 13px;font-size:11px;line-height:1.4}.case-link{padding:0 0 5px;border:0;border-bottom:1px solid #aaa;background:transparent;font-size:13px;cursor:pointer;transition:color .2s,border-color .2s}.case-link b{margin-left:8px;color:var(--blue);font-weight:500}.case-link:hover{color:var(--blue);border-color:var(--blue)}
.experience-list{display:flex;flex-direction:column}.experience-row{display:grid;grid-template-columns:285px 1fr;gap:34px;padding:40px 0;border-bottom:1px solid var(--line)}.experience-row:first-child{padding-top:0}.experience-date strong{display:block;color:#265dba;font:500 13px var(--mono)}.experience-date span{display:block;margin-top:9px;color:#888;font-size:12px}.experience-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.experience-title h3{margin:0;font-size:20px;font-weight:500;line-height:1.4}.role-pill{padding:7px 13px;border:1px solid #e0ddd8;border-radius:999px;background:#fff;color:#666;font-size:11px;white-space:nowrap}.experience-detail ul{margin:18px 0 24px;padding:0;list-style:none;color:#555;font-size:14px;line-height:1.75}.experience-detail li{position:relative;padding-left:17px;margin:9px 0}.experience-detail li:before{position:absolute;top:.75em;left:0;width:6px;height:6px;border-radius:50%;background:#78a8f5;content:""}.skill-line{color:#858585;font:11px var(--mono)}
.about-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start}.about-left{display:flex;flex-direction:column;gap:20px}.about-tabs{display:inline-flex;align-self:flex-start;gap:3px;border:1px solid #e2dfd9;border-radius:9px;background:#fafaf9;padding:4px}.about-tab{border:0;border-radius:6px;background:transparent;padding:9px 12px;color:#777;font-size:11px;cursor:pointer;transition:background .2s,color .2s}.about-tab.active{background:#78a8f5;color:white}.portrait{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px}.education{border-top:1px solid var(--line);padding-top:18px}.subheading{display:block;margin-bottom:17px;color:#888;font:11px var(--sans);letter-spacing:.07em}.school{display:grid;grid-template-columns:1fr auto;gap:6px;padding:0 0 16px;margin-bottom:13px;border-bottom:1px solid #ebe8e3}.school:last-child{border:0;margin-bottom:0}.school strong{font-size:14px;font-weight:600}.school time{font-size:12px;color:#3471d1;white-space:nowrap}.school small{grid-column:1/3;color:#888;font-size:12px}.about-right{display:flex;flex-direction:column}.philosophy{padding:2px 0 39px;border-bottom:1px solid var(--line)}.philosophy h3{margin:22px 0 20px;font-size:30px;line-height:1.48;letter-spacing:-.035em;font-weight:600}.philosophy p{max-width:760px;margin:0;color:#555;font-size:15px;line-height:1.75}.honors{padding:32px 0 26px;border-bottom:1px solid var(--line)}.honors ul{list-style:none;margin:0;padding:0}.honors li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #ebe8e3;font-size:13px}.honors li:last-child{border:0}.honors b{color:#78a8f5;font-weight:500;white-space:nowrap}.skills{padding-top:29px}.skills img{display:block;width:auto;max-width:100%;height:auto;max-height:49px;object-fit:contain;object-position:left center;margin:12px 0}.skills img+img{max-height:32px}
.contact{padding-top:96px;padding-bottom:96px}.contact-card{max-width:768px}.contact-eyebrow{display:flex;align-items:center;gap:8px;color:#78a8f5;font-size:12px;letter-spacing:.1em}.contact-eyebrow b{width:8px;height:8px;border-radius:50%;background:#78a8f5}.contact h2{margin:34px 0 20px;font-size:50px;line-height:1.25;letter-spacing:-.035em;font-weight:600}.contact-card>p{margin:0;color:#555;font-size:16px;line-height:1.65}.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:30px 0 40px}.button{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border:1px solid transparent;border-radius:999px;font-size:14px;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:#111;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.button-dark span,.button-light span{color:#78a8f5}.button-light{border-color:#d5d2cd}.button-light:hover{background:#fff}.contact-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#888;font:12px var(--mono)}.contact-meta button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.contact-meta button:hover,.contact-meta a:hover{color:var(--blue)}.contact-meta i{font-style:normal;color:#ccc}.site-footer{min-height:80px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.footer-wordmark{font-size:12px}.site-footer>span{color:#999;font:10px var(--mono);letter-spacing:.05em}.back-top{font-size:12px;transition:color .2s}.back-top:hover{color:var(--blue)}
.case-dialog{width:min(580px,calc(100% - 36px));border:1px solid #e5e1da;border-radius:18px;padding:38px;background:#faf9f8;color:var(--ink);box-shadow:0 24px 100px rgba(16,29,45,.2)}.case-dialog::backdrop{background:rgba(18,24,32,.45);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:28px;color:#888;cursor:pointer}.dialog-kicker{font:11px var(--mono);color:var(--blue);letter-spacing:.1em}.dialog-kicker span{color:#aaa}.case-dialog h2{font-size:27px;margin:18px 0 12px}.dialog-summary{font-size:14px;line-height:1.8;color:#555}.dialog-footer{margin-top:27px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:#888;font-size:12px}.dialog-contact{color:#346ec5}.case-dialog[open]{animation:dialog-in .18s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.toast{position:fixed;left:50%;bottom:30px;z-index:40;padding:11px 16px;border-radius:999px;background:#17191d;color:#fff;font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.main-nav{display:none;position:absolute;left:0;right:0;top:63px;padding:9px 20px 16px;background:#f4f4f4;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.main-nav a:last-child{border:0}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:9px;border:0;background:transparent;order:3}.menu-toggle i{display:block;width:20px;height:1.5px;background:#111}}
@media(max-width:1000px){:root{--wrap:calc(100% - 72px)}.main-nav{gap:19px}.main-nav a{font-size:11px}.project{column-gap:30px}.project-list{gap:78px}.project-stage{height:auto;aspect-ratio:1.56}.project-copy{gap:17px}.project h3{font-size:27px}.experience-row{grid-template-columns:210px 1fr;gap:24px}.about-grid{gap:38px}.section-meta{font-size:9px}}
@media(max-width:700px){:root{--wrap:calc(100% - 40px)}html{scroll-padding-top:64px}.site-header{height:64px}.header-inner{gap:8px}.wordmark{font-size:13px;gap:6px}.wordmark small{font-size:8px}.brand-dot{width:8px;height:8px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:9px;border:0;background:transparent;order:3}.menu-toggle i{display:block;width:20px;height:1.5px;background:#111}.resume-nav{margin-left:auto;padding:9px 11px;font-size:9px}.main-nav{display:none;position:absolute;left:0;right:0;top:63px;padding:9px 20px 16px;background:#f4f4f4;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.main-nav a:last-child{border:0}.hero{padding-top:61px;padding-bottom:57px}.hero h1{font-size:56px;margin:25px 0 12px}.eyebrow{font-size:10px}.pills{gap:6px;padding-top:6px}.pill{font-size:10px;min-height:26px;padding:4px 10px}.intro{font-size:13px;margin-top:21px}.hero-index{margin-top:38px;padding-top:19px;gap:5px}.hero-index a{grid-template-columns:24px 1fr auto;gap:7px;padding:10px 0}.hero-index strong{font-size:17px}.hero-index small{font-size:9px}.section-wrap{padding:60px 0 70px}.section-heading{height:auto;min-height:63px;align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:34px;padding-bottom:13px}.heading-main{gap:9px;flex-wrap:wrap}.section-heading h2{font-size:27px;line-height:1.25}.heading-main>span{font-size:11px}.section-meta{font-size:8px;white-space:normal}.project-list{gap:58px}.project,.project.reverse{display:flex;flex-direction:column;align-items:stretch;gap:17px;min-height:0}.project-copy,.project.reverse .project-copy{order:1;gap:14px}.project-stage,.project.reverse .project-stage{order:2;width:100%;height:auto;aspect-ratio:1.56;border-radius:14px}.project-kicker span{font-size:8px;padding:4px 8px}.project-kicker time{font-size:10px}.project h3{font-size:24px}.project-copy>p{font-size:12px;line-height:1.65}.tags{gap:6px}.tags li{font-size:9px;padding:4px 9px}.case-link{font-size:11px}.experience-row{grid-template-columns:1fr;gap:13px;padding:24px 0}.experience-date strong{font-size:11px}.experience-date span{margin-top:5px;font-size:10px}.experience-title{align-items:flex-start;flex-direction:column;gap:8px}.experience-title h3{font-size:16px}.role-pill{font-size:10px}.experience-detail ul{font-size:12px;margin:13px 0 18px}.skill-line{font-size:9px}.about-grid{grid-template-columns:1fr;gap:38px}.about-left{max-width:420px}.about-tabs{padding:3px}.about-tab{font-size:9px;padding:8px 10px}.portrait{max-width:370px}.school{grid-template-columns:1fr;gap:4px}.school time{grid-row:2}.school small{grid-column:auto}.philosophy h3{font-size:23px;margin:17px 0 14px}.philosophy p{font-size:13px}.honors{padding:24px 0}.honors li{font-size:10px;align-items:flex-start}.honors b{font-size:10px}.skills img{max-height:43px}.skills img+img{max-height:27px}.contact{padding-top:64px;padding-bottom:64px}.contact h2{font-size:34px;margin:25px 0 15px}.contact-card>p{font-size:13px}.contact-actions{align-items:flex-start;flex-direction:column;gap:10px;margin:24px 0 29px}.button{font-size:11px;padding:12px 16px}.contact-meta{gap:10px;font-size:9px}.site-footer{min-height:65px}.site-footer>span{display:none}.site-footer .footer-wordmark,.back-top{font-size:10px}.case-dialog{padding:31px 22px 24px}.case-dialog h2{font-size:22px}.dialog-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.copy-changing{opacity:.25;transition:opacity .12s ease}

/* Cursor pixels cover the home hero without receiving pointer events. */
.hero{position:relative;isolation:isolate}.hero-pixels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero-copy,.hero-index{position:relative;z-index:1}
.hero-name{position:relative;width:max-content;max-width:100%;cursor:default}.hero-name-en,.hero-name-zh{display:block;white-space:nowrap;transition:opacity .2s ease,transform .2s ease}.hero-name-zh{position:absolute;left:0;top:0;opacity:0;transform:translateY(6px)}.hero-name:hover .hero-name-en,.hero-name:focus-visible .hero-name-en{opacity:0;transform:translateY(-6px)}.hero-name:hover .hero-name-zh,.hero-name:focus-visible .hero-name-zh{opacity:1;transform:translateY(0)}.hero-name:focus-visible{outline:2px solid var(--blue);outline-offset:8px;border-radius:2px}
.hero-index .hero-index-arrow{display:block;justify-self:end;width:56px;height:auto;transition:transform .2s ease}.hero-index a:hover .hero-index-arrow,.hero-index a:focus-visible .hero-index-arrow{transform:translateX(6px)}
@media(max-width:700px){.hero-index .hero-index-arrow{width:40px}}
@media(max-width:1000px){.hero-pixels{display:none}}
@media(prefers-reduced-motion:reduce){.hero-pixels{display:none}}

/* Figma original project pages */
.case-main{padding-top:26px;padding-bottom:80px}.case-back{display:inline-block;margin-bottom:34px;color:#666;font-size:12px}.case-back:hover{color:var(--blue)}.original-project-title{margin:0 0 28px;font:600 28px/1.35 var(--display);letter-spacing:-.025em}.original-pages{display:flex;flex-direction:column;gap:0}.original-pages a{display:block;width:100%;line-height:0}.original-pages img,.original-single-page{display:block;width:100%;height:auto;background:#fff}.original-pages a:hover img{filter:brightness(.985)}.original-single-page{margin:0}.original-figma-link{display:inline-block;margin-top:20px;padding-bottom:4px;border-bottom:1px solid #9fbfed;color:#346ec5;font-size:13px}.project-empty{padding:70px 0;color:#666}
@media(max-width:700px){.case-main{padding-top:20px;padding-bottom:52px}.case-page .main-nav{display:none}.case-page .resume-nav{margin-left:auto}.case-back{margin-bottom:24px;font-size:11px}.original-project-title{font-size:22px;margin-bottom:19px}}

/* About Me photo switcher: a shared frame keeps all three photos the same size. */
.about-tabs{align-self:center}
.portrait-frame{position:relative;align-self:center;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:12px}
.portrait-frame .portrait{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0}
@media(max-width:700px){.portrait-frame{max-width:370px}}

/* Project film follows the final original Wander artboard. */
.original-project-video{display:block;width:100%;height:auto;margin-top:24px;border-radius:12px;background:#111}
@media(max-width:700px){.original-project-video{margin-top:16px;border-radius:8px}}

/* Reuse the homepage pixel trail in the final contact section. */
.contact{position:relative;isolation:isolate}
.contact-pixels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.contact-card{position:relative;z-index:1}
@media(max-width:1000px){.contact-pixels{display:none}}
@media(prefers-reduced-motion:reduce){.contact-pixels{display:none}}


/* Homepage design keywords. This stylesheet is loaded only by index.html. */
.keywords-section{background:#f4f4f4;overflow:hidden}
.keywords-inner{position:relative;padding-top:18px;padding-bottom:18px;isolation:isolate}
.keyword-lanes{display:flex;flex-direction:column;gap:8px;min-height:106px;transition:opacity .25s ease}
.keyword-lane{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.keyword-track{display:flex;width:max-content;will-change:transform;animation:keyword-marquee var(--lane-duration,36s) linear infinite}
.keyword-lane:nth-child(even) .keyword-track{animation-direction:reverse}
.keyword-set{display:flex;flex:none;align-items:center;gap:10px;padding-right:10px;min-height:49px}
.keyword-chip{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:9px 18px;border:0;border-radius:999px;color:#171717;font:600 14px/1.2 var(--sans);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;user-select:none;transition:filter .2s ease,box-shadow .2s ease;box-shadow:inset 0 0 0 1px rgba(22,34,51,.035)}
.keyword-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:17px;height:17px;opacity:.85}
.keyword-icon svg{display:block;width:100%;height:100%}
.keyword-chip:hover,.keyword-chip:focus-visible{filter:saturate(1.12) brightness(.98);box-shadow:0 5px 16px rgba(97,153,237,.15);outline:none}
.keyword-chip:focus-visible{outline:2px solid #2e6bc6;outline-offset:3px}
.keyword-chip.is-vanishing{pointer-events:none;animation:keyword-pop .38s cubic-bezier(.18,.8,.45,1) forwards!important}
.keyword-chip.tone-blue-light{background:#cce6ff}
.keyword-chip.tone-blue{background:#6199ed;color:#fff}
.keyword-chip.tone-mint{background:#a8f1d0}
.keyword-chip.tone-lemon{background:#dcfa9f}
.keyword-chip.tone-peach{background:#ff925c}
.keyword-chip.tone-pink{background:#f9cce5}
.keyword-chip.tone-lilac{background:#dfcaff}
.keyword-chip.tone-sky{background:#a9ddff}
.keyword-chip.tone-white{background:#fff;border:1px solid #e5e2dd}
.keywords-finale{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.keywords-finale[hidden],.keywords-replay[hidden]{display:none}
.keywords-finale strong{font:700 33px/1.2 var(--display);letter-spacing:-.04em}
.keywords-finale>span{color:#777;font-size:13px}
.keywords-replay{margin-top:13px;padding:11px 19px;border:1px solid #b8d2f8;border-radius:999px;background:#e7f0fe;color:#2f6ac2;font:600 12px var(--sans);cursor:pointer;transition:background .2s,transform .2s}
.keywords-replay:hover,.keywords-replay:focus-visible{background:#d6e7ff;transform:translateY(-2px)}
.keywords-section.is-complete .keyword-lanes{opacity:0;pointer-events:none}
.keywords-section.is-complete .keyword-track{animation-play-state:paused}
.keywords-fireworks{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}
@keyframes keyword-marquee{from{transform:translateX(0)}to{transform:translateX(calc(0px - var(--loop-distance)))}}
@keyframes keyword-pop{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}42%{opacity:1;transform:translateY(-19px) rotate(-7deg) scale(1.07)}100%{opacity:0;transform:translateY(-32px) rotate(9deg) scale(.38)}}
/* Keep the homepage's three supplied blue arrows, at half their previous size. */
.hero-index .hero-index-arrow{width:28px}
@media(max-width:700px){.keywords-inner{padding-top:13px;padding-bottom:14px}.keyword-lanes{gap:6px;min-height:86px}.keyword-set{gap:7px;padding-right:7px;min-height:40px}.keyword-chip{min-height:37px;padding:7px 13px;gap:7px;font-size:11px}.keyword-icon{width:14px;height:14px}.keywords-finale strong{font-size:26px}.hero-index .hero-index-arrow{width:20px}}
@media(prefers-reduced-motion:reduce){.keyword-lanes{min-height:0;gap:7px}.keyword-lane{overflow:visible;mask-image:none}.keyword-track{display:block;width:100%;animation:none!important;will-change:auto}.keyword-set{width:100%;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 0;min-height:0}.keyword-set.is-duplicate{display:none}.keyword-chip{transition:none;transform:none!important}.keyword-chip.is-vanishing{animation:none!important;opacity:0}.keywords-fireworks{display:none}.keywords-section.is-complete .keyword-lanes{display:none}.keywords-finale{position:static;min-height:170px}}