.pdoor{text-decoration:none;display:block}.pdoor__media{aspect-ratio:4/3;transition:clip-path var(--dur-scene) var(--ease-brand) calc(var(--i,0) * .18s);background:#2a2b2e;position:relative;overflow:clip}.reveal:not(.is-visible) .pdoor__media{clip-path:inset(0 48%)}.pdoor__seam{background:var(--color-accent);opacity:0;pointer-events:none;width:2px;transition:opacity var(--dur-scene) var(--ease-brand) calc(var(--i,0) * .18s);margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.reveal:not(.is-visible) .pdoor__seam{opacity:1}.pdoor__img{transition:transform var(--dur-medium) var(--ease-brand)}@media (hover:hover){.pdoor:hover .pdoor__img{transform:scale(1.03)}}.pdoor:focus-visible .pdoor__img{transform:scale(1.03)}.pdoor__mark{isolation:isolate;padding-inline:.25rem;display:inline-block;position:relative}.pdoor__mark:before{content:"";z-index:-1;background:var(--color-accent);transform-origin:0;transition:transform var(--dur-medium) var(--ease-brand);position:absolute;inset:0;transform:scaleX(0)}@media (hover:hover){.pdoor:hover .pdoor__mark:before{transform:scaleX(1)}}.pdoor:focus-visible .pdoor__mark:before{transform:scaleX(1)}.pdoor__arrow{transition:translate var(--dur-small) var(--ease-brand);display:inline-block;translate:0}@media (hover:hover){.pdoor:hover .pdoor__arrow{translate:4px}}.psheet{position:relative}.psheet__cloth{pointer-events:none;width:100vw;height:300px;position:absolute;top:-150px;left:0}.pchip{border-radius:var(--radius-pill);min-height:36px;color:var(--color-ground);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;--pill-sweep:var(--color-accent);transition:color var(--dur-small) var(--ease-brand), border-color var(--dur-small) var(--ease-brand), background-color var(--dur-small) var(--ease-brand);background:0 0;border:1px solid #ffffff47;align-items:center;padding-inline:1rem;font-size:11px;display:inline-flex}@media (hover:hover){.pchip:hover{color:var(--color-ink);border-color:var(--color-accent)}}.pchip:focus-visible{outline:2px solid var(--color-ground);outline-offset:2px;color:var(--color-ink);border-color:var(--color-accent)}.pchip[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-ink)}.pchip__group{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-size:11px}.psheet__count{align-items:center;gap:var(--space-4);display:flex}.psheet__rule{flex:auto;min-width:40px;height:2px}.psheet__rule path{fill:none;stroke:#ffffff47;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset var(--dur-scene) var(--ease-brand) .25s}.reveal:not(.is-visible) .psheet__rule path{stroke-dashoffset:1px}.pcell{transition:translate var(--dur-small) var(--ease-brand), opacity var(--dur-medium) var(--ease-brand);position:relative}@media (hover:hover){.reveal.is-visible [data-stagger]>.pcell:hover{z-index:2;translate:0 -4px}}.reveal.is-visible [data-stagger]>.pcell:has(.ptile:focus-visible){z-index:2;translate:0 -4px}.reveal.is-visible [data-stagger]>.pcell[data-dim=true],.pcell[data-dim=true]{opacity:.25}.reveal.is-visible .pcell[data-dim=true] .develop>img{filter:brightness(.3)contrast(.85)saturate(.5);transition:filter var(--dur-medium) var(--ease-brand)}.ptile{height:100%;color:var(--color-ground);padding:20px;text-decoration:none;display:block;position:relative}@media (min-width:768px){.ptile{padding:24px}}.ptile:focus-visible{outline:2px solid var(--color-ground);outline-offset:-4px}.ptile__light{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(240px 240px at var(--lx,50%) var(--ly,35%), #ffab8059, #ffab8000 70%);transition:opacity var(--dur-medium) var(--ease-brand);position:absolute;inset:0}@media (hover:hover){.ptile:hover .ptile__light{opacity:1}}.ptile:focus-visible .ptile__light{opacity:1}.ptile>:not(.ptile__light){z-index:2;position:relative}.ptile__media{aspect-ratio:3/2;background:#2a2b2e;overflow:clip}.ptile__media--empty{background:0 0;border:1px solid #fff3}.ptile__empty{color:#ffffff80;place-items:center;display:grid;position:absolute;inset:0}.ptile__shade{background:var(--color-ink);opacity:0;transition:opacity var(--dur-medium) var(--ease-brand);position:absolute;inset:0}@media (hover:hover){.ptile:hover .ptile__shade{opacity:.25}}.ptile:focus-visible .ptile__shade{opacity:.25}.pnum{color:#ffffff9e;opacity:.28;transition:color var(--dur-small) var(--ease-brand)}@supports (animation-timeline:view()){.pnum{animation:linear both pnum-expose;animation-timeline:view(45% 10%);animation-range:cover cover 50%}}@supports not (animation-timeline:view()){.pnum{opacity:1}}@keyframes pnum-expose{0%{opacity:.28}to{opacity:1}}@media (hover:hover){.ptile:hover .pnum{color:var(--color-accent)}}.ptile:focus-visible .pnum{color:var(--color-accent)}.ptile__arrow{opacity:0;transition:opacity var(--dur-small) var(--ease-brand), translate var(--dur-small) var(--ease-brand);translate:-6px}@media (hover:hover){.ptile:hover .ptile__arrow{opacity:1;translate:none}}.ptile:focus-visible .ptile__arrow{opacity:1;translate:none}.ptile__title{transition:color var(--dur-small) var(--ease-brand)}@media (hover:hover){.ptile:hover .ptile__title{color:var(--color-accent)}}.ptile:focus-visible .ptile__title{color:var(--color-accent)}@media (prefers-reduced-motion:reduce){.reveal:not(.is-visible) .pdoor__media{clip-path:none}.reveal:not(.is-visible) .pdoor__seam{opacity:0}.reveal:not(.is-visible) .psheet__rule path{stroke-dashoffset:0}.pdoor__media,.pdoor__seam,.pdoor__img,.pdoor__mark:before,.pdoor__arrow,.pchip,.pcell,.ptile__light,.ptile__shade,.ptile__arrow,.ptile__title,.pnum,.psheet__rule path{transition:none!important}.reveal.is-visible [data-stagger]>.pcell:hover{translate:none}.pnum{opacity:1;animation:none}.ptile__arrow{opacity:1;translate:none}}