@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/open-sans-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/open-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/open-sans-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/open-sans-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/open-sans-600-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/open-sans-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(assets/fonts/urbanist-300i-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(assets/fonts/urbanist-300i-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/urbanist-400i-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/urbanist-400i-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(assets/fonts/urbanist-300-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(assets/fonts/urbanist-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/urbanist-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/urbanist-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/urbanist-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/urbanist-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/urbanist-600-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/urbanist-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
--sand-0:#fff;--sand-50:#faf6f0;--sand-100:#f3ece2;--sand-200:#e6dcce;--sand-300:#d3c6b3;
--sand-500:#9a8c7c;--sand-600:#6b6155;--sand-800:#332e28;--sand-900:#211d19;--sand-950:#141210;
--terra:#b25139;--terra-600:#94402c;--azure-100:#ddebf4;--azure-700:#2c5271;
--display:"Urbanist",Helvetica,Arial,sans-serif;--body:"Open Sans",Helvetica,Arial,sans-serif;
--gutter:20px;--maxw:1440px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--sand-50);color:var(--sand-900);font-family:var(--body);font-size:1rem;line-height:1.7;letter-spacing:.002em;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4,h5,h6{font-family:var(--display);font-weight:500;letter-spacing:-.02em;line-height:1.12;margin:0}
h1{font-weight:400;letter-spacing:-.03em}
p{margin:0 0 1.15em;text-wrap:pretty}
p:last-child{margin-bottom:0}
a{color:var(--terra-600);text-decoration:none}
a:hover{color:var(--sand-900)}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--terra-600);outline-offset:3px}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.eyebrow{font-family:var(--display);font-weight:600;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sand-500);margin:0 0 1.4rem}
h2.kicker,.sec-head .kicker,.kicker{font-family:var(--display);font-style:italic;font-size:1.125rem;letter-spacing:0;font-weight:400;color:var(--sand-500);margin:0 0 1rem;line-height:1.3}
.entry-sub{font-family:var(--display)!important;font-weight:500!important;font-size:1.0625rem!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--sand-900)!important}
.lede{font-size:1.0625rem;line-height:1.72;color:var(--sand-600);max-width:58ch}
.rule{border:0;border-top:1px solid var(--sand-200);margin:0}
.serif{font-family:var(--display);font-style:italic;font-weight:300;letter-spacing:-.01em}

.skip{position:absolute;left:-9999px}
.skip:focus{left:var(--gutter);top:10px;z-index:60;background:var(--sand-900);color:var(--sand-50);padding:.6rem 1rem}

