@font-face{font-family:Archivo;src:url(/fonts/archivo-variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk-variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{--color-ink: #182b3f;--color-muted: #526477;--color-blue-soft: #dbeafe;--color-accent: #0a66c2;--color-accent-hover: #084f97;--color-paper: #fafcff;--color-soft: #edf4fb;--color-line: #cbd9e6;--color-inverse-surface: #182b3f;--color-inverse-text: #dbeafe;--color-button: #ffcb00;--color-button-hover: #ffdb4d;--color-button-text: #073b75;--page-grid-minor: color-mix(in srgb, var(--color-accent) 3%, transparent);--page-grid-major: color-mix(in srgb, var(--color-accent) 6%, transparent);--grid-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;--page-color-scheme: light;--font-display: Archivo, sans-serif;--font-body: "Hanken Grotesk", sans-serif;--space-gutter: clamp(1.25rem, 4.5vw, 5rem);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light;font-family:var(--font-body);color:var(--color-ink);background:var(--color-paper);scroll-behavior:smooth;scrollbar-color:var(--color-accent) var(--color-soft)}@media screen and (prefers-color-scheme: dark){:root{--color-ink: #e3edf7;--color-muted: #afc1d3;--color-blue-soft: #152f49;--color-accent: #8fc5ff;--color-accent-hover: #b6daff;--color-paper: #101c29;--color-soft: #172737;--color-line: #3b5268;--color-inverse-surface: #0b1622;--page-grid-minor: rgb(143 197 255 / 2.5%);--page-grid-major: rgb(143 197 255 / 5.5%);--page-color-scheme: dark;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-size:1.0625rem;line-height:1.5}@media screen{body,.opening-home .page-body,.opening-home :is(.workflow-feature,.contact-section){--grid-pattern: linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px), linear-gradient(var(--grid-minor) 1px, transparent 1px), linear-gradient(90deg, var(--grid-minor) 1px, transparent 1px);background-image:var(--grid-pattern);background-size:var(--grid-size);background-position:center top}body,.opening-home .page-body{--grid-minor: var(--page-grid-minor);--grid-major: var(--page-grid-major)}}::selection{background:var(--color-ink);color:var(--color-paper)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}button,input{font:inherit}img,svg{display:block}img{max-inline-size:100%;block-size:auto}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:600}h1,h2{letter-spacing:-.04em;text-wrap:balance}h2{font-size:clamp(2.4rem,4.2vw,4rem);line-height:1.08}h3{font-size:1.375rem;letter-spacing:-.025em}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--color-accent);outline-offset:6px}section[id],main{scroll-margin-block-start:2rem}[hidden]{display:none!important}.wrap{inline-size:min(100% - var(--space-gutter) * 2,1320px);margin-inline:auto}.section-space{padding-block:clamp(4rem,7vw,7rem)}.skip-link{position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;padding:1rem;background:var(--color-ink);color:var(--color-paper);z-index:10;transform:translateY(-180%)}.skip-link:focus{transform:none}.opening{background:var(--color-blue-soft)}.opening{--blueprint-grid: color-mix(in srgb, var(--color-accent) 7%, transparent);--blueprint-rule: color-mix(in srgb, var(--color-accent) 24%, transparent);--blueprint-major: color-mix(in srgb, var(--color-accent) 12%, transparent);--blueprint-pattern: linear-gradient(var(--blueprint-major) 1px, transparent 1px), linear-gradient(90deg, var(--blueprint-major) 1px, transparent 1px), linear-gradient(var(--blueprint-grid) 1px, transparent 1px), linear-gradient(90deg, var(--blueprint-grid) 1px, transparent 1px)}.opening-home{--blueprint-grid: rgb(219 234 254 / 10%);--blueprint-rule: rgb(219 234 254 / 32%);--blueprint-major: rgb(219 234 254 / 19%);background:#073b75;background-image:var(--blueprint-pattern);background-size:var(--grid-size);background-position:center top;color:var(--color-inverse-text);color-scheme:dark}.opening-home .wordmark span{color:#8fc5ff}.opening-home .site-header :focus-visible,.opening-home .hero :focus-visible{outline-color:#8fc5ff}.opening-home .site-header ::selection,.opening-home .hero ::selection{background:var(--color-inverse-text);color:#073b75}.opening-home input[type=range]{accent-color:#8fc5ff}.opening-home .site-header,.opening-home .type-specimen,.opening-home .specimen-label,.opening-home .hero-baseline{border-color:var(--blueprint-rule)}.opening-home .page-body{color:var(--color-ink);color-scheme:var(--page-color-scheme)}.opening .site-header{position:relative;background-image:var(--blueprint-pattern);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:center bottom}.opening-home .site-header{background-image:none}.opening .site-header:before,.opening .site-header:after{content:"";position:absolute;inset-block-end:-9px;inline-size:17px;block-size:17px;background:radial-gradient(circle,transparent 5px,currentColor 5px 6px,transparent 6px),linear-gradient(currentColor,currentColor) center / 1px 100% no-repeat,linear-gradient(currentColor,currentColor) center / 100% 1px no-repeat;color:var(--blueprint-rule);opacity:1;pointer-events:none}.opening .site-header:before{inset-inline-start:-8px}.opening .site-header:after{inset-inline-end:-8px}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-block:1.7rem;border-block-end:1px solid #8aaac8}.wordmark{font-family:var(--font-display);font-weight:800;font-size:1.65rem;text-decoration:none;letter-spacing:-.04em}.wordmark span{color:var(--color-accent)}.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(1.3rem,3vw,3rem)}.site-header nav a{min-block-size:44px;display:inline-flex;align-items:center;text-decoration:none;font-weight:600;gap:.75rem}.site-header nav a:hover,.site-header nav a[aria-current=page]{text-decoration:underline}.nav-contact{border-block-end:1px solid currentColor}.arrow{flex-shrink:0}.arrow-down{transform:rotate(135deg)}.hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:clamp(2rem,5vw,5rem);padding-block-start:clamp(3rem,6.6vw,6.5rem)}.hero-copy{padding-block:.4rem 4.5rem}h1{font-size:clamp(3.3rem,6.7vw,6rem);line-height:1.02;font-weight:600}.intro{max-inline-size:40ch;font-size:clamp(1.125rem,1.7vw,1.375rem);line-height:1.5;margin-block-start:2rem}.intro strong{font-weight:600}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.75rem;margin-block-start:2rem}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:1.75rem;padding:1rem 1.4rem;min-block-size:54px;text-decoration:none;font-weight:600;border-radius:4px;transition:background-color .18s ease}.button-dark{background:var(--color-button);color:var(--color-button-text)}.button-dark:hover{background:var(--color-button-hover)}.text-link{display:inline-flex;align-items:center;gap:.7rem;min-block-size:44px;font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}.type-specimen{align-self:start;border:1px solid #8aaac8;border-radius:4px;padding:1.25rem 1.6rem 1.4rem;background:#c2ddf5;container-type:inline-size}.opening .type-specimen{position:relative;border-radius:2px;background-image:var(--blueprint-pattern);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:center}.opening-home .type-specimen{background-color:transparent;background-image:none;margin-block-end:1.5rem}.opening .type-specimen:before{content:"";position:absolute;inset:7px;border:1px solid var(--blueprint-rule);pointer-events:none}.opening .specimen-top{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.opening .specimen-swatch{inline-size:20px;block-size:20px;border-radius:0;background:radial-gradient(circle,transparent 6px,currentColor 6px 7px,transparent 7px),linear-gradient(currentColor,currentColor) center / 1px 100% no-repeat,linear-gradient(currentColor,currentColor) center / 100% 1px no-repeat}.opening .specimen-label output{border:1px solid var(--blueprint-rule);padding:.1rem .5rem}.specimen-top,.specimen-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem}.specimen-top{font-weight:600}.specimen-swatch{inline-size:14px;block-size:14px;background:var(--color-ink);border-radius:50%}.card-stage{display:grid;place-items:center;aspect-ratio:1.15;padding-block:1rem}.blueprint-card{inline-size:100%;block-size:auto;overflow:visible}.card-shell,.card-details{stroke:var(--color-inverse-text);stroke-width:1.4}.card-hatch-line{stroke:var(--color-inverse-text);stroke-width:.8;opacity:.25}.card-surface{fill:#dbeafe1a}.card-placeholder{fill:#4876a4}.card-dimensions{fill:none;stroke:#8fc5ff;stroke-width:.8}.card-guides{stroke-dasharray:3 5;opacity:.45}.card-annotations{fill:var(--color-inverse-text);font-family:var(--font-body);font-size:10px;letter-spacing:1.5px}.specimen-label{padding-block-start:1rem;border-block-start:1px solid #8aaac8;font-weight:600}.specimen-label output{font-variant-numeric:tabular-nums}input[type=range]{inline-size:100%;accent-color:var(--color-accent);min-block-size:44px;margin:0;cursor:ew-resize}.card-size-options{border:0;border-block-start:1px solid var(--blueprint-rule);padding:0;margin:.5rem 0 0;min-inline-size:0}.card-size-options legend{float:inline-start;inline-size:100%;padding:1rem 0 .75rem;font-size:.875rem;font-weight:600}.card-size-choices{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding-block-end:.75rem}.card-size-choices label{position:relative;cursor:pointer}.card-size-choices input{position:absolute;inline-size:1px;block-size:1px;clip-path:inset(50%);overflow:hidden}.card-size-choices span{display:grid;place-items:center;min-block-size:44px;border:1px solid var(--blueprint-rule);border-radius:3px;font-size:.8125rem;font-weight:600}.card-size-choices label:hover span{border-color:var(--color-inverse-text)}.card-size-choices input:checked+span{background:var(--color-inverse-text);border-color:var(--color-inverse-text);color:#073b75}.card-size-choices input:focus-visible+span{outline:2px solid var(--color-inverse-text);outline-offset:3px}@supports not (accent-color: auto){#card-padding{appearance:none;background:transparent}#card-padding::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#8fc5ff var(--range-progress, 33%),#4876a4 var(--range-progress, 33%))}#card-padding::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#8fc5ff}#card-padding::-moz-range-track{height:6px;border-radius:3px;background:#4876a4}#card-padding::-moz-range-progress{height:6px;background:#8fc5ff}#card-padding::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#8fc5ff}}#specimen-hint,.specimen-static{font-size:.8125rem}.hero-baseline{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem 2rem;padding-block:1.5rem;border-block-start:1px solid #8aaac8;font-size:.875rem}.hero-baseline span{white-space:nowrap}.page-body{background-color:var(--color-paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-block-end:2.5rem}.section-heading>p{max-inline-size:37ch;color:var(--color-muted)}.work-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2rem;align-items:start}.project-elio{margin-block-start:4rem}.project-visual{position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;aspect-ratio:1.25;border-radius:4px}.campo-visual{background:#f2dfce;padding:1.6rem}.campo-visual img{inline-size:100%}.image-action{position:absolute;inset-inline-end:1rem;inset-block-end:1rem;display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:50%;background:var(--color-paper);color:var(--color-ink);transition:background-color .18s ease,color .18s ease}.project-visual:hover .image-action{background:var(--color-ink);color:var(--color-paper)}.elio-visual{background:#cbe4df;gap:1.2rem;padding:2rem 1.5rem;aspect-ratio:1.12}.elio-screen{inline-size:38%;max-block-size:100%;object-fit:contain}.elio-screen-front{align-self:start}.elio-screen-back{align-self:end}.project-info{padding-block-start:1.25rem}.project-info p{margin-block-start:.3rem;color:var(--color-muted);font-size:.9375rem}.work-footer{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:.5rem 2rem;margin-block-start:2.5rem;padding-block-start:1.5rem;border-block-start:1px solid var(--color-line)}.work-footer>p{color:var(--color-muted)}.work-footer>div{display:flex;gap:2rem}.workflow-feature{background:var(--color-inverse-surface);color:var(--color-inverse-text);color-scheme:dark}.workflow-feature-heading,.workflow-opening-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem)}.workflow-feature h2{font-size:clamp(2.4rem,5.2vw,4.6rem)}.workflow-feature-copy>p+p,.workflow-opening-copy>p+p{margin-block-start:1.25rem}.workflow-lead{font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.3;font-weight:500}.workflow-feature-copy>p:not(.workflow-lead),.workflow-feature-footer>p{color:#b6cee4}.workflow-feature-copy>.text-link{margin-block-start:1.25rem}.workflow-feature :focus-visible{outline-color:var(--color-inverse-text)}.workflow-path{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:clamp(2.5rem,5vw,4.5rem) 0 0;padding:0}.workflow-path li{border-block-start:1px solid currentColor;padding-block-start:1.25rem}.workflow-path strong{display:block;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.025em;font-weight:600}.workflow-path span{display:block;font-size:.9375rem;margin-block-start:.5rem}.workflow-feature .workflow-path span{color:#b6cee4}.workflow-feature-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem;align-items:center;margin-block-start:2rem;font-size:.9375rem}.workflow-opening{background:var(--color-blue-soft)}.workflow-opening .case-back{margin-block:0 2.5rem}.workflow-opening h1{font-size:clamp(3rem,5.7vw,5.5rem);max-inline-size:11ch}.workflow-opening-copy{align-self:end}.workflow-opening-copy>p:not(.workflow-lead){max-inline-size:54ch}.workflow-actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-block-start:1.5rem}.workflow-opening .workflow-path span{color:var(--color-muted)}.workflow-principles{margin-block:2rem 0}.workflow-principles>div{border-block-start:1px solid var(--color-line);padding-block:1.25rem}.workflow-principles dt{font-weight:600;color:var(--color-ink)}.workflow-principles dd{margin:.5rem 0 0}.workflow-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(2rem,6vw,6rem);border-block-start:1px solid var(--color-line);padding-block:clamp(2.5rem,5vw,4.5rem)}.workflow-example:last-child{padding-block-end:0}.workflow-example-index h3{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15}.workflow-example-index>p{color:var(--color-muted);margin-block-start:.75rem}.workflow-status{display:inline-block;font-weight:600;font-size:.9375rem;margin-block-start:1.5rem;border-block:1px solid var(--color-line);padding-block:.5rem}.workflow-example h4{font-family:var(--font-display);font-weight:600;font-size:1.5rem;line-height:1.3;letter-spacing:-.025em;margin:0 0 1rem;color:var(--color-ink)}.workflow-qualification{font-size:.9375rem}.workflow-evidence-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}@media (max-width: 700px){.workflow-feature-heading,.workflow-opening-grid,.workflow-example{grid-template-columns:minmax(0,1fr);gap:2rem}.workflow-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}.workflow-opening h1{font-size:clamp(2.75rem,10.5vw,4.5rem);max-inline-size:12ch}.workflow-opening .case-back{margin-block-end:2rem}.workflow-status{margin-block-start:1rem}.workflow-actions .button{gap:1rem}}.about-section{background:var(--color-soft)}@media screen{.opening-home .about-section{background:color-mix(in srgb,var(--color-soft) 55%,transparent)}.opening-home :is(.workflow-feature,.contact-section){--grid-minor: rgb(143 197 255 / 2.5%);--grid-major: rgb(143 197 255 / 5%)}}.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem)}.about-heading .text-link{margin-block-start:2rem}.about-copy>p{max-inline-size:65ch;margin-block-end:1.2rem;color:var(--color-muted)}.about-copy .about-lead{font-size:clamp(1.5rem,2.3vw,2rem);color:var(--color-ink);line-height:1.25;font-weight:500}.capabilities{margin-block:2rem 0}.capabilities>div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1rem;padding-block:1rem;border-block-start:1px solid var(--color-line)}.capabilities dt{font-weight:600}.capabilities dd{margin:0;color:var(--color-muted)}.experience-list{list-style:none;margin:0;padding:0}.experience-list li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:2rem;padding-block:1.8rem;border-block-start:1px solid var(--color-line);align-items:start}.experience-list li:last-child{border-block-end:1px solid var(--color-line)}.experience-list h3{font-size:1.25rem}.experience-list li>div>p{color:var(--color-muted);margin-block-start:.35rem;font-size:.9375rem}.experience-description{color:var(--color-muted);max-inline-size:38ch}.experience-dates{font-size:.9375rem;font-variant-numeric:tabular-nums;white-space:nowrap}.experience-resume{margin-block-start:1.5rem}.contact-section{background:var(--color-inverse-surface);color:var(--color-inverse-text);color-scheme:dark}.contact-inner{padding-block:clamp(3.5rem,7vw,7rem)}.contact-inner h2{font-size:clamp(2.1rem,5.4vw,5rem);line-height:1.15}.contact-inner h2 a{display:inline-flex;align-items:baseline;gap:1.5rem;text-decoration:none}.contact-inner h2 a:hover{text-decoration:underline;text-decoration-thickness:2px}.contact-inner h2 .arrow{inline-size:clamp(1.8rem,4vw,3.5rem);block-size:auto}.contact-bottom{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:2rem;margin-block-start:3rem}.contact-bottom p{color:#b6cee4}.email-link{font-size:clamp(1.1rem,2vw,1.5rem)}.contact-section :focus-visible{outline-color:var(--color-inverse-text)}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem 2rem;padding-block:2.2rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:1.3rem}.site-footer nav a{display:inline-flex;align-items:center;gap:.3rem;font-size:.875rem;min-block-size:44px;text-decoration:none}.site-footer nav a:hover{text-decoration:underline}.site-footer nav .arrow{inline-size:14px;block-size:14px}.site-footer>p{color:var(--color-muted);font-size:.8125rem}@media (max-width: 1000px){.hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2rem}h1{font-size:clamp(3.3rem,7vw,4.8rem)}.type-specimen{padding:1rem}.hero-copy{padding-block-end:2rem}.experience-list li{grid-template-columns:minmax(0,1fr) auto;gap:.75rem 2rem}.experience-description{grid-row:2}.experience-dates{grid-column:2;grid-row:1}}@media (max-width: 700px){.site-header{padding-block:1rem;gap:1rem}.wordmark{font-size:1.35rem}.site-header nav{gap:1rem;font-size:.875rem}.site-header .nav-contact{gap:.3rem}.nav-contact .arrow{inline-size:16px}.hero{grid-template-columns:minmax(0,1fr);padding-block-start:2.5rem;gap:0}h1{font-size:clamp(2.75rem,10.5vw,4.5rem)}.intro{margin-block-start:1.5rem}.hero-actions{gap:1rem 1.5rem;margin-block-start:1.5rem}.hero-copy{padding-block-end:2.5rem}.type-specimen{margin-block-end:2rem;padding:1.1rem 1.4rem}.specimen-controls{max-inline-size:none}.hero-baseline{font-size:.8125rem;padding-block:1.25rem}.section-heading{display:block;margin-block-end:2rem}.section-heading>p{margin-block-start:1rem}.work-grid,.about-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}.project-elio{margin-block-start:0}.elio-visual{aspect-ratio:1.25}.elio-screen{inline-size:32%}.work-footer{margin-block-start:2rem}.about-heading .text-link{margin-block-start:1rem}.capabilities>div{grid-template-columns:minmax(0,1fr);gap:.3rem}.experience-list li{gap:.75rem}.experience-list h3{font-size:1.125rem}.experience-dates{font-size:.8125rem}.experience-description{grid-column:1 / -1;max-inline-size:65ch}.contact-inner h2 a{gap:.7rem}.contact-bottom{margin-block-start:2rem}.site-footer{align-items:start}.site-footer nav{inline-size:100%;gap:.25rem 1.5rem}}@media (max-width: 370px){.site-header nav{gap:.65rem}.nav-contact .arrow{display:none}.experience-list li{grid-template-columns:minmax(0,1fr)}.experience-dates{grid-column:1;grid-row:3}}@media (prefers-reduced-motion: reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.project-case-link{margin-block-start:.65rem;font-size:.9375rem}.campo-case .case-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.campo-stage{background:#f2dfce;border-radius:4px;padding:clamp(1rem,2.5vw,2rem)}.campo-stage img{inline-size:100%}.campo-catalog,.campo-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem);align-items:start}.campo-catalog,.campo-foundations{margin-block-start:3rem}.campo-screen-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.campo-screen-pair .campo-stage{padding:.75rem}.campo-product-stage{display:flex;justify-content:center}.campo-product-stage img{inline-size:min(100%,300px)}@media (max-width: 700px){.campo-case .case-hero,.campo-catalog,.campo-product{grid-template-columns:minmax(0,1fr);gap:2rem}.campo-screen-pair{gap:.75rem}.campo-screen-pair .campo-stage{padding:.5rem}.campo-product>figure{order:2}.campo-catalog,.campo-foundations{margin-block-start:2rem}}@media (max-width: 370px){.campo-screen-pair{grid-template-columns:minmax(0,1fr);gap:2rem}}.case-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);padding-block:clamp(2.5rem,5vw,5rem);align-items:center}.case-back{margin-block-end:2.5rem}.case-back .arrow{transform:rotate(225deg)}.case-title-detail{display:block;margin-block-start:.5em;font-size:clamp(2.25rem,4.3vw,4rem);line-height:1.08}.case-role{margin-block:1.75rem 1rem;color:var(--color-muted)}.case-role strong{color:var(--color-ink);font-weight:600}.case-study figure{margin:0}.case-study figcaption{font-size:.875rem;line-height:1.5;color:var(--color-muted);margin-block-start:1rem;max-inline-size:60ch}.case-hero .case-role,.case-hero figcaption{color:var(--color-ink)}.case-hero-stage,.case-result-stage{background:#cbe4df;border-radius:4px;padding:clamp(1.25rem,3vw,2.5rem);display:flex;justify-content:center}.case-hero-stage img{inline-size:min(100%,230px)}.case-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem);align-items:start}.case-section-heading>p,.case-prose p{max-inline-size:65ch}.case-section-heading>p{font-size:clamp(1.25rem,2vw,1.5rem)}.case-prose p+p{margin-block-start:1.2rem}.case-prose .text-link{margin-block-start:1.5rem}.case-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin-block:2.5rem;padding-block:1.5rem;border-block:1px solid var(--color-line)}.case-facts dt{color:var(--color-muted);font-size:.875rem;margin-block-end:.5rem}.case-facts dd{margin:0;font-weight:600}.case-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}.case-summary p{margin-block-start:.75rem;max-inline-size:65ch}.case-tonal{background:var(--color-soft)}.case-flow{list-style:none;padding:0;margin-block:3rem 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem;counter-reset:stage}.case-flow li{counter-increment:stage;border-block-start:1px solid var(--color-line);padding-block-start:1.25rem}.case-flow h3:before{content:counter(stage) ". ";color:var(--color-muted);font-variant-numeric:tabular-nums}.case-flow h3{font-size:1.25rem}.case-flow p{margin-block-start:.75rem;font-size:1rem}.case-pattern{margin-block-start:2.5rem;padding-block-start:1.5rem;border-block-start:1px solid var(--color-line)}.case-pattern>p:first-child{color:var(--color-muted);font-size:.875rem;margin-block-end:.5rem}.case-pattern>p:last-child{font-family:var(--font-display);font-size:clamp(1.25rem,2.6vw,2rem);font-weight:600}.case-pattern span{color:var(--color-accent)}.case-review{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem);align-items:start}.case-result-stage img{inline-size:min(100%,340px)}.case-decisions h2{margin-block-end:2rem}.case-decision+.case-decision{margin-block-start:2rem}.case-decision p{margin-block-start:.75rem;max-inline-size:65ch}.case-closing-links{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin-block-start:2rem}@media (max-width: 1000px){.case-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.case-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.case-hero,.case-section-heading,.case-review,.case-summary{grid-template-columns:minmax(0,1fr);gap:2rem}.case-back{margin-block-end:2rem}.case-title-detail{font-size:clamp(2rem,8.5vw,3rem)}.case-hero-stage img{inline-size:min(100%,210px)}.case-facts{gap:1.5rem}.case-flow{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-block-start:2rem}.case-flow li{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1rem}.case-flow p{margin:0}.case-pattern>p:last-child{max-inline-size:22ch;line-height:1.7}.case-result-figure{order:2}.case-result-stage img{inline-size:min(100%,340px)}}@media (max-width: 370px){.case-facts{grid-template-columns:minmax(0,1fr)}.case-flow li{grid-template-columns:minmax(0,1fr);gap:.5rem}}