.case-study--gitd{--case-study-accent: #428795;--case-study-accent-rgb: 66 135 149}.gitd-canvas{width:80%;margin-inline:auto;container-type:inline-size;overflow:visible}.gitd-page{--gitd-teal: var(--case-study-accent);--gitd-hero-teal: #256471;--gitd-rule: rgb(37 100 112 / .2);--gitd-max: 90rem;--gitd-pad-x: 5.5rem;--gitd-pad-y: 4rem;--gitd-title: 1.625rem;--gitd-title-lh: 2.375rem;--case-study-section-gap: 40px;display:flex;flex-direction:column;gap:var(--case-study-section-gap);padding-block:0}.gitd-page img{display:block;max-width:100%;height:auto}.gitd-section{width:min(100%,var(--gitd-max));margin-inline:auto;padding:var(--gitd-pad-y) var(--gitd-pad-x);display:flex;flex-direction:column;gap:40px}.gitd-section__intro{display:flex;flex-direction:column;gap:24px}.gitd-section--tight{gap:24px}.gitd-page h2{margin:0;font-size:var(--gitd-title);line-height:var(--gitd-title-lh);font-weight:var(--font-weight-demi);color:var(--case-study-accent)}.gitd-h2-kicker{font-weight:var(--font-weight-regular);color:var(--case-study-accent-60)}.gitd-page p{margin:0;font-size:1rem;line-height:1.625rem;color:var(--text-primary)}.gitd-intro{display:flex;flex-direction:column;align-items:center;gap:56px;width:100%;padding-top:64px}.gitd-hero{--gitd-hero-w: 1264;--gitd-hero-h: 666;position:relative;width:calc(100% - var(--gitd-pad-x) * 2);margin:0 auto;overflow:hidden;aspect-ratio:1264 / 666;border:0;border-radius:12px;box-shadow:none;background:#fff}.gitd-page .gitd-hero img{position:absolute;left:calc(100% * -88 / var(--gitd-hero-w));top:calc(100% * -12 / var(--gitd-hero-h));width:calc(100% * 1440 / var(--gitd-hero-w));height:calc(100% * 690 / var(--gitd-hero-h));max-width:none;object-fit:cover}.gitd-intro__copy{display:flex;flex-direction:column;gap:16px;width:100%;padding-inline:var(--gitd-pad-x)}.gitd-chips{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none}.gitd-chips li{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:999px;background:#25647114;font-size:13px;line-height:18px;font-weight:var(--font-weight-regular);color:#256471}.gitd-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:calc(100% - var(--gitd-pad-x) * 2);margin-inline:auto;padding-bottom:64px}.gitd-facts__item{display:flex;flex-direction:column;gap:8px}.gitd-page p.gitd-facts__label{margin:0;font-size:13px;line-height:18px;font-weight:var(--font-weight-medium);letter-spacing:.78px;text-transform:uppercase;color:#25647199}.gitd-page p.gitd-facts__value{margin:0;font-size:16px;line-height:22px;color:#000c}.gitd-problem{display:grid;grid-template-columns:minmax(0,817fr) minmax(0,415fr);gap:2rem;align-items:center}.gitd-problem__copy{display:flex;flex-direction:column;gap:1rem}.gitd-problem__image{border-radius:6px}.gitd-interviews{display:flex;flex-direction:column;gap:0}.gitd-interviews__copy{display:flex;flex-direction:column;gap:1rem;text-align:center}.gitd-interviews__image{margin-top:-1.8125rem}.gitd-uncovered__body,.gitd-lede-center,.gitd-page .gitd-bridge p,.gitd-page .gitd-caption{text-align:center}.gitd-uncovered__body{white-space:pre-line}.gitd-question{font-weight:var(--font-weight-medium);line-height:1.375rem;color:var(--case-study-accent)}.gitd-persona,.gitd-technical{margin:0;width:100%}.gitd-persona img,.gitd-technical img{display:block;width:100%;height:auto}.gitd-stack{display:flex;flex-direction:column;gap:40px}.gitd-bridge{gap:0}.gitd-bridge p{font-weight:var(--font-weight-medium);line-height:1.1875rem}.gitd-sketches{display:grid;grid-template-columns:minmax(0,782fr) minmax(0,470fr);gap:1rem;align-items:start}.gitd-final{display:grid;grid-template-columns:minmax(0,519fr) minmax(0,720fr);gap:1.5rem;align-items:start}.gitd-exploded{display:flex;justify-content:center;align-items:center;width:100%;min-height:51.875rem;padding-block:2.7775rem;background:#f3f3f3}.gitd-exploded img{width:min(100%,53.875rem)}.gitd-how{margin-top:.5rem}.gitd-page .gitd-note,.gitd-page .gitd-bridge p,.gitd-page .gitd-caption{line-height:1.1875rem}.gitd-storage{display:grid;grid-template-columns:minmax(0,826fr) minmax(0,402fr);gap:2.25rem;align-items:start}.gitd-packaging{display:grid;grid-template-columns:minmax(0,606fr) minmax(0,622fr);gap:2.25rem}.gitd-model{display:grid;grid-template-columns:minmax(0,811fr) minmax(0,416fr);gap:2.25rem;align-items:start}.gitd-model__stack{display:flex;flex-direction:column;gap:2.25rem}.gitd-ph{display:flex;align-items:center;justify-content:center;width:100%;margin:0;border:1px solid red;overflow:hidden}.gitd-ph__label{font-size:11px;line-height:normal;font-weight:var(--font-weight-medium);letter-spacing:.88px;text-transform:uppercase;color:#0003}.gitd-film .yt-lite{position:relative;width:min(68%,900px);height:auto;margin-inline:auto;aspect-ratio:16 / 9;overflow:hidden;background:#000}.gitd-film .yt-lite__poster{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.gitd-film .yt-lite__thumb,.gitd-film .yt-lite__frame{position:absolute;inset:0;width:100%;height:100%;border:0}.gitd-film .yt-lite__thumb{object-fit:contain}.gitd-film .yt-lite__play{position:absolute;top:50%;left:50%;width:4.25rem;height:3rem;border-radius:.85rem;background:#0000009e;transform:translate(-50%,-50%);transition:background-color .16s ease,transform .16s ease}.gitd-film .yt-lite__play:after{content:"";position:absolute;top:50%;left:52%;border-style:solid;border-width:.55rem 0 .55rem .9rem;border-color:transparent transparent transparent #fff;transform:translate(-50%,-50%)}.gitd-film .yt-lite__poster:hover .yt-lite__play,.gitd-film .yt-lite__poster:focus-visible .yt-lite__play{background:#000000c7}.gitd-film .yt-lite__poster:focus{outline:none}.gitd-film .yt-lite__poster:focus-visible{outline:1px solid rgb(0 0 0 / .28);outline-offset:4px}@media(prefers-reduced-motion:reduce){.gitd-film .yt-lite__play{transition:none}}.gitd-page .gitd-caption{font-size:.875rem;line-height:normal;font-weight:var(--font-weight-regular);color:#000c;text-align:center}@media(max-width:1100px){.gitd-film .yt-lite{width:min(88%,900px)}}@media(max-width:900px){.gitd-film .yt-lite{width:100%}.gitd-page{--gitd-pad-x: 1.5rem;--gitd-pad-y: 3rem}.gitd-facts,.gitd-problem,.gitd-sketches,.gitd-final,.gitd-storage,.gitd-packaging,.gitd-model{grid-template-columns:1fr}.gitd-interviews__image{margin-top:0}}