.site-head{position:sticky;top:0;z-index:50;background:rgba(250,246,240,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--sand-200)}
.site-head__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px}
.wordmark{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-size:1.1875rem;letter-spacing:-.01em;color:var(--sand-900)}
.wordmark__mark{flex:none;width:1.5em;height:1.5em;background:currentColor;-webkit-mask:url("assets/mark.png") center/contain no-repeat;mask:url("assets/mark.png") center/contain no-repeat}
.wordmark span:not(.wordmark__mark){color:var(--sand-600)}
.nav-toggle{appearance:none;background:none;border:1px solid var(--sand-300);border-radius:2px;color:var(--sand-900);font-family:var(--display);font-weight:600;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;padding:.45rem .7rem;cursor:pointer}
.nav{display:none}
.nav.is-open{display:block;position:absolute;left:0;right:0;top:100%;background:var(--sand-50);border-bottom:1px solid var(--sand-200);padding:.5rem var(--gutter) 1.4rem}
body.overlay-nav .nav-toggle{border-color:rgba(255,255,255,.55);color:#fff}
body.overlay-nav .site-head.is-solid .nav-toggle{border-color:var(--sand-300);color:var(--sand-900)}
.nav ul{display:flex;flex-direction:column;gap:.15rem}
.nav a{display:block;padding:.6rem 0;font-size:1.25rem;font-family:var(--display);color:var(--sand-900);border-bottom:1px solid var(--sand-100)}
.nav a[aria-current="page"]{color:var(--terra-600)}

.hero{padding-block:4.5rem 3.5rem}
.hero h1{font-size:clamp(2.4rem,10vw,3.1rem);max-width:20ch;margin-bottom:1.6rem}
.hero .lede{max-width:48ch}
.hero__meta{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:.9rem 2rem;align-items:center}

.btn{display:inline-block;text-transform:uppercase;letter-spacing:.14em;border-radius:0;font-family:var(--display);font-weight:600;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;padding:.95rem 1.6rem;border-radius:2px;background:var(--sand-900);color:var(--sand-50);border:1px solid var(--sand-900);transition:background .18s ease,color .18s ease}
.btn:hover{background:var(--terra-600);border-color:var(--terra-600);color:#fff}
.btn--ghost{background:none;color:var(--sand-900);border-color:var(--sand-300)}
.btn--ghost:hover{background:var(--sand-900);border-color:var(--sand-900);color:var(--sand-50)}
.more{font-family:var(--display);font-weight:600;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--sand-300);padding-bottom:2px}
.more:hover{border-color:var(--terra-600)}

section{padding:4.8rem 0}
.band{background:var(--sand-100)}
.band--tint{background:var(--azure-100)}
.band--sky{background:linear-gradient(180deg,#ddebf4 0%,#eaf3f8 46%,#faf6f0 100%)}
.band--ink{background:var(--sand-900);color:var(--sand-100)}
.band--ink h2,.band--ink h3,.band--ink .wordmark{color:var(--sand-50)}
.band--ink .lede,.band--ink p{color:#cfc5b7}
.band--ink .eyebrow{color:#9a8c7c}

.sec-head{max-width:34ch;margin-bottom:2.6rem}
.sec-head h2{font-size:clamp(1.8rem,6.4vw,2.35rem)}
.sec-head p{margin-top:1rem;color:var(--sand-600)}

.split{display:grid;gap:2rem}
.split__body{max-width:62ch}
.checks li{padding:.85rem 0 .85rem 1.5rem;border-top:1px solid var(--sand-200);position:relative;color:var(--sand-600)}
.checks li::before{content:"";position:absolute;left:0;top:1.45rem;width:8px;height:1px;background:var(--terra)}
.checks li:last-child{border-bottom:1px solid var(--sand-200)}

.list{border-top:1px solid var(--sand-200)}
.list__item{padding:1.7rem 0;border-bottom:1px solid var(--sand-200)}
.list__item h3{font-size:1.375rem;margin-bottom:.55rem}
.list__item p{color:var(--sand-600);max-width:52ch;font-size:.9375rem}
.list__item .more{display:inline-block;margin-top:.9rem}

.entry{padding:2.6rem 0;border-top:1px solid var(--sand-200)}
.entry:first-child{border-top:0}
.entry h2{font-size:clamp(1.7rem,6vw,2.1rem);margin-bottom:1.3rem}
.entry h3{font-size:.75rem;font-family:var(--display);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sand-500);margin:2rem 0 .6rem}
.entry__body{max-width:66ch}
.focal li{padding:.7rem 0;border-top:1px solid var(--sand-200);color:var(--sand-600);font-size:.9375rem}
.takeaway{margin-top:1.8rem;padding:1.2rem 1.3rem;background:var(--sand-100);border-left:2px solid var(--terra);font-size:.9375rem;max-width:62ch}
.takeaway b{font-weight:500}

.numbered{counter-reset:step}
.step{padding:2rem 0;border-top:1px solid var(--sand-200)}
.step h3{font-size:1.3rem;margin-bottom:.8rem}
.step__body{max-width:62ch;color:var(--sand-600)}

.project{margin-top:2.4rem;padding:2rem 1.4rem;background:var(--sand-0);border:1px solid var(--sand-200);border-radius:18px}
.project h4{font-family:var(--display);font-style:italic;font-size:1.6rem;letter-spacing:0;margin-bottom:1.1rem}
.project p{font-size:.9375rem;color:var(--sand-600)}
.project .src{display:inline-block;margin-top:.4rem;font-size:.75rem;word-break:break-all}

.partners{display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin-top:1.8rem;font-size:.875rem}

.cta{padding:5.6rem 0}
.cta h2{font-size:clamp(1.9rem,7vw,2.6rem);max-width:22ch}
.cta .sec-head--center h2,.cta .sec-head--center p{margin-inline:auto}
.cta p{margin-top:1.1rem;max-width:52ch}
.cta .actions{max-width:none;text-align:center}
.cta .btn{margin-top:2rem}

.contact-grid{display:grid;gap:2.4rem;margin-top:2.6rem}
.contact-grid h3{font-size:1.1rem;margin-bottom:.9rem}
.contact-grid dl{margin:0;display:grid;gap:.5rem}
.contact-grid dt{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sand-500)}
.contact-grid dd{margin:0 0 .6rem;color:var(--sand-600)}
.contact-grid dd address{font-style:normal}

.site-foot{background:var(--sand-950);color:var(--sand-300);padding:3rem 0 2rem;font-size:.875rem}
.site-foot a{color:var(--sand-200)}
.site-foot a:hover{color:#fff}
.site-foot__contact{display:flex;flex-wrap:wrap;gap:.6rem 3rem;margin:1.6rem 0 0;padding:0;list-style:none}
.site-foot__contact address{font-style:normal;color:var(--sand-500)}
.site-foot__nav{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin:1.6rem 0 2.4rem}
.site-foot__mark{display:flex;align-items:center;gap:.4em;font-family:var(--display);font-style:italic;font-size:clamp(2.2rem,13vw,4rem);color:#302b27;line-height:1;letter-spacing:-.01em}
.site-foot__glyph{flex:none;width:.62em;height:.62em;background:currentColor;-webkit-mask:url("assets/mark.png") center/contain no-repeat;mask:url("assets/mark.png") center/contain no-repeat}
.site-foot small{display:block;color:var(--sand-500);margin-top:1.6rem;font-size:.75rem}

.ph{background:linear-gradient(155deg,#ddebf4 0%,#f0f6fa 34%,#f3ece2 64%,#edc3b3 100%);border-radius:3px}
.media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.media img,.media video{width:100%;height:100%;object-fit:cover;display:block}
.graded{filter:sepia(.16) saturate(.82) contrast(1.03) brightness(1.04)}
.media video{filter:sepia(.1) saturate(.86) contrast(1.02)}
.media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,16,.45) 0%,rgba(20,18,16,.12) 30%,rgba(20,18,16,.5) 62%,rgba(20,18,16,.82) 100%)}
.banner{margin:2.2rem 0 0}
.banner img{width:100%;height:clamp(200px,40vw,440px);object-fit:cover;border-radius:16px}
.entry-fig{margin:0 0 1.7rem}
.entry-fig img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.project img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:1.6rem}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
.discover__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;display:block}

.hero-full{position:relative;isolation:isolate;min-height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center;padding-block:8rem 5rem;overflow:hidden}
.hero-full .ph{position:absolute;inset:0;border-radius:0;z-index:-1}
.hero-full h1{font-size:clamp(2.5rem,10.5vw,4rem);letter-spacing:-.03em;max-width:22ch;margin:0 auto 1.4rem;color:#fff}
.hero-full{color:#fff;text-shadow:0 1px 24px rgba(20,18,16,.35)}
.hero-full .kicker{color:rgba(255,255,255,.9)}
.hero-full .lede{color:rgba(255,255,255,.92)}
.hero-full .kicker{color:rgba(255,255,255,.9)}
.hero-full .lede{max-width:52ch;margin-inline:auto;color:rgba(255,255,255,.94)}
.hero-full__foot{margin-top:2.2rem;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem}
.pill{border-radius:0;padding:.95rem 1.7rem}
.nav-cta{display:none;font-size:.75rem;padding:.7rem 1.25rem}
.cta-card{background:rgba(255,255,255,.86);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.7);border-radius:18px;padding:2.6rem 1.4rem;box-shadow:0 30px 70px -40px rgba(33,29,25,.4);max-width:760px;margin-inline:auto}
.chip{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.6);border-radius:4px;padding:.9rem 1rem;width:min(240px,100%);box-shadow:0 12px 34px -18px rgba(33,29,25,.4)}
.chip .ph{aspect-ratio:16/10;margin-bottom:.7rem}
.chip p{font-size:.8125rem;color:var(--sand-600)}

body.overlay-nav .site-head{position:absolute;left:0;right:0;background:none;border-bottom-color:transparent;transition:background .25s ease,border-color .25s ease}
body.overlay-nav .site-head.is-solid{position:fixed;left:0;right:0;background:rgba(250,246,240,.94);border-bottom-color:var(--sand-200)}

.sec-head--center{max-width:30ch;margin-inline:auto;text-align:center}
.sec-head--center .kicker{margin-bottom:.7rem}

.cards{display:grid;gap:1.1rem;grid-template-columns:1fr}
.card{position:relative;background:var(--sand-0);border:1px solid var(--sand-200);border-radius:16px;padding:.55rem;box-shadow:0 20px 40px -34px rgba(33,29,25,.35)}
.card .ph{aspect-ratio:4/3}
.card h3{font-size:1.0625rem;margin:1rem .5rem .4rem}
.card p{font-size:.875rem;color:var(--sand-600);margin:0 .5rem 1rem}
.card .more{margin:0 .5rem .4rem;display:inline-block}
.card__tag{position:absolute;top:1.1rem;right:1.1rem;background:var(--sand-900);color:var(--sand-50);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .6rem;border-radius:2px}

.discover{display:grid;gap:2rem;align-items:start}
.discover__media{position:relative;display:grid;gap:.8rem}
.stack-list{display:grid;gap:.7rem;margin-top:1.6rem}
.stack-card{background:var(--sand-0);color:var(--sand-800);border:1px solid var(--sand-200);border-radius:12px;padding:1.1rem 1.2rem;font-size:.9375rem;box-shadow:0 12px 30px -26px rgba(33,29,25,.45)}
.discover__copy p{color:var(--sand-600)}
.discover__copy h2{font-size:clamp(1.8rem,6.4vw,2.3rem);margin-bottom:1.2rem}
.discover__lead{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,4.6vw,1.7rem);line-height:1.32;letter-spacing:-.02em;color:var(--sand-900)}

.showreel .ph{aspect-ratio:16/10;margin-top:2.4rem}
.showreel h2{font-size:clamp(1.9rem,7vw,2.7rem);text-align:center;max-width:24ch;margin-inline:auto}

.mark-band{overflow:hidden;padding-bottom:0}
.mark-band .mark{font-family:var(--display);font-style:italic;font-size:clamp(3rem,17vw,9rem);line-height:.9;color:#dfd3c2;margin:2.4rem 0 -.15em;white-space:nowrap}

@media (min-width:600px){
:root{--gutter:32px}
.hero{padding-block:6rem 4.5rem}
section{padding:6.5rem 0}
.checks li{padding-left:1.9rem}
.contact-grid{grid-template-columns:repeat(2,1fr);gap:3rem}
}

@media (min-width:600px){
.cards{grid-template-columns:repeat(2,1fr);gap:1.4rem}
.discover{grid-template-columns:1fr 1fr;gap:2.8rem}
}

@media (min-width:900px){
.nav-cta{display:inline-block}
.site-head__inner{gap:2rem}
.nav{margin-inline:auto}
.cta-card{padding:3.4rem 3rem}
.hero-full{min-height:100vh;padding-block:10rem 6rem}
.hero-full h1{font-size:clamp(3.6rem,6.4vw,5.4rem);max-width:24ch}
.cards{grid-template-columns:repeat(3,1fr);gap:1.6rem}
.cards--five .card:nth-child(4){grid-column:1/2}
.cards--five .card:nth-child(4),.cards--five .card:nth-child(5){margin-top:-.6rem}
.discover{grid-template-columns:7fr 5fr;gap:4rem}
.discover__copy{padding-top:2.4rem}
.nav ul{gap:2.2rem}
body.overlay-nav .site-head .nav a,body.overlay-nav .wordmark{color:rgba(255,255,255,.86)}
body.overlay-nav .wordmark span:not(.wordmark__mark){color:rgba(255,255,255,.6)}
body.overlay-nav .site-head .nav a:hover{color:#fff}
body.overlay-nav .site-head.is-solid .nav a,body.overlay-nav .site-head.is-solid .wordmark{color:var(--sand-900)}
body.overlay-nav .site-head.is-solid .wordmark span:not(.wordmark__mark){color:var(--sand-600)}
body.overlay-nav .site-head.is-solid .nav a:hover{color:var(--terra-600)}
}

@media (min-width:900px){
:root{--gutter:44px}
.nav-toggle{display:none}
.nav{display:block}
.nav ul{flex-direction:row;gap:1.9rem}
.nav a{font-family:var(--display);font-weight:500;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;padding:0;border:0;color:var(--sand-600)}
.nav a:hover{color:var(--sand-900)}
.hero{padding-block:7.5rem 5rem}
.hero h1{font-size:clamp(3.2rem,5.6vw,4.4rem)}
section{padding:8.5rem 0}
.sec-head{margin-bottom:3.2rem}
.split{grid-template-columns:5fr 7fr;gap:4rem}
.list__item{display:grid;grid-template-columns:4fr 8fr;gap:3rem;padding:2.1rem 0}
.entry{display:grid;grid-template-columns:4fr 8fr;gap:3.5rem;padding:3.4rem 0}
.entry h2{margin-bottom:0}
.step{display:grid;grid-template-columns:4fr 8fr;gap:3.5rem}
.step h3{margin-bottom:0;max-width:16ch}
.focal{columns:2;column-gap:2.5rem}
.focal li:nth-child(1),.focal li:nth-child(4){border-top:1px solid var(--sand-200)}
.cta{padding:9.5rem 0}
.contact-grid{grid-template-columns:5fr 4fr 3fr}
.project{padding:2.6rem 2.4rem}
}

@media (min-width:1200px){
:root{--gutter:56px}
.entry,.step,.list__item{gap:4.5rem}
}

@media (min-width:1500px){
:root{--gutter:64px}
}

.page-hero{position:relative;isolation:isolate;min-height:80vh;display:flex;flex-direction:column;justify-content:flex-end;padding-block:8rem 3rem;overflow:hidden}
.page-hero .media{position:absolute;inset:0;z-index:-1}
.page-hero>.wrap{width:100%}
.page-hero h1{font-size:clamp(2.4rem,9vw,3.4rem);color:#fff;max-width:20ch;margin-bottom:1.1rem}
.page-hero .kicker{color:rgba(255,255,255,.72)}
.page-hero .lede{color:rgba(255,255,255,.92);max-width:46ch}

.jump{border-bottom:1px solid var(--sand-200);background:var(--sand-50);position:sticky;top:67px;z-index:40}
.jump ul{display:flex;gap:.6rem;overflow-x:auto;padding:.85rem 0;scrollbar-width:none}
.jump ul::-webkit-scrollbar{display:none}
.jump a{display:flex;gap:.5rem;align-items:baseline;white-space:nowrap;font-family:var(--display);font-weight:600;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sand-600);border:1px solid var(--sand-300);padding:.6rem 1rem;transition:background .18s ease,color .18s ease,border-color .18s ease}
.jump a:hover{background:var(--sand-900);border-color:var(--sand-900);color:var(--sand-50)}
.jump a:hover span{color:rgba(250,246,240,.6)}
.jump a span{font-size:.6875rem;color:var(--sand-300);font-variant-numeric:tabular-nums}

.thesis{padding:4rem 0}
.thesis p{font-family:var(--display);font-weight:300;font-size:clamp(1.25rem,4.4vw,1.75rem);line-height:1.4;letter-spacing:-.02em;color:var(--sand-900);max-width:34ch}

.sect{padding:3rem 0;scroll-margin-top:130px;border-top:1px solid var(--sand-200);display:grid;gap:1.6rem}
.sect:first-of-type{border-top:0}
.sect__media{margin:0}
.sect__media img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px}
.sect__no{font-family:var(--display);font-size:.75rem;letter-spacing:.16em;color:var(--sand-500);margin:0 0 .5rem}
.sect h2{font-size:clamp(1.8rem,6.6vw,2.5rem);margin-bottom:1.1rem}
.sect__body{max-width:60ch}
.sect__body>p{color:var(--sand-800)}
.sect .focal{margin-top:.4rem}

.case{margin-top:2rem;background:var(--sand-900);color:#c3b8a9;border-radius:16px;overflow:hidden}
.case img{width:100%;aspect-ratio:16/9;object-fit:cover}
.case__body{padding:1.6rem 1.3rem}
.case__label{font-family:var(--display);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:#9a8c7c;margin:0 0 .8rem}
.case h4{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,4.6vw,1.7rem);letter-spacing:-.02em;color:var(--sand-50);margin-bottom:1rem}
.case p{font-size:.9375rem;color:#b0a595}
.case .src{display:inline-block;margin-top:.6rem;font-size:.75rem;word-break:break-all;color:#e0a18b}

@media (min-width:600px){
.page-hero{min-height:80vh;padding-block:9rem 3.4rem}
.case__body{padding:2.2rem 2rem}
}

@media (min-width:900px){
.page-hero{min-height:80vh;padding-block:11rem 4.5rem}
.thesis{padding:6rem 0}
.thesis p{max-width:40ch;font-size:clamp(1.6rem,2.6vw,2.1rem)}
.sect{grid-template-columns:5fr 7fr;gap:4rem;padding:5rem 0;align-items:start}
.sect--flip{grid-template-columns:7fr 5fr}
.sect--flip .sect__media{order:2}
.sect__media{position:sticky;top:120px}
.sect__media img{aspect-ratio:3/4}
.case__body{padding:2.6rem 2.6rem}
}

.cta--photo{position:relative;isolation:isolate;overflow:hidden;text-align:center}
.cta--photo>.wrap{width:100%;position:relative}
.cta--photo .media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,16,.55) 0%,rgba(20,18,16,.4) 45%,rgba(20,18,16,.7) 100%)}
.cta--photo h2{color:#fff}
.cta--photo .kicker{color:rgba(255,255,255,.72)}
.cta--photo p{color:rgba(255,255,255,.9)}
.btn--light{background:none;color:#fff;border-color:rgba(255,255,255,.55)}
.btn--light:hover{background:#fff;color:var(--sand-900);border-color:#fff}

.legal .wrap{max-width:800px}
.legal .lede{margin-bottom:1.4rem}
.legal p{color:var(--sand-800);max-width:72ch}
.legal h2{font-size:clamp(1.25rem,4.4vw,1.5rem);margin:2.6rem 0 .9rem}
.legal h3{font-size:1.1rem;margin:2rem 0 .7rem}
.legal h4{font-size:.9375rem;margin:1.4rem 0 .6rem;color:var(--sand-600)}
.legal .focal{columns:auto;margin:0 0 1.1rem}
.legal .focal li{max-width:72ch}

.sect .case{margin-top:1.8rem}
@media (min-width:900px){
.sect>.case{grid-column:1;grid-row:1;align-self:start;margin-top:0}
.sect>.sect__media{grid-column:1;grid-row:1}
.sect>.sect__body{grid-column:2;grid-row:1}
.sect--flip>.case{grid-column:2;grid-row:1;align-self:start}
.sect--flip>.sect__media{grid-column:2;grid-row:1}
.sect--flip>.sect__body{grid-column:1;grid-row:1}
}

.sect{border-top:1px solid var(--sand-200);padding:3.2rem 0;display:grid;gap:1.4rem;align-items:start}
.sect__head{display:grid;grid-template-columns:2.4rem 1fr;align-items:baseline;gap:.6rem;padding-bottom:1.2rem;border-bottom:1px solid var(--sand-200)}
.sect__head .sect__no{margin:0;font-size:.75rem;letter-spacing:.14em;color:var(--sand-500)}
.sect__head h2{font-size:clamp(1.9rem,7.4vw,2.6rem);margin:0}
.sect__media{margin:0}
.sect__media img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:0}
.sect__body{max-width:64ch}
.sect__lead{font-family:var(--display);font-weight:300;font-size:clamp(1.15rem,4.4vw,1.4rem);line-height:1.45;letter-spacing:-.015em;color:var(--sand-900)}
.sect__body>p{color:var(--sand-600)}
.sect__focal{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--sand-200)}
.sect__focal .entry-sub{margin:0 0 .6rem!important}
.sect__focal .focal{columns:auto;counter-reset:fa}
.sect__focal .focal li{padding:.8rem 0;border-top:1px solid var(--sand-100);color:var(--sand-800)}
.sect__focal .focal li:first-child{border-top:0}
.case--spread{margin-top:2.4rem;display:grid;gap:0;background:var(--sand-900);border-radius:0;overflow:hidden}
.case--spread img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.case--spread .case__body{padding:1.8rem 1.3rem}

@media (min-width:600px){
.sect{padding:4.4rem 0}
.case--spread .case__body{padding:2.4rem 2rem}
}

@media (min-width:900px){
.sect,.sect--flip{grid-template-columns:6fr 6fr;column-gap:4.5rem;row-gap:0;padding:6.5rem 0}
.sect>.sect__head{grid-column:1/-1;grid-row:1;grid-template-columns:4rem 1fr;padding-bottom:1.8rem;margin-bottom:3rem}
.sect>.sect__media{grid-column:1;grid-row:2;position:static}
.sect>.sect__media img{aspect-ratio:3/4}
.sect>.sect__body{grid-column:2;grid-row:2;max-width:52ch;padding-top:.2rem}
.sect--flip>.sect__media{grid-column:2}
.sect--flip>.sect__body{grid-column:1}
.sect>.case--spread{grid-column:1/-1;grid-row:3;margin-top:4rem;grid-template-columns:5fr 7fr;align-items:stretch}
.case--spread img{aspect-ratio:auto;min-height:100%}
.case--spread .case__body{padding:3rem 3rem;align-self:center;max-width:70ch}
.case--spread h4{font-size:clamp(1.4rem,2.2vw,1.9rem)}
}

.case__btn{margin-top:1.6rem;font-size:.75rem;letter-spacing:.14em}

.origin{padding:4rem 0}
.origin__grid{display:grid;gap:2rem}
.origin__media{margin:0}
.origin__media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.origin__body h2{font-size:clamp(1.7rem,6.4vw,2.3rem);margin-bottom:1.6rem}
.origin__body p{color:var(--sand-600);max-width:none}
.origin__body p+p{margin-top:1.4rem}

@media (min-width:600px){
.origin{padding:6rem 0}
.origin__media img{aspect-ratio:3/2}
}

@media (min-width:900px){
.origin{padding:9rem 0}
.origin__grid{grid-template-columns:57fr 43fr;column-gap:6.5rem;align-items:stretch}
.origin__media{align-self:stretch}
.origin__media img{aspect-ratio:auto;height:100%;object-fit:cover}
.origin__body{align-self:center}
.origin__body{padding-right:1rem}
.origin__body h2{font-size:clamp(2rem,3vw,2.6rem);margin-bottom:2rem;letter-spacing:-.03em}
.origin__body p{max-width:none}
.origin__body p+p{margin-top:1.6rem}
}

@media (min-width:1200px){
.origin{padding:11rem 0}
.origin__grid{column-gap:8rem}
}

.partners{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1.8rem}
.logo-btn{display:flex;align-items:center;justify-content:center;min-height:76px;padding:1rem 1.2rem;background:var(--sand-900);border:1px solid var(--sand-900);transition:background .18s ease,border-color .18s ease}
.logo-btn:hover{background:var(--sand-950);border-color:var(--sand-950)}
.logo-btn img{width:auto;height:auto;max-width:72%;max-height:26px;object-fit:contain}
.logo-btn img[src*="pinsent"],.logo-btn img[src*="cbre"]{filter:brightness(0) invert(1)}
.logo-btn img[src*="vixio"],.logo-btn img[src*="pinsent"]{max-height:44px}
@media (min-width:900px){
.partners{grid-template-columns:repeat(4,1fr);gap:.9rem}
.logo-btn{min-height:92px}
.logo-btn img{max-height:30px}
.logo-btn img[src*="vixio"],.logo-btn img[src*="pinsent"]{max-height:50px}
}

.network{text-align:center}
.network__lede{color:var(--sand-600);max-width:56ch;margin:0 auto}
.network .partners{margin-top:2.4rem;max-width:900px;margin-inline:auto}

.pledges{display:grid;gap:.9rem;counter-reset:pl}
.pledges li{counter-increment:pl;background:var(--sand-0);border:1px solid var(--sand-200);padding:1.5rem 1.4rem;display:grid;gap:.5rem}
.pledges li::before{content:counter(pl,decimal-leading-zero);font-family:var(--display);font-size:.6875rem;letter-spacing:.14em;color:var(--sand-500)}
.pledges h3{font-size:1.15rem;letter-spacing:-.02em}
.pledges p{color:var(--sand-600);font-size:.9375rem;max-width:42ch}

@media (min-width:600px){
.pledges{grid-template-columns:repeat(2,1fr);gap:1.2rem}
.pledges li{padding:1.8rem 1.7rem}
}

@media (min-width:900px){
.pledges{gap:1.4rem}
.pledges li{padding:2.2rem 2rem;align-content:start}
.pledges h3{font-size:1.25rem;margin-top:.2rem}
}

.pledges{max-width:1000px;margin-inline:auto}

.method{padding:4rem 0}
.method__grid{display:grid;gap:2.2rem}
.method__media{margin:0}
.method__media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.method__body .sec-head{margin-bottom:2rem}
.method__list{counter-reset:hb;display:grid;gap:1.6rem}
.habit{counter-increment:hb;border-top:1px solid var(--sand-200);padding-top:1.4rem}
.habit h3{font-size:1.15rem;letter-spacing:-.02em;margin-bottom:.6rem}
.habit h3::before{content:counter(hb,decimal-leading-zero);display:block;font-size:.6875rem;letter-spacing:.14em;color:var(--sand-500);margin-bottom:.5rem}
.habit p{color:var(--sand-600);font-size:.9375rem}

@media (min-width:600px){
.method{padding:6rem 0}
.method__media img{aspect-ratio:3/2}
}

@media (min-width:900px){
.method{padding:9rem 0}
.method__grid{grid-template-columns:57fr 43fr;column-gap:6.5rem;align-items:start}
.method__media{align-self:start;position:static}
.method__media img{aspect-ratio:4/5;height:auto}
.method__body{align-self:start}
.method__body .sec-head{margin-bottom:2.6rem;max-width:none}
.method__list{gap:2.2rem}
.habit{padding-top:1.7rem}
.habit h3{font-size:1.2rem}
}

@media (min-width:1200px){
.method{padding:11rem 0}
.method__grid{column-gap:8rem}
}

.method--ink .method__grid{direction:ltr}
.method--ink .habit{border-top-color:#302b27}
.method--ink .habit p{color:#b0a595}
.method--ink .habit h3::before{display:none}
@media (min-width:900px){
.method--ink .method__grid{grid-template-columns:43fr 57fr}
.method--ink .method__media{order:2}
.method--ink .method__body{order:1}
}

.outcome{margin-top:2rem;border-top:2px solid var(--sand-900);padding-top:1.1rem}
.outcome__label{font-family:var(--display);font-weight:600;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sand-500);margin:0 0 .5rem}
.outcome__text{font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,3.6vw,1.2rem);line-height:1.42;letter-spacing:-.015em;color:var(--sand-900)!important}
.band--ink .outcome{border-top-color:var(--sand-50)}
.band--ink .outcome__text{color:var(--sand-50)!important}

.motion [data-rv]{transition-delay:var(--rv-delay,0ms)}
.motion [data-rv="label"]{opacity:0;transition:opacity .7s ease}
.motion [data-rv="label"].is-in{opacity:1}
.motion [data-rv="head"]{opacity:0;transform:translateY(20px);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.motion [data-rv="text"]{opacity:0;transform:translateY(12px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
.motion [data-rv="head"].is-in,.motion [data-rv="text"].is-in{opacity:1;transform:none}
.motion [data-rv="item"]{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
.motion [data-rv="item"].is-in{opacity:1;transform:none}
.motion [data-rv="row"]{opacity:0;transform:translateX(-10px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
.motion [data-rv="row"].is-in{opacity:1;transform:none}
.motion .duo__media,.motion .sect__media,.motion .origin__media,.motion .method__media,.motion .case--spread{overflow:hidden}
.motion [data-rv="media"]{clip-path:inset(12% 0 0 0);transform:scale(1.06);transition:clip-path 1.1s cubic-bezier(.22,.61,.36,1),transform 1.4s cubic-bezier(.22,.61,.36,1)}
.motion [data-rv="media"].is-in{clip-path:inset(0 0 0 0);transform:scale(1)}
.motion .rv-float{will-change:transform}
.motion [data-rv="media"].rv-float.is-in{transform:translate3d(0,var(--rv-shift,0px),0) scale(1.02)}
.motion .page-hero .media img.rv-float{transform:translate3d(0,var(--rv-shift,0px),0) scale(1.04);transition:transform .2s linear}

.card,.pledges li,.logo-btn,.idx__row,.case--spread{transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,border-color .35s ease,background .35s ease}
.card:hover,.pledges li:hover{transform:translateY(-4px);border-color:var(--sand-300);box-shadow:0 22px 48px -34px rgba(33,29,25,.45)}
.card{overflow:hidden}
.card img,.sect__media img,.origin__media img{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.card:hover img{transform:scale(1.04)}
.logo-btn:hover{transform:translateY(-3px)}
.logo-btn img{transition:opacity .3s ease}
.logo-btn:hover img{opacity:.85}
.btn{transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s cubic-bezier(.22,.61,.36,1)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.more{transition:color .25s ease,border-color .25s ease,padding .25s ease}
.more:hover{padding-right:.4rem}
.jump a{transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}
.jump a:hover{transform:translateY(-2px)}
.nav a{transition:color .25s ease}
.site-foot a{transition:color .25s ease,padding-left .25s ease}
.site-foot a:hover{padding-left:.25rem}

@media (prefers-reduced-motion:reduce){
.motion [data-rv]{opacity:1!important;transform:none!important;clip-path:none!important}
}

.cookie{position:fixed;left:0;right:0;bottom:0;z-index:80;pointer-events:none;padding:0 var(--gutter) max(var(--gutter),1rem)}
.cookie[hidden]{display:none}
.cookie__panel{pointer-events:auto;background:var(--sand-50);border:1px solid var(--sand-200);box-shadow:0 26px 60px -34px rgba(33,29,25,.5);padding:1.5rem 1.4rem 1.4rem;max-width:29rem}
.cookie__eyebrow{font-family:var(--display);font-weight:600;font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sand-500);margin:0 0 .7rem}
.cookie__text{margin:0 0 1.3rem;font-size:.8125rem;line-height:1.7;color:var(--sand-600);text-wrap:pretty}
.cookie__actions{display:flex;flex-wrap:wrap;gap:.55rem}
.cookie .btn{padding:.68rem 1.4rem;font-size:.75rem}
.cookie__decline{color:var(--sand-900);border-color:var(--sand-300)}
.motion .cookie__panel{animation:cookie-in .7s cubic-bezier(.22,.61,.36,1) both}
@keyframes cookie-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (min-width:760px){.cookie{padding-bottom:2rem}.cookie__panel{padding:1.7rem 1.6rem 1.5rem}}

.duo{padding:4rem 0}
.duo__grid{display:grid;gap:2.2rem}
.duo__media{margin:0}
.duo__media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.duo__col{display:grid;gap:3rem}
.duo__part--plain{border-top:1px solid var(--sand-200);padding-top:2.4rem}
.duo__part--plain .habit h3::before{display:none}

@media (min-width:600px){
.duo{padding:6rem 0}
.duo__media img{aspect-ratio:3/2}
}

@media (min-width:900px){
.duo{padding:9rem 0}
.duo__grid{grid-template-columns:52fr 48fr;column-gap:6.5rem;align-items:start}
.duo__media{position:sticky;top:14vh;align-self:start}
.duo__media img{aspect-ratio:auto;height:72vh}
.duo__col{gap:6rem}
.duo__part--plain{padding-top:5rem}
}

@media (min-width:1200px){
.duo{padding:11rem 0}
.duo__grid{column-gap:8rem}
}

.mt-sm{margin-top:1.4rem}
.cta-card .sec-head--center{max-width:34ch;margin-bottom:0}
.cta-card--wide .sec-head--center{max-width:60ch}

.cookie{position:fixed;inset:auto 0 0 0;z-index:70;padding:0 var(--gutter) 1.1rem;pointer-events:none}
.cookie__panel{pointer-events:auto;max-width:520px;margin-left:auto;background:var(--sand-0);border:1px solid var(--sand-200);border-radius:16px;padding:1.5rem 1.4rem;box-shadow:0 28px 60px -34px rgba(33,29,25,.5)}
.cookie__eyebrow{font-family:var(--display);font-weight:600;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sand-500);margin:0 0 .7rem}
.cookie__text{font-size:.875rem;color:var(--sand-600)}
.cookie__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.cookie__actions .btn{font-size:.8125rem;padding:.7rem 1.2rem}
.cookie__link{background:none;border:0;padding:0;font:inherit;font-size:.8125rem;color:var(--sand-600);text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-left:auto;align-self:center}
.cookie__link:hover{color:var(--sand-900)}

.prefs{position:fixed;inset:0;z-index:80;display:grid;place-items:end center;padding:0;background:rgba(20,18,16,.5)}
.prefs[hidden]{display:none}
.prefs__panel{background:var(--sand-50);width:100%;max-width:680px;max-height:92vh;overflow-y:auto;border-radius:18px 18px 0 0;padding:1.8rem var(--gutter) 1.4rem}
.prefs__panel h2{font-size:1.4rem;margin-bottom:.6rem}
.prefs__intro{font-size:.9375rem;color:var(--sand-600);margin-bottom:1.6rem}
.prefs__group{border-top:1px solid var(--sand-200);padding:1.2rem 0;display:grid;gap:.5rem}
.prefs__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.prefs__row h3{font-size:1rem}
.prefs__group p{font-size:.875rem;color:var(--sand-600);max-width:56ch}
.prefs__group small{font-size:.75rem;color:var(--sand-500)}
.switch{display:inline-flex;align-items:center;gap:.55rem;flex:none;font-size:.75rem;color:var(--sand-500);cursor:pointer}
.switch input{position:absolute;opacity:0;width:0;height:0}
.switch__track{width:42px;height:24px;border-radius:999px;background:var(--sand-200);position:relative;transition:background .2s ease}
.switch__track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--sand-0);box-shadow:0 1px 3px rgba(33,29,25,.35);transition:transform .2s ease}
.switch input:checked+.switch__track{background:var(--terra)}
.switch input:checked+.switch__track::after{transform:translateX(18px)}
.switch input:disabled+.switch__track{background:var(--sand-300);opacity:.7;cursor:not-allowed}
.switch input:focus-visible+.switch__track{outline:2px solid var(--terra-600);outline-offset:2px}
.prefs__actions{display:flex;flex-wrap:wrap;gap:.6rem;border-top:1px solid var(--sand-200);padding-top:1.3rem;margin-top:.4rem}
.prefs__actions .btn{font-size:.8125rem;padding:.75rem 1.25rem}

.notfound{min-height:72vh;display:flex;align-items:center;padding-block:6rem 4rem}
.notfound__code{font-family:var(--display);font-weight:300;font-size:clamp(4rem,18vw,9rem);line-height:.9;letter-spacing:-.04em;color:var(--sand-300);margin:0 0 1.4rem}
.notfound h1{font-size:clamp(1.9rem,6.4vw,2.8rem);max-width:22ch;margin-bottom:1.1rem}
.notfound p{color:var(--sand-600);max-width:48ch}
.notfound__links{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:2rem}

@media (min-width:600px){
.prefs{place-items:center}
.prefs__panel{border-radius:18px;padding:2.2rem 2.2rem 1.6rem}
}

.office__head{border-bottom:1px solid var(--sand-300);padding-bottom:1.4rem;margin-bottom:.4rem}
.office__head h2{font-size:clamp(1.6rem,5.6vw,2.1rem)}
.office__grid{display:grid}
.office__item{border-bottom:1px solid var(--sand-200);padding:1.5rem 0;display:grid;gap:.5rem}
.office__label{font-family:var(--display);font-weight:600;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sand-500);margin:0}
.office__item address{font-style:normal;font-family:var(--display);font-size:1.0625rem;line-height:1.5;color:var(--sand-900)}
.office__value{font-family:var(--display);font-size:1.0625rem;margin:0}
.office__value a{color:var(--sand-900);border-bottom:1px solid var(--sand-300);padding-bottom:1px;transition:border-color .25s ease,color .25s ease}
.office__value a:hover{color:var(--terra-600);border-color:var(--terra-600)}

@media (min-width:900px){
.office__grid{grid-template-columns:5fr 4fr 3fr;column-gap:3.5rem}
.office__item{padding:2rem 0 2.4rem;align-content:start}
.office__head{margin-bottom:0}
.office__item address,.office__value{font-size:1.15rem}
}

.sect__focal .focal li:last-child{padding-bottom:0;border-bottom:0}

@media (min-width:900px){
.sect>.sect__media{align-self:stretch;display:flex;position:static}
.sect>.sect__media img{height:100%;width:100%;min-height:0;aspect-ratio:auto;object-fit:cover}
.sect>.sect__body{align-self:center;padding-top:0}
}

.duo{padding:4rem 0}
.duo__grid{display:grid;gap:2.2rem}
.duo__media{margin:0;overflow:hidden}
.duo__media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.duo__col{display:grid;gap:3rem}
.duo__part--steps{border-top:1px solid var(--sand-200);padding-top:2.4rem}
.duo__part--steps .habit h3::before{display:none}

@media (min-width:600px){
.duo{padding:6rem 0}
.duo__media img{aspect-ratio:3/2}
}

@media (min-width:900px){
.duo{padding:8rem 0}
.duo__grid{grid-template-columns:47fr 53fr;column-gap:5rem;align-items:start}
.duo__media{position:sticky;top:12vh;align-self:start}
.duo__media img{aspect-ratio:auto;height:76vh}
.duo__col{gap:6rem}
.duo__part--steps{padding-top:5rem}
}

@media (min-width:1200px){
.duo{padding:10rem 0}
.duo__grid{column-gap:6.5rem}
}