.demos-module__jQz_uq__root{--ink:#0b0b0a;--ink-2:#1c1c1a;--paper:#fff;--paper-2:#e8e5da;--acid:#d0ff2e;--grey:#5e5c57;--grey-ink:#a9a69c;--line:#0b0b0a24;--sans:var(--font-demos-display), "Helvetica Neue", Arial, system-ui, sans-serif;--mono:var(--font-demos-mono), ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter:20px;--max:calc(1320px + 2 * var(--gutter));--header-h:var(--site-header-height,72px);--radius:14px;--radius-sm:10px;--ease-out:cubic-bezier(.16, 1, .3, 1);--spring:linear(0, .012, .048 2.6%, .193 5.6%, .749 15.4%, .928 19.9%, 1.031 24.4%, 1.062 27.4%, 1.071 30.5%, 1.053 35.5%, 1.008 45.6%, .994 52.9%, .999 70.4%, 1);background:var(--paper);color:var(--ink);font-family:var(--sans);font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;hanging-punctuation:first last;font-size:17px;line-height:1.5;overflow-x:clip}@media (min-width:760px){.demos-module__jQz_uq__root{--gutter:40px}}@media (min-width:960px){.demos-module__jQz_uq__root{--radius:18px}}.demos-module__jQz_uq__root :where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure){margin:0}.demos-module__jQz_uq__root :where(ul,ol){padding:0;list-style:none}:where(.demos-module__jQz_uq__root) :where(h1,h2,h3,h4){font-size:inherit;letter-spacing:-.03em;text-wrap:balance;font-weight:700;line-height:1}.demos-module__jQz_uq__root :where(p){text-wrap:pretty}.demos-module__jQz_uq__root :where(img,svg){max-width:100%;display:block}.demos-module__jQz_uq__root :where(a){color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}.demos-module__jQz_uq__root :where(button,input){font:inherit;color:inherit;letter-spacing:inherit}.demos-module__jQz_uq__root :where(button){cursor:pointer}.demos-module__jQz_uq__root :where(sup){line-height:0}.demos-module__jQz_uq__root ::selection{background:var(--acid);color:var(--ink)}.demos-module__jQz_uq__root :focus-visible{outline:2.5px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--acid);border-radius:4px}.demos-module__jQz_uq__root :focus:not(:focus-visible){outline:none}.demos-module__jQz_uq__button{--bg:var(--ink);--fg:var(--paper);border:1.5px solid var(--bg);background:var(--bg);min-height:52px;color:var(--fg);letter-spacing:-.005em;white-space:nowrap;transition:background-color .2s, color .2s, transform .5s var(--spring);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 24px 0 26px;font-size:16px;font-weight:650;line-height:1.15;text-decoration:none;display:inline-flex}@media (max-width:419px){.demos-module__jQz_uq__button{white-space:normal;text-align:center;max-width:100%}}.demos-module__jQz_uq__button .demos-module__jQz_uq__arrow{transition:transform .5s var(--spring);flex:none}.demos-module__jQz_uq__button:hover .demos-module__jQz_uq__arrow{transform:translate(4px)}.demos-module__jQz_uq__button:active{transform:scale(.97)}.demos-module__jQz_uq__button:hover{--fg:var(--acid)}.demos-module__jQz_uq__buttonAcid{--bg:var(--acid);--fg:var(--ink)}.demos-module__jQz_uq__buttonAcid:hover{--bg:var(--ink);--fg:var(--acid)}.demos-module__jQz_uq__buttonLine{--bg:transparent;--fg:var(--ink);border-color:currentColor}.demos-module__jQz_uq__buttonLine:hover{--bg:var(--ink);--fg:var(--paper);border-color:var(--ink)}.demos-module__jQz_uq__buttonSmall{gap:8px;min-height:44px;padding:0 16px 0 18px;font-size:15px}.demos-module__jQz_uq__textLink{min-height:44px;color:inherit;text-underline-offset:.3em;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;transition:text-decoration-color .2s;display:inline-flex}.demos-module__jQz_uq__textLink:hover{-webkit-text-decoration-color:var(--acid);text-decoration-color:var(--acid);text-decoration-thickness:3px}.demos-module__jQz_uq__index{max-width:var(--max);padding:clamp(40px, 4.4vw, 60px) var(--gutter) clamp(72px, 10vw, 150px);margin-inline:auto}.demos-module__jQz_uq__indexTitle{font-family:var(--font-sans), system-ui, sans-serif;padding-bottom:clamp(28px,4vw,52px)}.demos-module__jQz_uq__bento{--stage-h:clamp(360px, 33vw, 560px);--pad-top:clamp(64px, 6vw, 92px);--resize:.9s cubic-bezier(.65, 0, .35, 1);align-items:flex-start;gap:clamp(48px, 5vw, 80px) var(--gutter);flex-wrap:wrap;display:flex}.demos-module__jQz_uq__tile{--span:12;width:calc((100% - var(--gutter)) * var(--span) / 12 - .5px);min-width:0;transition:width var(--resize), margin-top var(--resize);flex:none}.demos-module__jQz_uq__tile[data-span="12"]{width:100%}.demos-module__jQz_uq__tile[data-span="8"]{--span:8}.demos-module__jQz_uq__tile[data-span="6"]{--span:6}.demos-module__jQz_uq__tile[data-span="4"]{--span:4}@media (min-width:960px){.demos-module__jQz_uq__tile[data-span="4"]{margin-top:clamp(48px,7vw,120px)}}@media (max-width:959px) and (min-width:640px){.demos-module__jQz_uq__bento{--stage-h:clamp(300px, 44vw, 420px);--pad-top:64px}.demos-module__jQz_uq__tile[data-span="8"]{--span:7}.demos-module__jQz_uq__tile[data-span="4"]{--span:5}}@media (max-width:639px){.demos-module__jQz_uq__bento{--pad-top:60px;gap:56px}.demos-module__jQz_uq__tile,.demos-module__jQz_uq__tile[data-span]{width:100%}.demos-module__jQz_uq__tile[data-view=desktop] .demos-module__jQz_uq__stage{--stage-h:calc((100vw - 2 * var(--gutter)) * .86)}.demos-module__jQz_uq__tile[data-view=mobile] .demos-module__jQz_uq__stage{--stage-h:calc((100vw - 2 * var(--gutter)) * 1.15)}}.demos-module__jQz_uq__stage{isolation:isolate;height:var(--stage-h);border-radius:var(--radius);background:var(--brand);color:var(--on);position:relative;overflow:hidden}.demos-module__jQz_uq__stageWord{z-index:-1;color:var(--word);font-size:calc(var(--stage-h) * .36);letter-spacing:-.05em;white-space:nowrap;pointer-events:none;transition:transform 1.2s var(--ease-out);font-weight:800;font-stretch:75%;line-height:.8;position:absolute;top:.06em;left:.12em}.demos-module__jQz_uq__stage[data-active] .demos-module__jQz_uq__stageWord{transform:translate(-4%)}.demos-module__jQz_uq__stageDevice{padding:var(--pad-top) 6% 0;text-align:center;align-content:end;position:absolute;inset:0}.demos-module__jQz_uq__stageLink{vertical-align:bottom;max-width:100%;color:inherit;text-align:start;display:inline-block}.demos-module__jQz_uq__device{--bar:26px;--frame:6px;width:calc((var(--stage-h) - var(--pad-top) - var(--bar)) * 1.6 + 2 * var(--frame));max-width:100%;padding:0 var(--frame);background:var(--ink);transform-origin:50% 100%;transition:transform .7s var(--spring);border-radius:12px 12px 0 0;flex:none;position:relative;box-shadow:0 40px 80px -30px #0000008c}.demos-module__jQz_uq__device[data-view=mobile]{--bar:24px;--frame:7px;width:calc((var(--stage-h) - var(--pad-top) - var(--bar)) * .4621 + 2 * var(--frame));border-radius:30px 30px 0 0}.demos-module__jQz_uq__stage[data-active] .demos-module__jQz_uq__device{transform:translateY(-8px)scale(1.012)}.demos-module__jQz_uq__deviceBar{height:var(--bar);color:var(--grey-ink);font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:10px;padding:0 6px;font-size:10px;display:flex}.demos-module__jQz_uq__deviceBar i{opacity:.5;background:radial-gradient(circle at 3.5px,currentColor 3px,#0000 3.5px),radial-gradient(circle at 15px,currentColor 3px,#0000 3.5px),radial-gradient(circle at 26.5px,currentColor 3px,#0000 3.5px);border-radius:4px;flex:none;width:30px;height:7px}.demos-module__jQz_uq__deviceUrl{text-overflow:ellipsis;overflow:hidden}.demos-module__jQz_uq__device[data-view=mobile] .demos-module__jQz_uq__deviceBar{justify-content:center}.demos-module__jQz_uq__deviceNotch{background:var(--ink-2);border-radius:8px;width:34%;height:8px;box-shadow:inset 0 0 0 1px #ffffff14}.demos-module__jQz_uq__screen{aspect-ratio:1440/900;background:var(--paper-2);position:relative;overflow:hidden;container-type:size}.demos-module__jQz_uq__device[data-view=mobile] .demos-module__jQz_uq__screen{aspect-ratio:390/844;border-radius:20px 20px 0 0}.demos-module__jQz_uq__poster{object-fit:cover;object-position:50% 0}.demos-module__jQz_uq__strip{opacity:0;will-change:transform;width:100%;max-width:none;height:auto;transition:opacity .35s;position:absolute;inset:0 0 auto}.demos-module__jQz_uq__device[data-ready] .demos-module__jQz_uq__strip{animation:demos-module__jQz_uq__page-scroll var(--duration) cubic-bezier(.5, 0, .3, 1) .6s infinite alternate both;animation-play-state:paused}.demos-module__jQz_uq__device[data-active][data-ready] .demos-module__jQz_uq__strip{opacity:1;animation-play-state:running}@keyframes demos-module__jQz_uq__page-scroll{0%,5%{transform:translateY(0)}95%,to{transform:translateY(calc(100cqh - 100%))}}@media (prefers-reduced-motion:reduce){.demos-module__jQz_uq__strip{display:none}}.demos-module__jQz_uq__stageTools{z-index:2;background:var(--paper);color:var(--ink);border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 20px -8px #00000059}.demos-module__jQz_uq__tool{min-width:40px;min-height:40px;font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.demos-module__jQz_uq__tool:hover{background:var(--paper-2)}.demos-module__jQz_uq__tool[aria-pressed=true]{background:var(--ink);color:var(--paper)}.demos-module__jQz_uq__toolPlay{width:40px;padding:0}.demos-module__jQz_uq__toolPlay[aria-pressed=true]{color:var(--acid)}.demos-module__jQz_uq__caseTools .demos-module__jQz_uq__toolPlay{width:auto;padding:0 14px 0 12px}@media (pointer:coarse){.demos-module__jQz_uq__tool{min-width:44px;min-height:44px}.demos-module__jQz_uq__toolPlay{width:44px}}@media (min-width:640px) and (max-width:1279px){.demos-module__jQz_uq__tile[data-span="4"] .demos-module__jQz_uq__toolLabel{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.demos-module__jQz_uq__tile[data-span="4"] .demos-module__jQz_uq__tool{padding:0}}@media (max-width:379px){.demos-module__jQz_uq__toolLabel{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.demos-module__jQz_uq__tool,.demos-module__jQz_uq__caseTools .demos-module__jQz_uq__toolPlay{padding:0}}.demos-module__jQz_uq__tileBody{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:18px;display:grid;container-type:inline-size}.demos-module__jQz_uq__tileMeta{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;font-size:11.5px;font-weight:500;display:flex}.demos-module__jQz_uq__tileMeta span:first-child{background:var(--brand);min-width:34px;height:22px;color:var(--on);border-radius:999px;place-items:center;display:inline-grid}.demos-module__jQz_uq__tileTitle a{text-decoration:none;display:inline-block}.demos-module__jQz_uq__tileName{white-space:nowrap;letter-spacing:-.035em;background:linear-gradient(var(--ink), var(--ink)) 0 100% / 0 3px no-repeat;transition:background-size .45s var(--ease-out);font-size:min(42px,8.6cqi);font-weight:750;line-height:.98;display:inline-block}.demos-module__jQz_uq__tileTitle a:hover .demos-module__jQz_uq__tileName{background-size:100% 3px}.demos-module__jQz_uq__tileKind{color:var(--grey);letter-spacing:-.01em;margin-top:6px;font-size:17px;font-weight:500;display:block}.demos-module__jQz_uq__tileSignature{max-width:48ch;font-size:16.5px;line-height:1.45}.demos-module__jQz_uq__tile[data-span="4"] .demos-module__jQz_uq__tileSignature{font-size:15.5px}.demos-module__jQz_uq__tileCaps{color:var(--grey);font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;flex-wrap:wrap;gap:4px 0;font-size:11px;font-weight:500;display:flex}.demos-module__jQz_uq__tileCaps li:not(:last-child):after{content:"/";color:var(--line);margin-inline:8px}.demos-module__jQz_uq__tileActions{--action:clamp(12px, 3.4cqi, 15px);margin:2px 0 -4px}.demos-module__jQz_uq__tileActions>*{vertical-align:middle;margin-block:4px}.demos-module__jQz_uq__tileActions>:not(:last-child){margin-right:16px}.demos-module__jQz_uq__tileActions .demos-module__jQz_uq__button{font-size:var(--action);padding:0 14px 0 16px}.demos-module__jQz_uq__tileActions .demos-module__jQz_uq__textLink{font-size:calc(var(--action) + 1px)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.demos-module__jQz_uq__tile{animation:linear both demos-module__jQz_uq__tile-rise;animation-timeline:view();animation-range:entry 0 entry 240px}.demos-module__jQz_uq__tile .demos-module__jQz_uq__stage{animation:linear both demos-module__jQz_uq__stage-open;animation-timeline:view();animation-range:entry 40px entry 360px}}}@keyframes demos-module__jQz_uq__tile-rise{0%{opacity:.001;transform:translateY(56px)}}@keyframes demos-module__jQz_uq__stage-open{0%{clip-path:inset(12% 4% 0 4% round var(--radius))}to{clip-path:inset(0 0 0 0 round var(--radius))}}.demos-module__jQz_uq__closing{align-content:start;column-gap:var(--gutter);padding:clamp(64px, 9vw, 140px) max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));background:var(--acid);color:var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(20px,3vw,40px);display:grid}.demos-module__jQz_uq__closingTitle{letter-spacing:-.04em;max-width:16ch;font-size:clamp(40px,6.4vw,108px);font-weight:800;font-stretch:75%;line-height:.88}.demos-module__jQz_uq__closingAction{letter-spacing:-.06em;font-size:clamp(32px,5.4vw,92px);font-weight:300;font-stretch:150%;line-height:1.1}.demos-module__jQz_uq__closingLink{text-decoration:none}.demos-module__jQz_uq__closingLink span{background:linear-gradient(var(--ink), var(--ink)) 0 100% / 100% .06em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .5s var(--ease-out), color .3s;padding-inline:.04em}.demos-module__jQz_uq__closingLink:hover span{color:var(--acid);background-size:100% 100%}.demos-module__jQz_uq__closingLink .demos-module__jQz_uq__arrow{vertical-align:-.04em;width:.7em;height:.7em;transition:transform .6s var(--spring);margin-left:.2em;display:inline-block}.demos-module__jQz_uq__closingLink:hover .demos-module__jQz_uq__arrow{transform:translate(.15em)}.demos-module__jQz_uq__root .demos-module__jQz_uq__closing ::selection,.demos-module__jQz_uq__root .demos-module__jQz_uq__caseCta ::selection{background:var(--ink);color:var(--acid)}.demos-module__jQz_uq__closing>:not(.demos-module__jQz_uq__closingBars){grid-column:1/span 7}.demos-module__jQz_uq__closingBars{grid-area:1/9/span 2/-1;grid-auto-rows:minmax(44px,1fr);align-self:stretch;min-height:100%;display:grid}.demos-module__jQz_uq__closingBars li{transform-origin:100%;display:grid}.demos-module__jQz_uq__closingBars li:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.demos-module__jQz_uq__closingBars li:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.demos-module__jQz_uq__closingBars a{border-radius:inherit;background:var(--brand);color:var(--on);transition:translate .55s var(--spring), padding .55s var(--spring);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:11px;text-decoration:none;display:flex}.demos-module__jQz_uq__closingBars a .icon{opacity:0;width:15px;height:15px;transition:opacity .2s, transform .4s var(--spring);transform:translate(-4px,4px)}:is(.demos-module__jQz_uq__closingBars a:hover .icon,.demos-module__jQz_uq__closingBars a:focus-visible .icon){opacity:1;transform:none}.demos-module__jQz_uq__closingBars a:hover span:first-child{text-underline-offset:.3em;text-decoration:underline}@media (hover:hover){.demos-module__jQz_uq__closingBars a:hover,.demos-module__jQz_uq__closingBars a:focus-visible{padding-left:22px;translate:-18px}}.demos-module__jQz_uq__root .demos-module__jQz_uq__closingBars a:focus-visible{outline:2.5px solid var(--on);outline-offset:-5px;box-shadow:none;border-radius:inherit}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.demos-module__jQz_uq__closingBars li{animation:linear both demos-module__jQz_uq__bar-in;animation-timeline:view();animation-range:entry 10% cover 45%}.demos-module__jQz_uq__closingBars li:nth-child(2n){animation-range:entry 20% cover 50%}}}@keyframes demos-module__jQz_uq__bar-in{0%{transform:scaleX(.35)}}@media (max-width:959px){.demos-module__jQz_uq__closing>:not(.demos-module__jQz_uq__closingBars),.demos-module__jQz_uq__closingBars{grid-column:1/-1}.demos-module__jQz_uq__closingBars{grid-row:auto;margin-top:12px}.demos-module__jQz_uq__closingBars a .icon{opacity:1;transform:none}}.demos-module__jQz_uq__root .demos-module__jQz_uq__closing :focus-visible,.demos-module__jQz_uq__root .demos-module__jQz_uq__caseCta :focus-visible{box-shadow:0 0 0 6px var(--paper)}.demos-module__jQz_uq__case{--stage-h:clamp(420px, 50vw, 760px);--pad-top:clamp(76px, 7vw, 108px)}.demos-module__jQz_uq__caseHero{gap:20px var(--gutter);max-width:var(--max);padding:clamp(18px, 2.5vw, 32px) var(--gutter) clamp(40px, 5vw, 72px);grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:auto;display:grid}.demos-module__jQz_uq__crumbs{border-bottom:1px solid var(--ink);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;padding-bottom:12px;font-size:11.5px;font-weight:500}.demos-module__jQz_uq__crumbs ol{justify-content:space-between;align-items:center;gap:16px;display:flex}.demos-module__jQz_uq__crumbs a{align-items:center;min-height:32px;text-decoration:none;display:inline-flex}.demos-module__jQz_uq__crumbs a:before{content:"←";margin-right:8px}.demos-module__jQz_uq__crumbs a:hover{text-decoration:underline}.demos-module__jQz_uq__caseMeta{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;grid-column:1/-1;gap:8px 12px;margin-top:clamp(4px,1.5vw,20px);font-size:11.5px;font-weight:500;display:flex}.demos-module__jQz_uq__caseMeta span:first-child{background:var(--brand);color:var(--on);border-radius:999px;padding:3px 10px}.demos-module__jQz_uq__caseMeta span:last-child{padding:3px 0}.demos-module__jQz_uq__caseTitle{letter-spacing:-.045em;grid-column:1/-1;font-size:clamp(60px,10.5vw,184px);font-weight:800;font-stretch:75%;line-height:.84}@media (max-width:379px){.demos-module__jQz_uq__caseTitle{font-size:13vw}}.demos-module__jQz_uq__caseName{display:inline-block}.demos-module__jQz_uq__caseLede{letter-spacing:-.02em;grid-column:1/span 6;max-width:34ch;font-size:clamp(20px,2vw,30px);font-stretch:110%;line-height:1.2}.demos-module__jQz_uq__caseActions{text-align:right;grid-column:8/span 5;align-content:end;margin-top:-12px}.demos-module__jQz_uq__caseActions .demos-module__jQz_uq__button{vertical-align:bottom;margin:12px 0 0 12px}.demos-module__jQz_uq__caseStage{isolation:isolate;height:var(--stage-h);background:var(--brand);color:var(--on);position:relative;overflow:hidden}.demos-module__jQz_uq__caseDevice{padding:var(--pad-top) var(--gutter) 0;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.demos-module__jQz_uq__caseDevice .demos-module__jQz_uq__device{max-width:min(100%,1000px)}.demos-module__jQz_uq__caseStage .demos-module__jQz_uq__stageWord{top:.04em;left:max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));font-size:calc(var(--stage-h) * .3)}.demos-module__jQz_uq__caseStage[data-active] .demos-module__jQz_uq__device,.demos-module__jQz_uq__caseStage:hover .demos-module__jQz_uq__device{transform:translateY(-6px)}.demos-module__jQz_uq__caseTools{top:clamp(16px,2vw,28px);right:max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)))}.demos-module__jQz_uq__caseSection{gap:24px var(--gutter);max-width:var(--max);padding:clamp(56px, 7vw, 112px) var(--gutter) 0;grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:auto;display:grid}.demos-module__jQz_uq__caseLabel{top:calc(var(--header-h) + 20px);border-top:3px solid var(--ink);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;grid-column:1/span 3;align-self:start;padding-top:10px;font-size:12px;font-weight:600;line-height:1.4;position:sticky}.demos-module__jQz_uq__caseSection>:not(.demos-module__jQz_uq__caseLabel){grid-column:4/span 9}.demos-module__jQz_uq__caseBriefBody{gap:clamp(32px,4vw,56px);display:grid}.demos-module__jQz_uq__caseStatement{letter-spacing:-.03em;max-width:30ch;font-size:clamp(26px,3.1vw,50px);font-weight:450;line-height:1.1}.demos-module__jQz_uq__caseFacts{gap:0 var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demos-module__jQz_uq__caseFacts>div{border-top:1px solid var(--line);gap:6px;padding:16px 0;display:grid}.demos-module__jQz_uq__caseFacts dt{color:var(--grey);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}.demos-module__jQz_uq__caseFacts dd{font-size:17px;line-height:1.4}.demos-module__jQz_uq__journey{gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.demos-module__jQz_uq__journey li{border-top:1px solid var(--ink);align-content:start;gap:14px;padding-top:18px;display:grid;position:relative}.demos-module__jQz_uq__journey li:not(:last-child):after{content:"→";color:var(--grey);font-size:22px;position:absolute;top:10px;right:0}.demos-module__jQz_uq__journeyNum{letter-spacing:-.06em;font-size:clamp(44px,4.6vw,76px);font-weight:250;font-stretch:150%;line-height:.9}.demos-module__jQz_uq__journeyText{max-width:22ch;font-size:18px;font-weight:550;line-height:1.3}.demos-module__jQz_uq__features{gap:0 var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demos-module__jQz_uq__features li{border-top:1px solid var(--line);align-content:start;gap:8px;padding:22px 0 26px;display:grid}.demos-module__jQz_uq__featureTitle{letter-spacing:-.025em;font-size:clamp(22px,1.9vw,28px);font-weight:700}.demos-module__jQz_uq__features p{max-width:44ch}.demos-module__jQz_uq__caseHint{color:var(--grey);margin-top:-8px}.demos-module__jQz_uq__screens{align-items:flex-start;gap:var(--gutter);flex-wrap:wrap;display:flex}.demos-module__jQz_uq__screenFrame{gap:12px;display:grid}.demos-module__jQz_uq__screenFrame figcaption{color:var(--grey);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}.demos-module__jQz_uq__scroller{border:6px solid var(--ink);background:var(--paper-2);scrollbar-width:thin;scrollbar-color:var(--ink) transparent;border-top-width:26px;border-radius:12px;overflow-y:auto}.demos-module__jQz_uq__scroller img{width:100%;height:auto}.demos-module__jQz_uq__screenFrameDesktop{flex:520px;max-width:812px}.demos-module__jQz_uq__screenFrameDesktop .demos-module__jQz_uq__scroller{height:clamp(420px,46vw,660px)}.demos-module__jQz_uq__screenFramePhone{flex:0 300px}.demos-module__jQz_uq__screenFramePhone .demos-module__jQz_uq__scroller{border-width:22px 8px 8px;border-radius:30px;height:clamp(480px,46vw,660px)}.demos-module__jQz_uq__pages{border-top:1px solid var(--ink)}.demos-module__jQz_uq__pages li{border-bottom:1px solid var(--line);align-content:center;min-height:60px;padding:10px 0}.demos-module__jQz_uq__pages a{vertical-align:middle;align-items:center;gap:8px 16px;max-width:calc(100% - 64px);text-decoration:none;display:inline-flex}.demos-module__jQz_uq__pages a svg{transition:transform .5s var(--spring);flex:none}.demos-module__jQz_uq__pages a:hover svg{transform:translate(3px,-3px)}.demos-module__jQz_uq__pageNum{vertical-align:middle;width:64px;color:var(--grey);font-family:var(--mono);font-size:11.5px;display:inline-block}.demos-module__jQz_uq__pages li:has(a:hover) .demos-module__jQz_uq__pageNum{color:var(--ink)}.demos-module__jQz_uq__pageLabel{background:linear-gradient(var(--acid), var(--acid)) 0 100% / 0 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;min-width:0;transition:background-size .4s var(--ease-out);letter-spacing:-.02em;font-size:clamp(19px,1.6vw,24px);font-weight:600}.demos-module__jQz_uq__pages a:hover .demos-module__jQz_uq__pageLabel{background-size:100% 100%}.demos-module__jQz_uq__pagePath{min-width:0;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.demos-module__jQz_uq__caseCta{isolation:isolate;padding:clamp(56px, 8vw, 120px) max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));background:var(--acid);justify-items:start;gap:20px;margin-top:clamp(72px,9vw,140px);display:grid;position:relative;overflow:hidden}.demos-module__jQz_uq__caseCtaNum{right:max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));z-index:-1;color:var(--brand);letter-spacing:-.05em;pointer-events:none;font-size:clamp(160px,30vw,520px);font-weight:800;font-stretch:75%;line-height:.8;position:absolute;bottom:-.16em}@media (max-width:759px){.demos-module__jQz_uq__caseCtaNum{opacity:.25}}.demos-module__jQz_uq__caseCtaTitle{letter-spacing:-.04em;max-width:18ch;font-size:clamp(40px,6vw,100px);font-weight:800;font-stretch:75%;line-height:.88}.demos-module__jQz_uq__caseCtaBody{max-width:52ch;font-size:18px}.demos-module__jQz_uq__caseNext{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.demos-module__jQz_uq__caseNextItem{padding:clamp(28px, 4vw, 56px) max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)))}.demos-module__jQz_uq__caseNextLink{text-decoration:none;display:inline-block}.demos-module__jQz_uq__caseNextLink>span{display:block}.demos-module__jQz_uq__caseNextLink>span+span{margin-top:6px}.demos-module__jQz_uq__caseNextForward{border-left:1px solid var(--ink);text-align:right}.demos-module__jQz_uq__caseNextDir{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}.demos-module__jQz_uq__caseNextDir:before{content:"← "}.demos-module__jQz_uq__caseNextForward .demos-module__jQz_uq__caseNextDir:before{content:""}.demos-module__jQz_uq__caseNextForward .demos-module__jQz_uq__caseNextDir:after{content:" →"}.demos-module__jQz_uq__caseNextName{transition:background-size .45s var(--ease-out);letter-spacing:-.04em;background:linear-gradient(currentColor,currentColor) 0 100%/0 3px no-repeat;font-size:clamp(28px,4vw,64px);font-weight:800;font-stretch:80%;line-height:.95}.demos-module__jQz_uq__caseNextKind{color:var(--grey)}.demos-module__jQz_uq__caseNextLink:hover .demos-module__jQz_uq__caseNextName{background-size:100% 3px}.demos-module__jQz_uq__caseNextForward .demos-module__jQz_uq__caseNextName{background-position:100% 100%}@media (max-width:959px){.demos-module__jQz_uq__caseLede,.demos-module__jQz_uq__caseActions{grid-column:1/-1}.demos-module__jQz_uq__caseActions{text-align:left}.demos-module__jQz_uq__caseActions .demos-module__jQz_uq__button{margin:12px 12px 0 0}.demos-module__jQz_uq__caseLabel{grid-column:1/-1;position:static}.demos-module__jQz_uq__caseSection>:not(.demos-module__jQz_uq__caseLabel){grid-column:1/-1}.demos-module__jQz_uq__journey{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.demos-module__jQz_uq__journey li:nth-child(2):after{display:none}}@media (max-width:639px){.demos-module__jQz_uq__case{--stage-h:120vw;--pad-top:76px}.demos-module__jQz_uq__caseStage[data-view=desktop]{--stage-h:86vw}.demos-module__jQz_uq__caseFacts,.demos-module__jQz_uq__features,.demos-module__jQz_uq__journey{grid-template-columns:minmax(0,1fr)}.demos-module__jQz_uq__journey li:after{display:none}.demos-module__jQz_uq__pageNum{width:48px}.demos-module__jQz_uq__pages a{max-width:calc(100% - 48px)}.demos-module__jQz_uq__pagePath{display:none}.demos-module__jQz_uq__caseNext{grid-template-columns:minmax(0,1fr)}.demos-module__jQz_uq__caseNextForward{border-left:0;border-top:1px solid var(--ink)}}.demos-module__jQz_uq__caseDock{display:none}@media (max-width:759px){.demos-module__jQz_uq__caseDock{z-index:40;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--ink);display:block;position:fixed;inset:auto 0 0}.demos-module__jQz_uq__caseDock .demos-module__jQz_uq__button{vertical-align:top;width:calc(50% - 4px);min-height:48px;padding-inline:14px;font-size:15px}.demos-module__jQz_uq__caseDock .demos-module__jQz_uq__button+.demos-module__jQz_uq__button{margin-left:8px}.site-shell:has(.demos-module__jQz_uq__caseDock){padding-bottom:72px}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.demos-module__jQz_uq__caseDock{animation:linear both demos-module__jQz_uq__dock-in;animation-timeline:scroll(root);animation-range:280px 400px}}}}@keyframes demos-module__jQz_uq__dock-in{0%{transform:translateY(110%)}}@media (prefers-reduced-motion:reduce){.demos-module__jQz_uq__root *,.demos-module__jQz_uq__root :before,.demos-module__jQz_uq__root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@font-face{font-family:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/7ac5fd0989c028ec.0if08xog10ysr.woff2?dpl=mvjn0bul)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/4ac25ac50231883d.2u1sdzzrw6xvz.woff2?dpl=mvjn0bul)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/5688a4c40e43e5a1.3z5xel2aqt1n0.woff2?dpl=mvjn0bul)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/4506099c4edea958.03bi136yxljuv.woff2?dpl=mvjn0bul)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/49ec584a06e87b68.10lnr9nn8i7_3.woff2?dpl=mvjn0bul)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/b0853715662e1466.p.0irp91g8mk-b7.woff2?dpl=mvjn0bul)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.tiktok_sans_fe7be43a-module__G2AUNW__className{font-family:TikTok Sans,Arial Narrow,Helvetica Neue,Arial,sans-serif;font-style:normal}.tiktok_sans_fe7be43a-module__G2AUNW__variable{--font-demos-display:"TikTok Sans", Arial Narrow, Helvetica Neue, Arial, sans-serif}
@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/2b232b7efa22db1c-s.2zkj-p18lgxwi.woff2?dpl=mvjn0bul)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/3bee448361125987-s.2ffn2c0h-1t7r.woff2?dpl=mvjn0bul)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/564b25e5ad617bd2-s.1ns0a980vcn85.woff2?dpl=mvjn0bul)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/ee9d8ff0751135e3-s.12ukhzf-lem3a.woff2?dpl=mvjn0bul)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono Fallback;src:local(Arial);ascent-override:63.69%;descent-override:12.74%;line-gap-override:0.0%;size-adjust:157.02%}.martian_mono_9de2e1a4-module__1e5cva__className{font-family:Martian Mono,Martian Mono Fallback;font-style:normal}.martian_mono_9de2e1a4-module__1e5cva__variable{--font-demos-mono:"Martian Mono", "Martian Mono Fallback"}
.themes-module__XMAs6a__page,.themes-module__XMAs6a__preview{--ink:#0c1637;--paper:#fff;--paper-2:#f3f5fa;--line:#e1e5ee;--line-strong:#c9d0de;--grey:#56607a;--signal:#2446f5;--display:var(--font-demos-display), "Helvetica Neue", Arial, sans-serif;--mono:var(--font-demos-mono), ui-monospace, "SFMono-Regular", Menlo, monospace;--out:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.2, .9, .25, 1.08);font-family:var(--display)}.themes-module__XMAs6a__page{background:var(--paper);color:var(--ink);padding-bottom:clamp(64px,8vw,120px);overflow-x:clip}.themes-module__XMAs6a__page :where(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0}.themes-module__XMAs6a__page :where(ul,ol){padding:0;list-style:none}.themes-module__XMAs6a__page :where(button){font:inherit;cursor:pointer}.themes-module__XMAs6a__crumbs ol{color:var(--grey);flex-wrap:wrap;align-items:center;gap:6px;font-size:.875rem;display:flex}.themes-module__XMAs6a__crumbs li{align-items:center;gap:6px;display:inline-flex}.themes-module__XMAs6a__crumbs .icon{opacity:.7;width:14px;height:14px}.themes-module__XMAs6a__crumbs a{transition:color .16s}.themes-module__XMAs6a__crumbs a:hover{color:var(--ink)}.themes-module__XMAs6a__hero{border-bottom:1px solid var(--line);min-height:clamp(460px,68vh,660px);display:flex;position:relative;overflow:hidden}.themes-module__XMAs6a__heroInner{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;padding:26px 0 clamp(36px,5vw,64px);display:flex;position:relative}.themes-module__XMAs6a__heroInner .themes-module__XMAs6a__crumbs{pointer-events:auto}.themes-module__XMAs6a__heroTitle{letter-spacing:-.06em;margin-top:clamp(40px,8vh,110px);font-size:clamp(60px,9.4vw,150px);font-weight:800;font-stretch:125%;line-height:.84}.themes-module__XMAs6a__heroTitle span{display:block}.themes-module__XMAs6a__heroTitle span:first-child{color:var(--signal)}.themes-module__XMAs6a__heroTitle span:last-child{padding-left:.62em}@media (prefers-reduced-motion:no-preference){.themes-module__XMAs6a__heroTitle span{animation:themes-module__XMAs6a__title-in 1.1s var(--out) both}.themes-module__XMAs6a__heroTitle span:nth-child(2){animation-delay:80ms}.themes-module__XMAs6a__heroTitle span:last-child{animation-delay:.16s}}@keyframes themes-module__XMAs6a__title-in{0%{opacity:0;transform:translateY(.35em)}}.themes-module__XMAs6a__wall{z-index:1;perspective:1500px;-webkit-mask-composite:source-in;position:absolute;inset:-12% -8% -12% 30%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#00000052 24%,#000 58%),linear-gradient(#0000 0,#000 16% 84%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#00000052 24%,#000 58%),linear-gradient(#0000 0,#000 16% 84%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.themes-module__XMAs6a__wallPlane{transform-origin:50% 40%;gap:18px;display:flex;position:absolute;inset:0;transform:rotateX(26deg)rotate(-14deg)scale(1.08)}.themes-module__XMAs6a__wallColumn{min-width:0;translate:0 var(--offset);animation:themes-module__XMAs6a__wall-drift var(--speed) linear infinite;flex-direction:column;flex:1 0 0;gap:18px;padding-bottom:18px;display:flex}.themes-module__XMAs6a__wallColumn[data-reverse]{animation-direction:reverse}.themes-module__XMAs6a__wall:hover .themes-module__XMAs6a__wallColumn{animation-play-state:paused}@keyframes themes-module__XMAs6a__wall-drift{to{transform:translateY(-50%)}}.themes-module__XMAs6a__wallTile{aspect-ratio:4/3;transition:transform .5s var(--out);border-radius:12px;flex:none;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0c163714,0 22px 40px -22px #0c16376b}.themes-module__XMAs6a__wallTile img{object-fit:cover;object-position:top;width:100%;height:100%}.themes-module__XMAs6a__wallTile span{opacity:0;transition:opacity .2s ease, transform .3s var(--out);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:8px;left:8px;transform:translateY(4px)}.themes-module__XMAs6a__wallTile:hover{transform:translateY(-6px)scale(1.03)}.themes-module__XMAs6a__wallTile:hover span{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.themes-module__XMAs6a__wallColumn{animation:none}}@media (max-width:759px){.themes-module__XMAs6a__hero{flex-direction:column;min-height:0}.themes-module__XMAs6a__heroTitle{margin-top:36px;font-size:clamp(48px,15vw,84px)}.themes-module__XMAs6a__heroTitle span:last-child{padding-left:.4em}.themes-module__XMAs6a__wall{height:300px;margin:-40px -20px 0;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 22% 80%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 22% 80%,#0000 100%)}.themes-module__XMAs6a__wallPlane{gap:12px;inset:-30% -10%}.themes-module__XMAs6a__wallColumn{gap:12px;padding-bottom:12px}}.themes-module__XMAs6a__gallery{padding-top:clamp(20px,2.4vw,32px)}.themes-module__XMAs6a__toolbar{z-index:20;background:var(--paper);padding:14px 0 12px;position:relative}@media (min-width:760px){.themes-module__XMAs6a__toolbar{top:var(--site-header-height);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax);position:sticky}.themes-module__XMAs6a__toolbar:after{content:"";background:var(--line);height:1px;position:absolute;bottom:0;left:-100vmax;right:-100vmax}}.themes-module__XMAs6a__toolbarRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.themes-module__XMAs6a__search{border:1px solid var(--line-strong);background:var(--paper);border-radius:999px;flex:300px;align-items:center;height:50px;padding:0 14px 0 46px;transition:border-color .16s,box-shadow .16s;display:flex;position:relative}.themes-module__XMAs6a__search:hover{border-color:var(--grey)}.themes-module__XMAs6a__search:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px #2446f529}.themes-module__XMAs6a__search>.icon{width:20px;height:20px;color:var(--grey);position:absolute;left:17px}.themes-module__XMAs6a__search input{min-width:0;height:100%;color:var(--ink);font-family:var(--display);background:0 0;border:0;outline:0;flex:1;font-size:16px}.themes-module__XMAs6a__search input::placeholder{color:var(--grey)}.themes-module__XMAs6a__search kbd{border:1px solid var(--line-strong);color:var(--grey);font-family:var(--mono);border-radius:6px;padding:2px 8px;font-size:11px}.themes-module__XMAs6a__search:focus-within kbd{display:none}.themes-module__XMAs6a__segment{background:var(--paper-2);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.themes-module__XMAs6a__segment button{height:42px;color:var(--grey);white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 15px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.themes-module__XMAs6a__segment button:hover{color:var(--ink)}.themes-module__XMAs6a__segment button[aria-pressed=true]{background:var(--ink);color:#fff}.themes-module__XMAs6a__segment .icon{width:17px;height:17px}.themes-module__XMAs6a__colors{align-items:center;gap:7px;height:50px;padding:0 8px;display:inline-flex}.themes-module__XMAs6a__colorDot{background:var(--dot);width:22px;height:22px;transition:transform .26s var(--spring), box-shadow .16s ease, opacity .16s ease;border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #0c163724}.themes-module__XMAs6a__colorDot:hover:not(:disabled){transform:scale(1.2)}.themes-module__XMAs6a__colorDot[aria-pressed=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink);transform:scale(1.08)}.themes-module__XMAs6a__colorDot:disabled{opacity:.22;cursor:default}.themes-module__XMAs6a__sort{align-items:center;display:inline-flex;position:relative}.themes-module__XMAs6a__sort select{border:1px solid var(--line-strong);background:var(--paper);height:50px;color:var(--ink);font-family:var(--display);appearance:none;cursor:pointer;border-radius:999px;padding:0 42px 0 18px;font-size:14px;font-weight:600}.themes-module__XMAs6a__sort select:hover{border-color:var(--grey)}.themes-module__XMAs6a__sort>.icon{pointer-events:none;width:18px;height:18px;position:absolute;right:15px}.themes-module__XMAs6a__chips{scrollbar-width:none;gap:8px;margin-top:12px;padding:2px 0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.themes-module__XMAs6a__chips:after{content:"";flex:none;width:40px}.themes-module__XMAs6a__chips::-webkit-scrollbar{display:none}.themes-module__XMAs6a__chip{border:1px solid var(--line);background:var(--paper);height:38px;color:var(--ink);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 7px 0 15px;font-size:14px;font-weight:600;transition:border-color .16s,background-color .2s,color .2s,opacity .2s;display:inline-flex}.themes-module__XMAs6a__chip span{background:var(--paper-2);min-width:26px;height:24px;color:var(--grey);font-family:var(--mono);border-radius:999px;place-items:center;padding:0 7px;font-size:11px;transition:background-color .2s,color .2s;display:grid}.themes-module__XMAs6a__chip:hover{border-color:var(--ink)}.themes-module__XMAs6a__chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.themes-module__XMAs6a__chip[aria-pressed=true] span{color:#fff;background:#ffffff29}.themes-module__XMAs6a__chip[data-empty]:not([aria-pressed=true]){opacity:.45}.themes-module__XMAs6a__status{min-height:34px;color:var(--grey);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 22px;font-size:12px;display:flex}.themes-module__XMAs6a__clear{border:1px solid var(--line-strong);background:var(--paper);height:34px;color:var(--ink);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;display:inline-flex}.themes-module__XMAs6a__clear:hover{border-color:var(--ink)}.themes-module__XMAs6a__clear .icon{width:14px;height:14px}.themes-module__XMAs6a__segment .themes-module__XMAs6a__iconButton{justify-content:center;width:46px;padding:0}@media (max-width:759px){.themes-module__XMAs6a__search{flex-basis:100%}.themes-module__XMAs6a__colors{order:5;justify-content:space-between;width:100%;height:34px;padding:0 4px}}.themes-module__XMAs6a__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,3.4vw,52px) clamp(18px,2vw,30px);display:grid}.themes-module__XMAs6a__grid[data-view=phone]{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1099px){.themes-module__XMAs6a__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.themes-module__XMAs6a__grid[data-view=phone]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:699px){.themes-module__XMAs6a__grid{grid-template-columns:minmax(0,1fr)}.themes-module__XMAs6a__grid[data-view=phone]{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}}.themes-module__XMAs6a__card{flex-direction:column;gap:16px;height:100%;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.themes-module__XMAs6a__card{animation:themes-module__XMAs6a__card-in .76s var(--out) both;animation-delay:calc(var(--i) * 55ms)}}@keyframes themes-module__XMAs6a__card-in{0%{opacity:0;transform:translateY(28px)}}.themes-module__XMAs6a__frame{background:var(--t-base);isolation:isolate;transition:transform .6s var(--out), box-shadow .6s var(--out);border-radius:14px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0c163717,0 2px 4px #0c16370d}.themes-module__XMAs6a__card:hover .themes-module__XMAs6a__frame,.themes-module__XMAs6a__card[data-play] .themes-module__XMAs6a__frame,.themes-module__XMAs6a__card:focus-within .themes-module__XMAs6a__frame{transform:translateY(-6px);box-shadow:0 0 0 1px #0c16371f,0 30px 54px -26px #0c163780}.themes-module__XMAs6a__chrome{background:var(--t-surface);border-bottom:1px solid #0c163714;align-items:center;gap:5px;height:24px;padding:0 11px;display:flex}.themes-module__XMAs6a__chrome i{background:var(--t-ink);opacity:.24;border-radius:50%;width:7px;height:7px}.themes-module__XMAs6a__screen{aspect-ratio:4/3;background:var(--t-base);display:block;position:relative;overflow:hidden}.themes-module__XMAs6a__poster,.themes-module__XMAs6a__strip{width:100%;display:block;position:absolute;top:0;left:0}.themes-module__XMAs6a__poster{object-fit:cover;object-position:top;height:100%}.themes-module__XMAs6a__strip{opacity:0;height:auto;transition:transform 1.1s var(--out), opacity .3s ease;transform:translateY(0)}.themes-module__XMAs6a__card[data-ready] .themes-module__XMAs6a__strip{opacity:1}.themes-module__XMAs6a__card[data-play][data-ready] .themes-module__XMAs6a__strip{transform:translateY(var(--travel));transition:transform var(--duration) cubic-bezier(.45, .05, .55, .95), opacity .3s ease}.themes-module__XMAs6a__rail{z-index:1;opacity:0;background:#0c163724;border-radius:4px;width:4px;transition:opacity .3s;position:absolute;top:10px;bottom:10px;right:6px}.themes-module__XMAs6a__rail span{height:var(--thumb);border-radius:inherit;background:var(--ink);transition:transform 1.1s var(--out);display:block;transform:translateY(0)}.themes-module__XMAs6a__card[data-play][data-ready] .themes-module__XMAs6a__rail{opacity:1}.themes-module__XMAs6a__card[data-play][data-ready] .themes-module__XMAs6a__rail span{transform:translateY(var(--rail-travel));transition:transform var(--duration) cubic-bezier(.45, .05, .55, .95)}.themes-module__XMAs6a__flag{z-index:2;background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:5px;height:26px;padding:0 11px 0 9px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;left:12px;box-shadow:0 6px 16px -6px #0c163780}.themes-module__XMAs6a__flag .icon{fill:#ffd84d;stroke:#ffd84d;width:13px;height:13px}.themes-module__XMAs6a__card[data-view=phone] .themes-module__XMAs6a__frame{background:#0e0f12;border-radius:30px;padding:7px;box-shadow:inset 0 0 0 1px #ffffff14,0 2px 4px #0c16371a}.themes-module__XMAs6a__card[data-view=phone]:hover .themes-module__XMAs6a__frame,.themes-module__XMAs6a__card[data-view=phone][data-play] .themes-module__XMAs6a__frame,.themes-module__XMAs6a__card[data-view=phone]:focus-within .themes-module__XMAs6a__frame{box-shadow:inset 0 0 0 1px #ffffff14,0 30px 54px -26px #0c163799}.themes-module__XMAs6a__card[data-view=phone] .themes-module__XMAs6a__screen{aspect-ratio:390/844;border-radius:23px}.themes-module__XMAs6a__notch{z-index:3;background:#0e0f12;border-radius:999px;width:30%;height:14px;position:absolute;top:14px;left:50%;translate:-50%}.themes-module__XMAs6a__card[data-view=phone] .themes-module__XMAs6a__flag{bottom:16px;left:50%;translate:-50%}.themes-module__XMAs6a__cardBody{flex-direction:column;flex:1;gap:9px;padding:0 2px;display:flex}.themes-module__XMAs6a__cardHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.themes-module__XMAs6a__cardName{letter-spacing:-.04em;min-width:0;font-size:clamp(22px,1.9vw,27px);font-weight:800;font-stretch:112%;line-height:1.05}.themes-module__XMAs6a__cardLink:after{content:"";z-index:3;border-radius:18px;position:absolute;inset:-6px}.themes-module__XMAs6a__cardLink:focus-visible{outline:none}.themes-module__XMAs6a__cardLink:focus-visible:after{outline:2px solid var(--signal);outline-offset:2px}.themes-module__XMAs6a__cardCategory{color:var(--grey);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:11px}.themes-module__XMAs6a__cardSummary{color:var(--grey);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.themes-module__XMAs6a__cardFoot{align-items:center;gap:12px;margin-top:auto;padding-top:4px;display:flex}.themes-module__XMAs6a__dots{padding-left:5px;display:flex}.themes-module__XMAs6a__dots i{width:18px;height:18px;box-shadow:0 0 0 2px var(--paper), inset 0 0 0 1px #0c163724;border-radius:50%;margin-left:-5px}.themes-module__XMAs6a__cardStyles{color:var(--grey);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:11px}.themes-module__XMAs6a__cardGet{z-index:4;border:1px solid var(--line-strong);height:34px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 13px 0 11px;font-size:13px;font-weight:600;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex;position:relative}.themes-module__XMAs6a__cardGet .icon{width:16px;height:16px}.themes-module__XMAs6a__cardGet:hover{border-color:var(--ink);background:var(--ink);color:#fff}.themes-module__XMAs6a__card[data-view=phone] .themes-module__XMAs6a__cardHead{flex-direction:column;gap:4px}.themes-module__XMAs6a__card[data-view=phone] .themes-module__XMAs6a__cardName{font-size:19px}.themes-module__XMAs6a__card[data-view=phone] .themes-module__XMAs6a__cardStyles,.themes-module__XMAs6a__card[data-view=phone] .themes-module__XMAs6a__cardGet span{display:none}.themes-module__XMAs6a__card[data-view=phone] .themes-module__XMAs6a__cardGet{padding:0 9px}.themes-module__XMAs6a__empty{text-align:center;justify-items:center;gap:22px;padding:clamp(56px,10vw,120px) 0;display:grid}.themes-module__XMAs6a__empty p{letter-spacing:-.045em;max-width:18ch;font-size:clamp(28px,3.6vw,48px);font-weight:800;font-stretch:110%;line-height:.98}.themes-module__XMAs6a__detail{--tone:var(--signal);--tone-strong:var(--ink)}.themes-module__XMAs6a__detailHero{border-bottom:1px solid var(--t-border);background:var(--t-base);color:var(--t-ink);padding:26px 0 clamp(40px,5vw,72px)}.themes-module__XMAs6a__detailHero .themes-module__XMAs6a__crumbs ol{color:var(--t-muted)}.themes-module__XMAs6a__detailHero .themes-module__XMAs6a__crumbs a:hover{color:var(--t-ink)}.themes-module__XMAs6a__detailHead{margin:clamp(36px,6vw,84px) 0 clamp(28px,4vw,44px)}.themes-module__XMAs6a__detailTitle{letter-spacing:-.06em;overflow-wrap:anywhere;font-size:clamp(60px,11vw,176px);font-weight:800;font-stretch:118%;line-height:.84}@media (prefers-reduced-motion:no-preference){.themes-module__XMAs6a__detailTitle{animation:themes-module__XMAs6a__title-in 1s var(--out) both}}.themes-module__XMAs6a__detailSide{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 24px;margin-top:clamp(24px,3vw,36px);display:flex}.themes-module__XMAs6a__detailFacts{flex-wrap:wrap;gap:8px;display:flex}.themes-module__XMAs6a__detailFacts li{border:1px solid var(--t-border);background:var(--t-surface);height:36px;color:var(--t-ink);border-radius:999px;align-items:center;gap:6px;padding:0 15px;font-size:14px;font-weight:600;display:inline-flex}.themes-module__XMAs6a__detailFacts .themes-module__XMAs6a__freeFact{border-color:var(--t-ink);background:var(--t-ink);color:var(--t-base)}.themes-module__XMAs6a__detailFacts a:hover{text-underline-offset:3px;text-decoration:underline}.themes-module__XMAs6a__detailFacts .icon{fill:currentColor;width:15px;height:15px}.themes-module__XMAs6a__detailDownload{background:var(--t-ink);height:56px;color:var(--t-base);transition:transform .3s var(--spring), box-shadow .3s ease;border-radius:999px;align-items:center;gap:10px;padding:0 26px 0 22px;font-size:16px;font-weight:700;display:inline-flex}.themes-module__XMAs6a__detailDownload:hover{transform:translateY(-2px);box-shadow:0 16px 30px -16px #0000008c}.themes-module__XMAs6a__detailDownload .icon{width:20px;height:20px}.themes-module__XMAs6a__detailSize{opacity:.75;border-left:1px solid;padding-left:10px;font-size:13px;font-weight:600}.themes-module__XMAs6a__stage{margin-top:clamp(8px,1.5vw,16px)}.themes-module__XMAs6a__stageScreens{grid-template-columns:minmax(0,1fr) clamp(200px,21%,290px);align-items:end;gap:clamp(16px,2.4vw,36px);display:grid}.themes-module__XMAs6a__stageDesktop{background:var(--t-surface);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #0000001a,0 50px 90px -50px #0000008c}.themes-module__XMAs6a__stageBar{border-bottom:1px solid var(--t-border);background:var(--t-surface);align-items:center;gap:6px;height:38px;padding:0 15px;display:flex}.themes-module__XMAs6a__stageBar i{background:var(--t-ink);opacity:.22;border-radius:50%;width:9px;height:9px}.themes-module__XMAs6a__stageBar span{color:var(--t-muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-left:12px;font-size:12px;overflow:hidden}.themes-module__XMAs6a__stageScreen,.themes-module__XMAs6a__stagePhoneScreen{background:var(--t-base);overflow-y:auto}.themes-module__XMAs6a__stageScreen{aspect-ratio:16/10;scrollbar-width:thin}.themes-module__XMAs6a__stageScreen img,.themes-module__XMAs6a__stagePhoneScreen img{width:100%;height:auto;display:block}@media (prefers-reduced-motion:no-preference){.themes-module__XMAs6a__stageScreen img{animation:themes-module__XMAs6a__page-in .5s var(--out)}}@keyframes themes-module__XMAs6a__page-in{0%{opacity:0;transform:translateY(14px)}}.themes-module__XMAs6a__stageScreen:focus-visible,.themes-module__XMAs6a__stagePhoneScreen:focus-visible{outline:2px solid var(--t-ink);outline-offset:-4px}.themes-module__XMAs6a__stagePhone{background:#0e0f12;border-radius:42px;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 50px 90px -50px #0009}.themes-module__XMAs6a__stageNotch{z-index:2;background:#0e0f12;border-radius:999px;width:30%;height:20px;position:absolute;top:19px;left:50%;translate:-50%}.themes-module__XMAs6a__stagePhoneScreen{aspect-ratio:390/844;scrollbar-width:none;border-radius:32px}.themes-module__XMAs6a__stagePhoneScreen::-webkit-scrollbar{display:none}.themes-module__XMAs6a__stageControls{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:20px;display:flex}.themes-module__XMAs6a__stagePlay{border:1px solid var(--t-border);background:var(--t-surface);height:42px;color:var(--t-ink);border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:14px;font-weight:700;display:inline-flex}.themes-module__XMAs6a__stagePlay .icon{fill:currentColor;width:17px;height:17px}.themes-module__XMAs6a__stageHint{color:var(--t-muted);font-family:var(--mono);font-size:12px}.themes-module__XMAs6a__stage .themes-module__XMAs6a__segment{background:var(--t-surface);box-shadow:inset 0 0 0 1px var(--t-border)}.themes-module__XMAs6a__stage .themes-module__XMAs6a__segment button{color:var(--t-muted)}.themes-module__XMAs6a__stage .themes-module__XMAs6a__segment button[aria-pressed=true]{background:var(--t-ink);color:var(--t-base)}.themes-module__XMAs6a__stageViews{display:none}.themes-module__XMAs6a__stagePages{scrollbar-width:thin;gap:14px;margin:14px -8px 0;padding:10px 8px 12px;scroll-padding-inline:8px;display:flex;overflow-x:auto}.themes-module__XMAs6a__stageThumb{width:172px;color:var(--t-muted);text-align:left;background:0 0;border:0;flex-direction:column;flex:none;gap:9px;padding:0;font-size:13px;font-weight:600;display:flex}.themes-module__XMAs6a__stageThumb img{width:100%;height:auto;box-shadow:0 0 0 1px var(--t-border);transition:transform .36s var(--out), box-shadow .2s ease;border-radius:9px}.themes-module__XMAs6a__stageThumb span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.themes-module__XMAs6a__stageThumb:hover img{transform:translateY(-3px)}.themes-module__XMAs6a__stageThumb[aria-pressed=true]{color:var(--t-ink)}.themes-module__XMAs6a__stageThumb[aria-pressed=true] img{box-shadow:0 0 0 2px var(--t-base), 0 0 0 4px var(--t-ink)}@media (max-width:759px){.themes-module__XMAs6a__stageScreens{grid-template-columns:minmax(0,1fr)}.themes-module__XMAs6a__stageViews{display:inline-flex}.themes-module__XMAs6a__stage[data-view=desktop] .themes-module__XMAs6a__stagePhone,.themes-module__XMAs6a__stage[data-view=phone] .themes-module__XMAs6a__stageDesktop{display:none}.themes-module__XMAs6a__stagePhone{width:min(300px,82%);margin:0 auto}.themes-module__XMAs6a__stageHint{display:none}.themes-module__XMAs6a__stageThumb{width:136px}}.themes-module__XMAs6a__detailLayout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:clamp(32px,5vw,80px);padding-top:clamp(44px,5vw,80px);display:grid}.themes-module__XMAs6a__detailContent{min-width:0}.themes-module__XMAs6a__detailSection{border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--site-header-height) + 16px);margin-bottom:44px;padding-bottom:44px}.themes-module__XMAs6a__detailSection:last-child{border-bottom:0;margin-bottom:0}.themes-module__XMAs6a__detailSection>h2,.themes-module__XMAs6a__palette h2,.themes-module__XMAs6a__asideBlock h2,.themes-module__XMAs6a__credits summary h2{letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(24px,2.2vw,30px);font-weight:700;font-stretch:90%;line-height:1}.themes-module__XMAs6a__palette h2,.themes-module__XMAs6a__asideBlock h2{margin-bottom:14px;font-size:19px}.themes-module__XMAs6a__detailLead{letter-spacing:-.012em;margin-bottom:20px;font-size:clamp(19px,1.7vw,23px);font-weight:500;line-height:1.4}.themes-module__XMAs6a__faq details{border-bottom:1px solid var(--line)}.themes-module__XMAs6a__faq details:first-child{border-top:1px solid var(--line)}.themes-module__XMAs6a__faq summary,.themes-module__XMAs6a__credits summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}.themes-module__XMAs6a__faq summary{padding:18px 0;font-size:17px;font-weight:600}.themes-module__XMAs6a__faq summary::-webkit-details-marker{display:none}.themes-module__XMAs6a__credits summary::-webkit-details-marker{display:none}:is(.themes-module__XMAs6a__faq summary .icon,.themes-module__XMAs6a__credits summary .icon){width:20px;height:20px;transition:transform .3s var(--out);flex:none}.themes-module__XMAs6a__faq details[open] summary .icon{transform:rotate(180deg)}.themes-module__XMAs6a__credits[open] summary .icon{transform:rotate(180deg)}.themes-module__XMAs6a__faq details>div{padding-bottom:18px}.themes-module__XMAs6a__credits summary h2{margin:0}.themes-module__XMAs6a__credits[open] summary{margin-bottom:18px}.themes-module__XMAs6a__versions{gap:18px;display:grid}.themes-module__XMAs6a__versionHead{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:10px;display:flex}.themes-module__XMAs6a__versionHead strong{letter-spacing:-.02em;font-size:22px;font-weight:800}.themes-module__XMAs6a__versionHead time,.themes-module__XMAs6a__versionHead span{color:var(--grey);font-size:14px}.themes-module__XMAs6a__versionHead a{color:var(--signal);align-items:center;gap:6px;margin-left:auto;font-size:14px;font-weight:600;display:inline-flex}.themes-module__XMAs6a__versionHead a .icon{width:16px;height:16px}.themes-module__XMAs6a__sha{overflow-wrap:anywhere;color:var(--grey);margin-top:8px;font-size:12px}.themes-module__XMAs6a__sha span{font-family:var(--mono);text-transform:uppercase}.themes-module__XMAs6a__sha code{font-family:var(--mono)}.themes-module__XMAs6a__detailAside{gap:16px;display:grid}.themes-module__XMAs6a__palette,.themes-module__XMAs6a__asideBlock{background:var(--paper-2);border-radius:20px;padding:22px}.themes-module__XMAs6a__swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;margin-bottom:26px;display:grid}.themes-module__XMAs6a__swatches button{width:100%;color:var(--ink);text-align:left;cursor:copy;background:0 0;border:0;gap:3px;padding:0;display:grid}.themes-module__XMAs6a__swatchChip{background:var(--swatch);aspect-ratio:1.35;transition:transform .3s var(--spring);border-radius:11px;margin-bottom:4px;box-shadow:inset 0 0 0 1px #0c16371f}.themes-module__XMAs6a__swatches button:hover .themes-module__XMAs6a__swatchChip{transform:translateY(-3px)}.themes-module__XMAs6a__swatchName{font-size:12px;font-weight:700}.themes-module__XMAs6a__swatches code{color:var(--grey);font-family:var(--mono);font-size:11px}.themes-module__XMAs6a__swatches button[data-copied] code{color:var(--success,#0e8a5f)}.themes-module__XMAs6a__swatches button[data-copied] code:after{content:" ✓"}.themes-module__XMAs6a__variations{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;display:grid}.themes-module__XMAs6a__variationCard{background:var(--v-base);box-shadow:inset 0 0 0 1px var(--v-border);aspect-ratio:16/10;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:8px 10px;padding:12px 14px;display:grid}.themes-module__XMAs6a__variationType{color:var(--v-ink);letter-spacing:-.04em;grid-row:span 2;font-size:30px;font-weight:800;line-height:1}.themes-module__XMAs6a__variationBar{background:var(--v-ink);opacity:.55;border-radius:3px;width:86%;height:6px}.themes-module__XMAs6a__variationPill{background:var(--v-accent);border-radius:999px;width:60%;height:14px}.themes-module__XMAs6a__variationName{margin-top:7px;font-size:13px;font-weight:600;display:block}.themes-module__XMAs6a__fontList{gap:8px;display:grid}.themes-module__XMAs6a__fontList li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;font-size:16px;font-weight:600;display:flex}.themes-module__XMAs6a__fontList li:last-child{border-bottom:0;padding-bottom:0}.themes-module__XMAs6a__facts{margin-bottom:18px;display:grid}.themes-module__XMAs6a__facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:9px 0;font-size:14px;display:flex}.themes-module__XMAs6a__facts dt{color:var(--grey)}.themes-module__XMAs6a__facts dd{text-align:right;font-weight:600}.themes-module__XMAs6a__facts dd a{color:var(--signal);text-underline-offset:3px;text-decoration:underline}.themes-module__XMAs6a__asideDownload{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:50px;font-size:15px;font-weight:700;transition:background-color .18s;display:flex}.themes-module__XMAs6a__asideDownload:hover{background:var(--signal)}.themes-module__XMAs6a__asidePlugins{background:var(--tone-panel)}.themes-module__XMAs6a__pluginList{gap:4px;margin:0 -10px 14px;display:grid}.themes-module__XMAs6a__pluginItem{border-radius:14px;align-items:flex-start;gap:12px;padding:10px;transition:background-color .18s;display:flex}.themes-module__XMAs6a__pluginItem:hover,.themes-module__XMAs6a__pluginItem:focus-visible{background:#fff}.themes-module__XMAs6a__pluginItem>span:last-child{gap:2px;min-width:0;display:grid}.themes-module__XMAs6a__pluginItem strong{color:var(--ink);font-size:14px;font-weight:700;line-height:1.3}.themes-module__XMAs6a__pluginItem small{color:var(--grey);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.themes-module__XMAs6a__asideMore{color:var(--tone-strong);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.themes-module__XMAs6a__asideMore .icon{width:16px;height:16px;transition:transform .25s var(--out)}.themes-module__XMAs6a__asideMore:hover .icon{transform:translate(3px)}.themes-module__XMAs6a__asideDownload .icon{width:18px;height:18px}@media (max-width:959px){.themes-module__XMAs6a__detailLayout{grid-template-columns:minmax(0,1fr)}.themes-module__XMAs6a__detailAside{position:static}}.themes-module__XMAs6a__more{padding-top:clamp(56px,7vw,110px)}.themes-module__XMAs6a__moreHead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:30px;display:flex}.themes-module__XMAs6a__moreHead h2{letter-spacing:-.05em;font-size:clamp(30px,3.4vw,48px);font-weight:800;font-stretch:112%;line-height:.95}.themes-module__XMAs6a__moreLink{align-items:center;gap:8px;font-weight:700;display:inline-flex}.themes-module__XMAs6a__moreLink .icon{transition:transform .25s var(--out)}.themes-module__XMAs6a__moreLink:hover .icon{transform:translate(4px)}.themes-module__XMAs6a__preview{color:#fff;scroll-margin-top:calc(var(--site-header-height) + 16px);background:#0c1637;border-radius:28px;margin-top:clamp(64px,8vw,112px);padding:clamp(22px,2.6vw,34px) 0;overflow:hidden}.themes-module__XMAs6a__previewHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;padding:0 clamp(22px,2.6vw,34px);display:flex}.themes-module__XMAs6a__previewTitle{letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.2vw,30px);font-weight:700;font-stretch:90%;line-height:1}.themes-module__XMAs6a__previewTitle a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.themes-module__XMAs6a__previewAll{color:#0c1637;height:46px;transition:transform .3s var(--spring);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 20px 0 22px;font-size:15px;font-weight:700;display:inline-flex}.themes-module__XMAs6a__previewAll:hover{transform:translateY(-2px)}.themes-module__XMAs6a__previewAll .icon{transition:transform .25s var(--out)}.themes-module__XMAs6a__previewAll:hover .icon{transform:translate(4px)}.themes-module__XMAs6a__previewRows{gap:14px;display:grid}.themes-module__XMAs6a__previewRow{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.themes-module__XMAs6a__previewRow ul{width:max-content;animation:themes-module__XMAs6a__preview-slide var(--speed) linear infinite;gap:14px;margin:0;padding:0 14px 0 0;list-style:none;display:flex}.themes-module__XMAs6a__previewRow[data-reverse] ul{animation-direction:reverse}.themes-module__XMAs6a__previewRow:hover ul,.themes-module__XMAs6a__previewRow:focus-within ul{animation-play-state:paused}@keyframes themes-module__XMAs6a__preview-slide{to{transform:translate(-50%)}}.themes-module__XMAs6a__previewTile{aspect-ratio:4/3;border-radius:12px;width:clamp(220px,21vw,290px);display:block;position:relative;overflow:hidden}.themes-module__XMAs6a__previewTile img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .7s var(--out)}.themes-module__XMAs6a__previewTile:hover img{transform:scale(1.05)}.themes-module__XMAs6a__previewName{color:#fff;opacity:0;transition:opacity .22s ease, transform .36s var(--out);background:#0c1637e6;border-radius:10px;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 12px;font-size:15px;display:flex;position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(8px)}.themes-module__XMAs6a__previewName span{font-family:var(--mono);letter-spacing:.04em;opacity:.75;text-transform:uppercase;font-size:10px}.themes-module__XMAs6a__previewTile:hover .themes-module__XMAs6a__previewName,.themes-module__XMAs6a__previewTile:focus-visible .themes-module__XMAs6a__previewName{opacity:1;transform:none}.themes-module__XMAs6a__previewTile:focus-visible{outline-offset:-2px;outline:2px solid #fff}.themes-module__XMAs6a__previewCategories{flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0 clamp(22px,2.6vw,34px);list-style:none;display:flex}.themes-module__XMAs6a__previewCategories a{border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:8px;height:36px;padding:0 12px 0 15px;font-size:14px;font-weight:600;transition:background-color .18s,color .18s,border-color .18s;display:inline-flex}.themes-module__XMAs6a__previewCategories span{font-family:var(--mono);opacity:.7;font-size:11px}.themes-module__XMAs6a__previewCategories a:hover{color:#0c1637;background:#fff;border-color:#fff}@media (prefers-reduced-motion:reduce){.themes-module__XMAs6a__previewRow{overflow-x:auto}.themes-module__XMAs6a__previewRow ul{animation:none}}
.work-module__dFz5Ma__section{scroll-margin-top:var(--site-header-height);padding:clamp(72px,9vw,136px) 0}.work-module__dFz5Ma__sectionTint{background:var(--surface-low)}.work-module__dFz5Ma__title{letter-spacing:-.05em;margin:0 0 clamp(32px,4.4vw,64px);font-size:clamp(2.75rem,7vw,6.25rem);font-weight:600;line-height:.9}@keyframes work-module__dFz5Ma__work-rise{0%{opacity:0;transform:translateY(56px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.work-module__dFz5Ma__title,.work-module__dFz5Ma__tile{animation:linear both work-module__dFz5Ma__work-rise;animation-timeline:view();animation-range:entry entry 75%}}}.work-module__dFz5Ma__shot{background:#fff;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0c163714,0 40px 80px -36px #050a1d99}.work-module__dFz5Ma__shotBar{background:#f3f5fa;border-bottom:1px solid #e1e5ee;flex:none;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.work-module__dFz5Ma__shotBar i{background:#d0d6e3;border-radius:50%;width:9px;height:9px}.work-module__dFz5Ma__shotBar span{color:#56607a;min-width:0;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;margin-left:10px;padding:3px 10px;font-size:11px;display:inline-flex;overflow:hidden}.work-module__dFz5Ma__shotBar .icon{width:11px;height:11px}.work-module__dFz5Ma__shotScreen{aspect-ratio:16/10;background:#fff;flex:1;position:relative;overflow:hidden;container-type:size}.work-module__dFz5Ma__shotPoster{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.work-module__dFz5Ma__shotStrip{opacity:0;width:100%;height:auto;transition:opacity .4s;display:block;position:absolute;top:0;left:0}@keyframes work-module__dFz5Ma__shot-scroll{0%,6%{transform:translateY(0)}94%,to{transform:translateY(calc(100cqh - 100%))}}@media (prefers-reduced-motion:no-preference){.work-module__dFz5Ma__shot[data-active] .work-module__dFz5Ma__shotStrip{opacity:1;animation:work-module__dFz5Ma__shot-scroll var(--duration) cubic-bezier(.45, .05, .55, .95) infinite alternate}}.work-module__dFz5Ma__cases{gap:clamp(24px,3vw,40px);margin:0;padding:0;list-style:none;display:grid}@media (min-width:960px) and (prefers-reduced-motion:no-preference){.work-module__dFz5Ma__case{top:calc(var(--site-header-height) + 24px + var(--i) * 20px);position:sticky}}.work-module__dFz5Ma__caseCard{background:radial-gradient(circle at 88% 12%, var(--glow) 0, transparent 52%), radial-gradient(circle at 0% 100%, #2446f547 0, transparent 48%), #0c1637;color:#fff;min-height:min(76vh,660px);transform:scale(calc(1 - var(--recede,0) * .07));transform-origin:50% 0;border-radius:32px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,4.4vw,72px);padding:clamp(28px,4vw,60px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px -50px #050a1dbf}.work-module__dFz5Ma__caseShade{border-radius:inherit;opacity:calc(var(--recede,0) * .6);pointer-events:none;background:#050a1d;position:absolute;inset:0}.work-module__dFz5Ma__caseInfo{z-index:1;position:relative}.work-module__dFz5Ma__caseCount{color:#ffffff8c;font-family:var(--font-mono);align-items:center;gap:12px;margin:0 0 clamp(24px,3.4vw,48px);font-size:13px;display:flex}.work-module__dFz5Ma__caseCount i{background:#ffffff4d;width:56px;height:1px}.work-module__dFz5Ma__caseCount span:first-child{color:var(--accent)}.work-module__dFz5Ma__caseCategory{color:var(--accent);margin:0 0 12px;font-size:.9375rem;font-weight:600}.work-module__dFz5Ma__caseName{letter-spacing:-.05em;margin:0 0 20px;font-size:clamp(2.75rem,5.6vw,5.5rem);font-weight:600;line-height:.92}.work-module__dFz5Ma__caseSummary{color:#c7cee2;max-width:42ch;margin:0 0 24px;font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.6}.work-module__dFz5Ma__caseTags{flex-wrap:wrap;gap:8px;margin:0 0 34px;padding:0;list-style:none;display:flex}.work-module__dFz5Ma__caseTags li{color:#e1e6f3;border:1px solid #fff3;border-radius:999px;padding:6px 13px;font-size:.8125rem}.work-module__dFz5Ma__caseVisit{color:#0c1637;height:54px;transition:background-color .22s ease, transform .3s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:0 24px 0 26px;font-weight:600;display:inline-flex}.work-module__dFz5Ma__caseVisit:hover{background:var(--accent);transform:translateY(-2px)}.work-module__dFz5Ma__caseVisit .icon{transition:transform .25s var(--ease)}.work-module__dFz5Ma__caseVisit:hover .icon{transform:translate(2px,-2px)}.work-module__dFz5Ma__caseMedia{z-index:1;transition:transform .9s var(--ease);display:block;position:relative;transform:perspective(1800px)rotateY(-7deg)rotateX(3deg)}.work-module__dFz5Ma__caseCard:hover .work-module__dFz5Ma__caseMedia{transform:perspective(1800px)rotateY(0)rotateX(0)}@media (max-width:959px){.work-module__dFz5Ma__caseCard{border-radius:24px;grid-template-columns:minmax(0,1fr);min-height:0}.work-module__dFz5Ma__caseMedia{transform:none}}@media (prefers-reduced-motion:reduce){.work-module__dFz5Ma__caseMedia,.work-module__dFz5Ma__caseCard:hover .work-module__dFz5Ma__caseMedia{transform:none}}.work-module__dFz5Ma__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin:0;padding:0;list-style:none;display:grid}.work-module__dFz5Ma__tile{min-width:0}.work-module__dFz5Ma__tile[data-lead]{grid-area:span 2/span 2}@media (max-width:1099px){.work-module__dFz5Ma__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.work-module__dFz5Ma__grid{grid-template-columns:minmax(0,1fr)}.work-module__dFz5Ma__tile[data-lead]{grid-area:auto}}.work-module__dFz5Ma__tileLink{border:1px solid var(--border);height:100%;transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .3s ease;background:#fff;border-radius:24px;flex-direction:column;padding:12px;display:flex;position:relative;overflow:hidden}.work-module__dFz5Ma__tileLink:before{content:"";z-index:2;background:var(--accent);transform-origin:0;height:3px;transition:transform .6s var(--ease);border-radius:0 0 3px 3px;position:absolute;top:0;left:28px;right:28px;transform:scaleX(0)}.work-module__dFz5Ma__tileLink:hover,.work-module__dFz5Ma__tileLink:focus-visible{border-color:var(--border-strong);transform:translateY(-6px);box-shadow:0 34px 64px -36px #0c163780}.work-module__dFz5Ma__tileLink:hover:before,.work-module__dFz5Ma__tileLink:focus-visible:before{transform:scaleX(1)}.work-module__dFz5Ma__tileShot{display:flex}.work-module__dFz5Ma__tileShot .work-module__dFz5Ma__shot{flex:1;box-shadow:0 0 0 1px #0c163714}.work-module__dFz5Ma__tile[data-lead] .work-module__dFz5Ma__tileShot{flex:1}.work-module__dFz5Ma__tile[data-lead] .work-module__dFz5Ma__shotScreen{aspect-ratio:auto;min-height:300px}.work-module__dFz5Ma__tileMeta{flex-direction:column;gap:4px;padding:18px 10px 8px;display:flex}.work-module__dFz5Ma__tileTop{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.work-module__dFz5Ma__tileNum:before{content:"";background:var(--accent);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 1px #0c16371f}.work-module__dFz5Ma__tileDomain{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.work-module__dFz5Ma__tileDomain .icon{width:14px;height:14px;transition:transform .25s var(--ease)}.work-module__dFz5Ma__tileLink:hover .work-module__dFz5Ma__tileDomain .icon{transform:translate(2px,-2px)}.work-module__dFz5Ma__tileName{color:var(--text);letter-spacing:-.035em;font-size:clamp(1.375rem,1.7vw,1.75rem);font-weight:600;line-height:1.05}.work-module__dFz5Ma__tile[data-lead] .work-module__dFz5Ma__tileName{letter-spacing:-.045em;font-size:clamp(2.25rem,4vw,3.5rem)}.work-module__dFz5Ma__tileCategory{color:var(--muted);font-size:.875rem}.work-module__dFz5Ma__tileSummary{max-width:54ch;color:var(--muted);margin-top:10px;font-size:.9375rem;line-height:1.6}