/* MAXGROUP / product exhibition. Scope new compositions; preserve existing forms. */
/* LesRegion: a real product screen, never a decorative or invented map. */
.folio-card-visual.folio-forest-cover {display:grid;grid-template-columns:1fr;gap:28px;aspect-ratio:auto;padding:32px 32px 78px;background:#203e31;color:#f4f5ed;align-items:center;text-decoration:none}
.folio-forest-copy {display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}
.folio-forest-kicker {font:400 10px/1.7 "Roboto Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#dbc898}
.folio-forest-copy strong {font:500 clamp(27px,3vw,44px)/1.13 "Manrope",sans-serif;letter-spacing:-.04em}
.folio-forest-detail {font-size:13px;line-height:1.7;color:#d1ded4;max-width:260px}
.folio-forest-caption {padding-top:15px;border-top:1px solid #b5c9b64d;font-size:10px;line-height:1.7;color:#c1d1c4}
.folio-forest-screen {display:block;border:1px solid #a4ba9f;background:#f4f6f1;box-shadow:0 20px 45px #07180f55}
.folio-forest-screen img {display:block;width:100%;height:auto;object-fit:contain}
.folio-card-wide .folio-card-visual.folio-forest-cover {grid-template-columns:minmax(210px,.62fr) minmax(0,1.7fr);gap:40px;padding:44px 44px 70px;aspect-ratio:auto}
.folio-forest-cover .folio-card-open {background:#f4f5ed;color:#203e31;border-color:#f4f5ed}
.folio-work .folio-forest-copy strong,.folio-work .folio-forest-detail {display:none}
.folio-work .folio-forest-copy {gap:8px}
.folio-work .folio-forest-caption {padding:0;border:0}
@media(max-width:700px) {
  .folio-card-visual.folio-forest-cover,.folio-card-wide .folio-card-visual.folio-forest-cover {grid-template-columns:1fr;gap:24px;padding:26px 16px 72px;aspect-ratio:auto}
  .folio-forest-copy {padding:0 8px;gap:14px}
  .folio-forest-copy strong {font-size:31px}
  .folio-forest-detail {max-width:270px}
  .folio-forest-caption {padding-top:12px}
}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.folio-exhibit {background:#122135;color:#f4f5f2;isolation:isolate}
.folio-exhibit-panel {display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,2fr);gap:clamp(24px,3vw,48px);align-items:center;min-height:450px;padding:36px;overflow:hidden}
.folio-exhibit-panel[hidden],.folio-exhibit-controls[hidden] {display:none}
.folio-exhibit-copy {display:flex;flex-direction:column;align-items:start;align-self:stretch;justify-content:center}
.folio-exhibit-copy .folio-kicker {font-size:10px;line-height:1.8;color:#cbb078;margin:0 0 20px}
.folio-exhibit-copy h2 {font-size:clamp(26px,2.7vw,40px);font-weight:500;line-height:1.17;letter-spacing:-.04em;margin:0 0 20px;max-width:370px}
.folio-exhibit-copy>p:not(.folio-kicker) {font-size:14px;line-height:1.75;color:#d3dce2;margin:0 0 24px}
.folio-exhibit-detail {display:grid;gap:9px;font-size:11px;line-height:1.7;margin-top:auto;padding-top:16px}
.folio-exhibit-detail small {font-size:11px;color:#bdc9d1;max-width:310px}
.folio-exhibit-copy>a {display:flex;align-items:center;gap:24px;padding:16px 0 6px;min-height:48px;font-size:13px;font-weight:600;color:#f6f5ed}
.folio-exhibit-copy>a>span {color:#e5c88d;font-size:22px}
.folio-exhibit-screen {display:block;align-self:center;min-width:0;background:#0c1522;border:1px solid #a3b6c13d;box-shadow:0 24px 60px #0003}
.folio-exhibit-screen-label {display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 16px;font-size:10px;line-height:1.6;background:#1c2d41;color:#d6e1e8}
.folio-exhibit-screen-label>span:last-child {color:#d7c59c}
.folio-exhibit-screen img {display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;object-position:top;background:#0c1522}
.folio-exhibit-controls {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #b2c2cc44}
.folio-exhibit-controls button {position:relative;display:grid;gap:8px;text-align:left;padding:24px 52px 24px 28px;border:0;border-right:1px solid #b2c2cc44;min-height:98px;background:#152437;color:#c5d0d8;cursor:pointer;font:500 15px/1.4 "Manrope",sans-serif}
.folio-exhibit-controls button:last-child {border-right:0}
.folio-exhibit-controls small {font-size:11px;font-weight:400}
.folio-exhibit-controls button,.folio-exhibit-controls button>* {transition:none}
.folio-exhibit-controls button>* {color:inherit;overflow-wrap:anywhere}
.folio-exhibit-controls button[aria-pressed=true] {background:#cbb078;color:#18221f}
.folio-exhibit-controls button:not([aria-pressed=true]):hover {background:#263b50;color:#fff}
.folio-exhibit-arrow {position:absolute;right:24px;top:28px;font-size:20px}
.folio-home .folio-exhibit :is(a,button):focus-visible {outline:3px solid #fff;outline-offset:-5px}
.exhibit-redbook {background:#dce5d7;color:#254039}
.exhibit-redbook .folio-kicker,.exhibit-redbook .folio-exhibit-copy>p:not(.folio-kicker),.exhibit-redbook .folio-exhibit-detail small {color:#41574a}
.exhibit-redbook .folio-exhibit-copy>a,.exhibit-redbook .folio-exhibit-copy>a>span {color:#254039}
.exhibit-redbook .folio-exhibit-screen {background:#edf1e6;border-color:#9ead994d}
.exhibit-redbook .folio-exhibit-screen img {background:#edf1e6}
.exhibit-maxbeton {background:#202927}
.folio-exhibit-fallback {padding:20px 32px;margin:0;font-size:14px}
.folio-exhibit-fallback a {text-decoration:underline}
@media (prefers-reduced-motion:no-preference) {
  .folio-exhibit-panel:not([hidden]) .folio-exhibit-screen {animation:exhibit-enter .28s ease-out both}
  @keyframes exhibit-enter {from {opacity:.65;transform:translateY(8px)} to {opacity:1;transform:translateY(0)}}
}
@media(max-width:1100px) and (min-width:701px) {
  .folio-exhibit-panel {grid-template-columns:minmax(210px,.9fr) minmax(0,1.6fr);padding:24px;gap:24px;min-height:430px}
  .folio-exhibit-copy h2 {font-size:28px}
}
@media(max-width:700px) {
  .folio-exhibit {display:flex;flex-direction:column}
  .folio-exhibit-controls {order:-1;border-bottom:1px solid #b2c2cc44;border-top:0}
  .folio-exhibit-controls button {font-size:12px;line-height:1.5;min-height:84px;padding:14px 10px;gap:5px}
  .folio-exhibit-controls small {font-size:10px}
  .folio-exhibit-arrow {display:none}
  .folio-exhibit-panel {grid-template-columns:1fr;gap:24px;min-height:0;padding:16px 16px 28px}
  .folio-exhibit-screen {grid-row:1}
  .folio-exhibit-screen-label {font-size:9px;padding:10px}
  .folio-exhibit-screen-label>span:last-child {display:none}
  .folio-exhibit-copy {min-height:320px;padding:0 8px}
  .folio-exhibit-copy .folio-kicker {margin-bottom:14px}
  .folio-exhibit-copy h2 {font-size:30px;max-width:none}
  .folio-exhibit-copy>p:not(.folio-kicker) {font-size:14px;margin-bottom:12px}
  .folio-exhibit-copy>a {margin-top:4px}
}
.folio-classic{--paper:#f4f5f2;--paper-2:#e9ece7;--ink:#18221f;--muted:#58635d}
.folio-classic.maxbeton-case .maxbeton-hero .breadcrumb [aria-current="page"]{color:#c1c9c7}
.folio-classic.lesregion-case {--lr-green:#0a6a42;--lr-muted:#536057}
.folio-classic .lr-progress-snapshot dt{font-size:clamp(36px,4.6vw,72px)}
.folio-home,.folio-work,.folio-case {
  --paper:#f4f5f2;--paper-2:#e9ece7;--white:#fff;--ink:#18221f;--muted:#58635d;
  --text-secondary:#58635d;--signal:#cbb078;--signal-hover:#b99b5f;--signal-ink:#765a26;
  --signal-display:#765a26;--inverse:#192820;--line:rgba(24,34,31,.17);
  --pad:clamp(24px,3.9vw,64px);background:var(--paper);color:var(--ink);
}
.folio-home *, .folio-work *, .folio-case * {min-width:0}
.folio-home main :is(h1,h2,h3,p,a),.folio-work main :is(h1,h2,h3,p,a),.folio-case main :is(h1,h2,h3,p,a) {overflow-wrap:anywhere}
.folio-home .site-footer *, .folio-work .site-footer *, .folio-case .site-footer * {min-width:0;overflow-wrap:anywhere}
.folio-home .site-footer .footer-project-link,.folio-work .site-footer .footer-project-link,.folio-case .site-footer .footer-project-link {white-space:normal}
.folio-card-meta h3 a>span,.folio-home .text-link>span {flex-shrink:0}
.folio-home .site-header,.folio-work .site-header,.folio-case .site-header {background:rgba(244,245,242,.97);border-bottom:1px solid var(--line)}
.folio-home .brand-mark,.folio-work .brand-mark,.folio-case .brand-mark {background:var(--ink);color:var(--paper)}
.folio-home .header-cta,.folio-work .header-cta,.folio-case .header-cta {border-radius:0}
.folio-home .button,.folio-work .button,.folio-case .button {min-height:54px;border-radius:2px}
.folio-home .button-primary,.folio-work .button-primary,.folio-case .button-primary {background:var(--ink);color:#fff;border-color:var(--ink)}
.folio-home .button-primary:hover,.folio-work .button-primary:hover,.folio-case .button-primary:hover {background:#30463b}
.folio-home .button-primary span,.folio-work .button-primary span,.folio-case .button-primary span {color:var(--signal)}
.folio-home a:focus-visible,.folio-home button:focus-visible,.folio-work a:focus-visible,.folio-work button:focus-visible,.folio-case a:focus-visible {outline:3px solid #99712c;outline-offset:5px}
.folio-kicker {font:500 12px/1.6 "Roboto Mono",monospace;letter-spacing:.055em;text-transform:uppercase;margin:0 0 24px;color:var(--muted)}
.folio-hero {padding-top:48px}
.folio-hero-top {display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:48px}
.folio-hero-top .folio-kicker {margin:0}
.folio-location {font-size:12px;line-height:1.6;text-align:right;margin:0}
.folio-location span {display:block;color:var(--muted)}
.folio-hero-copy {display:grid;grid-template-columns:1.75fr 1fr;gap:5%;align-items:end;padding-bottom:56px}
.folio-hero h1 {font:650 clamp(64px,7.1vw,108px)/1.02 "Manrope",sans-serif;letter-spacing:-.06em;word-spacing:.06em;margin:0;max-width:none;text-wrap:initial}
.folio-hero h1 span {color:var(--signal-ink)}
.folio-hero-aside {max-width:400px;padding-bottom:4px}
.folio-hero-aside>p {font-size:18px;line-height:1.65;margin:0 0 28px}
.folio-quiet-link {display:block;width:fit-content;margin-top:20px;font-size:13px;color:var(--muted);text-underline-offset:5px}
.folio-quiet-link:hover {text-decoration:underline}
.folio-aperture {display:grid;grid-template-columns:1.2fr 1fr .85fr;height:clamp(300px,31vw,450px);gap:4px;overflow:hidden;background:var(--ink);border:4px solid var(--ink)}
.aperture-panel {position:relative;isolation:isolate;display:block;overflow:hidden;background:#172320;color:white}
.aperture-panel img {display:block;width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.aperture-system img {object-position:18% top;transform:scale(1.05)}
.aperture-site img {object-position:40% top}
.aperture-experience img {object-position:30% top}
.aperture-panel::after {content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 48%,rgba(9,20,15,.92))}
.aperture-panel>span {position:absolute;left:24px;right:24px;bottom:24px;z-index:1}
.aperture-panel small {display:block;font-size:11px;line-height:1.5;color:#e3e8df;margin-bottom:8px}
.aperture-panel strong {display:flex;justify-content:space-between;gap:16px;font-weight:550;font-size:22px}
.aperture-panel strong span {color:#e2ca95}
.aperture-panel:hover img {transform:scale(1.04)}
.aperture-system:hover img {transform:scale(1.09)}
.aperture-panel:focus-visible {outline-offset:-7px!important;outline-color:#eed6a1!important}
.folio-hero-foot {display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:32px;padding:24px 0 0;font-size:12px;line-height:1.7}
.folio-hero-foot p {margin:0;color:var(--muted)}
.folio-hero-foot>a {font-weight:600;display:flex;align-items:center;gap:40px;min-height:44px}
.folio-section {padding-top:clamp(96px,10vw,160px);padding-bottom:clamp(88px,9vw,144px)}
.folio-section-intro {display:grid;grid-template-columns:1fr 2fr;gap:48px;margin-bottom:64px}
.folio-section h2,.folio-new-work h2,.folio-studio h2,.folio-work h1,.folio-case-heading h1 {font:550 clamp(38px,4.1vw,64px)/1.12 "Manrope",sans-serif;letter-spacing:-.05em;margin:0}
.folio-section-intro>div>p {font-size:18px;line-height:1.7;max-width:680px;margin:28px 0 0;color:var(--muted)}
.folio-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 32px}
.folio-card {margin:0}
.folio-card[hidden] {display:none}
.folio-card-wide {grid-column:1/-1}
.folio-card-visual {display:block;position:relative;overflow:hidden;aspect-ratio:1.35;padding:7%;isolation:isolate}
.folio-card-visual>img {display:block;width:100%;height:100%;object-fit:cover;object-position:top left;box-shadow:0 12px 36px #0003;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.folio-card-visual:hover>img {transform:translateY(-5px) scale(1.012)}
.folio-card-open {position:absolute;bottom:18px;right:18px;min-height:44px;display:flex;align-items:center;gap:36px;background:#fff;color:#17231d;font-size:12px;padding:10px 16px;box-shadow:0 3px 14px #0001}
.folio-card-wide .folio-card-visual {aspect-ratio:2.15;padding:4% 11%}
.folio-card-wide .folio-card-visual>img {object-position:center 25%}
.folio-card-meta {padding-top:23px}
.folio-card-meta>p:first-child {font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 12px}
.folio-card-meta>p:first-child span {padding:0 8px;color:#839086}
.folio-card-meta h3 {font-size:clamp(24px,2.5vw,38px);line-height:1.2;letter-spacing:-.04em;margin:0 0 14px;font-weight:600}
.folio-card-meta h3 a {display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.folio-card-meta h3 span {font-size:26px;font-weight:400}
.folio-card-description {font-size:15px;line-height:1.75;max-width:560px;color:var(--muted);margin:0}
.tone-concrete {--case-surface:#c9c8c0;--case-text:#20261f;background:var(--case-surface);color:var(--case-text)}
.tone-sky {--case-surface:#dbeaf0;--case-text:#123a50;background:var(--case-surface);color:var(--case-text)}
.tone-forest {--case-surface:#244637;--case-text:#f3f5ec;background:var(--case-surface);color:var(--case-text)}
.tone-botanical {--case-surface:#dce5d7;--case-text:#254039;background:var(--case-surface);color:var(--case-text)}
.tone-sport {--case-surface:#dce5ee;--case-text:#192f48;background:var(--case-surface);color:var(--case-text)}
.tone-security {--case-surface:#122135;--case-text:#f1f1e9;background:var(--case-surface);color:var(--case-text)}
.tone-integra {--case-surface:#d8d9ca;--case-text:#20352c;background:var(--case-surface);color:var(--case-text)}
.tone-museum {--case-surface:#d6d6ba;--case-text:#343e2b;background:var(--case-surface);color:var(--case-text)}
.tone-smysly {--case-surface:#e3dae8;--case-text:#3b2d45;background:var(--case-surface);color:var(--case-text)}
.tone-agro {--case-surface:#cedbbd;--case-text:#243e2e;background:var(--case-surface);color:var(--case-text)}
.folio-new-work {padding:100px 0;background:#e9ece7}
.folio-heading-row {display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:56px}
.folio-pill-link {display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid currentColor;border-radius:2px;padding:16px 20px;font-size:13px;font-weight:600;line-height:1.5;min-height:54px}
.folio-pill-link:hover {background:var(--ink);color:#fff}
.folio-more-links {display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:72px;padding-top:32px;border-top:1px solid var(--line)}
.folio-more-links a {display:block;padding:8px 0;min-height:76px}
.folio-more-links span {display:block;color:var(--muted);font-size:11px;margin-bottom:16px}
.folio-more-links strong {display:flex;justify-content:space-between;gap:16px;font-size:23px;font-weight:550;letter-spacing:-.02em}
.folio-more-links strong span {font-size:24px;margin:0;color:var(--ink)}
.folio-service-list {border-top:1px solid var(--line)}
.folio-service-list>a {display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:6%;align-items:center;padding:36px 0;border-bottom:1px solid var(--line)}
.folio-service-list h3 {font-size:26px;line-height:1.35;font-weight:550;letter-spacing:-.035em;margin:0}
.folio-service-list p {font-size:14px;line-height:1.75;margin:0;color:var(--muted)}
.folio-service-list>a>span {display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.folio-service-list>a>span>span {font-size:24px;color:var(--signal-ink);flex-shrink:0}
.folio-service-list>a:hover h3 {color:var(--signal-ink)}
.folio-service-note {font-size:14px;line-height:1.8;color:var(--muted);margin:32px 0 0}
.folio-service-note a {color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.folio-process {padding:108px 0;background:var(--inverse);color:#f6f7f2}
.folio-process .folio-kicker {color:#b7c8bb}
.folio-process h2 {font-size:clamp(48px,6vw,92px);font-weight:500;line-height:1.13;letter-spacing:-.05em;margin:0 0 80px}
.folio-process h2 span {color:#cbb078}
.folio-process-steps {display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;padding:0;margin:0}
.folio-process-steps li {border-top:1px solid #b7c8bb55;padding-top:24px}
.folio-process-steps li>span {font:400 11px/1.7 "Roboto Mono",monospace;color:#cbb078}
.folio-process-steps h3 {font-size:21px;line-height:1.4;letter-spacing:-.02em;font-weight:550;margin:24px 0 16px}
.folio-process-steps p {font-size:14px;line-height:1.8;color:#cad5ce;margin:0}
.folio-studio {display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:12%}
.folio-studio>div>p:not(.folio-kicker) {font-size:17px;line-height:1.8;max-width:610px;color:var(--muted);margin:24px 0}
.folio-studio .folio-pill-link {margin-top:12px}
.folio-founder {position:relative;display:block;overflow:hidden;max-width:470px;background:#dde2d9}
.folio-founder img {display:block;aspect-ratio:.85;width:100%;height:auto;object-fit:cover;object-position:top}
.folio-founder>span {display:block;padding:24px;background:var(--ink);color:#fff}
.folio-founder strong {display:block;font-size:22px;font-weight:550;margin-bottom:8px}
.folio-founder small {display:block;font-size:12px;line-height:1.7;color:#cbd3cd}
.folio-home .brief {background:#192820;color:#fff}
.folio-home .brief .trust-package li {background:#23372b;border-color:#ffffff30}
.folio-home .brief .trust-package span {color:#cbb078}
.folio-home .brief .trust-package strong {color:#edf2ed}
.folio-home .direct-contacts span {color:#becbc1;font-size:11px}
.folio-home .brief .button-primary {background:var(--ink)}
.folio-home .faq {padding-top:72px;padding-bottom:72px}
.folio-work-heading {padding-top:72px;padding-bottom:64px}
.folio-work-heading h1 {font-size:clamp(42px,5.6vw,86px);font-weight:550}
.folio-work-heading h1 span {color:var(--signal-ink)}
.folio-work-lead {display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:940px;margin:44px 0 0 auto}
.folio-work-lead p {margin:0;font-size:17px;line-height:1.8;color:var(--muted)}
.folio-filters {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;padding:24px 0;border-top:1px solid var(--line)}
.folio-filters[hidden] {display:none}
.folio-filters button {font:500 12px/1.5 "Manrope",sans-serif;min-height:44px;padding:12px 16px;border:1px solid #bdc6bf;border-radius:2px;background:transparent;color:var(--ink);cursor:pointer}
.folio-filters button[aria-pressed="true"] {color:#fff;background:var(--ink);border-color:var(--ink)}
.folio-filters button:hover {border-color:var(--ink)}
.folio-catalog {padding-bottom:100px}
.folio-research {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:72px;padding:28px 0;border-block:1px solid var(--line)}
.folio-research p {color:var(--muted);font-size:13px;margin:0}
.folio-research a {font-size:22px;min-height:44px;display:flex;align-items:center;gap:40px}
.folio-end {padding:100px 0;background:#ddd2b7;color:var(--ink)}
.folio-end h2 {font-size:clamp(44px,6.5vw,98px);font-weight:550;letter-spacing:-.055em;line-height:1.15;margin:0 0 42px}
.folio-end .container>div {display:flex;justify-content:space-between;align-items:center;gap:40px}
.folio-end p:not(.folio-kicker) {font-size:18px;line-height:1.75;max-width:640px;margin:0}
.folio-end .folio-kicker {color:#605641}
.folio-case-heading {padding-top:36px;padding-bottom:64px}
.folio-breadcrumb {display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:56px}
.folio-breadcrumb a {display:flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:4px}
.folio-case-heading h1 {font-size:clamp(48px,7.2vw,110px);font-weight:550;max-width:1100px;overflow-wrap:normal}
.folio-case-thesis {font-size:clamp(22px,2.5vw,34px);letter-spacing:-.035em;line-height:1.4;max-width:900px;margin:28px 0 56px;color:var(--muted)}
.folio-case-facts {display:grid;grid-template-columns:1fr 1fr auto;gap:40px;border-top:1px solid var(--line);padding-top:24px}
.folio-case-facts>div>span {font:400 11px/1.5 "Roboto Mono",monospace;color:var(--muted)}
.folio-case-facts p {font-size:14px;line-height:1.7;margin:10px 0 0}
.folio-case-facts>a {align-self:end;min-height:44px;display:flex;align-items:center;font-size:13px}
.folio-case-cover {margin:0;padding:64px 0 24px}
.folio-case-cover img {display:block;width:100%;height:auto;object-fit:contain;box-shadow:0 20px 70px #0002}
.folio-case-cover figcaption {font-size:12px;line-height:1.8;margin-top:24px;color:inherit}
.folio-story {display:grid;grid-template-columns:1fr 2fr;gap:64px;padding-top:100px;padding-bottom:100px}
.folio-story-side nav {display:flex;flex-direction:column;align-items:start;gap:8px}
.folio-story-side nav a {min-height:44px;display:flex;align-items:center;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.folio-story-copy h2 {font-size:clamp(34px,3.6vw,56px);font-weight:550;letter-spacing:-.04em;line-height:1.2;margin:0 0 32px}
.folio-large-copy {font-size:21px;line-height:1.75;letter-spacing:-.015em}
.folio-story-copy h3 {font-size:22px;font-weight:600;margin:40px 0 16px}
.folio-story-copy>p:not(.folio-large-copy) {font-size:17px;line-height:1.8;color:var(--muted)}
.folio-case-decision {padding:88px 0}
.folio-case-decision .folio-kicker {color:inherit;opacity:.8}
.folio-case-decision h2 {font-size:clamp(36px,5.2vw,80px);line-height:1.18;letter-spacing:-.045em;font-weight:500;max-width:1100px;margin:0 0 40px}
.folio-case-decision .container>p:last-child {font-size:18px;line-height:1.8;max-width:740px;margin:0 0 0 auto}
.folio-feature-list {display:grid;grid-template-columns:1fr 1fr;column-gap:64px}
.folio-feature-list article {display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;border-top:1px solid var(--line);padding:28px 0 38px}
.folio-feature-list h3 {font-size:20px;line-height:1.4;letter-spacing:-.025em;margin:0;font-weight:600}
.folio-feature-list p {font-size:15px;line-height:1.8;margin:0;color:var(--muted)}
.folio-case-gallery {display:grid;grid-template-columns:1fr 1fr;gap:56px 32px;padding-bottom:100px}
.folio-case-gallery figure {margin:0}
.folio-case-gallery figure:first-child {grid-column:1/-1}
.folio-case-gallery img {width:100%;height:auto;display:block}
.folio-case-gallery figcaption {display:flex;justify-content:space-between;gap:32px;padding-top:20px;font-size:14px;line-height:1.7}
.folio-case-gallery figcaption strong {font-size:22px;font-weight:550}
.folio-case-gallery figcaption span {max-width:400px;color:var(--muted)}
.folio-gallery-phones{grid-template-columns:repeat(3,1fr);gap:48px;padding-inline:max(var(--pad),5%)}
.folio-gallery-phones figure:first-child{grid-column:auto}
.folio-gallery-phones img{width:100%;max-width:390px;margin-inline:auto;border-radius:30px;box-shadow:0 18px 50px #17231d18}
.folio-gallery-phones figcaption{display:block}
.folio-gallery-phones figcaption strong{display:block;margin:10px 0}
.folio-image-zoom{display:block;position:relative;cursor:zoom-in}
.folio-image-zoom:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.folio-zoom-label{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:20px;padding:12px 16px;background:#18221f;color:#fff;font-size:12px;line-height:1.4;border:1px solid #ffffff40}
.folio-case.lr-dialog-open{overflow:hidden}
.folio-image-dialog{width:min(96vw,1540px);height:min(94dvh,1100px);max-width:none;max-height:none;padding:0;border:1px solid #d1d5cd;background:var(--paper);color:var(--ink);margin:auto;overflow:hidden}
.folio-image-dialog::backdrop{background:#101813ed}
.folio-image-dialog-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}
.folio-image-dialog header{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:24px;padding:16px 24px;border-bottom:1px solid var(--line)}
.folio-image-dialog header h2{margin:0;font-size:clamp(17px,2vw,26px);line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}
.folio-image-dialog button{width:48px;height:48px;display:grid;place-items:center;font-size:30px;line-height:1;background:transparent;border:1px solid var(--ink);color:var(--ink);cursor:pointer}
.folio-image-dialog-view{display:grid;place-items:safe center;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px;background:#17211d}
.folio-image-dialog-view img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.folio-image-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;border-top:1px solid var(--line)}
.folio-image-dialog footer p{font-size:13px;line-height:1.5;max-width:1000px;margin:0;color:var(--muted)}
.folio-image-dialog footer a{min-height:44px;display:inline-flex;align-items:center;flex-shrink:0;font-size:13px;text-underline-offset:5px;color:var(--ink)}
.folio-image-dialog :is(a,button,[tabindex]):focus-visible{outline:3px solid #cbb078;outline-offset:3px}
@media(max-width:700px){.folio-image-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.folio-image-dialog header{padding:12px;gap:12px}.folio-image-dialog-view{padding:8px}.folio-image-dialog footer{padding:12px;display:block}.folio-image-dialog footer p{font-size:12px}.folio-image-dialog footer a{margin-top:8px}.folio-zoom-label{right:10px;bottom:10px;padding:9px 12px}}
@media(max-height:500px){.folio-image-dialog header{padding:8px 16px}.folio-image-dialog footer{padding:4px 16px}.folio-image-dialog footer p{display:none}.folio-image-dialog footer a{margin:0}}
.folio-delivery {display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding-top:64px;padding-bottom:72px;border-top:1px solid var(--line)}
.folio-delivery h2 {font-size:clamp(34px,3.5vw,52px);line-height:1.2;font-weight:550;letter-spacing:-.04em;margin:0}
.folio-delivery .folio-large-copy {margin-top:0}
.folio-delivery ul {list-style:none;margin:32px 0;padding:0}
.folio-delivery li {font-size:15px;line-height:1.8;padding:16px 0 16px 28px;border-bottom:1px solid var(--line);position:relative}
.folio-delivery li::before {content:"↗";position:absolute;left:0;color:var(--signal-ink)}
.folio-boundary {border-left:3px solid #ad955e;padding-left:24px;margin:40px 0}
.folio-boundary h3 {font-size:14px;font-weight:650;margin:0 0 10px}
.folio-boundary p {font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.folio-case-fit {padding-bottom:88px}
.folio-case-fit p {max-width:900px;font-size:24px;line-height:1.6;letter-spacing:-.025em;margin:0}
.folio-next {display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:48px;padding-bottom:48px}
.folio-next>a:first-child {font-size:14px;display:flex;align-items:center;min-height:44px}
.folio-next>a:last-child {text-align:right}
.folio-next small {display:block;font-size:11px;color:var(--muted);margin-bottom:8px}
.folio-next strong {font-size:24px;font-weight:550}
.folio-case [id],.folio-home [id] {scroll-margin-top:110px}
.folio-home .cookie-banner,.folio-work .cookie-banner,.folio-case .cookie-banner{display:block;max-width:440px;padding:20px;border-top:2px solid #bca368}
.folio-home .cookie-banner[hidden],.folio-work .cookie-banner[hidden],.folio-case .cookie-banner[hidden]{display:none}
.folio-home .cookie-banner>p,.folio-work .cookie-banner>p,.folio-case .cookie-banner>p{font-size:13px;line-height:1.65;margin:0}
.folio-home .cookie-banner>div,.folio-work .cookie-banner>div,.folio-case .cookie-banner>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.folio-home .cookie-banner button,.folio-work .cookie-banner button,.folio-case .cookie-banner button{min-height:46px;font-size:11px;padding:10px}
@media(min-width:1700px){.folio-hero h1{font-size:120px}.folio-aperture{height:460px}}
@media(max-width:1120px){
  .folio-hero-copy{grid-template-columns:1.3fr 1fr;gap:40px}.folio-hero h1{font-size:72px}.folio-hero-aside>p{font-size:16px}
  .folio-aperture{height:330px}.aperture-panel>span{left:16px;right:16px;bottom:16px}.aperture-panel strong{font-size:18px}
  .folio-service-list>a{grid-template-columns:1fr 1fr;gap:24px}.folio-service-list>a>span{grid-column:2}.folio-process-steps{grid-template-columns:1fr 1fr;gap:40px}
  .folio-section-intro{grid-template-columns:.65fr 2fr;gap:32px}.folio-studio{gap:6%}.folio-feature-list article{grid-template-columns:1fr;gap:16px}.folio-feature-list{column-gap:40px}
}
@media(max-width:760px){
  .folio-home,.folio-work,.folio-case{--pad:24px}
  .folio-hero{padding-top:28px}.folio-hero-top{margin-bottom:40px;gap:20px}.folio-hero-top .folio-kicker{font-size:10px;max-width:200px}.folio-location{font-size:10px;flex-shrink:0}.folio-location span{max-width:120px}
  .folio-hero-copy{grid-template-columns:1fr;gap:28px;padding-bottom:36px}.folio-hero h1{font-size:clamp(52px,10.7vw,78px);letter-spacing:-.06em}.folio-hero-aside{max-width:520px}.folio-hero-aside>p{font-size:17px;line-height:1.7;margin-bottom:24px}
  .folio-quiet-link{display:inline-block;margin-left:20px;line-height:1.7;font-size:12px}
  .folio-aperture{grid-template-columns:1.15fr 1fr;height:310px}.aperture-experience{display:none}.aperture-panel strong{font-size:16px}.aperture-panel small{font-size:10px}.aperture-panel img{object-fit:cover}
  .folio-hero-foot{grid-template-columns:1fr auto;gap:20px;font-size:11px}.folio-hero-foot p:nth-child(2){display:none}.folio-hero-foot>a{gap:20px}
  .folio-section{padding-top:80px;padding-bottom:80px}.folio-section-intro{grid-template-columns:1fr;gap:12px;margin-bottom:40px}.folio-kicker{margin-bottom:20px;font-size:11px}.folio-section-intro>.folio-kicker{margin-bottom:8px}
  .folio-section h2,.folio-new-work h2,.folio-studio h2{font-size:38px;line-height:1.15}.folio-section-intro>div>p{font-size:16px;margin-top:24px}
  .folio-grid{grid-template-columns:1fr;gap:44px}.folio-card-wide{grid-column:auto}.folio-card-wide .folio-card-visual{aspect-ratio:1.3;padding:7%}.folio-card-visual{aspect-ratio:1.3}
  .folio-card-meta{padding-top:20px}.folio-card-meta h3{font-size:28px}.folio-card-description{font-size:15px}.folio-card-meta>p:first-child{font-size:11px}
  .folio-new-work{padding:72px 0}.folio-heading-row{display:block;margin-bottom:36px}.folio-heading-row>.folio-pill-link{margin-top:28px}
  .folio-more-links{grid-template-columns:1fr;gap:20px;margin-top:44px}.folio-more-links a{padding:12px 0;border-bottom:1px solid var(--line)}
  .folio-service-list>a{grid-template-columns:1fr;gap:16px;padding:28px 0}.folio-service-list h3{font-size:26px}.folio-service-list h3 br{display:none}.folio-service-list p{font-size:16px}.folio-service-list>a>span{grid-column:auto;min-height:44px;font-size:13px}
  .folio-service-note{font-size:15px}.folio-service-note a{display:block;margin-top:8px}
  .folio-process{padding:72px 0}.folio-process h2{font-size:46px;margin-bottom:44px}.folio-process-steps{grid-template-columns:1fr;gap:32px}.folio-process-steps h3{margin:18px 0 12px;font-size:24px}.folio-process-steps p{font-size:16px}
  .folio-studio{grid-template-columns:1fr;gap:44px}.folio-studio>div>p:not(.folio-kicker){font-size:16px}.folio-founder{max-width:440px;width:100%}.folio-founder img{aspect-ratio:1}
  .folio-work-heading{padding-top:48px;padding-bottom:32px}.folio-work-heading h1{font-size:42px;line-height:1.18}.folio-work-lead{grid-template-columns:1fr;gap:20px;margin-top:32px}.folio-work-lead p{font-size:16px}
  .folio-filters{gap:8px;padding:20px 0}.folio-filters button{font-size:11px;padding:10px 12px}.folio-catalog{padding-bottom:64px}.folio-research{margin-top:48px}
  .folio-end{padding:64px 0}.folio-end h2{font-size:44px;margin-bottom:28px}.folio-end .container>div{display:block}.folio-end p:not(.folio-kicker){font-size:17px}.folio-end .button{margin-top:28px;width:100%;justify-content:space-between}
  .folio-case-heading{padding-top:24px;padding-bottom:36px}.folio-breadcrumb{font-size:11px;margin-bottom:32px;gap:8px}.folio-case-heading h1{font-size:44px;line-height:1.13;overflow-wrap:anywhere}.folio-case-thesis{font-size:24px;margin:22px 0 32px}
  .folio-case-facts{grid-template-columns:1fr;gap:22px}.folio-case-facts p{margin-top:6px;font-size:14px}.folio-case-cover{padding:24px 0 20px}.folio-case-cover>.container{padding-inline:14px}.folio-case-cover figcaption{font-size:11px;line-height:1.7;margin-top:16px}
  .folio-story{grid-template-columns:1fr;gap:24px;padding-top:64px;padding-bottom:64px}.folio-story-side nav{flex-direction:row;flex-wrap:wrap;gap:8px 24px}.folio-story-copy h2{font-size:34px;margin-bottom:24px}.folio-large-copy{font-size:18px;line-height:1.8}.folio-story-copy>p:not(.folio-large-copy){font-size:16px}
  .folio-case-decision{padding:64px 0}.folio-case-decision h2{font-size:38px;line-height:1.2;margin-bottom:28px}.folio-case-decision .container>p:last-child{font-size:16px}
  .folio-feature-list{grid-template-columns:1fr}.folio-feature-list article{gap:14px;padding:26px 0}.folio-feature-list h3{font-size:23px}.folio-feature-list p{font-size:16px}
  .folio-case-gallery{grid-template-columns:1fr;gap:40px;padding-bottom:64px}.folio-case-gallery figure:first-child{grid-column:auto}.folio-case-gallery figcaption{display:block}.folio-case-gallery figcaption strong{display:block;margin-bottom:8px}
  .folio-gallery-phones{padding-inline:40px}.folio-gallery-phones img{max-width:330px}
  .folio-delivery{grid-template-columns:1fr;gap:32px;padding-top:48px;padding-bottom:40px}.folio-delivery h2{font-size:36px}.folio-delivery li{font-size:16px}.folio-boundary p{font-size:15px}.folio-case-fit{padding-bottom:64px}.folio-case-fit p{font-size:21px}.folio-next{padding-top:32px;padding-bottom:32px}.folio-next strong{font-size:20px}
}
@media(max-width:390px){.folio-hero h1{font-size:51px}.folio-quiet-link{margin-left:0;display:block}.folio-aperture{height:280px}.aperture-panel>span{left:12px;right:12px}.aperture-panel strong{font-size:15px}.folio-case-heading h1{font-size:39px}.folio-work-heading h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.aperture-panel img,.folio-card-visual>img{transition:none}.aperture-panel:hover img,.folio-card-visual:hover>img{transform:none}}
