@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202522;--paper:#fafbf8;--yellow:#f1dc54;--muted:#59615a;--line:#d6dcd4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b69b00;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.header{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-weight:800;letter-spacing:.04em;font-size:19px;line-height:1.3}.brand-icon{background:var(--ink);color:#fff;font-size:31px;width:49px;height:49px;display:grid;grid-template-columns:auto auto;place-content:center;border-radius:3px}.brand-icon span,.footer-brand span{color:var(--yellow)}.brand-sub{display:block;font-size:10px;letter-spacing:.13em;margin-top:4px}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:6px}.hero{padding-top:78px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;margin:0 0 24px;display:flex;align-items:center;gap:12px}.line{width:30px;height:3px;background:var(--ink)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12;margin:0;font-weight:600;letter-spacing:-.045em}h1{font-size:clamp(44px,6.7vw,86px);max-width:1100px}h1 span{color:#636c61}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:38px;margin:32px 0 60px}.hero-bottom p{max-width:480px;font-size:19px;color:var(--muted);margin:0}.button{background:var(--yellow);border:1px solid var(--yellow);padding:17px 24px;text-decoration:none;font-size:15px;font-weight:700;display:flex;gap:50px;align-items:center;white-space:nowrap}.button:hover{background:#e7cd32}.button span{font-size:24px;line-height:1}.project-strip{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;padding:23px 28px;font-size:11px;font-weight:600;letter-spacing:.12em;border-top:5px solid var(--yellow)}.section{padding-top:88px;padding-bottom:88px}.work{display:grid;grid-template-columns:1fr 1.05fr;gap:65px}h2{font-size:clamp(32px,3.8vw,48px)}.work-list article{display:flex;gap:28px;border-top:1px solid var(--line);padding:25px 0}.number{color:var(--muted);font-size:13px;padding-top:4px}.work-list h3{font-size:22px;letter-spacing:-.025em}.work-list p{color:var(--muted);margin:12px 0 0;max-width:400px}.gallery-section{background:#edf0e9}.gallery-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:38px}.gallery-heading .eyebrow{margin-bottom:18px}.gallery-heading>p{max-width:240px;color:var(--muted);margin:0}.gallery-empty{border:1px solid #cbd2c7;min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px;background:#e5e9df}.gallery-mark{font-size:32px;font-weight:400;letter-spacing:.12em;margin-bottom:20px;color:#707b68}.gallery-empty h3{font-size:22px;letter-spacing:-.02em}.gallery-empty p{color:var(--muted);margin-bottom:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery:empty{display:none}.photo{background:none;border:0;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.photo strong{display:block;margin-top:12px;font-weight:600}.photo span{font-size:14px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1.05fr;gap:65px}.about p:not(.eyebrow){color:var(--muted);max-width:530px;margin:25px 0 0}.about>.eyebrow{padding-top:10px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:30px!important;padding-bottom:30px!important;font-size:13px}.footer-brand{font-weight:800;text-decoration:none;font-size:21px;letter-spacing:-.05em}footer p{color:var(--muted)}footer>a:last-child{text-decoration:none}.skip{position:absolute;top:-80px;left:20px;padding:10px;background:var(--yellow);z-index:10}.skip:focus{top:10px}dialog{max-width:92vw;max-height:92vh;border:0;padding:24px;background:var(--paper)}dialog::backdrop{background:#101813de}dialog img{display:block;max-width:80vw;max-height:70vh;object-fit:contain}dialog p{margin-bottom:0}.close{display:block;margin:0 0 16px auto;border:1px solid var(--ink);background:none;padding:8px 16px;cursor:pointer;font:inherit}[hidden]{display:none!important}@media(max-width:700px){.wrap{padding-left:24px;padding-right:24px}.header{align-items:flex-start;gap:24px;padding-top:24px}.brand{font-size:16px}.brand-sub{font-size:8px}.brand-icon{width:40px;height:40px;font-size:25px}nav{gap:14px;font-size:13px;flex-wrap:wrap;justify-content:flex-end}.hero{padding-top:50px}h1{font-size:clamp(39px,8.2vw,58px)}.hero-bottom{align-items:flex-start;flex-direction:column;gap:28px;margin:26px 0 38px}.hero-bottom p{font-size:17px}.project-strip{flex-direction:column;gap:10px;padding:20px}.section{padding-top:56px;padding-bottom:56px}.work,.about{grid-template-columns:1fr;gap:30px}.gallery-heading{flex-direction:column;align-items:flex-start;gap:22px}.gallery-heading>p{max-width:none}.gallery{grid-template-columns:1fr 1fr;gap:20px}.gallery-empty{min-height:260px}.about>.eyebrow{margin-bottom:0}footer{flex-wrap:wrap;gap:12px}footer p{order:3;width:100%;margin:0}.eyebrow{font-size:12px}.brand-sub{font-size:10px;max-width:135px}}@media(max-width:430px){.header{flex-direction:column;gap:20px}nav{gap:26px}.gallery{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.photo{text-decoration:none}.photo img{height:auto;aspect-ratio:4/3;object-fit:cover}.photo strong{line-height:1.4}.photo span{display:block;white-space:pre-line}

