:root{--paper:#eee5d3;--ink:#202720;--red:#af301e;--rule:#c4beaf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111813;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:5px}.paper{max-width:1480px;margin:24px auto;background:var(--paper);border-radius:16px;overflow:clip;position:relative}.site-nav{position:absolute;top:0;right:0;z-index:6;display:flex;gap:10px;padding:22px 5%}.site-nav a{padding:10px 16px;background:var(--paper);border:1px solid var(--ink)}.brand{width:164px;height:auto;filter:brightness(0) saturate(100%);opacity:.9}nav a,.eyebrow,.services h2,.partners h2,.text-button,.hero-link{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:400}nav a:hover,footer a:hover{color:var(--red)}.hero{height:calc(100svh - 24px);min-height:560px;position:relative;isolation:isolate;overflow:hidden;background:url(assets/san-francisco-loop-poster.webp) center/cover}.landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,232,196,.55),transparent 68%);z-index:-1}.hero-copy{position:absolute;left:9%;bottom:50.5%;width:55%}.hero-copy h1{margin:0;width:min(100%,69.5svh);max-width:750px;line-height:0}.hero-copy h1 img{width:100%;height:auto;display:block}.hero-copy h1 .street{width:64.18%;margin-top:-1%}.intro{padding:72px 6% 56px;text-align:center}.intro h2{font-size:clamp(28px,3.4vw,48px);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin:0 auto 44px;max-width:14em}.services{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:28px 6% 56px}.services>div+div{border-left:1px solid var(--rule);padding-left:16%}h2,h3,p{margin-top:0}.services h2,.partners h2{margin-bottom:12px}.services ul{list-style:none;margin:0;padding:0;line-height:1.55}.partners{padding-top:0}.partner-list{display:flex;align-items:center;justify-content:center;gap:16px 28px;flex-wrap:wrap}.partner-list a{display:flex;align-items:center;flex:0 0 auto;height:24px;opacity:.82}.partner-list a:hover{opacity:1}.partner-list img{display:block;height:24px;width:auto;max-width:none;object-fit:contain}.section{padding:70px 6%;scroll-margin-top:0}.work{border-top:1px solid var(--rule)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;padding-right:220px}.section-heading h1{font-size:clamp(38px,5vw,68px);font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:0}.section-heading p{margin:0;max-width:300px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:46px 34px}.featured,.wide{grid-column:1/-1}.image-button{border:0;padding:0;background:none;display:block;width:100%;overflow:hidden;margin-bottom:14px}.image-button img{display:block;width:100%;height:auto;transition:transform .5s}.image-button:hover img{transform:scale(1.025)}.project h3{font-size:26px;font-weight:400;letter-spacing:-.04em;margin:0}.meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#64685f;margin-bottom:8px}.project p:not(.meta){max-width:540px;margin-bottom:15px}.project-info{display:flex;justify-content:space-between;gap:25px;align-items:center}.text-button{background:none;border:0;border-bottom:1px solid transparent;padding:9px 0;white-space:nowrap;min-height:40px}.text-button:hover{border-color:var(--red);color:var(--red)}.wide{display:grid;grid-template-columns:1.55fr 1fr;align-items:center;gap:34px}.wide .image-button{margin:0}.contact{border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#e7dcc8}.contact h1{font-size:clamp(40px,4.8vw,67px);font-weight:400;line-height:1.03;letter-spacing:-.055em;color:var(--red);margin-bottom:24px}.eyebrow{margin-bottom:30px}form label{display:block;font-size:.875rem;margin-bottom:22px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}input,select,textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #7b7d70;padding:12px 0;border-radius:0;resize:vertical;font-size:16px}input::placeholder,textarea::placeholder{color:#696c61}.primary{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:14px 24px;display:inline-block;font-size:14px}.primary:hover{background:var(--red);border-color:var(--red)}.form-note{font-size:.8rem;color:#606357;margin:14px 0}#inquiry-result{border-top:1px solid var(--rule);margin-top:20px;padding-top:20px}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 6%;font-size:.8rem}footer img{width:150px;height:auto}footer p{margin:0}dialog{width:min(850px,calc(100% - 32px));max-height:90dvh;border:0;padding:0;background:var(--paper);color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#101611cc;backdrop-filter:blur(4px)}.close{display:flex;justify-content:space-between;gap:30px;align-items:center;background:var(--paper);border:0;padding:18px 28px;width:100%;text-align:right}.close span{font-size:28px}#dialog-image{display:block;width:100%;height:auto;max-height:380px;object-fit:cover}.dialog-copy{padding:30px}.dialog-copy h2{font-size:42px;font-weight:400;letter-spacing:-.04em;margin-bottom:15px}.dialog-copy h3{font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin-top:30px}.dialog-copy .primary{margin-top:20px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:12px;left:12px;z-index:20;background:var(--paper);padding:12px}@media(min-width:1600px){.paper{margin:30px auto}.hero{height:calc(100svh - 30px)}}@media(max-width:1510px){.paper{margin:18px}.hero{height:calc(100svh - 18px)}}@media(max-width:700px){html{scroll-padding-top:0}.paper{margin:8px;border-radius:10px}.site-nav{padding:14px 6%;gap:8px}.site-nav a{font-size:.72rem;padding:8px 12px}.hero{height:calc(100svh - 8px);min-height:0;max-height:none}.landscape{object-position:52% center}.hero:after{background:linear-gradient(180deg,rgba(238,229,211,.6) 0%,rgba(238,229,211,.9) 23%,transparent 70%)}.hero-copy{top:14%;bottom:auto;width:87%;left:6%}.hero-copy h1{width:100%;max-width:460px}.intro{padding:48px 6% 36px}.intro h2{font-size:28px;margin-bottom:32px}.services{gap:5%;padding:20px 6% 48px}.services>div+div{padding-left:12%}.services h2{font-size:.69rem;letter-spacing:.09em}.services ul{font-size:14px}.partner-list{display:flex;justify-content:center;justify-items:center;gap:18px 24px;flex-wrap:wrap}.partner-list a{height:22px}.partner-list img{height:22px;max-width:none}.section{padding:45px 6%}.section-heading{display:block;padding-right:0}.section-heading h1{margin-bottom:18px}.section-heading p{font-size:15px}.section-heading br{display:none}.projects{grid-template-columns:1fr;gap:36px}.project-info{display:block}.project h3{font-size:25px}.wide{grid-template-columns:1fr;gap:14px}.contact{grid-template-columns:1fr;gap:28px}.contact h1{font-size:50px}.field-pair{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;gap:20px}footer p{order:3;width:100%}.desktop{display:none}.dialog-copy{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
nav a[aria-current="page"]{color:var(--red);text-decoration:underline;text-underline-offset:7px}body:has(nav a[aria-current="page"]) .paper{min-height:calc(100vh - 48px)}body:has(nav a[aria-current="page"]) .work{border-top:0;padding-top:88px}body:has(nav a[aria-current="page"]) .contact{min-height:calc(100vh - 160px);align-items:center;border-top:0;background:var(--paper);padding-top:88px}

.section-heading h1,.contact h1{width:auto;max-width:none}.contact h1{margin-top:0}