:root{--accent:#557659;--accent2:#38523c;--soft:#e1e7d7;--ink:#27251f;--paper:#f7f3eb;--line:#ddd7cb;--muted:#66635b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:16px/1.72 ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}img{display:block;max-width:100%;height:auto}.measure{width:min(1210px,calc(100% - 76px));margin-inline:auto}.skip{position:absolute;left:-9999px;top:5px;background:#fff;padding:10px}.skip:focus{left:10px;z-index:10}.studio-header{border-bottom:1px solid var(--line)}.head-flex{display:flex;align-items:center;gap:35px;min-height:100px}.studio-mark{font-weight:850;letter-spacing:-.045em;font-size:1.25rem;display:flex;align-items:center;gap:13px}.mark-shape{background:var(--accent);width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.45rem}.head-links{display:flex;gap:34px;margin-left:auto;font-size:.86rem;font-weight:700}.head-links [aria-current]{color:var(--accent2)}.menu{display:none}.big-hero{padding-top:65px}.hero-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.eyebrow,.hero-index,.number,.case-card>span{font-size:.75rem;letter-spacing:.17em;font-weight:800;text-transform:uppercase}.eyebrow{color:var(--accent2)}.hero-index{color:#8c8477}.big-hero h1,.short-hero h1{font-size:clamp(4rem,8.7vw,10.6rem);line-height:.99;letter-spacing:-.095em;font-weight:760;max-width:1070px;margin:36px 0 42px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:48px}.lead{color:#5e5b54;font-size:clamp(1.05rem,1.7vw,1.38rem);max-width:650px;line-height:1.65}.round-link{flex:none;border:1px solid #a6a095;border-radius:100px;padding:15px 20px;font-weight:750}.big-hero img{width:100%;background:var(--soft);border-radius:4px}.short-hero{padding:77px 0 55px;border-bottom:1px solid var(--line)}.short-hero h1{font-size:clamp(3.3rem,7vw,7.8rem);max-width:1100px}.site-content{padding:30px 0 85px}.statement{padding:65px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:270px 1fr;gap:65px}.statement h2{font-size:clamp(2rem,3.2vw,3.6rem);letter-spacing:-.06em;line-height:1.2;margin:0 0 25px;font-weight:660;max-width:800px}.statement p{font-size:1.1rem;color:var(--muted);max-width:760px}.number{padding-top:15px;color:var(--accent2)}.studio-button{display:inline-block;border-bottom:2px solid var(--accent);font-weight:800;padding:12px 0;margin-top:15px;color:var(--accent2)}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:25px 0}.case-card{display:block;padding-bottom:28px;border-bottom:2px solid var(--ink)}.case-card:hover{text-decoration:none}.case-art{height:275px;margin-bottom:23px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px}.art-one{background:#cad4cf}.art-one span{height:62%;width:18%;background:#284a45;transform:skew(-10deg)}.art-one span:nth-child(2){height:78%;width:26%;background:#f4ebe0}.art-one span:nth-child(3){height:41%;background:#d5a37d}.art-two{background:#e6d0bd;gap:0;flex-direction:column}.art-two span{display:block;height:48px;width:70%;border-bottom:3px solid #462f38;background:#fff5ec;transform:rotate(-7deg)}.art-two span:nth-child(2){width:55%;transform:rotate(4deg);background:#a75448}.art-two span:nth-child(3){width:66%;transform:rotate(-2deg);background:#f9f0df}.case-card>span{color:var(--accent2)}.case-card h3{font-size:1.8rem;line-height:1.2;letter-spacing:-.04em;margin:15px 0 12px}.case-card p{font-size:.94rem;margin:0 0 15px;max-width:450px}.case-card b{font-size:.9rem;color:var(--accent2)}.study-image{display:grid;align-items:center;gap:10px;padding:26px;min-height:270px;margin:25px 0 12px;background:var(--soft)}.study-grid{grid-template-columns:repeat(4,1fr)}.study-grid div{height:170px;background:#e8e2d3;padding:20px;font:600 .9rem ui-monospace,monospace}.study-grid div:nth-child(2){height:225px;background:var(--accent);color:#fff}.study-grid div:nth-child(3){height:140px;background:#464c48;color:#fff}.study-grid div:nth-child(4){height:190px}.study-wayfinding{background:#334b4d}.study-wayfinding div{display:flex;gap:35px;align-items:center;color:#fff;font-size:1.3rem;font-weight:750;padding:8px 25px}.study-wayfinding b{font-size:2.2rem;color:#ffcc83;min-width:55px}.studio-footer{background:#292923;color:#efefe7;padding:55px 0 22px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:60px}.footer-top>div{display:flex;flex-direction:column;align-items:start;gap:9px}.footmark{font-size:1.35rem;font-weight:820;letter-spacing:-.05em}.footer-top p{color:#c0c2b8;max-width:290px}.footer-top h2{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#abb3aa}.footer-top a,.footer-top span{font-size:.9rem}.footer-top span{color:#abb3aa}.footer-lower{border-top:1px solid #54564f;padding-top:17px;margin-top:45px;color:#a9aea4;font-size:.76rem}.studio-error{max-width:730px;padding:50px;margin:15vh auto}.studio-error h1{font-size:8rem;line-height:.95;letter-spacing:-.1em;margin:22px 0}.studio-error p{color:#626057}.studio-error a{display:inline-block;margin-right:26px;color:var(--accent2);font-weight:800}
@media(max-width:1040px){.head-links{display:none}.menu{display:block;margin-left:auto;position:relative}.menu summary{font-weight:700;cursor:pointer;list-style:none}.menu nav{position:absolute;right:0;top:30px;z-index:5;display:grid;min-width:210px;background:#fffaf1;border:1px solid #d9d4ca;padding:18px;box-shadow:0 20px 40px #7c776250}.menu nav a{padding:7px}.statement{grid-template-columns:180px 1fr;gap:30px}}
@media(max-width:720px){.measure{width:min(100% - 36px,1210px)}.head-flex{min-height:76px}.studio-mark{font-size:1.04rem}.mark-shape{height:34px;width:34px}.big-hero{padding-top:43px}.big-hero h1{font-size:3.5rem;margin:28px 0}.hero-index{display:none}.hero-bottom{align-items:start;flex-direction:column;gap:15px;margin-bottom:27px}.short-hero{padding:55px 0 40px}.short-hero h1{font-size:3.4rem}.statement{display:block;padding:38px 0}.number{margin-bottom:15px}.statement h2{font-size:2.15rem}.case-grid,.footer-top{grid-template-columns:1fr}.case-art{height:230px}.study-grid{grid-template-columns:repeat(2,1fr)}.study-grid div{height:140px!important}.studio-footer{padding-top:35px}.footer-top{gap:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}