.case-backdrop{z-index:0;pointer-events:none;background:#02040c;position:fixed;inset:0}.case-tint{z-index:-1;height:var(--tint,100%);pointer-events:none;background:linear-gradient(#02040cdb 0 calc(100% - 90vh),#02040ccc calc(100% - 76vh),#02040ca8 calc(100% - 60vh),#02040c75 calc(100% - 44vh),#02040c42 calc(100% - 28vh),#02040c1a calc(100% - 13vh),#02040c00 100%);position:absolute;top:0;left:0;right:0}.page--case .chapter--dark,.page--case .case-hero{background:0 0}.case-hero :is(p,dd,h1){text-shadow:0 1px 14px #0000008c}.case-hero{align-items:flex-end;min-height:92svh;display:flex;position:relative;overflow:hidden}.case-hero__space{position:absolute;inset:0}.case-hero__inner{grid-template-columns:minmax(0,1fr);align-items:end;gap:40px;padding-block:120px clamp(48px,9vh,96px);display:grid;position:relative}.case-hero__title h1{letter-spacing:-.045em;max-width:9em;margin-top:20px;margin-left:-.06em;font-size:clamp(56px,8.4vw,140px);font-weight:400;line-height:.95}.case-hero__title p{max-width:34em;color:var(--grey-200);margin-top:22px;font-size:18px}.case-hero__title .award{margin-top:22px}.case-hero__meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px;margin:0;display:grid}.case-hero__meta div{border-top:1px solid #ffffff29;gap:2px;padding-top:10px;display:grid}.case-hero__meta dd{margin:0;font-size:15px}.case-section{padding-block:clamp(96px,14vh,160px)}.case-overview{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.case-overview__intro{letter-spacing:-.02em;font-size:clamp(24px,2.3vw,36px);line-height:1.25}.case-overview__side{gap:32px;display:grid}.case-overview .facts,.case-overview--solo{grid-template-columns:minmax(0,1fr)}.case-overview--solo .case-overview__intro{max-width:26em}.case-related{background:var(--white);color:var(--black);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--grey-200);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:background-color .3s,color .3s;display:flex}.case-related:hover{background:var(--blue);color:var(--white)}.case-program,.case-system{grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vh,56px);display:grid}.case-program__head{justify-items:start;gap:18px;max-width:860px;display:grid}.case-program__head h2{letter-spacing:-.04em;font-size:clamp(36px,5vw,78px);font-weight:400;line-height:1}.case-program__head p{max-width:40em;color:var(--grey-300);font-size:18px}.case-program__head .case-note{font-size:11px}.case-program__body{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,56px);display:grid}.case-program__body .device,.case-visit__clip .device{box-shadow:0 0 0 1px #ffffff24,0 40px 120px -40px #3d8bff66}.case-caption{margin-top:12px;font-size:13px}.case-built h3{margin:0 0 6px}.case-built ol,.case-list{counter-reset:built;margin:0;padding:0;list-style:none}.case-built li,.case-list li{counter-increment:built;border-top:1px solid #ffffff24;grid-template-columns:34px minmax(0,1fr);padding-block:14px;display:grid}.case-built li:before,.case-list li:before{content:counter(built, decimal-leading-zero);font-family:var(--font-mono);color:var(--blue);font-size:11px;line-height:2}.case-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;font-size:17px;display:grid}.case-visit{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.case-visit--portrait,.case-visit--phone{grid-template-columns:clamp(220px,24vw,340px) minmax(0,1fr);align-items:start}.case-visit__screens{min-width:0}.case-stack{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.case-pager{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,3vw,40px);display:grid}.case-pager__link{min-width:0;color:var(--white);align-content:start;justify-items:start;gap:12px;display:grid}.case-pager__link--next{text-align:right;justify-items:end}.case-pager__dir{color:var(--grey-400);align-items:center;gap:8px;font-size:12px;transition:color .3s;display:inline-flex}.case-pager__dir svg{transition:translate .4s var(--ease-out)}.case-pager__link--previous .case-pager__dir svg{rotate:180deg}.case-pager__link--next .case-pager__dir{flex-direction:row-reverse}.case-pager__cover{aspect-ratio:16/10;background:#ffffff08;place-items:center;width:100%;margin-block:4px;padding:clamp(14px,3vw,44px);transition:background-color .4s,box-shadow .4s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.case-pager__cover .device{transition:scale .6s var(--ease-out)}.case-pager__cover--landscape .device{width:100%}.case-pager__cover--portrait .device,.case-pager__cover--phone .device{height:100%;min-height:0}.case-pager__meta{color:var(--grey-400);font-size:11px}.case-pager__name{letter-spacing:-.035em;font-size:clamp(22px,3vw,44px);font-weight:400;line-height:1.05}.case-pager__link:hover .case-pager__dir,.case-pager__link:focus-visible .case-pager__dir{color:var(--white)}.case-pager__link--next:hover .case-pager__dir svg{translate:4px}.case-pager__link--previous:hover .case-pager__dir svg{translate:-4px}.case-pager__link:hover .case-pager__cover,.case-pager__link:focus-visible .case-pager__cover{background:#3d8bff1a;box-shadow:inset 0 0 0 1px #ffffff2e}.case-pager__link:hover .device{scale:1.03}.case-next{padding-bottom:clamp(64px,12vh,120px)}.case-pager__cover--section{background-color:#3d8bff14;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-position:50%;background-size:48px 48px}.case-pager__section{letter-spacing:-.04em;color:var(--white);font-size:clamp(36px,6vw,88px);font-weight:400;line-height:1}@media (width<=900px){.case-hero__inner,.case-overview,.case-program__body,.case-visit--portrait,.case-visit--phone{grid-template-columns:minmax(0,1fr)}.case-hero{min-height:0;display:block}.case-hero__space{height:46svh;position:relative;inset:auto}.case-hero__inner{gap:28px;padding-top:8px}.case-hero__meta{grid-template-columns:repeat(2,minmax(0,1fr))}.case-hero__title p{font-size:16px}.case-visit__clip{justify-self:center;width:min(100%,300px)}.case-list{grid-template-columns:minmax(0,1fr)}.case-pager__name{font-size:20px}}