.architecture-page{--ink:#282826;--muted:#676a66;--line:#d8d8cf;color:var(--ink)}
.office-identity{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 28px;margin-bottom:46px;background:#fff;border:1px solid #e5e4de}
.office-projects{padding-top:100px;scroll-margin-top:30px}.project-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:27px}.project-heading>.eyebrow{color:var(--muted)}.project-heading h2{font-size:27px;letter-spacing:-.6px;line-height:1.4}.project-card{display:grid;grid-template-columns:1.45fr 1fr;border:1px solid var(--line)}.project-copy{padding:46px;background:#eee4dc}.project-copy>.eyebrow{color:#7b6c60}.project-copy h3{font-size:clamp(42px,5vw,70px);letter-spacing:-2px;line-height:1.15;margin:28px 0 23px}.project-copy h3>span{color:#a18b76}.project-role{font-size:21px;line-height:1.65}.project-credit{font-size:11px;line-height:1.8;color:var(--muted);margin-top:25px}.project-reel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:38px 25px;background:#262b3a;color:#fff;text-align:center;transition:background .2s}.project-reel:hover{background:#363e51}.project-play{display:grid;place-items:center;width:75px;height:75px;border:1px solid #b4a799;border-radius:50%;color:#ecded4;margin-bottom:10px}.project-play svg{width:27px;height:27px}.project-reel>strong{font-size:18px;font-weight:400;line-height:1.5}.project-reel>span:last-child{display:flex;align-items:center;gap:12px;color:#d3c3b5;font-size:11px}.project-reel>span:last-child svg{width:13px;height:13px}.project-reel:focus-visible{outline:3px solid #a18b76;outline-offset:5px}@media(max-width:760px){.office-projects{padding-top:70px}.project-heading{display:block;margin-bottom:20px}.project-heading h2{font-size:24px;margin-top:16px}.project-card{grid-template-columns:1fr}.project-copy{padding:30px 25px}.project-copy h3{font-size:47px;margin:23px 0 20px}.project-role{font-size:19px}.project-credit{font-size:10px}.project-reel{padding:30px 20px;gap:15px}.project-play{width:58px;height:58px;margin-bottom:0}.project-reel>strong{font-size:17px}}
.office-identity>img{width:min(390px,44%);height:auto;object-fit:contain}
.office-identity nav{display:flex;gap:29px;font-size:12px;flex-wrap:wrap}
.office-identity nav a{padding:10px 0;border-bottom:1px solid transparent}
.office-identity nav a:hover{border-bottom-color:#717769}
.office-hero{gap:60px}
.office-hero .activity-copy h1{font-size:clamp(44px,4.4vw,72px);line-height:1.13}
.office-hero .activity-copy>p{max-width:420px;line-height:1.85}
.office-hero .activity-copy em{color:#82856e}
.office-hero figure img{border-radius:3px;min-height:470px;max-height:540px}
.office-hero-note{display:flex;flex-direction:column;gap:7px;margin-top:51px;font-size:9px;letter-spacing:1.4px;color:#686d63}
.office-hero-note span+span{font-size:11px;letter-spacing:0;color:#81857e}
.office-services,.office-profile,.office-contact{scroll-margin-top:30px}
.office-services{padding:105px 0 75px}
.office-section-heading{display:grid;grid-template-columns:1fr 2fr;gap:35px;margin-bottom:45px}
.office-section-heading>.eyebrow{padding-top:7px;color:var(--muted)}
.office-section-heading h2{font-size:clamp(32px,3.2vw,48px);line-height:1.2;letter-spacing:-1.5px}
.office-section-heading em{color:#82856e}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.service-grid article{padding:29px 26px 34px 0;border-bottom:1px solid var(--line)}
.service-grid article:nth-child(3n+2),.service-grid article:nth-child(3n+3){padding-left:27px;border-left:1px solid var(--line)}
.service-number{display:block;color:#8a8e82;font-size:10px;letter-spacing:1px;margin-bottom:25px}
.service-grid h3{font-size:23px;line-height:1.4;letter-spacing:-.5px;margin-bottom:15px}
.service-grid p{font-size:13px;line-height:1.85;color:var(--muted);max-width:330px}
.office-additional{display:flex;align-items:baseline;gap:35px;margin-top:26px;color:var(--muted)}
.office-additional p{font-size:12px;line-height:1.8}.office-additional p span{padding:0 11px;color:#a9ad9f}
.office-profile{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;background:#eceee6;padding:49px 44px;margin-bottom:70px}
.office-profile .eyebrow{color:var(--muted)}
.office-profile h2{font-size:clamp(36px,3.5vw,54px);line-height:1.18;letter-spacing:-1.3px;margin:37px 0 19px}
.office-profile h2 em{color:#747b61}.profile-role{font-size:10px;letter-spacing:2px;color:#747b61}
.profile-story p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:18px}
.profile-story .profile-lead{font-size:21px;color:var(--ink);line-height:1.6;margin-bottom:25px}
.office-timeline{margin:31px 0 0}.office-timeline div{display:flex;gap:24px;border-top:1px solid #ccd1c3;padding:15px 0;font-size:12px;line-height:1.65}.office-timeline dt{color:#717960;font-weight:600}.office-timeline dd{margin:0}
.office-contact{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;margin-bottom:70px}
.office-contact .eyebrow{color:var(--muted)}.office-contact h2{font-size:38px;line-height:1.2;letter-spacing:-1px;margin-top:23px}
.office-contact-links{align-self:center;min-width:0}.office-contact-links>a{display:grid;grid-template-columns:1fr auto;gap:9px 20px;padding:20px 0;border-bottom:1px solid var(--line)}
.office-contact-links>a:first-child{border-top:1px solid var(--line)}.office-contact-links>a>span{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.office-contact-links strong{font-size:clamp(15px,1.5vw,21px);font-weight:400;grid-column:1;overflow-wrap:anywhere}.office-contact-links svg{grid-column:2;grid-row:1/3;align-self:center;width:19px;height:19px}.office-contact-links>a:hover strong{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.office-identity{padding:19px;gap:20px}.office-identity nav{gap:18px;font-size:11px}.office-hero{gap:35px}.office-hero .activity-copy h1{font-size:48px}.office-hero figure img{min-height:420px}.service-grid h3{font-size:20px}.office-profile,.office-contact{gap:40px}.office-profile{padding:35px}.office-contact h2{font-size:32px}}
@media(max-width:760px){.office-identity{flex-direction:column;align-items:flex-start;padding:20px;margin-bottom:32px;gap:17px}.office-identity>img{width:min(100%,340px)}.office-identity nav{justify-content:space-between;width:100%;gap:10px;font-size:10px;padding-top:9px;border-top:1px solid #eeeee9}.office-identity nav a{padding:5px 0}.office-hero .activity-copy h1{font-size:clamp(38px,8.7vw,60px);letter-spacing:-1.6px}.office-hero .activity-copy .eyebrow{font-size:8px;letter-spacing:1.15px}.office-hero-note{margin-top:27px}.office-hero figure img{min-height:0;height:350px;max-height:none}.office-hero figcaption{font-size:8px;bottom:-27px;line-height:1.5}.office-services{padding:79px 0 45px}.office-section-heading{grid-template-columns:1fr;gap:17px;margin-bottom:29px}.office-section-heading h2{font-size:32px;letter-spacing:-1px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:nth-child(3n+2),.service-grid article:nth-child(3n+3){padding:24px 0;border-left:0}.service-number{margin-bottom:14px}.service-grid h3{font-size:22px;margin-bottom:12px}.service-grid p{max-width:none}.office-additional{display:block;margin-top:23px}.office-additional p{margin-top:12px}.office-profile{grid-template-columns:1fr;gap:27px;padding:28px 23px;margin-bottom:45px}.office-profile h2{font-size:38px;margin:20px 0 13px}.profile-story .profile-lead{font-size:19px}.profile-story p{font-size:13px}.office-timeline div{font-size:11px;gap:20px}.office-contact{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.office-contact h2{font-size:32px;margin-top:19px}.office-contact-links strong{font-size:16px}.office-contact-links>a{padding:19px 0}}
.office-hero figure{align-self:center}.office-hero figure img{height:auto;min-height:0;max-height:none;aspect-ratio:16/9;object-fit:contain}
.project-with-media{grid-template-columns:.85fr 1.55fr;align-items:stretch}.project-with-media .project-copy{padding:36px}.project-with-media .project-copy h3{font-size:clamp(39px,4vw,61px)}.project-with-media .project-copy>.eyebrow{font-size:9px;letter-spacing:1px}.project-with-media .project-role{font-size:19px}.project-3d-link{font-size:11px;line-height:1.7;gap:15px;margin-top:26px;border-bottom-color:#b8a38e}.project-3d-link svg{flex-shrink:0}.project-media{margin:0;min-width:0;background:#262b3a;display:flex;flex-direction:column;justify-content:center}.project-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#262b3a}.project-media video:focus-visible{outline:3px solid #b8a38e;outline-offset:4px}.project-media figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px 20px;padding:14px 18px;color:#e4dcd4;font-size:10px;line-height:1.7}
@media(max-width:1100px){.project-with-media{grid-template-columns:1fr 1.3fr}.project-with-media .project-copy{padding:27px}.project-with-media .project-role{font-size:18px}.project-media figcaption{font-size:9px}}
@media(max-width:760px){.project-with-media{grid-template-columns:1fr}.project-with-media .project-copy{padding:28px 25px}.project-with-media .project-copy h3{font-size:47px}.project-with-media .project-role{font-size:19px}.project-media figcaption{padding:12px 14px;display:block;font-size:9px}.project-media figcaption>span+span{display:block;margin-top:4px}.office-hero figure img{height:auto;min-height:0;max-height:none}.office-hero figcaption{position:static;padding-top:10px}}