@layer components{.case-study_wrap{--_heading:#344c69;--_copy:#60758d;--_heading-scale:1;background:color-mix(in srgb, var(--background) 50%, var(--background-2));width:100%;max-width:90rem;color:var(--text);font-family:var(--primary-family);margin-inline:auto;container-type:inline-size}.case-study_wrap.page{--_heading-scale:1.92;background:var(--light-100)}.case-study_wrap.page .case-study_heading-row{align-items:last baseline}.case-study_wrap.page .case-study_summary{font-size:calc(.75rem * var(--_heading-scale))}.case-study_wrap p,.case-study_wrap h1,.case-study_wrap h2,.case-study_wrap h3,.case-study_wrap figure,.case-study_wrap dl,.case-study_wrap dd{margin:0}.case-study_wrap a{text-decoration:none}.case-study_wrap .case-study_heading{padding:2.5rem 5% 1.5rem}.case-study_wrap .case-study_heading-row{align-items:start;gap:calc(1rem * var(--_heading-scale));min-height:calc(2.75rem * var(--_heading-scale));display:flex}.case-study_wrap .case-study_navigation{color:var(--_copy);align-items:center;margin-bottom:4.2rem;font-size:1rem;display:flex}.case-study_wrap .case-study_title{max-width:none;min-width:calc(9.125rem * var(--_heading-scale));font-family:var(--secondary-family);font-size:calc(2.625rem * var(--_heading-scale));line-height:calc(2.875rem * var(--_heading-scale));height:calc(2.0625rem * var(--_heading-scale));font-synthesis:none;letter-spacing:-.02em;color:var(--text);text-wrap:wrap;text-box:normal;flex:none;font-weight:400}.case-study_wrap .case-study_divider{height:calc(2.21875rem * var(--_heading-scale));flex:0 0 0;position:relative}.case-study_wrap .case-study_divider img{left:calc(-.015625rem * var(--_heading-scale));width:calc(.03125rem * var(--_heading-scale));height:calc(2.23438rem * var(--_heading-scale));max-width:none;display:block;position:absolute}.case-study_wrap .case-study_summary{min-width:0;font-family:var(--secondary-family);font-size:calc(1rem * var(--_heading-scale));letter-spacing:-.02em;color:var(--text);text-box:normal;flex:1;font-weight:400;line-height:1.25}.case-study_wrap .case-study_summary span{display:block}.case-study_wrap .case-study_hero{margin-inline:5%}.case-study_wrap .case-study_overview{grid-template-columns:minmax(0,23.75rem) minmax(0,25rem);justify-content:space-between;gap:min(7.289cqw,5.83125rem);padding:7.5% 5% 11.5% 10%;display:grid}.case-study_wrap .case-study_description{flex-direction:column;align-items:start;gap:.75rem;min-width:0;font-size:.95625rem;line-height:1.37;display:flex;position:relative;inset-inline-start:-5cqw}.case-study_wrap .case-study_overview-title{width:100%;max-width:14.1875rem;font-family:var(--secondary-family);letter-spacing:-.02em;color:var(--text);text-wrap:wrap;text-box:normal;font-size:1.25rem;font-weight:400;line-height:1.25}.case-study_wrap .case-study_description p{width:100%;max-width:16.4375rem;color:var(--_copy);text-wrap:wrap;text-box:normal}.case-study_wrap .case-study_rule{flex:none;width:16.4375rem;max-width:100%;height:0;display:block;position:relative}.case-study_wrap .case-study_rule img{object-fit:fill;opacity:.2;width:.0625rem;max-width:none;height:16.4438rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.case-study_wrap .case-study_facts{min-width:0}.case-study_wrap .case-study_facts dt{margin-bottom:1rem}.case-study_wrap .case-study_facts .case-study_rule{width:100%;margin-top:1rem;container-type:inline-size}.case-study_wrap .case-study_facts .case-study_rule img{height:100cqw}.case-study_wrap .case-study_facts dd{font-size:var(--text-small);line-height:1.33571}.case-study_wrap .case-study_fact-list{grid-template-columns:1fr 1fr;gap:2rem 1.5rem;display:grid}.case-study_wrap dt{color:var(--_copy);margin-bottom:.575rem;font-size:.85rem;line-height:1.375}.case-study_wrap dd,.case-study_wrap .case-study_visit{font-size:.95625rem;line-height:1.33}.case-study_wrap .case-study_visit{margin-top:2rem;display:inline-block}.case-study_wrap .case-study_chapter{flex-direction:column;gap:2.778cqw;padding:0 5% 7.778%;display:flex}.case-study_wrap .case-study_pair{grid-template-columns:1fr 1fr;align-items:start;gap:1.667cqw;display:grid}.case-study_wrap .case-study_offset{width:85.185%}.case-study_wrap .case-study_wide{aspect-ratio:1296/621;width:100%;overflow:hidden}.case-study_wrap .case-study_wide-image{object-fit:cover;width:100%;height:100%;display:block}.case-study_wrap .case-study_chapter-heading{text-align:left;max-width:47.5rem;padding-bottom:.417cqw}.case-study_wrap .case-study_chapter-heading h2{color:var(--_heading);font-family:var(--secondary-family);letter-spacing:-.02em;margin-bottom:1.12125rem;font-size:clamp(1.1475rem,1.9125cqw,1.72125rem);font-weight:500;line-height:1.33}.case-study_wrap .case-study_chapter-heading p{width:48%;max-width:48ch;color:var(--_copy);font-size:.95625rem;line-height:1.33}.case-study_wrap .case-study_motifs{grid-template-columns:636fr 306fr 306fr;align-items:start;gap:1.667cqw;display:grid}.case-study_wrap .case-study_applications{grid-template-columns:746fr 526fr;align-items:end;gap:1.667cqw;display:grid}.case-study_wrap figcaption{color:var(--_copy);margin-top:.75rem;font-size:.85rem;line-height:1.375}.case-study_wrap .case-study_credits{margin:0 10%;padding-bottom:6.111%}.case-study_wrap .case-study_credits dl{border-top:var(--border-width) solid var(--border);grid-template-columns:360fr 768fr;padding-top:1.5rem}.case-study_wrap .case-study_more{padding-inline:10%}.case-study_wrap .case-study_more-heading{justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;display:flex}.case-study_wrap .case-study_more-heading h2{font-size:clamp(1.1475rem,1.9125cqw,1.72125rem);font-weight:500}.case-study_wrap .case-study_related{min-width:0}.case-study_wrap .case-study_related h3{margin-top:.5rem;font-size:1.275rem;font-weight:500;line-height:1.16}.case-study_wrap .case-study_related p{color:var(--_copy);margin-top:.575rem;font-size:.95625rem}.case-study_wrap .case-study_footer{padding:7.778% 10% 2.5rem}.case-study_wrap .case-study_contact{border-top:var(--border-width) solid var(--border);justify-content:space-between;align-items:center;gap:1.5rem;padding-top:3rem;display:flex}.case-study_wrap .case-study_contact h2{font-family:var(--secondary-family);letter-spacing:-.02em;font-size:clamp(1.7rem,4.25cqw,3.825rem);font-weight:500;line-height:1.06}.case-study_wrap .case-study_colophon{justify-content:space-between;gap:1rem;margin-top:3rem;font-size:1rem;display:flex}.case-study_wrap .case-study_colophon span+span{color:var(--_copy)}.case-study_wrap.lightbox .case-study_intro{flex-direction:column;min-height:92dvh;display:flex}.case-study_wrap.lightbox .case-study_heading-row{padding-right:6.875rem}.case-study_wrap.lightbox .case-study_hero{flex:1;align-content:center;display:grid}@media (prefers-reduced-motion:no-preference){.case-study_wrap[data-case-study=tailscale] .case-study_intro{isolation:isolate}.case-study_wrap[data-case-study=tailscale] .case-study_heading{z-index:0;position:sticky;top:0}.case-study_wrap[data-case-study=tailscale] .case-study_hero{z-index:1;position:relative}}@media (hover:hover) and (pointer:fine){.case-study_wrap .case-study_navigation>a:hover,.case-study_wrap .case-study_visit:hover,.case-study_wrap .case-study_more-heading>a:hover{text-underline-offset:.2em;text-decoration:underline}}@media not (min-width:48rem){.case-study_wrap .case-study_heading{padding:1.5rem 4%}.case-study_wrap .case-study_heading-row{grid-template-columns:0 minmax(0,1fr);gap:1rem;display:grid}.case-study_wrap .case-study_title{min-width:0;font-size:calc(2.25rem * var(--_heading-scale));height:auto;min-height:calc(2.75rem * var(--_heading-scale));grid-column:1/-1;line-height:1}.case-study_wrap .case-study_summary span{display:inline}.case-study_wrap .case-study_hero{margin-inline:4%}.case-study_wrap .case-study_overview{grid-template-columns:1fr;gap:2rem;padding:3rem 4% 5.175rem 6%}.case-study_wrap .case-study_description{inset-inline-start:-2cqw}.case-study_wrap .case-study_description p{width:100%}.case-study_wrap .case-study_chapter{padding-inline:4%;gap:1rem;padding-bottom:3rem}.case-study_wrap .case-study_chapter-heading{padding:0 0 .725rem}.case-study_wrap .case-study_chapter-heading p{width:100%;font-size:.875rem;line-height:1.4}.case-study_wrap .case-study_pair,.case-study_wrap .case-study_applications{gap:.75rem}.case-study_wrap .case-study_offset{width:100%}.case-study_wrap .case-study_wide{aspect-ratio:16/9}.case-study_wrap .case-study_credits{margin-inline:6%;padding-bottom:3rem}.case-study_wrap .case-study_credits dl{grid-template-columns:1fr}.case-study_wrap .case-study_more{padding-inline:6%}.case-study_wrap .case-study_related h3{font-size:1.0625rem}.case-study_wrap .case-study_related p{font-size:.875rem}.case-study_wrap .case-study_footer{padding:3rem 6% 1.5rem}.case-study_wrap .case-study_contact{flex-direction:column;align-items:start;padding-top:2rem}.case-study_wrap .case-study_colophon{flex-direction:column;gap:.5rem;margin-top:2rem}.case-study_wrap.lightbox .case-study_intro{min-height:calc(100dvh - max(.75rem, env(safe-area-inset-top)) - max(.75rem, env(safe-area-inset-bottom)))}.case-study_wrap.lightbox .case-study_heading-row{padding-right:0}.case-study_wrap.lightbox .case-study_title{padding-right:6.875rem}}}
