@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color-scheme:light;--bg:#f7f7ee;--surface:#fffef7;--ink:#182b23;--muted:#4d5d53;--line:#d5dbd0;--about:#e9eee1;--accent:#dffa9b;--hero:#132b22;--hero-ink:#fffdf1;font-family:DM Sans,system-ui,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg:#15211c;--surface:#1d2c24;--ink:#fcfcf0;--muted:#bdc9bc;--line:#455449;--about:#1b2a22;--hero:#102219}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:.25em;text-decoration:underline}:focus-visible{outline-offset:5px;outline:3px solid #779738}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.025em;font-family:Instrument Serif,Georgia,serif;font-weight:400;line-height:.98}.wrap{width:min(1160px,100% - 80px);margin-inline:auto}.skip{z-index:10;background:var(--surface);padding:.7rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip:focus{transform:none}header{background:var(--surface);border-bottom:1px solid var(--line)}.nav{align-items:center;gap:28px;min-height:68px;display:flex}.brand{align-items:center;gap:10px;font-weight:700;display:flex}.brand span{background:var(--hero);color:var(--accent);border-radius:5px;padding:4px 7px;font-size:.82rem}nav{gap:28px;margin-left:auto;font-size:.9rem;font-weight:600;display:flex}.theme{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex:none}.hero{isolation:isolate;background:var(--hero);color:var(--hero-ink);position:relative;overflow:hidden}.hero-content{padding-block:85px 93px}.eyebrow,.meta{letter-spacing:.115em;text-transform:uppercase;font-size:.74rem;font-weight:700}.eyebrow{color:var(--accent);align-items:center;gap:9px;display:flex}.eyebrow span{background:currentColor;border-radius:50%;width:7px;height:7px}.hero h1{margin:22px 0 24px;font-size:clamp(3.2rem,7.8vw,7rem)}.hero h1 em{color:var(--accent);font-weight:400}.hero-desc{color:#d0dbcc;max-width:490px;font-size:1.1rem}.hero-pattern{z-index:-1;opacity:.7;background:repeating-radial-gradient(at 92% 52%,#0000 0 21px,#afcf8236 22px 23px,#0000 24px 36px);position:absolute;inset:0 0 0 43%;mask-image:linear-gradient(90deg,#0000,#000 54%)}.button{border-radius:5px;align-items:center;gap:18px;padding:11px 17px;font-size:.9rem;font-weight:700;display:inline-flex}.primary{background:var(--accent);color:#17241b;margin-top:29px}.secondary{border:1px solid var(--line);background:var(--surface);margin-top:19px}.section{padding-block:70px}.section h2{font-size:clamp(2.6rem,5vw,4.2rem)}.section-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:27px;display:flex}.section-head p,.split p,.card-copy>p:not(.meta),.lede,.case-prose p{color:var(--muted)}.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{border:1px solid var(--line);background:var(--surface);border-radius:12px;transition:transform .2s,border-color .2s;overflow:hidden}.card:hover,.card:focus-within{border-color:#8b9d66;transform:translateY(-3px)}.card:focus-within{outline-offset:3px;outline:3px solid #779738}.card-link{flex-direction:column;height:100%;display:flex}.card-link:hover{text-decoration:none}.card-copy{flex-direction:column;flex:1;padding:21px;display:flex}.card-copy h3{margin:6px 0;font-size:1.28rem}.meta{color:var(--muted)}.card-copy>p:not(.meta){font-size:.93rem}.card-cta{justify-content:space-between;margin-top:auto;padding-top:21px;font-size:.87rem;font-weight:700;display:flex}.art{isolation:isolate;color:#183126;place-items:center;min-height:206px;padding:18px 13px 32px;display:grid;position:relative;overflow:hidden}.class-schedules{background:#dce9d5}.daily-menu{background:#f0dfb8}.more-a-day{color:#f6ffd8;background:#234033}.art-grid{z-index:-1;opacity:.2;background-image:radial-gradient(currentColor .8px,#0000 .8px);background-size:13px 13px;position:absolute;inset:0;mask-image:linear-gradient(135deg,#000,#0000)}.art-caption{font-size:.65rem;font-weight:700;position:absolute;bottom:9px;right:12px}.mock{background:#fffef8;border:1px solid #273d2b38;border-radius:9px;width:min(100%,315px);padding:11px;font-size:.62rem;transform:rotate(-4deg);box-shadow:0 12px 35px #23342729}.mock-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.mock-top b{background:#e4eed9;border-radius:3px;padding:2px 6px}.week{text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.week span{text-overflow:ellipsis;overflow:hidden}.slot{background:#e2eddb;border-radius:3px;padding:4px 0}.tone-1{background:#f8ebc9}.tone-2{background:#e0e9f3}.tone-3{background:#f4e0dd}.menu{transform:rotate(4deg)}.menu-columns{grid-template-columns:1fr 1fr;gap:5px;display:grid}.menu-columns div{background:#f7eed6;border-radius:4px;gap:2px;padding:7px;display:grid}.menu-columns small{font-size:.54rem;font-weight:700}.menu-columns strong{font-size:.82rem}.menu-columns i{border-top:1px solid #d8caab;margin-top:3px;padding-top:4px;font-style:normal}.mad-mark{align-items:center;gap:10px;display:flex;transform:rotate(-5deg)}.mad-arrow{color:#183126;background:#dffa9b;border-radius:10px;place-items:center;width:56px;height:56px;font-size:2.1rem;font-weight:700;display:grid}.mad-mark strong{letter-spacing:-.075em;font-size:2.15rem;line-height:.89}.mad-mark strong span{color:#dffa9b}.about{background:var(--about);border-block:1px solid var(--line)}.split{grid-template-columns:1fr 1.55fr;gap:25px;display:grid}.split p{max-width:570px;font-size:1.04rem}.split p+p{margin-top:15px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:10px;padding-block:22px;font-size:.84rem;display:flex}.case{max-width:930px;padding-block:46px 72px}.back{margin-bottom:30px;font-size:.9rem;font-weight:700;display:inline-block}.case h1{margin:10px 0 16px;font-size:clamp(3rem,8vw,6rem)}.lede{max-width:610px;font-size:1.2rem}.case-art{border-radius:10px;margin-block:29px 35px;overflow:hidden}.case-art .art{min-height:270px}.case-art .mock,.case-art .mad-mark{scale:1.22}.case-prose{max-width:625px}.case-prose section+section{margin-top:24px}.case-prose h2{letter-spacing:0;margin-bottom:7px;font-family:inherit;font-size:1.16rem;font-weight:700}.next{border-top:1px solid var(--line);gap:3px;margin-top:36px;padding-top:16px;display:grid}.next>span{color:var(--muted);font-size:.83rem}@media (width<=850px){.wrap{width:calc(100% - 46px)}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=570px){.wrap{width:calc(100% - 32px)}.nav{gap:10px;min-height:61px}nav{gap:11px;font-size:.82rem}.brand{gap:5px;font-size:.82rem}.brand span{font-size:.72rem}.theme{width:30px;height:30px}.hero-content{padding-block:60px}.desktop-break{display:none}.section{padding-block:47px}.section-head,.split{grid-template-columns:1fr;align-items:start;display:grid}.projects{grid-template-columns:1fr}.case-art .mock,.case-art .mad-mark{scale:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
