.sol2 .tl-wide{max-width:1320px}.sol2 .page-head.tl-head{padding:148px 0 0}.sol2 .tl-head h1,.sol2 .td-head h1{max-width:15em;margin:22px 0 26px;font-size:clamp(42px,5.4vw,76px);line-height:1.04}.sol2 .tl-head h1 em{color:var(--tan-deep);letter-spacing:-.01em;font-style:italic;font-weight:400}.sol2 .tl-head .lede{max-width:35em}.sol2 .tl-facts{border-top:1px solid var(--hair);grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px;padding-top:28px;display:grid}.sol2 .tl-facts h2{font-family:var(--ui);letter-spacing:0;margin-bottom:8px;font-size:15.5px;font-weight:600;line-height:1.3}.sol2 .tl-facts p{color:var(--ink2);text-wrap:pretty;font-size:15.5px;line-height:1.55}.sol2 .tl-plate{border-radius:10px;display:block;position:relative}.sol2 .tl-plate img{aspect-ratio:8/5;border:1px solid #29211429;border-radius:10px;width:100%;height:auto;transition:transform .35s cubic-bezier(.22,.7,.3,1),box-shadow .35s cubic-bezier(.22,.7,.3,1);display:block;position:relative;box-shadow:0 22px 50px -26px #2921146b,0 3px 10px -5px #29211433}.sol2 .tl-plate:before{content:"";background-image:radial-gradient(circle, var(--ink) .9px, transparent 1.15px);opacity:0;-webkit-mask-composite:source-in;pointer-events:none;background-size:4px 4px;border-radius:12px;transition:opacity .35s;position:absolute;inset:12px -8px -12px 12px;-webkit-mask-image:linear-gradient(#0000 0%,#000 35% 100%),linear-gradient(90deg,#0000 0%,#000 30% 100%);mask-image:linear-gradient(#0000 0%,#000 35% 100%),linear-gradient(90deg,#0000 0%,#000 30% 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.sol2 .tl-feature .tl-plate:before,.sol2 .td-first .tl-plate:before{opacity:.28;border-radius:14px;inset:18px -10px -18px 18px}.sol2 .tl-lib{padding-top:120px}.sol2 .tl-libhead{grid-template-columns:minmax(0,1fr) minmax(0,24em);align-items:end;gap:24px 64px;margin-bottom:56px;display:grid}.sol2 .tl-libhead h2 em{color:var(--tan-deep);font-style:italic;font-weight:400}.sol2 .tl-libhead p{color:var(--ink2);text-wrap:pretty;font-size:16.5px;line-height:1.55}.sol2 .tl-no{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tan-deep);font-size:11.5px;display:block}.sol2 .tl-feature{color:var(--ink);grid-template-columns:minmax(0,68fr) minmax(0,32fr);align-items:end;gap:56px;display:grid}.sol2 .tl-fmeta h3{font-family:var(--display);font-optical-sizing:auto;margin:14px 0 10px;font-size:clamp(38px,3.6vw,52px);font-weight:440;line-height:1.02}.sol2 .tl-fmeta .tl-concept{color:var(--ink2);font-size:19px;font-style:italic;line-height:1.45}.sol2 .tl-fmeta .tl-desc{color:var(--ink2);text-wrap:pretty;margin:18px 0 22px;font-size:15.5px;line-height:1.6}.sol2 .tl-fmeta .swatches{width:fit-content;display:flex}.sol2 .tl-more{width:fit-content;font-family:var(--ui);color:var(--tan-deep);border-bottom:1px solid var(--hair);margin-top:26px;padding-bottom:2px;font-size:15px;font-weight:500;transition:border-color .25s,color .25s;display:block}.sol2 .tl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:72px 40px;margin:104px 0 0;padding:0;list-style:none;display:grid}.sol2 .tl-card{color:var(--ink);display:block}.sol2 .tl-card .tl-no{margin-top:24px}.sol2 .tl-card h3{font-family:var(--display);font-optical-sizing:auto;margin:8px 0 6px;font-size:27px;font-weight:460;line-height:1.1;transition:color .25s}.sol2 .tl-card .tl-concept{color:var(--ink2);text-wrap:pretty;font-size:16px;line-height:1.5}.sol2 .tl-card .swatches{margin-top:16px}@media (hover:hover){.sol2 .tl-card:hover .tl-plate img,.sol2 .tl-feature:hover .tl-plate img{transform:translateY(-3px)}.sol2 .tl-card:hover .tl-plate:before{opacity:.24}.sol2 .tl-card:hover h3{color:var(--tan-deep)}.sol2 .tl-feature:hover .tl-more{color:var(--ink);border-color:var(--tan)}}.sol2 .tl-card:focus-visible,.sol2 .tl-feature:focus-visible,.sol2 .td-scenes a:focus-visible{outline:2px solid var(--tan-deep);outline-offset:8px;border-radius:12px}@media (prefers-reduced-motion:reduce){.sol2 .tl-plate img,.sol2 .tl-plate:before{transition:none}.sol2 .tl-card:hover .tl-plate img,.sol2 .tl-feature:hover .tl-plate img{transform:none}}.sol2 .swatches{vertical-align:middle;border:1px solid #29211433;border-radius:3px;display:inline-flex;overflow:hidden}.sol2 .swatches i{width:24px;height:12px;display:block}.sol2 .swatches.lg i{width:44px;height:28px}.sol2 .tl-makegrid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:72px;display:grid}.sol2 .tl-make h2{margin:18px 0 28px;font-size:clamp(32px,3.4vw,48px)}.sol2 .tl-make .prose p,.sol2 .td-desc{text-wrap:pretty}.sol2 .tl-make .prose p{color:var(--ink2);margin-bottom:18px;font-size:17.5px;line-height:1.62}.sol2 .tl-make code,.sol2 .td-install code{font-family:var(--mono);background:var(--plaster2);border:1px solid var(--hair);border-radius:4px;padding:1px 5px;font-size:.84em}.sol2 .tl-tree{min-width:0;margin:0}.sol2 .tl-tree pre{background:var(--dark);color:var(--dtext);border:1px solid var(--dbord);font-family:var(--mono);border-radius:12px;margin:0;padding:30px 32px;font-size:13px;line-height:1.9;overflow-x:auto;box-shadow:0 24px 60px -24px #29211459,0 4px 14px -6px #29211433}.sol2 .tl-tree pre b{color:#e9dcc2;font-weight:500}.sol2 .tl-tree pre span{color:#9a9489}.sol2 .tl-tree figcaption,.sol2 .td-fig figcaption{font-family:var(--mono);color:var(--faint);letter-spacing:.04em;margin-top:22px;font-size:11.5px;line-height:1.6}.sol2 .tl-tree figcaption b,.sol2 .td-fig figcaption b{color:var(--tan-deep);font-weight:500}.sol2 .page-head.td-head{padding:148px 0 0}.sol2 .td-head .kicker a{color:var(--tan-deep);border-bottom:1px solid var(--hair)}.sol2 .td-head .kicker a:hover{color:var(--ink)}.sol2 .td-head h1{margin-bottom:18px}.sol2 .td-concept{max-width:30em;font-style:italic}.sol2 .td-scenes{padding:64px 0 110px}.sol2 .td-fig{margin:0}.sol2 .td-first{margin-bottom:72px}.sol2 .td-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.sol2 .td-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:80px;display:grid}.sol2 .td-desc{color:var(--ink);max-width:34em;margin-top:20px;font-size:21px;line-height:1.62}.sol2 .td-install{border-top:1px solid var(--hair);max-width:36em;margin-top:56px;padding-top:32px}.sol2 .td-install h2{margin-bottom:20px;font-size:30px;line-height:1.1}.sol2 .td-install ol{counter-reset:step;margin:0;padding:0;list-style:none}.sol2 .td-install li{counter-increment:step;color:var(--ink2);border-bottom:1px solid color-mix(in oklab, var(--hair) 60%, transparent);padding:12px 0 12px 44px;font-size:17px;line-height:1.55;position:relative}.sol2 .td-install li:before{content:counter(step, decimal-leading-zero);font-family:var(--mono);letter-spacing:.08em;color:var(--tan-deep);font-size:12px;position:absolute;top:15px;left:0}.sol2 .td-install strong{color:var(--ink);font-weight:600}.sol2 .td-install kbd{font-family:var(--mono);color:var(--ink);background:var(--plaster2);border:1px solid var(--hair);border-bottom-width:2px;border-radius:4px;margin:0 1px;padding:0 6px;font-size:12.5px}.sol2 .td-free{font-family:var(--ui);color:var(--muted);margin-top:20px;font-size:14.5px}.sol2 .td-free a{border-bottom:1px solid var(--hair)}.sol2 .td-spec{border-bottom:1px solid var(--hair);margin:0}.sol2 .td-spec>div{border-top:1px solid var(--hair);padding:20px 0 22px}.sol2 .td-spec dt{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tan-deep);font-size:11.5px}.sol2 .td-spec dd{margin:10px 0 0;font-size:18px;line-height:1.5}.sol2 .td-fonts,.sol2 .td-lic{margin:0;padding:0;list-style:none}.sol2 .td-fonts li{font-size:18px;line-height:1.55}.sol2 .td-hex{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);white-space:pre-wrap;text-transform:uppercase;margin-top:10px;font-size:11.5px;display:block}.sol2 .td-lic{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.sol2 .td-lic li{font-family:var(--ui);color:var(--ink2);border:1px solid var(--hair);border-radius:99px;padding:3px 11px;font-size:12.5px;font-weight:500}.sol2 .td-credits{color:var(--ink2);text-wrap:pretty;font-size:15px;line-height:1.6}.sol2 .td-pn{border-top:1px solid var(--hair);padding:40px 0 72px}.sol2 .td-pn .wrap{grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;display:grid}.sol2 .td-pn a{color:var(--ink)}.sol2 .td-next{text-align:right}.sol2 .td-pname{font-family:var(--display);font-optical-sizing:auto;margin-top:8px;font-size:30px;font-weight:460;line-height:1.1;transition:color .25s;display:block}.sol2 .td-pn a:hover .td-pname{color:var(--tan-deep)}.sol2 .td-all{font-family:var(--ui);border-bottom:1px solid var(--hair);margin-bottom:6px;padding-bottom:2px;font-size:15px}@media (max-width:1100px){.sol2 .tl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 28px}.sol2 .tl-feature{grid-template-columns:minmax(0,1fr);gap:36px}.sol2 .tl-fmeta{max-width:38em}.sol2 .td-grid{grid-template-columns:minmax(0,1fr);gap:56px}}@media (max-width:900px){.sol2 .page-head.tl-head,.sol2 .page-head.td-head{padding-top:112px}.sol2 .tl-head h1,.sol2 .td-head h1{font-size:clamp(38px,11vw,56px)}.sol2 .tl-facts{grid-template-columns:1fr;gap:22px;margin-top:44px}.sol2 .tl-lib{padding-top:84px}.sol2 .tl-libhead{grid-template-columns:minmax(0,1fr);margin-bottom:40px}.sol2 .tl-grid{margin-top:76px}.sol2 .tl-makegrid{grid-template-columns:minmax(0,1fr);gap:48px}.sol2 .tl-tree pre{padding:22px 20px;font-size:11.5px}.sol2 .tl-plate:before,.sol2 .tl-feature .tl-plate:before,.sol2 .td-first .tl-plate:before{inset:12px -6px -12px 10px}.sol2 .td-scenes{padding:44px 0 76px}.sol2 .td-first{margin-bottom:48px}.sol2 .td-pair{grid-template-columns:minmax(0,1fr);gap:48px}.sol2 .td-desc{font-size:19px}.sol2 .td-pn .wrap{grid-template-columns:1fr 1fr}.sol2 .td-all{grid-area:2/1/auto/-1;justify-self:center;margin-top:12px}.sol2 .td-pname{font-size:22px}}@media (max-width:640px){.sol2 .tl-grid{grid-template-columns:minmax(0,1fr);gap:56px}}
