:root{--blue:#001838;--beige:#d8d0c0;--ink:#333;--line:#d6d9dd;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--white);color:var(--blue);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:7px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;letter-spacing:-.045em}em{font-weight:400}h3{font-weight:400;line-height:1.25}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.header{padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--blue);background:var(--blue);color:var(--beige);gap:25px}.brand{font-size:24px;letter-spacing:.23em;line-height:1.3}.brand span{display:block;font-size:10px;text-align:center;letter-spacing:.42em;margin-top:4px}.header nav{display:flex;gap:38px;font-size:14px}.header nav a{padding:8px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:var(--beige)}.intro-text{padding:60px 8% 45px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:500}.intro h1{font-size:clamp(54px,6.4vw,96px);margin:24px 0 25px}.intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.intro-bottom p{color:var(--ink);font-size:17px}.text-link{font-size:14px;border-bottom:1px solid var(--blue);padding:10px 0;display:flex;gap:36px;align-items:center}.text-link span{font-size:25px}.hero{position:relative;margin:0 3%;background:var(--beige)}.hero img{height:clamp(340px,49vw,690px);object-position:center 52%}.hero figcaption{display:flex;justify-content:space-between;gap:20px;padding:15px 24px;background:var(--blue);color:var(--beige);font-size:12px;letter-spacing:.09em}.section{padding:110px 8%}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:65px}.section-heading .eyebrow{padding-top:12px}h2{font-size:clamp(40px,4.5vw,64px)}.section-heading p:not(.eyebrow){margin-top:24px;color:var(--ink);max-width:580px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.project>img,.project-image{aspect-ratio:1.42;background:var(--beige)}.project-image{position:relative}.project-image img{height:100%}.image-note{position:absolute;bottom:12px;left:12px;background:var(--blue);color:white;padding:5px 10px;font-size:12px}.project-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:22px}.project-heading h3{font-family:Georgia,serif;font-size:29px;letter-spacing:-.035em}.project-heading span{font-size:12px}.meta{font-size:13px;margin:9px 0 13px;color:#566271}.project p:last-child{color:var(--ink);max-width:540px}.services{background:var(--blue);color:white}.services .section-heading p:not(.eyebrow){color:var(--beige)}.service-list article{display:grid;grid-template-columns:.25fr 1fr 1.2fr;gap:30px;border-top:1px solid #526074;padding:32px 0}.service-list article:last-child{border-bottom:1px solid #526074}.service-number{color:var(--beige);font-size:13px;padding-top:5px}.service-list h3{font-family:Georgia,serif;font-size:28px}.service-list p{color:#e0e3e8}.contact{background:var(--beige);padding-bottom:25px}.contact-main{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;margin:48px 0 85px}.contact h2{font-size:clamp(48px,5vw,76px)}.contact-details{padding-top:8px}.architect{font-size:21px}.architect span{display:block;font-size:14px;margin:3px 0 25px}.contact-details>p:not(.architect){font-size:15px}.email{display:inline-flex;gap:14px;align-items:center;margin-top:27px;border-bottom:1px solid var(--blue);padding-bottom:6px;font-size:clamp(14px,1.4vw,20px);overflow-wrap:anywhere}.email span{font-size:25px}footer{display:flex;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid #a8a798;font-size:12px}footer a:hover{text-decoration:underline}@media(min-width:1600px){.header,.section,.intro-text{padding-left:max(8%,calc((100vw - 1400px)/2));padding-right:max(8%,calc((100vw - 1400px)/2))}}@media(max-width:760px){html{scroll-padding-top:20px}.header{padding:22px 6%;flex-wrap:wrap;gap:20px}.brand{font-size:21px}.header nav{gap:25px;font-size:14px}.intro-text{padding:44px 6% 30px}.intro h1{margin:22px 0}.intro-bottom{display:block}.intro-bottom p{font-size:16px}.text-link{width:max-content;margin-top:20px}.hero{margin:0 4%}.hero img{height:400px}.hero figcaption{padding:13px 16px;font-size:11px}.section{padding:65px 6%}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.section-heading .eyebrow{padding-top:0}.section-heading p:not(.eyebrow){margin-top:20px}.project-grid{grid-template-columns:1fr;gap:42px}.project-heading h3{font-size:28px}.service-list article{grid-template-columns:28px 1fr;gap:12px;padding:26px 0}.service-list h3{font-size:26px}.service-list p{grid-column:2}.contact-main{grid-template-columns:1fr;gap:32px;margin:35px 0 55px}.email{font-size:16px}.contact{padding-bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.project-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.project-controls p{font-size:13px;color:#566271}.project-controls>div{display:flex;gap:10px}.project-controls button{width:44px;height:44px;border:1px solid var(--blue);background:white;color:var(--blue);font-size:23px;cursor:pointer;border-radius:50%}.project-controls button:hover:not(:disabled){background:var(--blue);color:var(--beige)}.project-controls button:disabled{opacity:.3;cursor:default}.project-controls button:focus-visible,.project-grid:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.project-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 0 24px;scrollbar-width:thin;scrollbar-color:var(--blue) var(--beige)}.project{flex:0 0 340px;min-width:0;scroll-snap-align:start}.project>img,.project-image{height:225px;aspect-ratio:auto}.project-image img{height:225px}.project-heading{margin-top:18px}.project-heading h3{font-size:25px}.project p:last-child{font-size:14px;line-height:1.65}.image-note{font-size:11px;left:10px;bottom:10px}.projects .section-heading{margin-bottom:34px}@media(max-width:760px){.project-grid{gap:18px}.project{flex-basis:82%}.project>img,.project-image,.project-image img{height:200px}.project-heading h3{font-size:24px}.project-controls{gap:14px}.project-controls p{font-size:12px;max-width:180px}}