.subpage{--step:calc(var(--grid-col) + var(--grid-gutter));--sidebar-cols:3;--content-start:4;--content-cols:7;min-height:100dvh;position:relative}@media (min-width:984px) and (max-width:1247px){.subpage{--sidebar-cols:4;--content-start:5;--content-cols:6}}.subpage-main{padding-left:calc(var(--content-start) * var(--step))}.home-back{align-items:center;gap:var(--space-6);width:fit-content;display:flex}.home-back svg{fill:none;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;flex-shrink:0;width:12px;height:9px;transition:translate .2s;overflow:visible;translate:0 -.5px}.home-back:hover svg,.home-back:focus-visible svg{translate:-2px -.5px}@media (max-width:743px){.home-back svg{width:11px}}.project-details{gap:var(--space-24);flex-direction:column;font-size:12px;line-height:18px;display:flex}.project-details dt{color:var(--muted)}.project-details dd{margin:0}.subpage-title{font-size:12px;line-height:18px;display:none}.subpage-title span{color:var(--muted)}@media (max-width:983px){.subpage .home-intro{grid-template-columns:1fr auto 1fr;align-items:center;width:auto;display:grid}.subpage .home-sidebar .project-details{display:none}.subpage-title{display:block}}@media (max-width:743px){.subpage-title{font-size:11px}}.subpage-details{display:none}@media (max-width:983px){.subpage-details{--inset:var(--space-16);padding:var(--space-24) var(--inset) 0;display:block}.subpage-details .project-details{display:block}.subpage-details .project-details>div{grid-template-columns:calc(2 * (var(--grid-col) + var(--grid-gutter)) - var(--inset)) 1fr;padding:var(--space-8) 0;display:grid}.subpage-details .project-details>div+div{border-top:var(--hairline) solid var(--line)}}@media (max-width:743px){.subpage-details{--inset:12px}.subpage-details .project-details{font-size:11px}}@media (max-width:463px){.subpage-details{--inset:var(--space-8)}.subpage-details .project-details>div{grid-template-columns:calc(50vw - 16px) 1fr}}.subpage-hero{width:calc(var(--grid-cols) * var(--grid-col) + (var(--grid-cols) - 1) * var(--grid-gutter) - var(--sidebar-cols) * var(--step));margin-left:calc((var(--sidebar-cols) - var(--content-start)) * var(--step))}.subpage-hero .al-hero{border-radius:0}@media (max-width:983px){.subpage-hero{width:100%;margin-left:0}}html:has(.subpage){scroll-behavior:smooth}.subpage-section:empty{min-height:100dvh}.subpage-grid{grid-template-columns:repeat(var(--content-cols), var(--grid-col));column-gap:var(--grid-gutter);padding-top:160px;display:grid}.subpage-label{margin-bottom:var(--space-8);color:var(--muted);grid-column:1/-1;font-size:12px;line-height:18px}.subpage-lede{grid-area:2/1/auto/span 3;font-size:14px;font-weight:500;line-height:20px}.subpage-body{grid-row:2;grid-column:calc(9 - var(--content-start)) / span 3;font-size:12px;line-height:18px}.subpage-shipped{grid-area:1/1/auto/-1}.subpage-body>p+p{margin-top:18px}.subpage-results{grid-area:3/1/auto/-1;margin-top:160px}.subpage-revisited{gap:var(--space-24);flex-direction:column;display:flex}.subpage-more{padding-bottom:160px}.subpage-more .subpage-lede{grid-row:1}.subpage-more-card{margin-top:var(--space-24);--card-w:100%;--card-ratio:680 / 420;--reel-zoom-cols:5;--reel-zoom-max:3;--reel-raster:3;--reel-center:1;grid-area:2/1/auto/-1}@media (max-width:1247px){.subpage-more-card{--reel-zoom-cols:4}}@media (max-width:983px){.subpage-more-card{--reel-zoom-cols:5;--reel-zoom-max:2;--reel-raster:2}}@media (max-width:743px){.subpage-more-card{--reel-zoom-cols:4;--reel-zoom-max:3;--reel-raster:3}}@media (max-width:463px){.subpage-more-card{--reel-zoom-cols:initial;--reel-zoom-inset:16}}.subpage-more-card>a{display:block}.subpage-more-card .project-card{transition:scale .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1)}@media (hover:hover) and (min-width:744px){.subpage-more-card .project-card:hover{scale:1.02;box-shadow:0 10px 24px -16px #00000026}}@media (min-width:984px) and (max-width:1247px){.subpage{--frame-h:calc(150px * 1999 / 946 + 2 * var(--phone-inset) + 2 * var(--hairline))}}@media (max-width:983px){.subpage-grid{container-type:inline-size}.subpage{--frame-h:calc((100cqw - 2 * var(--grid-gutter)) / 3 * 1999 / 946 + 2 * var(--phone-inset) + 2 * var(--hairline))}}@media (max-width:1247px){.subpage :is(.flow:not(.rv-card),.dk-frame,.dr-frame,.ds-frame,.dp-sizes,.cp-slide,.subpage-more-card .project-card){aspect-ratio:auto;height:var(--frame-h)}}.subpage-more-caption{grid-template-columns:calc(2 * var(--grid-col) + var(--grid-gutter)) 1fr;margin-top:var(--space-16);font-size:12px;line-height:18px;display:grid}.subpage-more-caption span,.subpage-more-summary{color:var(--muted)}.subpage-figure{grid-area:3/1/auto/-1;margin-top:160px}.subpage-grid.is-next{padding-top:160px}.subpage-pair{grid-area:3/1/auto/-1;grid-template-columns:subgrid;margin-top:160px;display:grid}.subpage-pair-cell.is-today{grid-column:1/span 3}.subpage-pair-cell.is-proposed{grid-column:calc(9 - var(--content-start)) / span 3}.subpage-pair-cell{grid-row:1}.subpage-pair-cell .subpage-label{margin-bottom:var(--space-16)}.subpage-pair .flow{background:0 0;border:none;border-radius:0}.subpage-pair-line{grid-row:1;grid-column:calc(8 - var(--content-start));border-left:var(--hairline) solid var(--line);justify-self:center}.is-exploration .pp{grid-row:1;margin-top:0}.is-exploration>.subpage-lede,.is-exploration>.subpage-body{margin-top:160px}@media (min-width:984px) and (max-width:1247px){.subpage-lede,.subpage-body{grid-column:1/-1}.subpage-body,.is-exploration>.subpage-body{margin-top:var(--space-8);grid-row:3}.subpage-body>p+p{margin-top:var(--space-8)}.subpage-results,.subpage-figure,.subpage-pair{grid-row:4}.subpage-pair-line{margin-right:calc(var(--grid-gutter) / -2);grid-column:3;justify-self:end}}@media (max-width:983px){.subpage-grid{padding-top:var(--space-160);display:block}.subpage-grid.is-next{padding-top:var(--space-160)}.subpage-body,.is-exploration>.subpage-body,.subpage-body>p+p{margin-top:var(--space-8)}.subpage-results{margin-top:var(--space-160)}.subpage-pair{display:block}.subpage-pair-line{display:none}.subpage-pair-cell.is-proposed{margin-top:var(--space-24)}.subpage-section,.subpage-more{padding-inline:var(--space-16)}.subpage-pair{grid-template-columns:1fr var(--grid-col) 1fr;column-gap:var(--grid-gutter);display:grid}.subpage-pair-cell.is-today{grid-column:1}.subpage-pair-cell.is-proposed{grid-column:3;margin-top:0}.subpage-pair-line{grid-column:2;display:block}}@media (max-width:743px){.subpage{--space-24:16px}.subpage .al-screen{--space-24:24px}.subpage-section,.subpage-more{padding-inline:12px}.subpage-body,.subpage :is(.subpage-label,.pp-body,.pp-body>p,.sp-now-caption,.sp-chapters button,.sp-chapters .sp-num,.subpage-more-caption,.rs-label){font-size:11px}.subpage-grid,.subpage-grid.is-next{padding-top:var(--space-120)}.subpage-results,.subpage-figure,.subpage-pair,.is-exploration>.subpage-lede{margin-top:var(--space-120)}.subpage-more{padding-bottom:var(--space-120)}.subpage-pair{column-gap:calc(var(--grid-gutter) / 2);grid-template-columns:1fr 0 1fr}.subpage :is(.subpage-lede,.pp-head,.rd-name,.sp-now-title,.rs-figure){font-size:13px}}@media (max-width:463px){.subpage-section,.subpage-more{padding-inline:var(--space-8)}}.subpage-ticks{z-index:3;pointer-events:none;position:fixed;inset:0}@media (max-width:983px){.subpage-ticks{display:none}.subpage{flex-direction:column;display:flex}.subpage-main{padding-left:0}.subpage .home-frame{z-index:20;position:sticky;top:0}.subpage .home-lines{z-index:21}.subpage{--header-h:66px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:743px){.subpage{--header-h:50px}}@media (max-width:463px){.subpage{--header-h:34px}}