.mode{background-color:var(--background);color:var(--foreground)}.mode-label{color:var(--foreground-200)}.mode-section-title{font-size:clamp(1.75rem,1rem + 2vw,4rem);font-weight:550;line-height:1.05;letter-spacing:-.015rem;margin:0;max-width:20ch}.mode-hero{position:relative;padding:9rem 1.5rem 3rem;display:flex;flex-direction:column;gap:6rem}.mode-hero-grid{display:grid;grid-template-columns:3fr 2fr;grid-gap:3rem;gap:3rem;align-items:end}.mode-hero-title h1{font-size:clamp(3rem,2rem + 6vw,11rem);font-weight:600;line-height:.95;letter-spacing:-.085rem;margin:0;max-width:14ch}.mode-hero-sub p{font-size:clamp(1.15rem,.6rem + .85vw,1.75rem);font-weight:500;line-height:1.3;max-width:28ch;color:var(--foreground)}.mode-hero-rule{width:100%;height:1px;background-color:var(--foreground);opacity:.25}.mode-engagement{display:grid;grid-template-columns:3fr 2fr;grid-gap:3rem;gap:3rem;padding:4.5rem 1.5rem 9rem}.mode-engagement-brief{max-width:50ch}.mode-engagement-brief p:last-child{margin-top:1rem}.mode-meta{margin:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem 2rem;gap:1.5rem 2rem}.mode-meta div{display:flex;flex-direction:column;gap:.4rem;padding-top:1rem;border-top:1px solid var(--foreground-200)}.mode-meta dt{color:var(--foreground-200)}.mode-meta dd{margin:0;font-size:1rem;font-weight:500;line-height:1.3}.mode-system{padding:0 1.5rem 9rem}.mode-system-head{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4.5rem;max-width:38rem}.mode-plate-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}.mode-plate{gap:.75rem}.mode-plate,.mode-plate-canvas{display:flex;flex-direction:column}.mode-plate-canvas{background-color:#F6ECE3;color:#584738;border:1px solid rgba(88,71,56,.12);aspect-ratio:3/4;padding:1.5rem;justify-content:center;align-items:center;position:relative;overflow:hidden}.mode-wordmark-img{width:clamp(6rem,12vw,11rem);height:auto}.mode-colour-canvas{flex-direction:column;justify-content:stretch;gap:.75rem;padding:1rem}.mode-swatch{flex:1 1;display:flex;align-items:center;gap:.75rem}.mode-swatch-chip{width:2rem;height:2rem;border:1px solid rgba(88,71,56,.18);flex-shrink:0}.mode-swatch-meta{display:flex;flex-direction:column;gap:.1rem}.mode-swatch-meta p{font-size:.65rem;color:#584738}.mode-swatch-hex{opacity:.55}.mode-lockup-canvas{align-items:flex-start;justify-content:space-between;text-align:left;padding:1.5rem 1.25rem}.mode-lockup-img{width:100%;height:auto;max-width:100%;margin-top:auto;margin-bottom:auto}.mode-lockup-label{font-size:.65rem;color:#584738;opacity:.55}.mode-doc-canvas{align-items:flex-start;justify-content:flex-start;gap:.5rem;text-align:left;position:relative}.mode-doc-row{font-size:.7rem;color:#584738;border-bottom:1px dashed rgba(88,71,56,.3);padding-bottom:.4rem;width:100%}.mode-doc-stamp{position:absolute;bottom:1rem;right:1rem;width:3rem;height:3rem;border:1px solid #584738;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;letter-spacing:.05em;color:#584738;transform:rotate(-12deg);opacity:.85}.mode-web{padding:0 1.5rem 9rem}.mode-web-head{gap:1.5rem;margin-bottom:4.5rem;max-width:38rem}.mode-web-head,.mode-web-screen{display:flex;flex-direction:column}.mode-web-screen{gap:.75rem;margin:0}.mode-web-screen-full .mode-web-screen-frame{aspect-ratio:16/9}.mode-web-screen-frame{position:relative;width:100%;background-color:var(--foreground-200);overflow:hidden}.mode-web-screen-frame img{object-fit:cover}.mode-comms{padding:0 1.5rem 9rem}.mode-comms-head{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4.5rem;max-width:38rem}.mode-comms-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.mode-comms-item{display:flex;flex-direction:column;gap:.75rem;margin:0}.mode-comms-frame{position:relative;width:100%;aspect-ratio:5/7;overflow:hidden}.mode-comms-frame img{object-fit:cover}.mode-scorecard{padding:6rem 1.5rem;background-color:#F6ECE3;color:#584738;border-top:1px solid rgba(88,71,56,.15);border-bottom:1px solid rgba(88,71,56,.15);display:flex;flex-direction:column;gap:4.5rem}.mode-scorecard .mode-label{color:#584738;opacity:.55}.mode-scorecard-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem}.mode-stat{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:1px solid #584738}.mode-stat-value{font-size:clamp(4rem,3rem + 6vw,10rem);font-weight:600;line-height:.95;letter-spacing:-.07rem;color:#584738}.mode-stat-label{color:#584738;opacity:.65}.mode-cta{padding:9rem 1.5rem;display:flex;flex-direction:column;gap:3rem;max-width:60rem}.mode-cta-title{font-size:clamp(2rem,1.5rem + 3vw,5rem);font-weight:550;line-height:1.05;letter-spacing:-.02rem;margin:0;max-width:20ch}@media (max-width:1000px){.mode-hero{padding:7rem 1.5rem 2rem;gap:3rem}.mode-hero-grid{grid-template-columns:1fr;gap:2rem}.mode-engagement{padding:3rem 1.5rem 6rem;gap:2.5rem}.mode-engagement,.mode-meta{grid-template-columns:1fr}.mode-plate-row{grid-template-columns:1fr 1fr}.mode-web-screen-full .mode-web-screen-frame{aspect-ratio:4/3}.mode-comms-grid,.mode-scorecard-grid{grid-template-columns:1fr}.mode-scorecard-grid{gap:2rem}.mode-cta{padding:6rem 1.5rem}}