:root{--header-height:88px;--footer-height:48px;--sidebar-width:300px;--text:#333;--muted:#777;--rule:#e7e7e7;--accent:#a22;--panel:#fff}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:#fff;margin:0;font-family:Lato,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:50;height:var(--header-height);border-bottom:1px solid var(--rule);background:#fffffff5;justify-content:flex-start;align-items:flex-start;gap:28px;padding:21px 32px 0;display:flex;position:fixed;inset:0 0 auto}.brand{margin:0}.brand a{display:inline-block}.brand img{width:190px;height:auto}.brand p{color:#989898;margin:6px 0 0;font-family:Merriweather,Georgia,serif;font-size:11px;font-style:italic}.main-nav{color:#111;text-transform:uppercase;gap:24px;margin-left:36px;padding-top:12px;font-size:12px;font-weight:700;display:flex}.main-nav a{border-bottom:2px solid #0000;padding-bottom:12px}.main-nav a:hover{border-color:#111}main{min-height:100vh;padding-top:var(--header-height);padding-bottom:var(--footer-height)}.portfolio-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);height:calc(100vh - var(--header-height) - var(--footer-height));min-height:430px;display:grid}.project-strip{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-color:#bbb transparent;background:#f7f7f7;grid-column:2;align-items:stretch;gap:0;min-width:0;display:flex;overflow:auto hidden}.project-strip::-webkit-scrollbar{height:11px}.project-strip::-webkit-scrollbar-thumb{background:#bfbfbf}.project-tile{background:#111;border-right:1px solid #fff;flex:0 0 min(72vw,820px);position:relative}.project-image-link{height:calc(100% - 44px);min-height:0;display:block;position:relative;overflow:hidden}.project-image-link img,.single-image img{object-fit:cover;width:100%;height:100%}.hover-panel{text-align:center;color:#fff;opacity:0;pointer-events:none;background:#00000042;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:36px;transition:opacity .52s;display:flex;position:absolute;inset:0}.hover-panel>*{opacity:0;text-shadow:0 1px 12px #0006;transition:opacity .42s 90ms,transform .52s 90ms;transform:translateY(5px)}.project-tile.is-active .hover-panel,.project-image-link:focus-visible .hover-panel{opacity:1}.project-tile.is-active .hover-panel>*,.project-image-link:focus-visible .hover-panel>*{opacity:1;transform:translateY(0)}.subtitle{font-family:Merriweather,Georgia,serif;font-size:14px;font-style:italic}.hover-title{text-transform:uppercase;max-width:640px;font-size:28px;font-weight:300;line-height:1.15}.line{background:#fff;width:44px;height:1px}.summary{color:#ffffffdb;max-width:480px;font-family:Merriweather,Georgia,serif;font-style:italic}.button,button{background:var(--accent);color:#fff;text-transform:uppercase;cursor:pointer;border:0;justify-content:center;align-items:center;min-height:34px;padding:0 16px;font:700 11px/1 Lato,Arial,sans-serif;display:inline-flex}.project-tile h2{text-transform:uppercase;background:#fff;align-items:center;height:44px;margin:0;padding:0 22px;font-size:13px;line-height:1.15;display:flex}.project-tile h2 a:hover{color:var(--accent)}.sidebar{border-right:1px solid var(--rule);background:var(--panel);grid-area:1/1;min-width:0}.sidebar-scroll{height:100%;padding:32px 30px 26px;overflow-y:auto}.sidebar h1,.project-types h1{text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:700}.project-sidebar>.sidebar-scroll>h1{margin-bottom:22px;font-size:18px;font-weight:300;line-height:1.2}.decoration{background:#333;width:26px;height:2px;margin-bottom:13px}.project-types{margin-bottom:28px}.project-types nav,.single-type{flex-direction:column;gap:9px;display:flex}.project-types a{color:#777;line-height:1.25}.project-types a:hover,.project-types a.active{color:#222}.project-types b{color:#aaa;font-weight:400}.intro-copy p,.project-sidebar p{color:#333;margin:0 0 16px;font-family:Merriweather,Georgia,serif;font-size:12px}.single-project{background:#111}.single-image{background:#111;flex:0 0 min(76vw,980px);height:100%}.other-projects{background:#fff;flex:0 0 430px;height:100%;padding:28px;overflow-y:auto}.other-projects h3{text-transform:uppercase;margin:0 0 18px;font-size:13px}.other-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:22px;display:grid}.other-grid a{color:#fff;background-position:50%;background-size:cover;align-items:flex-end;min-height:106px;padding:12px;display:flex;position:relative;overflow:hidden}.other-grid a:before{content:"";background:linear-gradient(#00000014,#000000b8);position:absolute;inset:0}.other-grid a.active{outline:3px solid var(--accent)}.other-grid span,.other-grid em{z-index:1;position:relative}.other-grid span{text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.15}.other-grid em{text-transform:uppercase;font-size:10px;font-style:normal;position:absolute;inset:10px 10px auto auto}.next-link{margin-right:14px}.back-link{color:#666;text-transform:uppercase;font-size:11px}.content-page{max-width:1120px;margin:0 auto;padding:54px 32px 90px}.content-page h1{margin:0 0 28px;font-size:24px;font-weight:300}.content-page>p,.contact-page h2{max-width:880px;margin:0 0 34px;font-family:Merriweather,Georgia,serif;font-size:14px;font-weight:400;line-height:1.8}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.service h2{text-align:center;margin:0 0 14px;font-size:16px;font-weight:300}.service-image{aspect-ratio:1;overflow:hidden}.service-image img{object-fit:cover;width:100%;height:100%}.service p{text-align:center;margin:16px 0 0;font-family:Merriweather,Georgia,serif;font-size:12px}.contact-grid{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:56px;display:grid}.contact-form{gap:14px;max-width:640px;display:grid}.contact-form label{color:#555;gap:6px;display:grid}.contact-form input,.contact-form textarea{width:100%;font:inherit;border:1px solid #ddd;border-radius:0;padding:10px}.contact-form textarea{resize:vertical}.contact-form button{justify-self:start}.contact-details{border-left:1px solid var(--rule);padding-left:30px}.contact-details h3{text-transform:uppercase;margin:0 0 8px;font-size:11px}.contact-details p{margin:0 0 22px;font-family:Merriweather,Georgia,serif}.site-footer{z-index:45;height:var(--footer-height);border-top:1px solid var(--rule);color:#777;background:#fffffff5;align-items:center;gap:18px;padding:0 32px;font-size:11px;display:flex;position:fixed;inset:auto 0 0}.badge-nav{align-items:center;gap:9px;margin-right:6px;display:flex}.badge-nav img{width:auto;height:20px}.site-footer p{margin:0}.nav-tip{margin-left:auto!important}@media (max-width:900px){:root{--header-height:112px;--footer-height:42px;--sidebar-width:250px}.site-header{flex-direction:column;gap:8px;padding:16px 20px 0}.brand img{width:168px}.main-nav{margin-left:0;padding-top:0}.portfolio-layout{grid-template-columns:1fr;height:auto;min-height:0}.project-strip{grid-column:auto;display:grid;overflow:visible}.project-tile,.single-image,.other-projects{flex-basis:auto;width:100%}.project-image-link,.single-image{height:min(68vh,620px);min-height:360px}.sidebar{border-top:1px solid var(--rule);border-right:0;grid-area:auto}.sidebar-scroll{height:auto;max-height:none;padding:28px 22px}.single-project{background:#fff}.other-projects{height:auto}.service-grid,.contact-grid{grid-template-columns:1fr 1fr}.site-footer{padding:0 20px}}@media (max-width:620px){.site-header{height:auto;padding-bottom:12px;position:static}main{padding-top:0}.main-nav{flex-wrap:wrap;gap:16px}.main-nav a{padding-bottom:4px}.project-image-link,.single-image{height:62vh;min-height:320px}.hover-panel{opacity:1;text-align:left;background:linear-gradient(#0000,#000000ad);justify-content:flex-end;align-items:flex-start}.hover-panel>*{opacity:1;transform:none}.hover-title{font-size:22px}.service-grid,.contact-grid{grid-template-columns:1fr}.content-page{padding:34px 22px 80px}.contact-details{border-left:0;border-top:1px solid var(--rule);padding:24px 0 0}.other-grid{grid-template-columns:1fr}.nav-tip{display:none}}