.rail{z-index:40;background:var(--neutral-900);color:#fff;border-right:1px solid var(--neutral-800);flex-direction:column;width:296px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.canvas{background:var(--white);min-height:100vh;margin-left:296px;position:relative}.canvas>.cmd,.canvas>main{z-index:1;position:relative}.gridguides{z-index:0;pointer-events:none;border-left:1px solid #18161d0d;border-right:1px solid #18161d0d;grid-template-columns:repeat(12,1fr);display:grid;position:absolute;inset:0 64px}.gridguides i{border-right:1px solid #18161d0a}.gridguides i:last-child{border-right:none}.canvas:before,.canvas:after{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 7px,#18161d08 7px 8px);width:64px;position:absolute;top:0;bottom:0}.canvas:before{left:0}.canvas:after{right:0}.xrule{pointer-events:none;z-index:2;height:0;position:absolute;top:0;left:0;right:0}.x2{background:linear-gradient(var(--xc,#bdb9c7),var(--xc,#bdb9c7)) center/1px 9px no-repeat, linear-gradient(var(--xc,#bdb9c7),var(--xc,#bdb9c7)) center/9px 1px no-repeat;width:9px;height:9px;position:absolute;top:0;transform:translate(-50%,-50%)}.xc{z-index:3;pointer-events:none;background:linear-gradient(var(--xc,#aca7b9),var(--xc,#aca7b9)) center/1px 9px no-repeat, linear-gradient(var(--xc,#aca7b9),var(--xc,#aca7b9)) center/9px 1px no-repeat;width:9px;height:9px;position:absolute}.xc.tl{top:-5px;left:-5px}.xc.tr{top:-5px;right:-5px}.xc.bl{bottom:-5px;left:-5px}.xc.br{bottom:-5px;right:-5px}.rail__brand{border-bottom:1px solid var(--neutral-800);flex-shrink:0;align-items:center;gap:11px;padding:22px 24px;display:flex}.rail__brand img{width:auto;height:24px}.rail__brand b{letter-spacing:-.02em;font-size:19px;font-weight:500}.rail__brand .v{font:var(--text-label);color:var(--neutral-500);letter-spacing:.1em;margin-left:auto}.rail__nav{flex:1;padding:16px 0 24px;overflow-y:auto}.rail__section{margin-top:22px;padding:0 24px}.rail__section:first-child{margin-top:6px}.rail__section-label{font:var(--text-label);letter-spacing:.16em;text-transform:uppercase;color:var(--neutral-500);border-bottom:1px solid var(--neutral-800);justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 0 9px;display:flex}.rail__section-label .sx{color:var(--neutral-700)}.rail__link{color:var(--neutral-300);transition:color var(--dur) var(--ease-out);grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:9px 0;font-size:14.5px;font-weight:400;display:grid;position:relative}.rail__link .num{font:var(--text-label);color:var(--neutral-600);letter-spacing:.06em;transition:color var(--dur) var(--ease-out)}.rail__link:hover{color:#fff}.rail__link:hover .num{color:var(--red)}.rail__link.is-active{color:#fff}.rail__link.is-active .num{color:var(--red)}.rail__link.is-active:before{content:"";background:var(--red);width:3px;position:absolute;top:4px;bottom:4px;left:-24px}.rail__foot{border-top:1px solid var(--neutral-800);font:var(--text-label);letter-spacing:.06em;color:var(--neutral-500);flex-shrink:0;justify-content:space-between;padding:16px 24px;display:flex}.cmd{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);height:56px;font:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-500);background:#ffffffd1;align-items:center;gap:16px;padding:0 64px;display:flex;position:sticky;top:0}.cmd .crumb{color:var(--neutral-900);white-space:nowrap}.cmd .crumb .sl{color:var(--red)}.cmd .idx{color:var(--neutral-500);margin-left:auto}.cmd .idx b{color:var(--neutral-900);font-weight:500}.cmd .menu-btn{display:none}.cmd .progress{background:var(--red);width:0%;height:2px;position:absolute;bottom:-1px;left:0}.page{z-index:1;max-width:none;padding:0 64px 120px;position:relative}.bleed{max-width:none}.section{border-top:1px solid var(--hairline);padding:72px 0;position:relative}.section:first-of-type{border-top:none}.colspan-7{grid-column:span 7}.colspan-5{grid-column:span 5}.phead{padding:96px 0 64px;position:relative}.eyebrow{font:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--red);gap:8px;display:inline-flex}.eyebrow .sl{color:var(--red)}.eyebrow--muted{color:var(--neutral-500)}.ptitle{font:var(--text-display);letter-spacing:var(--tracking-tight);max-width:18ch;margin-top:22px}.lead{font:var(--text-lg);color:var(--fg2);max-width:64ch;margin-top:24px}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:500}.h1{font:var(--text-h1);letter-spacing:var(--tracking-tight)}.h2{font:var(--text-h2);letter-spacing:var(--tracking-tight)}.h3{font:var(--text-h3);letter-spacing:var(--tracking-tight)}.h4{font:var(--text-h4)}.h5{font:var(--text-h5)}.h6{font:var(--text-h6)}.body{font:var(--text-body);color:var(--fg2)}.body-lg{font:var(--text-body-lg);color:var(--fg2)}.body-sm{font:var(--text-body-sm);color:var(--fg2)}.mono{font-family:var(--font-mono)}.sectnum{font:var(--text-label);letter-spacing:.1em;color:var(--neutral-400)}.shead{border-bottom:1px solid var(--border-strong);align-items:baseline;gap:16px;margin-bottom:36px;padding-bottom:12px;display:flex}.shead .t{font:var(--text-h5);letter-spacing:-.01em}.shead .meta{font:var(--text-label);letter-spacing:.1em;color:var(--neutral-500);text-transform:uppercase;margin-left:auto}.shead .star{color:var(--red)}.grid{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);background:#fff;display:grid;position:relative}.grid>*{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:#fff}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.flowgrid{gap:24px;display:grid}.cell{padding:28px}.cell .n{font:var(--text-label);color:var(--red);letter-spacing:.08em}.card{border:1px solid var(--hairline);background:#fff;padding:28px;position:relative}.card--dark{background:var(--neutral-900);color:#fff;border-color:var(--neutral-800)}.swatch-row{display:flex}.note{font:var(--text-body-sm);color:var(--neutral-500)}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.cross{width:18px;height:18px;color:var(--neutral-300);pointer-events:none;position:absolute}.cross:before{content:"";background:currentColor;width:1px;height:18px;position:absolute;top:0;left:8px}.cross:after{content:"";background:currentColor;width:18px;height:1px;position:absolute;top:8px;left:0}.cross--tl{top:0;left:-9px}.cross--tr{top:0;right:-9px}.cross--bl{bottom:0;left:-9px}.cross--br{bottom:0;right:-9px}.dark-cross{color:#ffffff4d}.arrow{color:var(--red);font-family:var(--font-mono);transition:transform var(--dur) var(--ease-out);display:inline-block}.alink{border-bottom:1px solid var(--neutral-900);transition:color var(--dur) var(--ease-out);align-items:center;gap:10px;padding-bottom:3px;font-weight:500;display:inline-flex}.alink:hover{color:var(--red);border-color:var(--red)}.alink:hover .arrow{transform:translate(3px,-3px)}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--dur) var(--ease-out);border:1px solid #0000;align-items:center;gap:9px;padding:13px 22px;font-size:15px;font-weight:500;display:inline-flex}.btn--primary{background:var(--red);color:#fff}.btn--primary:hover{background:var(--red-700)}.btn--ghost{color:var(--fg1);border-color:var(--neutral-900);background:0 0}.btn--ghost:hover,.btn--dark{background:var(--neutral-900);color:#fff}.btn:active{transform:translateY(1px)}.tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--neutral-300);color:var(--neutral-600);align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;display:inline-flex}.tag--red{border-color:var(--red);color:var(--red)}.tag--solid{background:var(--neutral-900);color:#fff;border-color:var(--neutral-900)}.pager{border-top:1px solid var(--neutral-900);grid-template-columns:1fr 1fr;margin-top:24px;display:grid}.pager a{transition:background var(--dur) var(--ease-out);flex-direction:column;gap:8px;padding:32px 0;display:flex}.pager a:hover{background:var(--neutral-50)}.pager .next{text-align:right;border-left:1px solid var(--hairline);align-items:flex-end;padding-left:28px}.pager .prev{padding-right:28px}.pager .k{font:var(--text-label);letter-spacing:.1em;text-transform:uppercase;color:var(--neutral-500)}.pager .ttl{font:var(--text-h5);letter-spacing:-.01em}.pager a:hover .ttl{color:var(--red)}.scrim{z-index:35;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-out);background:#18161d80;position:fixed;inset:0}.scrim.show{opacity:1;pointer-events:auto}.js .reveal{opacity:0;transform:translateY(24px)}.js .reveal.in{opacity:1;transition:opacity var(--dur-reveal) var(--ease-apex), transform var(--dur-reveal) var(--ease-apex);transition-delay:var(--d,0s);transform:none}.js .reveal-l{opacity:0;transform:translate(-28px)}.js .reveal-l.in{opacity:1;transition:opacity var(--dur-reveal) var(--ease-apex), transform var(--dur-reveal) var(--ease-apex);transition-delay:var(--d,0s);transform:none}.js .reveal-line{transform-origin:0;transform:scaleX(0)}.js .reveal-line.in{transition:transform var(--dur-slow) var(--ease-out);transition-delay:var(--d,0s);transform:scaleX(1)}.js .reveal-clip{clip-path:inset(0 100% 0 0)}.js .reveal-clip.in{clip-path:inset(0);transition:clip-path .9s var(--ease-apex);transition-delay:var(--d,0s)}.js .reveal-up{opacity:0;transform:translateY(110%)}.js .reveal-up.in{opacity:1;transition:opacity .7s var(--ease-apex), transform .8s var(--ease-apex);transition-delay:var(--d,0s);transform:none}.linewrap{display:block;overflow:hidden}@media (prefers-reduced-motion:reduce){.js .reveal,.js .reveal-l,.js .reveal-up{opacity:1!important;transform:none!important}.js .reveal-line{transform:none!important}.js .reveal-clip{clip-path:none!important}}.count{font-variant-numeric:tabular-nums}@media (max-width:1024px){.rail{transition:transform var(--dur-slow) var(--ease-out);box-shadow:var(--shadow-lg);transform:translate(-100%)}.rail.open{transform:none}.canvas{margin-left:0}.cmd .menu-btn{border:1px solid var(--neutral-300);cursor:pointer;min-height:44px;font:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-900);background:0 0;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}}@media (max-width:1024px) and (min-width:721px){.cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}.page,.cmd{padding-left:40px;padding-right:40px}.gridguides{left:40px;right:40px}.canvas:before,.canvas:after{width:40px}}@media (max-width:720px){.page,.cmd{padding-left:22px;padding-right:22px}.gridguides{grid-template-columns:repeat(4,1fr);left:22px;right:22px}.canvas:before,.canvas:after{width:22px}.ptitle{font:var(--text-h1);letter-spacing:var(--tracking-tight)}.cols-2,.cols-3,.cols-4,.pager{grid-template-columns:1fr}.pager .next{border-left:none;border-top:1px solid var(--hairline);text-align:left;align-items:flex-start;padding-left:0}.pager a{padding:24px 0}}