.case-study[data-case=conformance]{--case-ground:#061b39;--case-text:#f1fbff;--case-muted:#ffffff80;--case-line:#b9eff033;--case-panel-ground:#0b315d;--case-image-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:#78c9de #061b39}.conformance{background:var(--case-ground)}.conformance-case-hero{min-height:clamp(320px,32vw,440px);padding:clamp(64px, 6vw, 100px) var(--case-side);background:linear-gradient(165deg,#00259e 8%,#0065bd 48%,#00b9ce 100%);grid-template-columns:minmax(0,2fr) minmax(200px,1fr);align-content:center;column-gap:32px;display:grid;position:relative;overflow:hidden}.conformance-case-hero .case-study__title,.conformance-case-hero .case-study__meta{z-index:1;position:relative}.conformance-case-hero__mark{display:none}.conformance-case-hero .case-study__title .eyebrow{margin-bottom:20px}.conformance-case-hero .case-study__title .case-study__heading{color:#fff}.conformance-case-hero .case-study__title .case-study__description{color:var(--case-muted)}.conformance-case-hero__caption{z-index:1;color:var(--case-muted);font-size:var(--type-body);grid-column:1;align-self:end;margin:24px 0 0;padding:4px 0;line-height:1.5;position:relative}.conformance-case-hero__link{grid-column:2;align-self:end;margin-top:24px;position:relative}.conformance__demo{width:calc(100% - 2 * var(--case-side));margin-inline:auto}.conformance__demo .conformance__demo-video{aspect-ratio:160/83;background:#000;width:100%;height:auto;display:block}.conformance__demo .conformance__demo-caption{justify-content:space-between;gap:12px 24px;display:flex}.conformance__demo .conformance__demo-caption .conformance__demo-caption-label:first-child{color:var(--case-text);flex-shrink:0}.conformance.case-study__editorial>.case-study__opening{margin-bottom:48px;padding-top:clamp(32px,4vw,64px)}.conformance .case-study__chapter,.conformance.case-study__editorial .case-study__editorial-row{padding:clamp(48px, 6vw, 80px) var(--case-side)}.conformance.case-study__editorial .case-study__editorial-row{grid-template-columns:1fr;gap:40px}.conformance.case-study__editorial .case-study__chapter-heading{grid-template-columns:120px minmax(0,1fr);gap:24px;max-width:none;display:grid}.conformance.case-study__editorial .case-study__chapter-heading>.case-study__chapter-heading-label{margin-bottom:0}.conformance.case-study__editorial .case-study__chapter-heading .case-study__chapter-heading-title{margin-bottom:clamp(32px,3.5vw,48px)}.conformance .case-study__chapter-heading .case-study__chapter-heading-text{max-width:620px}.conformance__chapter>.conformance__principles,.conformance__chapter>.conformance__motion-note,.conformance__development{margin-left:144px}.conformance__principles>.conformance__principles-label{color:#c7faff;display:block}.conformance__principles{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px 32px;max-width:720px;display:grid}.conformance__principles .conformance__principles-text{color:var(--case-muted);margin:0}.conformance__development{gap:48px;display:grid}.conformance__laptop{background:#101923;border:1px solid #738695;border-radius:10px 10px 3px 3px;justify-self:start;width:calc(30% + 43.2px);margin:0 0 16px calc(min(100%,720px)/3 + 12.3333px);padding:10px 8px 12px;position:relative}.conformance__laptop .conformance__laptop-image{width:100%;height:auto;display:block}.conformance__laptop:after{content:"";background:linear-gradient(#c5d1da,#546577);border-radius:1px 1px 50% 50%;width:108%;height:12px;position:absolute;top:100%;left:-4%}.conformance__systems{border-top:1px solid var(--case-line)}.conformance__systems .case-study__chapter-heading{margin-bottom:40px}.conformance__industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.conformance__industry{background:#0b315d;min-height:clamp(180px,22vw,330px);margin:0;position:relative;overflow:hidden}.conformance__industry:after{content:"";background:linear-gradient(#0000 38%,#001b3fc7);position:absolute;inset:0}.conformance__industry .conformance__industry-image{object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.conformance__industry:hover .conformance__industry-image{transform:scale(1.04)}.conformance__industry .conformance__industry-caption{z-index:1;gap:3px;display:grid;position:absolute;inset:auto 24px 20px}.conformance__industry .conformance__industry-value{font-size:var(--type-body);font-weight:500}.conformance__motion-note{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;display:grid}.conformance__motion-note .conformance__motion-note-text{max-width:620px;color:var(--case-muted);margin:0}.conformance__motion-mark{aspect-ratio:1;background:#fff;width:66.6px;display:block;-webkit-mask:url(/cases/conformance/mark.svg) 50%/contain no-repeat;mask:url(/cases/conformance/mark.svg) 50%/contain no-repeat}.conformance__result{border-top:1px solid var(--case-line)}@media (max-width:576px){.conformance-case-hero{min-height:0;padding:72px var(--case-side) 32px;grid-template-columns:minmax(0,1fr) auto;align-content:start}.conformance-case-hero .case-study__title,.conformance-case-hero .case-study__meta{grid-column:1/-1}.conformance-case-hero .case-study__title{max-width:100%}.conformance-case-hero .case-study__title .eyebrow{margin-bottom:112px}.conformance-case-hero__mark{display:block;position:absolute;top:160px;left:50%;transform:translate(-50%,-50%)}.conformance-case-hero .case-study__meta{margin-top:24px}.conformance.case-study__editorial .case-study__chapter-heading{grid-template-columns:1fr;gap:12px}.conformance__chapter>.conformance__principles,.conformance__chapter>.conformance__motion-note,.conformance__development{margin-left:0}.conformance__laptop{width:88%;margin-left:-9px}.conformance__demo .conformance__demo-caption{flex-direction:column}.conformance__principles{grid-template-columns:1fr;gap:8px}.conformance__principles .conformance__principles-text:not(:last-child){margin-bottom:12px}.conformance__industry-grid{grid-template-columns:1fr}.conformance__industry{min-height:220px}}