@font-face{font-family:Tekto;src:url('/themes/tekto/fonts/hnltgeo55roman/hnltgeo55roman.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Tekto;src:url('/themes/tekto/fonts/hnltgeo65med/font.woff2') format('woff2');font-weight:500 700;font-display:swap}
:root{--ink:#222e5b;--muted:#646d82;--paper:#ffffff;--surface:#f0f2f7;--line:#dce0ea;--accent:#222e5b;--radius:4px;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Tekto,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{letter-spacing:-.05em;line-height:1.06}h1{font-size:clamp(58px,7vw,110px)}h2{font-size:clamp(40px,4.7vw,72px)}h3{font-size:30px;letter-spacing:-.025em}p{max-width:65ch}.section{padding:130px 5.5%;max-width:1800px;margin:auto}.section-label{font-size:13px;margin-bottom:30px;letter-spacing:.025em}.body-copy{font-size:19px;line-height:1.65;max-width:440px;color:var(--muted)}.section-heading{margin-bottom:64px}.section-heading .body-copy{margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--accent);color:#fff;border:1px solid var(--accent);min-height:58px;padding:16px 25px;border-radius:var(--radius);font-size:15px;white-space:nowrap;transition:transform .25s var(--ease),background .25s}.button span{font-size:23px;line-height:1}.button:hover{background:#344375;border-color:#344375;transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button.light{background:#f8faf9;color:#222e5b;border-color:#f8faf9}.button.light:hover{background:#e0eaf0}.button.small{min-height:42px;padding:9px 19px;font-size:13px;gap:24px}.text-link{display:inline-flex;align-items:center;gap:36px;border-bottom:1px solid;padding-bottom:9px;font-size:15px;transition:opacity .2s}.text-link:hover{opacity:.65}.round-arrow{display:grid;place-items:center;flex:none;width:52px;height:52px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:23px;transition:background .2s,transform .2s}.round-arrow:hover{background:var(--surface);transform:translateY(-2px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.people:focus-visible{outline:3px solid #6173b0;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--paper);padding:15px}.skip:focus{top:15px}.header{height:96px;padding:0 5.5%;display:flex;align-items:center;gap:36px;position:relative;z-index:4}.brand{display:block;flex:none}.brand img{width:46px;height:70px;object-fit:contain}.header nav{display:flex;align-items:center;gap:24px;margin:auto}.header nav a{font-size:13px}.header nav a:hover{text-decoration:underline;text-underline-offset:7px}.header-actions{display:flex;align-items:center;gap:25px}.language{font-size:13px}.menu{display:none;align-items:center;justify-content:center;gap:12px;border:0;background:transparent;padding:12px 0;font-size:14px}.menu-lines{width:22px;height:10px;border-top:1px solid;border-bottom:1px solid}.hero-image{object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,28,43,.55),rgba(6,28,43,.02) 72%),linear-gradient(0deg,rgba(6,28,43,.40),transparent 40%,rgba(6,28,43,.20));pointer-events:none}.hero{position:relative}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px}.intro .body-copy{margin-top:36px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px 60px}.project{min-width:0;display:block}.project-picture{overflow:hidden;background:var(--surface);border-radius:var(--radius)}.project-picture img{width:100%;aspect-ratio:1.22;object-fit:cover;transition:transform .6s var(--ease)}.project:hover img{transform:scale(1.025)}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px}.project-description{display:block;color:var(--muted);font-size:14px;margin-top:10px}.ambassador{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;padding-top:80px;padding-bottom:100px}.ambassador-photo{min-width:0;overflow:hidden;background:#fff;border-radius:var(--radius)}.ambassador-photo img{height:560px;object-fit:cover;object-position:right bottom}.ambassador-copy blockquote{font-size:25px;line-height:1.45;letter-spacing:-.02em;margin:35px 0;max-width:460px}.ambassador-copy h3{font-size:19px;font-weight:500;margin-bottom:10px}.ambassador-copy>p:not(.section-label){color:var(--muted);font-size:14px;line-height:1.7}.ambassador-copy .text-link{margin-top:32px}.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 40px}.person{min-width:0}.person img{height:340px;object-fit:contain;object-position:center bottom;background:var(--surface);border-radius:var(--radius)}.person h3{font-size:19px;margin:22px 0 8px;letter-spacing:-.02em}.person p{font-size:13px;line-height:1.5;color:var(--muted);max-width:250px}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;}.questions .text-link{margin-top:32px}.question-list details{border-top:1px solid var(--line);padding:26px 0}.question-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px}summary::-webkit-details-marker{display:none}summary span{font-size:28px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:16px;line-height:1.65;color:var(--muted);padding-top:22px;max-width:530px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:var(--surface);border-radius:var(--radius)}.contact-copy .body-copy{margin-top:30px;font-size:17px}.phone{display:block;font-size:clamp(23px,2.6vw,39px);letter-spacing:-.035em;margin:45px 0 15px;white-space:nowrap}.contact-form{min-width:0}.form-heading{font-size:22px;margin-bottom:25px}.contact-form label{display:block;font-size:13px;margin-bottom:25px}.contact-form input:not([type=checkbox]){display:block;width:100%;padding:14px 0;min-height:52px;background:transparent;border:0;border-bottom:1px solid #9cacb6;border-radius:0;color:var(--ink);font-size:16px}.contact-form input::placeholder{color:#646d82}.contact-form .consent{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.6;margin:32px 0}.consent input{accent-color:var(--accent);width:16px;height:16px;flex:none;margin:2px 0}.consent a{text-decoration:underline;text-underline-offset:3px}.contact-form .button{width:100%}.form-note{font-size:11px;color:var(--muted);margin-top:17px}.form-status{font-size:13px;margin-top:14px}.office{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:center}.office-map{overflow:hidden;border-radius:var(--radius);background:var(--surface)}.office-map img{height:360px;object-fit:cover}.office-copy h2{font-size:clamp(38px,3.8vw,58px)}.office-copy>p:not(.section-label){margin:24px 0;font-size:16px}.footer{padding:55px 5.5% 25px;background:var(--paper);border-top:1px solid var(--line)}.footer-top{display:flex;gap:45px;align-items:center}.footer-top p{font-size:clamp(27px,3.5vw,50px);line-height:1.15;letter-spacing:-.035em}.footer-top>.round-arrow{margin-left:auto}.footer-links{display:flex;justify-content:space-between;gap:30px;padding:65px 0 40px}.footer-links nav,.footer-links>div{display:flex;gap:30px;flex-wrap:wrap}.footer-links a{font-size:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}
/* 1. October-inspired panoramic arrival; light editorial sections below. */
.v1{--paper:#fbfcfc;--radius:3px}.v1 .header{position:absolute;top:0;left:0;width:100%;color:white;border-bottom:1px solid #ffffff2b}.v1 .header .button{color:white;background:transparent;border-color:#ffffff70}.cinematic{min-height:820px;height:100dvh;max-height:1100px;color:white}.cinematic>.hero-image{position:absolute;inset:0;width:100%;height:100%;object-position:center 45%}.hero-content{position:relative;z-index:1;min-height:820px;height:100%;padding:170px 5.5% 64px;display:flex;flex-direction:column}.hero-intro{font-size:18px;line-height:1.45;font-weight:400}.cinematic h1{font-size:clamp(70px,7.7vw,120px);line-height:.98;letter-spacing:-.065em;margin-top:auto;margin-bottom:54px;text-shadow:0 2px 20px #163b4530}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.featured-link{display:grid;grid-template-columns:1fr auto;gap:4px 40px;font-size:23px}.featured-link>span:first-child{grid-column:1/-1;font-size:12px}.featured-link>span:last-child{font-size:27px}.v1 .intro{padding-top:150px;padding-bottom:65px}.v1 .intro h2{font-size:clamp(45px,4.7vw,70px)}.v1 .project-grid .project:nth-child(even){margin-top:145px}.v1 .project-grid .project:last-child{grid-column:1/-1;width:78%}.v1 .project-grid .project:last-child img{aspect-ratio:1.8}.v1 .projects{padding-bottom:160px}.v1 .ambassador{background:var(--surface);max-width:none;gap:7%;padding-top:105px;padding-bottom:105px}.v1 .ambassador-photo{background:white}.v1 .team .section-heading{position:relative}.rail-controls{display:flex;gap:12px;position:absolute;right:0;bottom:4px}.v1 .people{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aebfc8 transparent;padding-bottom:30px}.v1 .person{flex:0 0 270px;scroll-snap-align:start}.v1 .person img{height:350px}.v1 .questions{padding-top:55px}.v1 .contact{margin:0 5.5%;padding:100px 6%;max-width:none}.v1 .office{padding-top:110px;padding-bottom:110px}
/* 2. A101-inspired framed imagery and direct project selection. */
.v2{--paper:#fcfdfd;--surface:#f0f4f6;--radius:24px}.v2 .header{height:94px;padding:0 3.3%;gap:24px}.v2 .header nav{gap:23px}.v2 .button{border-radius:999px}.v2 .hero{margin:0 22px}.living-scene{position:relative;min-height:610px;height:calc(100dvh - 205px);max-height:780px;overflow:hidden;border-radius:30px}.living-scene>.hero-image{width:100%;height:100%;position:absolute;object-position:60% 47%}.living-copy{position:absolute;left:4.7%;bottom:90px;z-index:1;color:white}.living-copy p{font-size:13px;margin-bottom:28px}.living-copy h1{font-size:clamp(58px,6.3vw,96px);line-height:1.02;letter-spacing:-.055em}.living-feature{position:absolute;right:4%;bottom:55px;color:white;border-bottom:1px solid #fff9;padding-bottom:10px;font-size:18px;display:flex;gap:55px}.project-picker{position:relative;background:white;border:1px solid var(--line);border-radius:22px;margin:-30px 3% 0;z-index:2;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:35px;padding:28px 35px;box-shadow:0 16px 36px #1e44530b}.picker-intro span{font-size:12px;color:var(--muted)}.picker-intro h2{font-size:28px;letter-spacing:-.035em;margin-top:8px}.project-picker label{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:35px}.project-picker select{display:block;width:100%;padding:9px 32px 9px 0;border:0;background:transparent;color:var(--ink);font-size:18px;cursor:pointer}.v2 .intro{grid-template-columns:1.25fr 1fr;align-items:center;padding-top:150px;padding-bottom:65px}.v2 .intro .body-copy{margin:0 0 30px}.v2 .projects{padding-top:85px}.project-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.project-tab{padding:14px 25px;border:1px solid var(--line);background:transparent;border-radius:999px;font-size:15px;transition:background .2s}.project-tab:hover{background:var(--surface)}.project-tab[aria-selected=true]{background:var(--accent);color:white;border-color:var(--accent)}.project-spotlight{display:grid;grid-template-columns:1.5fr 1fr;gap:7%;align-items:center;background:var(--surface);border-radius:28px;padding:24px}.spotlight-image{border-radius:18px;overflow:hidden;display:block}.spotlight-image img{height:470px;object-fit:cover}.spotlight-copy{padding:10px 35px 10px 0}.spotlight-copy h3{font-size:46px;line-height:1.06;margin-bottom:26px}.spotlight-copy>p:not(.section-label){font-size:17px;line-height:1.65;color:var(--muted)}.spotlight-copy .button{margin-top:35px}.project-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:36px}.project-index img{height:160px;object-fit:cover;border-radius:15px}.project-index span{display:block;font-size:14px;margin-top:15px}.v2 .ambassador{padding-top:50px}.v2 .ambassador-copy{order:-1}.v2 .ambassador-photo{border-radius:28px;background:white}.v2 .ambassador-photo img{height:570px}.v2 .team{background:var(--surface);border-radius:40px;margin:0 22px;max-width:none;padding:100px 4%}.v2 .team .section-heading{max-width:850px;margin:auto auto 70px;text-align:center}.v2 .team .body-copy{margin:25px auto 0}.v2 .person img{background:#e3ebf0;height:355px;border-radius:20px}.v2 .people{gap:50px 55px}.v2 .person h3{font-size:21px}.v2 .contact{margin:0 22px;max-width:none;padding:100px 7%;border-radius:35px}.v2 .office-map{border-radius:25px}.v2 .footer{background:var(--surface);border:0;border-radius:35px 35px 0 0}
/* 3. Architectural composition, centered original logo, expanded menu. */
.v3{--paper:#f8fafb;--surface:#eaf0f4;--radius:0px}.header-studio{display:grid;grid-template-columns:1fr 1fr auto 1fr auto;gap:32px;border-bottom:1px solid var(--line);height:108px}.header-studio .menu{display:flex;justify-content:flex-start}.header-projects,.header-phone{font-size:13px}.header-phone{justify-self:end}.header-studio .brand{justify-self:center}.header-studio nav{display:none}.header-studio nav.open{display:flex}.v3 .architecture{padding:60px 5.5% 0}.architecture-title{display:grid;grid-template-columns:.65fr 1.7fr;align-items:start;gap:40px;margin-bottom:55px}.architecture-title>p{padding-top:15px;font-size:15px;color:var(--muted)}.architecture-title h1{font-size:clamp(70px,7.9vw,118px);line-height:1.02;letter-spacing:-.065em}.architecture-stage{display:grid;grid-template-columns:1.65fr .75fr;gap:7%;align-items:start}.architecture-main{overflow:hidden}.architecture-main img{width:100%;height:600px;object-position:57%;object-fit:cover}.architecture-side>p{font-size:17px;line-height:1.6;margin:10px 0 25px;max-width:310px}.architecture-detail{display:block;margin-top:65px}.architecture-detail>img{height:245px;object-fit:cover}.architecture-detail>span{display:flex;justify-content:space-between;font-size:14px;margin-top:16px}.v3 .intro{grid-template-columns:.65fr 1.7fr;position:relative;padding-top:155px;padding-bottom:100px}.v3 .intro h2{font-size:clamp(50px,5.7vw,85px)}.v3 .intro h2 span{color:#758b9b}.v3 .intro .body-copy{grid-column:2;margin-top:0;max-width:510px}.v3 .projects{padding-top:50px}.v3 .projects .section-heading{margin-left:30%;margin-bottom:80px}.v3 .project-grid{display:block}.v3 .project{display:grid;grid-template-columns:1.45fr 1fr;gap:10px 8%;align-items:center;margin-bottom:105px}.v3 .project-picture{grid-row:span 2}.v3 .project-picture img{height:470px;aspect-ratio:auto}.v3 .project-caption{align-self:end;margin:0}.v3 .project-caption h3{font-size:43px}.v3 .project-description{align-self:start;margin:8px 0 0}.v3 .project:nth-child(even){grid-template-columns:1fr 1.45fr}.v3 .project:nth-child(even) .project-picture{grid-column:2;grid-row:1/3}.v3 .project:last-child{margin-bottom:0}.v3 .ambassador{grid-template-columns:1fr 1.2fr;padding-top:100px;padding-bottom:100px;background:var(--surface);gap:8%;max-width:none}.v3 .ambassador-copy{order:-1}.v3 .ambassador-photo img{height:580px}.v3 .team .section-heading{margin-left:30%;}.v3 .people{grid-template-columns:repeat(4,minmax(0,1fr));gap:45px 30px}.v3 .person:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.8fr;align-items:center;gap:8%;margin-bottom:40px}.v3 .person:first-child img{height:460px}.v3 .person:first-child h3{font-size:48px;margin-top:0}.v3 .person:first-child p{font-size:19px}.v3 .person img{height:285px;background:#eef3f6}.v3 .person h3{font-size:17px}.v3 .questions{padding-top:50px}.v3 .contact{margin:0 5.5%;padding:100px 7%;max-width:none}.v3 .contact h2{font-size:clamp(45px,5vw,76px)}.v3 .office{grid-template-columns:1fr 1.2fr}.v3 .office-copy{order:-1}.v3 .footer-top p{font-size:clamp(30px,4.7vw,70px)}
/* Menu layers: header 4; menu panel 5; keyboard skip 10. */
.header-studio nav.open{position:fixed;inset:108px 0 0;margin:0;background:var(--paper);padding:50px 12%;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;z-index:5;overflow:auto}.header-studio nav.open a{font-size:clamp(25px,3vw,44px);line-height:1.15;letter-spacing:-.025em}.hero-image{animation:hero-entry .9s var(--ease) both}@keyframes hero-entry{from{opacity:.7;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
@media(min-width:1800px){.header{padding-left:calc((100vw - 1600px)/2);padding-right:calc((100vw - 1600px)/2)}.hero-content{max-width:1800px;margin:auto}}
@media(max-width:1200px){.header,.v2 .header{gap:23px;padding-left:4%;padding-right:4%}.header nav,.v2 .header nav{gap:16px}.header nav a{font-size:12px}.header-actions .small{display:none}.v3 .header{padding-left:5.5%;padding-right:5.5%}.v3 .project-caption h3{font-size:34px}.spotlight-copy{padding-right:10px}.spotlight-copy h3{font-size:37px}.v2 .people{gap:45px 30px}.v2 .person img{height:300px}.architecture-main img{height:560px}.project-picker{gap:25px;padding:25px}.project-picker label{padding-left:25px}}
@media(max-width:900px){.header nav{display:none}.header,.v2 .header{height:85px;padding:0 24px}.header .menu{display:flex}.header-actions{margin-left:auto}.header nav.open{display:flex;position:fixed;inset:85px 0 0;margin:0;padding:40px 8%;background:var(--paper);color:var(--ink);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:28px;overflow:auto;z-index:5}.header nav.open a{font-size:24px}.header-studio{display:flex}.header-studio .brand{margin:auto}.header-studio .header-projects,.header-studio .header-phone{display:none}.header-studio .language{width:66px;text-align:right}.header-studio .menu{width:66px;justify-content:flex-start}.header-studio nav.open{inset:85px 0 0}.section{padding:85px 6%}.section-heading{margin-bottom:45px}.cinematic,.hero-content{min-height:740px}.hero-content{padding:150px 6% 50px}.cinematic h1{font-size:80px}.project-grid{gap:65px 30px}.ambassador{gap:35px}.ambassador-photo img{height:470px}.ambassador-copy blockquote{font-size:22px}.v1 .person{flex-basis:240px}.living-copy h1{font-size:67px}.project-picker{grid-template-columns:1fr 1fr;gap:25px;margin-left:20px;margin-right:20px}.picker-intro{display:none}.project-picker label{border:0;padding:0}.project-spotlight{gap:30px;grid-template-columns:1.2fr 1fr}.spotlight-image img{height:390px}.project-index{gap:15px}.project-index img{height:120px}.v2 .person img{height:250px}.v2 .person h3{font-size:17px}.architecture-title{grid-template-columns:1fr}.architecture-title>p{padding-top:0}.architecture-title h1{font-size:85px}.architecture-stage{grid-template-columns:1.45fr 1fr;gap:35px}.architecture-main img{height:530px}.architecture-detail{margin-top:45px}.architecture-detail>img{height:230px}.v3 .intro,.v3 .project{gap:40px}.v3 .project-caption h3{font-size:30px}.v3 .project-picture img{height:350px}.v3 .people{grid-template-columns:repeat(2,minmax(0,1fr))}.v3 .person img{height:340px}.questions{gap:45px}.contact{gap:55px}.phone{font-size:25px}.footer-links{gap:40px}.footer-links nav,.footer-links>div{gap:20px}}
@media(max-width:640px){h1{font-size:51px}h2{font-size:39px}h3{font-size:27px}.section{padding:72px 22px}.section-label{font-size:12px;margin-bottom:23px}.body-copy{font-size:17px}.header,.v2 .header{height:80px;padding:0 22px;gap:20px}.brand img{height:59px;width:39px}.header nav.open,.header-studio nav.open{top:80px}.header-actions{gap:15px}.button{min-height:54px;padding:14px 20px;gap:25px;font-size:14px}.menu{font-size:13px}.cinematic{height:calc(100dvh - 10px);min-height:710px;max-height:900px}.cinematic>.hero-image{object-position:57%}.hero-shade{background:linear-gradient(90deg,#06223785,#06223715),linear-gradient(0deg,#06223790,transparent 65%)}.hero-content{min-height:710px;padding:137px 22px 37px}.hero-intro{font-size:15px;line-height:1.5}.cinematic h1{font-size:clamp(49px,12vw,70px);line-height:1.03;margin-bottom:35px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:30px}.featured-link{font-size:18px;gap:2px 28px}.featured-link>span:first-child{font-size:11px}.featured-link>span:last-child{font-size:21px}.intro,.v2 .intro,.v3 .intro{display:block;padding:80px 22px 30px}.intro h2,.v1 .intro h2,.v3 .intro h2{font-size:40px}.intro .body-copy,.v2 .intro .body-copy,.v3 .intro .body-copy{margin-top:25px}.v1 .intro{padding-bottom:25px}.v1 .projects{padding-bottom:75px}.project-grid{grid-template-columns:1fr;gap:45px}.project-caption{margin-top:18px}.project-caption h3{font-size:27px}.round-arrow{width:44px;height:44px;font-size:21px}.project-description{font-size:13px;margin-top:5px}.v1 .project-grid .project:nth-child(even){margin-top:0}.v1 .project-grid .project:last-child{grid-column:auto;width:100%}.v1 .project-grid .project:last-child img,.project-picture img{aspect-ratio:1.18}.ambassador,.v1 .ambassador,.v2 .ambassador,.v3 .ambassador{display:flex;flex-direction:column;padding:70px 22px;gap:36px}.ambassador-copy,.v2 .ambassador-copy,.v3 .ambassador-copy{order:0;width:100%}.ambassador-photo{order:1;width:100%}.ambassador-photo img,.v2 .ambassador-photo img,.v3 .ambassador-photo img{height:360px;object-fit:cover;object-position:right bottom}.ambassador-copy blockquote{font-size:23px;margin:28px 0}.v1 .team .section-heading{padding-bottom:65px}.rail-controls{left:0;right:auto;bottom:0}.v1 .person{flex-basis:240px}.v1 .person img{height:320px}.v1 .people{gap:20px}.questions,.v1 .questions,.v3 .questions{display:block;padding-top:50px}.question-list{margin-top:45px}summary{font-size:17px;line-height:1.45}.question-list details{padding:22px 0}.contact,.v1 .contact,.v2 .contact,.v3 .contact{display:block;margin:0 14px;padding:55px 25px}.contact h2,.v3 .contact h2{font-size:42px}.phone{font-size:27px;margin-top:30px}.contact-form{margin-top:50px}.office,.v1 .office,.v3 .office{display:flex;flex-direction:column;padding:70px 22px;gap:35px;align-items:stretch}.office-copy,.v3 .office-copy{order:0}.office-map{order:1}.office-map img{height:280px}.footer{padding:40px 22px 25px}.footer-top{gap:25px;align-items:center}.footer-top p,.v3 .footer-top p{font-size:26px}.footer-top .round-arrow{width:36px;height:36px;font-size:18px}.footer-links{display:block;padding:40px 0 25px}.footer-links nav{display:grid;grid-template-columns:1fr 1fr;gap:15px}.footer-links>div{margin-top:35px;gap:18px}.footer-links a{font-size:13px}.footer-bottom{display:flex;flex-wrap:wrap;gap:17px;font-size:11px}.footer-bottom span{width:100%}.v2{--radius:18px}.v2 .hero{margin:0 12px}.living-scene{min-height:570px;height:calc(100dvh - 180px);max-height:720px;border-radius:23px}.living-scene>.hero-image{object-position:57%}.living-copy{left:23px;right:15px;bottom:145px}.living-copy h1{font-size:clamp(43px,10.8vw,60px);line-height:1.05}.living-copy p{margin-bottom:25px;font-size:12px}.living-feature{left:25px;right:auto;bottom:80px;font-size:16px;gap:35px}.project-picker{grid-template-columns:1fr;margin:-35px 12px 0;gap:20px;padding:25px;border-radius:20px}.project-picker select{font-size:17px}.project-picker .button{width:100%}.v2 .intro{padding-top:80px}.v2 .projects{padding-top:55px}.project-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;gap:10px;margin-bottom:22px}.project-tab{padding:12px 20px;white-space:nowrap;font-size:14px}.project-spotlight{display:block;padding:14px;border-radius:20px}.spotlight-image{border-radius:13px}.spotlight-image img{height:280px}.spotlight-copy{padding:25px 12px 16px}.spotlight-copy .section-label{margin-bottom:16px}.spotlight-copy h3{font-size:35px;margin-bottom:18px}.spotlight-copy>p:not(.section-label){font-size:16px}.spotlight-copy .button{margin-top:25px}.project-index{display:flex;overflow-x:auto;gap:16px;padding-bottom:18px;margin-top:25px;scroll-snap-type:x mandatory}.project-index>a{flex:0 0 190px;scroll-snap-align:start}.project-index img{height:150px}.project-index span{font-size:13px;margin-top:12px}.v2 .team{margin:0 12px;padding:65px 22px;border-radius:25px}.v2 .team .section-heading{text-align:left;margin-bottom:45px}.v2 .team .body-copy{margin:25px 0 0}.v2 .people{grid-template-columns:1fr;gap:38px}.v2 .person img{height:350px}.v2 .person h3{font-size:22px}.v2 .person p{font-size:14px}.v2 .contact{border-radius:25px}.v2 .footer{border-radius:25px 25px 0 0}.v3 .architecture{padding:32px 22px 0}.architecture-title{display:flex;flex-direction:column;gap:25px;margin-bottom:35px}.architecture-title>p{font-size:13px}.architecture-title h1{font-size:clamp(45px,12vw,64px)}.architecture-stage{display:block}.architecture-main img{height:380px;object-position:57%}.architecture-side{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.architecture-side>p{font-size:14px;grid-column:1/-1;margin:0 0 10px}.architecture-side>.text-link{align-self:start;font-size:13px;gap:15px;justify-self:start}.architecture-detail{margin:0}.architecture-detail>img{height:160px}.architecture-detail>span{font-size:12px;margin-top:10px;gap:10px}.v3 .intro{padding-top:85px}.v3 .projects{padding-top:45px}.v3 .projects .section-heading,.v3 .team .section-heading{margin-left:0;margin-bottom:45px}.v3 .project,.v3 .project:nth-child(even){display:block;margin-bottom:45px}.v3 .project-picture img{height:310px;aspect-ratio:auto}.v3 .project-caption{margin-top:20px}.v3 .project-caption h3{font-size:28px}.v3 .project-description{margin-top:6px}.v3 .people{grid-template-columns:1fr 1fr;gap:35px 18px}.v3 .person:first-child{display:block;margin-bottom:15px}.v3 .person:first-child img{height:380px}.v3 .person:first-child h3{font-size:28px;margin-top:20px}.v3 .person:first-child p{font-size:15px}.v3 .person img{height:230px}.v3 .person h3{font-size:16px;line-height:1.35;margin-top:15px}.v3 .person p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.header-studio{grid-template-columns:1fr 1fr 72px 1fr 1fr}.header-studio>.language{justify-self:end}
.v2 .living-scene{background:#eaf0f4;min-height:620px;height:calc(100dvh - 225px);max-height:800px}
.v2 .living-scene>.hero-image{left:auto;right:24px;top:24px;bottom:24px;width:59%;height:calc(100% - 48px);border-radius:22px;object-position:58% center}
.v2 .living-scene>.hero-shade{display:none}.v2 .living-copy{left:4.5%;top:75px;bottom:auto;width:31%;color:var(--ink)}
.v2 .living-copy h1{font-size:clamp(54px,5.1vw,78px);line-height:1.04;letter-spacing:-.055em}.v2 .living-copy>p:first-child{font-size:13px;margin-bottom:42px}
.v2 .living-copy .living-description{font-size:16px;line-height:1.65;margin:34px 0 0;max-width:290px}
.v2 .living-feature{right:50px;bottom:52px;background:#f9fcfc;padding:13px 20px;border:0;border-radius:999px;color:var(--ink);font-size:14px;gap:45px}
@media(min-width:641px) and (max-width:900px){.contact,.v1 .contact,.v2 .contact,.v3 .contact{grid-template-columns:1fr;gap:50px}.v2 .living-copy h1{font-size:48px}.v2 .living-copy{top:70px}.v2 .living-copy .living-description{font-size:14px}.v2 .living-scene>.hero-image{right:18px;top:18px;bottom:18px;height:calc(100% - 36px);width:57%}}
@media(max-width:640px){.v2 .living-scene{height:auto;min-height:0;padding:35px 22px 20px;display:flex;flex-direction:column;overflow:hidden}.v2 .living-copy{position:relative;inset:auto;width:auto;order:0}.v2 .living-copy>p:first-child{margin-bottom:23px;font-size:12px}.v2 .living-copy h1{font-size:58px;line-height:1.02}.v2 .living-copy .living-description{font-size:14px;line-height:1.55;margin-top:23px;margin-bottom:25px}.v2 .living-scene>.hero-image{position:relative;inset:auto;width:100%;height:290px;border-radius:15px;order:1}.v2 .living-feature{position:relative;inset:auto;order:2;align-self:flex-start;background:transparent;padding:16px 0 20px;border-radius:0;gap:30px}.v2 .project-picker{margin-top:15px}.v2 .hero{margin-bottom:0}}

.v2 .person img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}

/* One shared header contract for the homepage and every inner page. */
.header{height:94px;padding:0 3.3%;gap:24px}
.header nav{gap:23px}
.header .button{border-radius:999px}
@media(max-width:1200px){.header{gap:23px;padding-left:4%;padding-right:4%}.header nav{gap:16px}}
@media(max-width:900px){.header{height:85px;padding:0 24px}}
@media(max-width:640px){.header{height:80px;padding:0 22px;gap:20px}}
