:root{--paper:#fff;--ink:#202322;--muted:#686b68;--line:#dfe2df;--accent:#46a0cc;--accent-ink:#246584;--surface:#f5f5f5;font-synthesis:none;color:var(--ink);background:var(--paper);font-family:Karla,Arial,sans-serif}*{box-sizing:border-box;letter-spacing:0}body{margin:0;font-size:16px;line-height:1.5}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:break-word;font-weight:400;line-height:1.15}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:6px}.shell{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.site-header{background:var(--paper);z-index:5;border-bottom:1px solid var(--line);position:relative}.header-inner{justify-content:space-between;align-items:center;gap:32px;min-height:108px;display:flex}.brand{align-items:center;gap:22px;display:flex}.brand>img{object-fit:contain;width:62px;height:62px}.brand>span{font-size:15px;line-height:1.35}.brand>span>span{color:var(--muted);display:block}nav{align-items:center;gap:32px;font-size:15px;display:flex}nav a{padding-block:12px;position:relative}nav a[aria-current=page]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:3px;left:0;right:0}nav a:hover,.text-link:hover,.footer-contact:hover{color:var(--accent-ink)}nav .contact-link{align-items:center;gap:10px;margin-left:10px;display:flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:background .18s,border-color .18s;display:inline-flex}.icon-button:hover{border-color:var(--accent);background:#edf6fa}.menu-toggle{display:none}.hero-stage{background:var(--surface);height:min(64svh,760px);min-height:380px;position:relative;overflow:hidden}.hero-slide{position:absolute;inset:0}.hero-slide img{object-fit:cover;object-position:center 57%;width:100%;height:100%}.hero-title{color:#fff;text-shadow:0 1px 12px #0009;position:absolute;inset:auto 0 40px}.hero-title h1{margin-bottom:12px;font-size:72px;line-height:1}.hero-title p{font-size:21px}.hero-bottom{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:90px;display:flex}.hero-project{flex-wrap:wrap;align-items:baseline;gap:8px 24px;display:flex}.hero-project-label{align-items:center;gap:12px;font-size:18px;display:flex}.hero-project:hover .hero-project-label{color:var(--accent-ink)}.hero-project-meta{color:var(--muted);font-size:14px}.hero-project-meta>span{margin-inline:6px}.slideshow-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.slide-count{font-variant-numeric:tabular-nums;gap:16px;margin-right:22px;font-size:14px;display:flex}.count-divider{color:#a9adaa}.eyebrow{text-transform:uppercase;font-size:13px;font-weight:500;line-height:1.5;display:block}.studio{grid-template-columns:1fr 2.1fr;gap:40px;padding-block:84px 96px;display:grid}.studio>h2{padding-top:10px}.studio-statement{max-width:860px;margin-bottom:28px;font-size:36px;line-height:1.3}.text-link{align-items:center;gap:20px;padding-block:6px;font-size:16px;display:inline-flex}.text-link svg{transition:transform .2s}.text-link:hover svg{transform:translate(3px)}.selected-work{border-top:1px solid var(--line);padding-top:46px;padding-bottom:78px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px;display:flex}.section-heading .eyebrow{color:var(--muted);margin-bottom:10px}.section-heading h2{font-size:38px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 28px;display:grid}.project-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px}.project{min-width:0}.project-image{background:var(--surface);aspect-ratio:3/2;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project a:hover .project-image img{transform:scale(1.025)}.project-open{background:var(--paper);width:40px;height:40px;color:var(--ink);place-items:center;display:grid;position:absolute;bottom:16px;right:16px}.project a:hover .project-open{background:var(--accent);color:#fff}.project-heading{justify-content:space-between;align-items:baseline;gap:16px;padding-top:18px;display:flex}.project-heading h3{font-size:22px}.project-heading>span{color:var(--muted);flex-shrink:0;font-size:14px}.project p{color:var(--muted);margin-top:7px;font-size:14px}.project p>span{color:#9b9d9b;padding-inline:5px}.project a:hover h3{color:var(--accent-ink)}.all-projects{text-align:center;margin-top:54px}.all-projects a{border-bottom:1px solid var(--accent);padding-bottom:10px}.catalogue{padding-block:74px 96px}.catalogue-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;padding-bottom:36px;display:flex}.catalogue-heading .eyebrow{color:var(--muted);margin-bottom:18px}.catalogue-heading h1{font-size:56px}.catalogue-heading>p{color:var(--muted);padding-bottom:7px;font-size:15px}.site-footer{background:var(--surface)}.footer-top{justify-content:space-between;align-items:center;gap:32px;padding-block:48px;display:flex}.footer-top .eyebrow{color:var(--muted)}.footer-top p{margin-top:12px;font-size:26px}.footer-contact{align-items:center;gap:28px;font-size:32px;display:flex}.footer-bottom{min-height:94px;color:var(--muted);border-top:1px solid #d7dbd7;align-items:center;gap:24px;font-size:14px;display:flex}.footer-bottom>a:last-child{margin-left:auto}.skip-link{z-index:10;background:#fff;padding:12px 18px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}@media (width>=1900px){.hero-stage{max-height:66svh}}@media (width<=1100px){.shell{width:calc(100% - 64px)}.brand>span{display:none}nav{gap:26px}.studio{grid-template-columns:1fr 2.5fr}.studio-statement{font-size:32px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.header-inner{flex-wrap:wrap;gap:0;min-height:88px}.brand>img{width:55px;height:55px}.brand>span{font-size:14px;display:block}nav{flex-wrap:wrap;flex-basis:100%;gap:4px 24px;padding:12px 0 20px}nav .contact-link{margin-left:0}.menu-ready .menu-toggle{border:0;display:inline-flex}.menu-ready nav{display:none}.menu-ready.menu-is-open nav{display:flex}.menu-close-icon,.menu-is-open .menu-open-icon{display:none}.menu-is-open .menu-close-icon{display:block}.hero-title h1{font-size:60px}.hero-title p{font-size:19px}.studio{gap:26px;padding-block:60px}.section-heading h2{font-size:32px}.project-grid,.project-grid-featured{gap:38px 24px}.project-heading h3{font-size:20px}}@media (width<=640px){.shell{width:calc(100% - 40px)}.header-inner{min-height:80px}.brand{gap:14px}.brand>img{width:46px;height:46px}.brand>span{font-size:13px}.menu-ready.menu-is-open nav{grid-template-columns:1fr;padding-top:10px;padding-bottom:20px;display:grid}nav a{padding:12px 0;font-size:17px}nav a[aria-current=page]:after{width:24px;right:auto}.hero-stage{height:57svh;min-height:320px;max-height:570px}.hero-slide img{object-position:47% center}.hero-title{bottom:26px}.hero-title h1{font-size:52px}.hero-title p{font-size:16px}.hero-bottom{gap:12px;min-height:100px}.hero-project{display:block}.hero-project-label{gap:8px;font-size:16px}.hero-project-meta{margin-top:5px;font-size:13px;display:block}.slideshow-controls{gap:4px}.slideshow-controls .icon-button{width:38px;height:42px}.slide-count{gap:5px;margin-right:6px;font-size:12px}.studio{grid-template-columns:1fr;gap:22px;padding-block:46px 54px}.studio>h2{padding-top:0}.studio-statement{margin-bottom:22px;font-size:28px}.selected-work{padding-top:30px;padding-bottom:52px}.section-heading{margin-bottom:26px;display:block}.section-heading h2{font-size:30px}.section-heading>a{margin-top:14px}.project-grid,.project-grid-featured{grid-template-columns:1fr;gap:34px}.project-heading{padding-top:14px}.project-open{width:36px;height:36px;bottom:12px;right:12px}.all-projects{margin-top:36px}.catalogue{padding-block:42px 56px}.catalogue-heading{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:24px}.catalogue-heading .eyebrow{margin-bottom:14px;font-size:12px}.catalogue-heading h1{font-size:44px}.catalogue-heading>p{padding:0}.footer-top{padding-block:34px;display:block}.footer-top p{font-size:23px}.footer-contact{margin-top:28px;font-size:28px}.footer-bottom{gap:14px;font-size:12px}.footer-bottom img{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
