.walkthrough{gap:2.5rem;display:grid}.walkthrough-chapters{counter-reset:none;gap:clamp(3.25rem,8vh,5rem);margin:0;padding:0;list-style:none;display:grid}.walkthrough-chapter{align-items:start;gap:1rem;padding-block:.35rem;display:grid}@media (width>=768px){.walkthrough-chapter{grid-template-columns:3.25rem minmax(0,1fr);gap:1.5rem 1.75rem}}.walkthrough-chapter-index{font-size:var(--font-size-meta);letter-spacing:.08em;color:color-mix(in srgb, var(--color-muted) 85%, var(--color-border));font-variant-numeric:tabular-nums;transform-origin:0;transition:color .32s var(--ease-out-soft), text-shadow .32s var(--ease-out-soft);margin:0}.walkthrough-chapter.is-active .walkthrough-chapter-index,.walkthrough-chapter.is-done .walkthrough-chapter-index{color:color-mix(in srgb, var(--color-accent) 78%, var(--color-muted))}.walkthrough-chapter.is-active .walkthrough-chapter-index{text-shadow:0 0 18px #f0a05a59}.walkthrough-chapter-body{gap:1.15rem;min-width:0;display:grid}.walkthrough-chapter-lead{max-width:40rem;font-size:var(--font-size-body-lg);letter-spacing:-.015em;color:var(--color-fg);margin:0;line-height:1.45}.walkthrough-still{border-radius:var(--radius);isolation:isolate;position:relative}.walkthrough-still:before{content:"";pointer-events:none;z-index:0;opacity:.35;height:55%;transition:opacity .42s var(--ease-out-soft);background:radial-gradient(55% 70% at 40% 20%,#f0a05a1a,#0000 70%);position:absolute;inset:-8% -4% auto}.walkthrough-chapter.is-active .walkthrough-still:before{opacity:1}.walkthrough-still .still{z-index:1;position:relative}.walkthrough-devices{overscroll-behavior-x:contain;scroll-snap-type:x proximity;align-items:flex-end;gap:1.25rem;margin:0;padding-bottom:.25rem;list-style:none;display:flex;overflow-x:auto}.walkthrough-device{scroll-snap-align:start;flex:0 0 min(18rem,72vw)}.walkthrough-device .still--device{max-width:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.walkthrough-device.construct--print{animation-delay:calc(var(--device-i,0) * 60ms)}}.walkthrough-still .still-mat,.walkthrough-device .still-mat{transition:transform .28s var(--ease-out-soft), box-shadow .28s var(--ease-out-soft)}.walkthrough-chapter.is-active .walkthrough-still .still-mat,.walkthrough-still:hover .still-mat,.walkthrough-device:hover .still-mat,.walkthrough-device.is-active .still-mat{box-shadow:var(--shadow-lamp)}}@media (prefers-reduced-motion:reduce){.walkthrough-still:before{opacity:.55;transition:none}.walkthrough-chapter-index{color:color-mix(in srgb, var(--color-accent) 72%, var(--color-muted));text-shadow:none}}.case-glance-grid{border-top:1px solid var(--color-border);gap:.85rem 1.5rem;margin:0;padding:1rem 0 0;display:grid}@media (width>=640px){.case-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.case-glance-item{gap:.2rem;display:grid}.case-glance-item dt{font-size:var(--font-size-meta);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.case-glance-item dd{font-size:var(--font-size-body);letter-spacing:-.01em;margin:0;line-height:1.4}.case-glance-item--link dd{font-size:var(--font-size-body)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.case-glance-item.construct--seat{animation-delay:calc(var(--glance-i,0) * 45ms)}}}.case-cover{isolation:isolate;position:relative;overflow:clip}.case-cover-glow{pointer-events:none;will-change:transform;opacity:.65;--lamp-wake-from:.2;--lamp-wake-to:1;--lamp-wake-range:entry 0% cover 40%;background:radial-gradient(55% 55% at 48% 45%,#f0a05a29,#0000 70%);height:75%;position:absolute;inset:-20% 8% auto}.case-cover-print{position:relative}.case-cover-print .still-mat{transition:box-shadow .42s var(--ease-out-soft)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.case-cover-print .still-mat{animation:linear both cover-print-settle view();animation-range:entry 5% cover 42%}}}@keyframes cover-print-settle{0%{filter:brightness(.78);box-shadow:none}to{filter:none;box-shadow:var(--shadow-lamp)}}.case-depth{flex-wrap:wrap;align-items:baseline;gap:.55rem 1rem;display:flex}.case-depth-label{font-size:var(--font-size-meta);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.case-depth-list{flex-wrap:wrap;gap:.45rem 1rem;margin:0;padding:0;list-style:none;display:flex}.case-depth-link{font-size:var(--font-size-meta);color:color-mix(in srgb, var(--color-accent) 88%, var(--color-fg));border-bottom:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);transition:color .22s var(--ease-out-soft), border-bottom-color .22s var(--ease-out-soft);padding-bottom:.1rem;text-decoration:none}.case-depth-link:hover,.case-depth-link:focus-visible{color:var(--color-accent);border-bottom-color:var(--color-accent)}.case-section:first-child{border-top-color:#0000;padding-top:0}.case-section .section-title{transition:color .28s var(--ease-out-soft);position:relative}.case-section.is-active .section-title{color:var(--color-fg)}.case-section.is-active .section-title:before{content:"";background:var(--color-accent);width:.55rem;height:1px;position:absolute;top:.65em;left:-1.1rem;box-shadow:0 0 10px #f0a05a66}.case-section.is-active .section-title:after{content:"";background:var(--color-accent);transform-origin:0;width:1.75rem;height:1px;margin-top:.65rem;display:block;box-shadow:0 0 12px #f0a05a66}@media (width<=639px){.case-section.is-active .section-title:before{display:none}}@media (prefers-reduced-motion:no-preference){.case-section.is-active .section-title:after{animation:construct-draw .42s var(--ease-out-soft) both}}@media (prefers-reduced-motion:reduce){.case-cover-glow{opacity:.85;animation:none!important;transform:none!important}.case-cover-print .still-mat{box-shadow:var(--shadow-lamp);filter:none!important;animation:none!important}.case-section.is-active .section-title:after{animation:none}}