@font-face{font-family:Strawn;src:url(/fonts/Strawn-Variable.woff2) format("woff2");font-style:normal;font-weight:100 700;font-display:swap}:root{color:#29323b;background:#f8f7f2;font-family:Georgia,Times New Roman,serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f8f7f2;--ink: #29323b;--muted: #716f69;--rule: #d2cec5;--blue: #78a9ff;--yellow: #ffe58a;--night: #111821;--grid: rgba(58, 68, 78, .065);--font-strawn: "Strawn", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),linear-gradient(rgba(58,68,78,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(58,68,78,.025) 1px,transparent 1px);background-size:16px 16px,16px 16px,4px 4px,4px 4px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img,video{display:block;max-width:100%}:focus-visible{outline:2px solid #4c84df;outline-offset:4px}.skip-link{position:fixed;left:12px;top:-60px;z-index:20;background:#fff;padding:10px 14px;font-family:ui-monospace,monospace}.skip-link:focus{top:12px}.masthead{position:sticky;z-index:10;top:18px;width:calc(100% - 64px);max-width:1728px;height:72px;margin:18px auto 0;padding:0 24px;border:1px solid var(--rule);background:#f8f7f2e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:inline-flex;width:40px;height:40px;overflow:hidden}.brand img,footer img{width:100%;height:100%;object-fit:cover}nav{grid-column:2;display:flex;align-items:stretch;gap:25px;height:100%}nav a{position:relative;display:grid;place-items:center;text-decoration:none;color:#59636c;font:650 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}nav a:after{content:"";position:absolute;left:0;right:0;bottom:21px;height:1px;background:transparent}nav a.active:after,nav a:hover:after{background:var(--blue)}.github-link{grid-column:3;justify-self:end;color:#59636c;font:650 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.github-link:hover{color:#3e6faf}.hero{width:min(1260px,calc(100% - 64px));margin:0 auto;padding:64px 0 112px;text-align:center;scroll-margin-top:105px}.hero-copy{display:flex;flex-direction:column;align-items:center;font-family:var(--font-strawn)}.hero-copy .eyebrow{font-family:var(--font-strawn);font-size:12px;font-weight:500;font-variation-settings:"wght" 500;letter-spacing:.1em}.hero-mark{width:112px;height:112px;margin-bottom:26px;object-fit:cover}.eyebrow{margin:0 0 20px;color:#65717c;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}.hero-copy h1{max-width:1120px;margin:0;color:var(--ink);font-size:clamp(40px,4.2vw,67px);font-weight:500;font-style:normal;font-variation-settings:"wght" 500;line-height:1.04;letter-spacing:.01em}.hero-copy h1 em{color:#5f95ee;font-weight:500;font-style:normal;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:.12em;text-underline-offset:.08em}.hero-copy .lede{max-width:640px;margin:30px 0 48px;font-size:clamp(18px,1.5vw,24px);font-weight:300;font-variation-settings:"wght" 300;line-height:1.45;letter-spacing:.015em}.showreel{margin:0 auto 48px}.film-frame{position:relative;overflow:hidden;border:1px solid #2b333c;background:var(--night);box-shadow:0 24px 70px #141c242b}.film-frame video{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--night)}.playing{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:8px;padding:9px 11px;color:#fff;background:#111821b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:650 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase}.playing i{width:7px;height:7px;border-radius:50%;background:var(--yellow)}.showreel figcaption{display:grid;grid-template-columns:repeat(3,1fr);border:solid var(--rule);border-width:0 1px 1px;background:#f8f7f2f0}.showreel figcaption span{padding:14px 17px;border-right:1px solid var(--rule);color:#616970;text-align:left;font:650 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase}.showreel figcaption span:last-child{border-right:0;text-align:right}.installer{width:min(828px,100%);margin:0 auto;border:1px solid var(--rule);background:#faf9f6;text-align:left}.tabs{height:43px;display:flex;border-bottom:1px solid var(--rule)}.tabs button{min-width:130px;padding:0 22px;border:0;border-right:1px solid var(--rule);background:transparent;color:#7b7974;cursor:pointer;font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.tabs button[aria-selected=true]{position:relative;color:#344252;background:#78a9ff1f}.tabs button[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue)}.command-panel{min-height:100px;padding:27px;display:flex;align-items:center;justify-content:space-between;gap:24px}.command-panel[hidden]{display:none}.command-panel code,.first-command code,.onboarding code,.onboarding-note code{color:#344252;font:500 14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.command-panel code span{color:#8c8985;margin-right:10px}.copy{flex:0 0 auto;padding:13px 17px;border:1px solid var(--rule);background:transparent;color:#4d5b69;cursor:pointer;font:650 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.copy:hover{background:#fff;border-color:#a8a39d}.first-command{margin:18px 0 0;color:var(--muted);font-size:14px}.release-note{max-width:700px;margin:18px auto 0;color:var(--muted);font-size:14px;line-height:1.6}.release-note a{color:inherit;text-underline-offset:3px}.wallpaper-story{--slide-width: 100%;padding:clamp(30px,5.5vh,58px) max(24px,calc((100vw - 1440px)/2)) 42px;color:#f7f6f1;background:var(--night)}.story-heading,.carousel-shell,.carousel-help{width:min(1180px,100%,calc((100svh - 190px) * 16 / 9));margin-inline:auto}.story-heading{display:flex;justify-content:space-between;gap:32px;align-items:baseline;margin-bottom:24px}.story-heading .eyebrow{color:var(--yellow)}.gallery-count{margin:0;color:#7f8b96;font:500 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.gallery-count span{color:#fff;font-size:22px}h2{max-width:760px;margin:0 0 45px;color:var(--ink);font-size:clamp(36px,4.4vw,68px);font-weight:400;line-height:1;letter-spacing:-.047em}.carousel-shell{position:relative;container-type:inline-size}.carousel-controls{pointer-events:none;position:absolute;inset:0}.carousel-controls button{pointer-events:auto;position:absolute;top:28.125cqw;z-index:2;width:44px;height:44px;border:1px solid rgba(255,255,255,.42);background:#101922c7;color:#fff;cursor:pointer;font-size:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-50%)}.carousel-controls button:hover{border-color:var(--yellow);color:var(--yellow);background:#101922f0}.carousel-controls button:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.carousel-previous{left:calc(50% - var(--slide-width) / 2 + 10px)}.carousel-next{right:calc(50% - var(--slide-width) / 2 + 10px)}.carousel{overflow:hidden;outline-offset:8px}.carousel-track{display:flex;gap:22px;overflow-x:auto;padding-inline:calc((100% - var(--slide-width)) / 2);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.carousel-track::-webkit-scrollbar{display:none}.wallpaper-slide{flex:0 0 var(--slide-width);margin:0;scroll-snap-align:center}.wallpaper-slide img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:#1a222b}.wallpaper-slide figcaption{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;padding:16px 2px 2px;color:#c2c9cf}.wallpaper-slide figcaption span{color:var(--blue);font:650 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.wallpaper-slide figcaption p{max-width:620px;margin:0;font-size:17px}.carousel-help{margin-top:18px;color:#78838d;font:600 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.content-section{width:min(1080px,calc(100% - 64px));margin:0 auto;padding:130px 0;border-top:1px solid var(--rule);scroll-margin-top:110px}.docs-intro{max-width:660px;margin:-24px 0 36px;color:#656c72;font-size:18px;line-height:1.5}.docs-install{margin-bottom:46px;border:1px solid var(--rule);background:#ffffff85}.docs-install div{display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--rule)}.docs-install div:last-child{border-bottom:0}.docs-install span{color:#69747d;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase}.docs-install code{color:#344252;overflow-wrap:anywhere;font:500 13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.onboarding{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}.onboarding li{display:grid;grid-template-columns:54px minmax(260px,1fr) minmax(280px,.8fr);gap:28px;align-items:center;padding:27px 0;border-bottom:1px solid var(--rule)}.step-number{color:#5f95ee;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.onboarding h3{margin:0 0 6px;font-size:20px;font-weight:400}.onboarding p{margin:0;color:#666b70;font-size:16px;line-height:1.45}.onboarding code{justify-self:end;padding:11px 13px;border:1px solid var(--rule);background:#ffffff80;text-align:right}.onboarding-note{margin:26px 0 0 82px;max-width:760px;color:#696d70;font-size:15px;line-height:1.55}.docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:74px}.docs-grid article{padding:28px;border:1px solid var(--rule);background:#ffffff6b}.docs-grid article>h3{min-height:84px;margin:0 0 24px;font-size:21px;font-weight:400;line-height:1.35}.docs-grid article>h3 code{font:500 .82em/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.link-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}.link-list li{border-bottom:1px solid var(--rule)}.link-list a{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:15px 0;text-decoration:none}.link-list a:hover{color:#386fc7}.link-list span{color:#777f85;font:650 9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase}.quickstarts{margin:20px 0 0;color:#71777d;font-size:13px;line-height:1.6}.quickstarts a{color:#3e6faf}.command-list{margin:0;border-top:1px solid var(--rule)}.command-list div{display:grid;grid-template-columns:145px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--rule)}.command-list dt,.command-list dd{margin:0}.command-list code{color:#3e6faf;font:600 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.command-list dd{color:#676d72;font-size:14px;line-height:1.45}.model-list{border:1px solid var(--rule);background:#f8f7f2bf}.model-list a{display:grid;grid-template-columns:180px 1fr auto;gap:30px;padding:24px;border-bottom:1px solid var(--rule);text-decoration:none}.model-list a:last-child{border-bottom:0}.model-list a:hover{background:#78a9ff14}.model-list span{color:#717b84;font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase}.model-list strong{font-weight:400;font-size:20px}.model-list i{color:#727b83;font: 600 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}footer{width:min(1080px,calc(100% - 64px));margin:0 auto;padding:35px 0 55px;border-top:1px solid var(--rule);display:flex;align-items:center;gap:12px;color:#73716d;font:650 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}footer img{width:30px;height:30px}@media(max-width:800px){.masthead,.hero,.content-section,footer{width:calc(100% - 28px)}.masthead{padding:0 17px;grid-template-columns:auto 1fr auto}nav{grid-column:2;justify-self:end;gap:15px}nav a{font-size:10px}.github-link{grid-column:3;margin-left:18px;font-size:10px}.hero{padding-top:50px}.onboarding li{grid-template-columns:46px 1fr}.onboarding code{grid-column:2;justify-self:start;text-align:left}.onboarding-note{margin-left:74px}}@media(max-width:560px){.masthead{height:64px;top:10px;margin-top:10px}nav a:nth-child(3){display:none}.github-link{margin-left:12px}.hero{padding:48px 0 82px}.hero-mark{width:84px;height:84px;margin-bottom:20px}.hero-copy h1 br{display:none}.hero-copy .lede{margin:24px 4px 34px}.showreel{margin-bottom:34px}.playing{top:10px;right:10px}.showreel figcaption{grid-template-columns:1fr 1fr}.showreel figcaption span:nth-child(2){display:none}.tabs button{min-width:33.333%;padding-inline:8px}.command-panel{min-height:132px;padding:20px;align-items:stretch;flex-direction:column}.command-panel code{overflow-wrap:anywhere}.copy{align-self:flex-end}.first-command{display:none}.wallpaper-story{padding:52px 18px 44px}.story-heading,.carousel-shell,.carousel-help{width:min(100%,calc((100svh - 180px) * 16 / 9))}.story-heading{margin-bottom:20px}.wallpaper-slide figcaption{grid-template-columns:1fr;gap:6px}.content-section{padding:90px 0}.docs-install div{grid-template-columns:1fr;gap:7px}.docs-grid{grid-template-columns:1fr;margin-top:54px}.docs-grid article>h3{min-height:0}.model-list a{grid-template-columns:1fr;gap:8px}.onboarding li{grid-template-columns:38px 1fr;gap:14px;padding:23px 0}.onboarding code{grid-column:1 / -1;margin-left:52px;max-width:calc(100% - 52px);overflow-wrap:anywhere}.onboarding-note{margin-left:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
