.case-intro inner-wrapper{grid-template-areas:"title   title   title   title   title   title   title   title   title   title   title   title" "label-1 label-1 label-1 label-1 label-1 label-1 label-2 label-2 label-2 label-2 label-2 label-2" "summary summary summary summary .       .       details details details details .       ." ".       .       .       .       .       .       action  action  action  action  .       ." "picture picture picture picture picture picture picture picture picture picture picture picture";padding-block-start:var(--sp-120)}.case-intro h1{grid-area:title}.case-intro h2{grid-area:label-2;margin-block-start:var(--sp-48);padding-block:var(--sp-4);border-block-end:var(--sp-1) solid var(--white-shade-12)}.case-intro h2:first-of-type{grid-area:label-1;margin-inline-end:calc(var(--grid-gutter) * -1);color:var(--black-tint-46)}.case-intro p{grid-area:summary;margin-block-start:var(--sp-16)}.case-intro dl{grid-area:details;display:grid;grid-template-columns:subgrid}.case-intro dt,.case-intro dd{grid-column:span 2;padding-block:var(--sp-4);border-block-end:var(--sp-1) solid var(--white-shade-12)}.case-intro dt{margin-inline-end:calc(var(--grid-gutter) * -1);color:var(--black-tint-46)}.case-intro .button{grid-area:action;justify-self:start;margin-block-start:var(--sp-16)}.case-intro img{grid-area:picture;margin-block-start:var(--sp-48)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.case-intro inner-wrapper:is([data-arriving],[data-leaving]) img{view-transition-name:case-picture}.case-intro inner-wrapper[data-arriving]:after{--corner: var(--sp-16);content:"";grid-area:picture;margin-block:calc(var(--sp-48) - var(--sp-8)) calc(-1 * var(--sp-8));margin-inline:calc(-1 * var(--sp-8));border:var(--border-black-1);-webkit-mask:conic-gradient(at var(--corner) var(--corner),transparent 75%,var(--black) 0) 0 0 / calc(100% - var(--corner)) calc(100% - var(--corner));mask:conic-gradient(at var(--corner) var(--corner),transparent 75%,var(--black) 0) 0 0 / calc(100% - var(--corner)) calc(100% - var(--corner));pointer-events:none;view-transition-name:case-marks}.case-intro inner-wrapper[data-landed]:after{animation:case-marks-close var(--dur-600) var(--ease-out-expo) forwards}}@keyframes case-marks-close{to{margin:var(--sp-48) 0 0;opacity:0}}.case-story inner-wrapper{align-items:start;padding-block:var(--sp-48) var(--sp-120)}.case-story inner-wrapper>ul{grid-column:span 8;display:grid;grid-template-columns:subgrid;row-gap:var(--grid-gutter)}.case-story inner-wrapper>ul>li{grid-column:1 / -1}.case-story inner-wrapper>ul>[data-size=half]{grid-column:span 4}.case-story story-sections{grid-column:span 4;position:sticky;inset-block-start:calc(var(--sp-56) + var(--sp-24));border-block-start:var(--sp-1) solid var(--white-shade-12)}.case-story details{border-block-end:var(--sp-1) solid var(--white-shade-12)}.case-story summary{display:flex;justify-content:space-between;align-items:center;padding-block:var(--sp-12)}.case-story summary svg>:first-child{transform-box:fill-box;transform-origin:center}.case-story details[open] summary svg>:first-child{rotate:90deg}@media(prefers-reduced-motion:no-preference){.case-story summary svg>:first-child{transition:rotate var(--dur-600) var(--ease-out-expo)}}.case-story details[open]::details-content{padding-block-end:var(--sp-16)}case-gallery dialog{container-type:inline-size;inline-size:100%;max-inline-size:none;block-size:100%;max-block-size:none;margin:0;padding:0;border:none}case-gallery dialog[open]{display:grid;grid-template-rows:auto 1fr}case-gallery dialog>ul{align-self:center;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100cqi - 2 * var(--grid-margin) - 11 * var(--grid-gutter)) / 2 + 5 * var(--grid-gutter));column-gap:var(--grid-gutter);overflow-x:auto;overscroll-behavior-x:contain;padding-inline:var(--grid-margin)}:root:has(case-gallery dialog[open]){overflow:hidden}@media(prefers-reduced-motion:no-preference){case-gallery dialog{opacity:0;transition:opacity var(--dur-300) var(--ease-in-out-soft),display var(--dur-300) allow-discrete,overlay var(--dur-300) allow-discrete}case-gallery dialog[open]{opacity:1;transition-duration:var(--dur-600)}@starting-style{case-gallery dialog[open]{opacity:0}}case-gallery dialog[open]::backdrop{animation:gallery-fade-in var(--dur-600) var(--ease-in-out-soft) both}case-gallery dialog[open]>ul>li{animation:gallery-picture-in var(--dur-900) var(--ease-out-expo) both,gallery-fade-in var(--dur-600) var(--ease-in-out-soft) both}case-gallery dialog[open]>ul>li:nth-child(2){animation-delay:var(--dur-100)}case-gallery dialog[open]>ul>li:nth-child(3){animation-delay:calc(2 * var(--dur-100))}case-gallery dialog[open]>ul>li:nth-child(n+4){animation-delay:calc(3 * var(--dur-100))}case-gallery dialog[data-closing]{animation:gallery-white-out calc(var(--dur-400) + var(--dur-100)) var(--ease-in-out-soft) var(--dur-300) both}case-gallery dialog[data-closing]::backdrop,case-gallery dialog[data-closing] gallery-bar{animation:gallery-fade-out calc(var(--dur-400) + var(--dur-100)) var(--ease-in-out-soft) var(--dur-300) both}case-gallery dialog[data-closing]>ul>li[data-leaving]{animation:gallery-picture-on var(--dur-800) var(--ease-out-cubic) both,gallery-fade-out var(--dur-800) var(--ease-in-out-soft) both}case-gallery dialog[data-closing]>ul>li[data-leaving="1"]{animation-delay:var(--dur-100)}case-gallery dialog[data-closing]>ul>li[data-leaving="2"]{animation-delay:calc(2 * var(--dur-100))}case-gallery dialog[data-closing]>ul>li[data-leaving=edge]{animation:gallery-fade-out var(--dur-300) var(--ease-in-out-soft) both}}@keyframes gallery-picture-in{0%{translate:50cqi 0}}@keyframes gallery-picture-on{to{translate:calc(-1 * var(--sp-120)) 0}}@keyframes gallery-fade-in{0%{opacity:0}}@keyframes gallery-fade-out{to{opacity:0}}@keyframes gallery-white-out{to{background-color:transparent}}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){case-gallery dialog{overflow:clip auto;overscroll-behavior:contain;scroll-timeline:--gallery block}case-gallery dialog[open]{display:block}case-gallery dialog gallery-bar{position:sticky;inset-block-start:0}case-gallery dialog>ul{position:sticky;inset-block-start:var(--sp-48);inline-size:max-content;block-size:calc(100dvh - var(--sp-48));align-items:center;overflow-x:visible;animation:gallery-slide linear both;animation-timeline:--gallery}case-gallery dialog:after{content:"";display:block;block-size:calc(var(--pictures) * 50cqi - 100cqi)}}}@keyframes gallery-slide{to{translate:calc(100cqi - 100%) 0}}gallery-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;block-size:var(--sp-48);padding-inline:var(--grid-margin)}gallery-bar button{justify-self:end;padding:0;border:none;background:none}@media only screen and not (min-width:64rem){.case-intro inner-wrapper{grid-template-areas:"title   title   title   title" "label-1 label-1 label-1 label-1" "summary summary summary summary" "label-2 label-2 label-2 label-2" "details details details details" "action  action  action  action" "picture picture picture picture";padding-block-start:var(--sp-48)}.case-intro h2:first-of-type{margin-inline-end:0}.case-story inner-wrapper{row-gap:var(--sp-48);padding-block-end:var(--sp-96)}.case-story inner-wrapper>ul>[data-size],.case-story inner-wrapper>ul,.case-story story-sections{grid-column:1 / -1}.case-story story-sections{position:static;order:-1}case-gallery dialog>ul{grid-auto-columns:calc(100cqi - 2 * var(--grid-margin))}case-gallery dialog:after{block-size:calc(var(--pictures) * 100cqi - 100cqi)}}@media(prefers-reduced-motion:no-preference){:root[data-reveal] .case-intro:not([data-seen]) inner-wrapper>:is(h2,p,dl,.button),:root[data-reveal] .case-story>inner-wrapper>ul>li:not([data-seen]) img,:root[data-reveal] .case-story:not([data-seen]) story-sections>*{opacity:0}:root[data-reveal] .case-intro[data-seen] inner-wrapper>:is(h2,p,.button),:root[data-reveal] .case-intro[data-seen] inner-wrapper>dl>*{animation:reveal-rise var(--dur-600) var(--ease-out-expo) backwards}:root[data-reveal] .case-intro[data-seen] inner-wrapper>p{animation-delay:var(--dur-100)}:root[data-reveal] .case-intro[data-seen] inner-wrapper>dl>*{animation-delay:calc(var(--step, 0) * var(--dur-100) / 2 + var(--dur-100))}:root[data-reveal] .case-intro[data-seen] inner-wrapper>dl>*:nth-of-type(2){--step: 1}:root[data-reveal] .case-intro[data-seen] inner-wrapper>dl>*:nth-of-type(3){--step: 2}:root[data-reveal] .case-intro[data-seen] inner-wrapper>dl>*:nth-of-type(4){--step: 3}:root[data-reveal] .case-intro[data-seen] inner-wrapper>dl>*:nth-of-type(5){--step: 4}:root[data-reveal] .case-intro[data-seen] inner-wrapper>.button{animation-delay:calc(3 * var(--dur-100))}:root[data-reveal] .case-story>inner-wrapper>ul>li[data-seen] img{scale:var(--reveal-zoom);clip-path:inset(calc((1 - 1 / var(--reveal-zoom)) * 50%));animation:reveal-settle var(--dur-900) var(--ease-out-expo) backwards,reveal-fade var(--dur-900) var(--ease-in-out-soft) backwards}:root[data-reveal] .case-story[data-seen] story-sections>*{animation:reveal-rise var(--dur-600) var(--ease-out-expo) calc(var(--step, 0) * var(--dur-100) / 2) backwards}:root[data-reveal] .case-story[data-seen] story-sections>*:nth-child(2){--step: 1}:root[data-reveal] .case-story[data-seen] story-sections>*:nth-child(3){--step: 2}:root[data-reveal] .case-story[data-seen] story-sections>*:nth-child(4){--step: 3}:root[data-reveal] .case-story[data-seen] story-sections>*:nth-child(n+5){--step: 4}}