:root{--ink:#14272e;--paper:#f4f3ef;--white:#fff;--gold:#d6bd8e;--muted:#5e6c70;--line:#d6dbd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.06;letter-spacing:-.045em}h2{font-size:clamp(2.6rem,5.1vw,5.7rem)}h3{font-size:1.6rem;letter-spacing:-.025em}p+p{margin-top:22px}.section{padding:105px 6.5%}.eyebrow,.small-label{font-size:.78rem;letter-spacing:.16em;font-weight:600;line-height:1.5}.eyebrow{margin-bottom:30px;color:#687b7c}.light{color:var(--gold)}.small-label{color:var(--muted)}.section-top{display:flex;justify-content:space-between;gap:24px}.header{height:94px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:relative;z-index:5}.brand{font-size:2.25rem;font-weight:800;letter-spacing:-.07em;display:flex;align-items:center;gap:18px;line-height:1}.brand span{font-size:.61rem;font-weight:500;line-height:1.5;letter-spacing:.08em;border-left:1px solid #a5b0af;padding-left:17px}.header nav{display:flex;align-items:center;gap:34px;font-size:.88rem}.header nav a:hover{color:#8c693c}.nav-contact{border:1px solid #a6b0ac;padding:12px 19px;display:flex;gap:35px}.menu-button{display:none}.hero{position:relative;color:white;min-height:700px;height:calc(100svh - 94px);max-height:1100px;background:var(--ink);display:flex;align-items:center}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(11,28,37,.88),rgba(11,28,37,.22)),linear-gradient(0deg,rgba(11,28,37,.7),transparent 60%)}.hero-content{position:relative;width:100%;padding:50px 6.5% 105px}.hero h1{font-size:clamp(4rem,8.4vw,9.3rem);line-height:1.01;letter-spacing:-.065em}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#e6d3ae}.hero-bottom{margin-top:55px;display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{font-size:1.05rem;color:#d9e1e2}.round-link{display:flex;align-items:center;gap:28px;font-size:.9rem}.round-link b{border:1px solid #ffffff80;border-radius:50%;height:65px;width:65px;display:grid;place-items:center;font-size:1.5rem;font-weight:400;transition:background .2s}.round-link:hover b{background:var(--gold);color:var(--ink)}.hero-caption{position:absolute;bottom:0;left:6.5%;right:6.5%;padding:21px 0;border-top:1px solid #ffffff40;font-size:.71rem;letter-spacing:.13em;display:flex;justify-content:space-between}.hero-caption span{letter-spacing:0;font-size:.84rem}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px}.intro-copy{padding-top:51px}.large-copy{font-size:1.6rem;line-height:1.45;letter-spacing:-.025em}.intro-copy>p:not(.large-copy){color:var(--muted);max-width:620px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;border-bottom:1px solid var(--ink);padding:12px 0;margin-top:25px;font-size:.95rem}.text-link:hover{color:#977143}.intro-foot{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:34px;gap:30px}.intro-foot>span{font-size:.85rem;color:var(--muted)}.intro-foot strong{display:block;font-weight:400;font-size:2.1rem;letter-spacing:-.04em;color:var(--ink);margin-bottom:2px}.story{background:#e6ebe7}.story-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end;margin-bottom:55px}.story-heading>p{max-width:425px;color:#4a5b60;font-size:1.15rem}.feature-image img{aspect-ratio:2.03}.feature-image figcaption{display:flex;justify-content:space-between;font-size:.82rem;padding:15px 0;border-bottom:1px solid #b9c5bf;color:#566765}.story-detail{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding:65px 0}.stat strong{font-size:9rem;letter-spacing:-.08em;line-height:1;font-weight:400}.stat strong span{font-size:2rem;letter-spacing:-.04em;margin-left:16px}.stat p{font-size:.9rem;color:#586b68;margin-top:23px}.story-detail h3{font-size:2.2rem;margin-bottom:24px;max-width:530px}.story-detail>div>p{color:#4a5b60}.source-note{font-size:.77rem!important;line-height:1.65!important;color:#657574!important;margin-top:25px}.source-note a{text-decoration:underline;text-underline-offset:3px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.gallery-item{padding:0;background:none;border:0;text-align:left;color:var(--ink);cursor:pointer;overflow:hidden}.gallery-item img{height:auto;aspect-ratio:1.5;transition:filter .3s}.gallery-item:hover img{filter:brightness(1.09)}.gallery-item span{display:flex;justify-content:space-between;border-bottom:1px solid #b9c5bf;padding:15px 0;font-size:.9rem}.gallery-item b{font-weight:400}.expertise{background:var(--ink);color:var(--paper)}.expertise .eyebrow,.expertise .small-label{color:#a2b4b5}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.expertise-heading>p{color:#a9b8bb;max-width:365px;margin-top:27px}.expertise-heading img{margin-top:40px;aspect-ratio:1.6;height:auto}.expertise .source-note{color:#acbab9!important;display:block;margin-top:12px}.service-list article{padding:33px 0;border-top:1px solid #ffffff30;display:flex;gap:28px}.service-list article>span{font-size:.8rem;color:var(--gold);padding-top:6px}.service-list article h3{font-size:1.65rem;line-height:1.22}.service-list article p{color:#aebdc0;font-size:.95rem;margin-top:16px}.experience h2{margin-bottom:50px}.project-table article{display:grid;grid-template-columns:.35fr 1.1fr 1.3fr;gap:30px;align-items:start;padding:30px 0;border-top:1px solid var(--line)}.project-table article>span{color:#7a6646;font-size:.9rem}.project-table h3{font-size:1.45rem;line-height:1.3}.project-table p{font-size:.96rem;color:var(--muted)}.owner{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding-top:30px;align-items:center}.portrait{height:670px}.portrait img{object-position:50% 28%}.owner h2{font-size:clamp(3.6rem,6vw,6.7rem)}.owner-role{font-size:.8rem;letter-spacing:.15em;margin:26px 0!important;color:#907044}.owner-copy>p:not(.eyebrow):not(.owner-role):not(.source-note){color:var(--muted);max-width:450px}.owner .text-link{font-size:1.35rem}.contact{background:#10232a;color:var(--paper)}.contact-heading{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{font-size:clamp(3rem,6.6vw,7.3rem)}.contact-circle{border:1px solid #ffffff55;border-radius:50%;width:135px;height:135px;display:grid;place-items:center;font-size:3.2rem;transition:.2s;flex-shrink:0}.contact-circle:hover{background:var(--gold);color:var(--ink)}.contact-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;border-top:1px solid #ffffff30;margin-top:65px;padding-top:36px}.contact-details p{font-size:.74rem;letter-spacing:.12em;color:#a2b3b7;margin-bottom:18px}.contact-details h3{font-size:1.3rem;margin-bottom:13px}.contact-details a{display:block;width:fit-content}.contact-details a:hover{text-decoration:underline}.contact-details address{font-style:normal;font-size:.93rem;color:#c0cacc}.contact-details>div:last-child a{font-size:1.08rem}footer{padding:42px 4%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p{font-size:.75rem;color:var(--muted)}footer p a{text-decoration:underline}.back-top{font-size:.82rem;white-space:nowrap}.skip{position:fixed;top:-100px;padding:12px 25px;background:white;z-index:20}.skip:focus{top:10px}:focus-visible{outline:3px solid #b69152;outline-offset:5px}dialog{border:0;background:#14272e;color:#fff;width:min(1200px,94vw);max-height:94svh;padding:55px 20px 20px}dialog::backdrop{background:#061015dd}dialog img{max-height:72svh;width:100%;object-fit:contain}dialog p{text-align:center;font-size:.88rem;padding-top:14px}.close-dialog{position:absolute;right:20px;top:12px;background:none;border:0;color:white;cursor:pointer;font-size:1rem}@media(min-width:1700px){.section{padding-left:max(6.5%,calc((100vw - 1500px)/2));padding-right:max(6.5%,calc((100vw - 1500px)/2))}}@media(max-width:950px){.header nav{gap:20px}.brand span{display:none}.hero{min-height:680px}.story-heading{gap:35px;grid-template-columns:1.4fr 1fr}.expertise-grid{gap:50px}.portrait{height:580px}.owner{gap:7%}.contact-circle{width:100px;height:100px}.project-table article{grid-template-columns:.3fr 1fr 1.2fr;gap:20px}footer{flex-wrap:wrap}}@media(max-width:700px){.section{padding:70px 6%}.header{height:78px;padding:0 6%}.brand{font-size:2rem}.brand span{display:block;font-size:.5rem;gap:12px;padding-left:12px}.menu-button{display:flex;gap:25px;background:none;border:0;padding:12px 0;font-size:.88rem}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:20px 6% 30px;align-items:stretch;box-shadow:0 15px 20px #0002}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{padding:15px 0}.header nav .nav-contact{padding:13px 18px;margin-top:10px;justify-content:space-between}.hero{height:calc(94svh - 78px);min-height:610px;max-height:850px}.hero-content{padding:40px 6% 105px}.hero .eyebrow{font-size:.65rem;max-width:270px}.hero h1{font-size:clamp(3.3rem,12vw,5.2rem)}.hero-bottom{margin-top:40px;display:block}.hero-bottom p{font-size:.95rem}.round-link{margin-top:25px;justify-content:space-between;max-width:300px}.round-link b{width:45px;height:45px}.hero-caption{left:6%;right:6%;display:block;font-size:.6rem}.hero-caption span{display:block;font-size:.75rem;margin-top:5px}.intro,.story-heading,.story-detail,.expertise-grid,.owner{grid-template-columns:1fr;gap:32px}.intro-copy{padding:0}.large-copy{font-size:1.3rem}.intro-foot{gap:20px;grid-template-columns:1fr; padding-top:10px}.intro-foot>span{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.intro-foot strong{font-size:1.5rem}.section-top .small-label{display:none}.story-heading{margin-bottom:32px}.story-heading>p{font-size:1rem}.feature-image img{aspect-ratio:1.2}.feature-image figcaption{font-size:.72rem;gap:15px}.story-detail{padding:40px 0}.stat strong{font-size:6rem}.stat strong span{font-size:1.7rem}.stat p{margin-top:15px}.story-detail h3{font-size:1.8rem}.gallery{grid-template-columns:1fr;gap:25px}.expertise-heading img{aspect-ratio:1.8}.service-list article{padding:26px 0}.project-table article{grid-template-columns:70px 1fr;gap:15px;padding:25px 0}.project-table article p{grid-column:2}.project-table h3{font-size:1.3rem}.owner{padding-top:0}.portrait{height:520px}.owner h2{font-size:3.9rem}.contact-heading{align-items:end}.contact h2{font-size:2.6rem}.contact-circle{height:57px;width:57px;font-size:1.8rem}.contact-details{grid-template-columns:1fr;gap:30px;margin-top:40px}.contact-details p{margin-bottom:12px}footer{padding:35px 6%;display:grid;grid-template-columns:1fr;gap:24px}footer .brand span{display:block}.back-top{width:fit-content}h2{font-size:2.7rem}.eyebrow{font-size:.72rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Reference-led architectural direction */
:root{--ink:#242b2b;--paper:#f7f6f2;--gold:#b58d42;--muted:#69706d;--line:#deded7}
.header{position:absolute;top:0;left:0;right:0;height:auto;min-height:145px;align-items:flex-start;padding:38px 4.3%;color:white;background:transparent;gap:40px}
.header .brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;letter-spacing:0;color:#fff;text-shadow:0 1px 18px #0003}
.header .brand strong{font-size:3.1rem;font-weight:500;line-height:1;letter-spacing:.19em}
.header .brand span{border:0;padding:0;font-size:.62rem;line-height:1.65;letter-spacing:.15em;display:block;font-weight:500}
.header .brand small{color:#e0cda4;font-size:.61rem;letter-spacing:.13em;margin-top:5px}
.header nav{padding-top:3px;gap:42px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.header nav a{position:relative;padding-bottom:8px}
.header nav a:hover{color:#ead4a9}
.header nav a:after{content:'';position:absolute;bottom:0;left:0;right:100%;height:1px;background:#d6b980;transition:right .2s}
.header nav a:hover:after{right:0}
.hero{min-height:810px;height:100svh;max-height:1250px;align-items:center;background:#333e3c}
.hero-image{object-position:center;filter:none}
.hero-shade{background:linear-gradient(90deg,rgba(14,26,26,.31),rgba(11,25,26,0) 68%),linear-gradient(0deg,rgba(12,23,23,.88),rgba(12,23,23,0) 45%),linear-gradient(180deg,rgba(21,36,38,.12),transparent 35%)}
.hero-content{padding:155px 4.3% 150px}
.hero h1{font-size:clamp(4.2rem,6vw,7.3rem);font-weight:600;line-height:1.02;letter-spacing:-.04em;max-width:730px;text-shadow:0 2px 35px #14252455}
.hero-description{font-size:clamp(1rem,1.4vw,1.45rem);line-height:1.55;margin-top:31px;color:#f4f5ef;max-width:640px;text-shadow:0 1px 12px #0008}
.gold-button{display:inline-flex;justify-content:center;align-items:center;background:#a47b31;color:white;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.04em;min-width:208px;min-height:62px;padding:18px 29px;margin-top:32px;transition:background .2s,transform .2s}
.gold-button:hover{background:#bc9550;transform:translateY(-2px)}
.hero-features{position:absolute;left:4.3%;right:4.3%;bottom:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;color:white}
.hero-features>div{display:flex;align-items:center;gap:20px;padding:0 25px;border-right:1px solid #ffffff4a}
.hero-features>div:first-child{padding-left:0}.hero-features>div:last-child{border-right:0;padding-right:0}
.hero-features svg{flex-shrink:0;fill:none;stroke:#cfb989;stroke-width:1.2;width:39px;height:43px}
.hero-features strong{display:block;font-size:.88rem;font-weight:500;line-height:1.4;text-transform:uppercase;letter-spacing:.015em}
.hero-features small{display:block;color:#d8deda;font-size:.8rem;line-height:1.45;margin-top:4px}
.concept-credit{background:#222c2b;color:#b8c0ba;font-size:.75rem;padding:9px 4.3%;text-align:right}
h2{font-weight:500;letter-spacing:-.04em}.intro-foot strong{color:#967335}.story{background:#eceae3}.story .eyebrow{color:#8d713e}.expertise{background:#252d2b}.contact{background:#202927}.service-list article>span{color:#d6bd8e}.contact .eyebrow{color:#d6bd8e}.text-link{border-color:#a88b50}.section{padding-top:95px;padding-bottom:95px}.contact-circle{border-radius:0;color:#d6bd8e;border-color:#a88b5080}.gallery-item img{filter:saturate(.85)}.gallery-item:hover img{filter:saturate(1)}.portrait{max-height:640px}.owner-role{color:#98783e}
@media(min-width:1700px){.hero-content{padding-left:4.3%}.hero h1{font-size:7.3rem}.hero-description{font-size:1.4rem}}
@media(max-width:1100px){.header nav{gap:25px}.hero-features>div{gap:12px;padding:0 14px}.hero-features svg{width:30px;height:35px}.hero-features strong{font-size:.75rem}.hero-features small{font-size:.72rem}.hero h1{font-size:5.3rem}.hero-content{padding-top:175px}.hero{min-height:810px}}
@media(max-width:700px){.header{padding:24px 6%;min-height:120px;align-items:flex-start}.header .brand strong{font-size:2.1rem}.header .brand span{font-size:.48rem}.header .brand small{font-size:.48rem;margin-top:2px}.menu-button{color:white;margin-top:0}.header nav{top:102px;background:#24312f;color:white;gap:0;padding:15px 6% 20px}.header nav a{padding:14px 0}.hero{height:auto;min-height:100svh;max-height:none;display:block;padding-bottom:26px}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#101d1dcc,rgba(11,25,26,.15)),linear-gradient(0deg,#14221fed,transparent 75%)}.hero-content{padding:178px 6% 55px}.hero h1{font-size:clamp(3.25rem,11.6vw,5rem);line-height:1.02}.hero-description{font-size:1rem;margin-top:25px;max-width:340px}.desktop-break{display:none}.gold-button{min-width:180px;min-height:54px;font-size:.8rem;margin-top:26px}.hero-features{position:relative;left:auto;right:auto;bottom:auto;margin:0 6%;grid-template-columns:1fr 1fr;gap:24px 14px;border-top:1px solid #ffffff40;padding-top:24px}.hero-features>div,.hero-features>div:first-child,.hero-features>div:last-child{padding:0;border:0;gap:11px;align-items:flex-start}.hero-features svg{width:26px;height:29px}.hero-features strong{font-size:.65rem}.hero-features small{font-size:.7rem;line-height:1.5}.concept-credit{text-align:left;font-size:.7rem;padding:10px 6%}.section{padding-top:65px;padding-bottom:65px}.owner{padding-top:0}.contact-circle{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.gold-button:hover{transform:none}}
/* Expanded company content and accessible mobile navigation */
.header nav{gap:clamp(16px,2.2vw,36px);font-size:.8rem}
.section-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:end;margin-bottom:48px}
.section-intro h2{margin-bottom:0}.section-intro>p{max-width:460px;color:var(--muted);font-size:1.06rem}
.construction-section{background:#edeae3}.organisation-section{background:#252d2b;color:#f7f6f2}.organisation-section .eyebrow{color:#d6bd8e}.organisation-section .section-intro>p,.organisation-section .project-table p,.organisation-section .source-note{color:#b7c3bf!important}.organisation-section .project-table article{border-color:#ffffff30}.organisation-section .project-table article>span{color:#d6bd8e}
.reference-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line);padding-top:35px}.reference-columns h3{font-size:1.3rem;line-height:1.3;margin-bottom:20px}.reference-columns ul{list-style:none;padding:0;margin:0}.reference-columns li{padding:10px 0;border-bottom:1px solid var(--line);font-size:.96rem;color:var(--muted)}
.service-organisation{color:#d6bd8e}.contact-details .contact-description{font-size:.95rem;letter-spacing:0;color:#c0cacc;max-width:290px}
.menu-icon{position:relative;width:24px;height:20px;display:block;flex-shrink:0}.menu-icon i{position:absolute;left:0;width:24px;height:1.5px;background:currentColor;transition:transform .22s,opacity .16s,top .22s;border-radius:2px}.menu-icon i:nth-child(1){top:2px}.menu-icon i:nth-child(2){top:9px}.menu-icon i:nth-child(3){top:16px}.menu-button[aria-expanded=true] .menu-icon i:nth-child(1){top:9px;transform:rotate(45deg)}.menu-button[aria-expanded=true] .menu-icon i:nth-child(2){opacity:0}.menu-button[aria-expanded=true] .menu-icon i:nth-child(3){top:9px;transform:rotate(-45deg)}
@media(max-width:1100px){body.menu-open{overflow:hidden}.header{z-index:10}.menu-button{display:flex;align-items:center;gap:13px;padding:12px;color:white;background:transparent;border:1px solid #ffffff66;border-radius:3px;min-width:108px;min-height:46px;position:relative;z-index:12;margin-top:0}.menu-label{font-size:.86rem}.header nav{display:none;position:absolute;top:135px;left:0;right:0;background:#24312f;box-shadow:0 25px 30px #0004;padding:20px 6% 40px;max-height:calc(100dvh - 135px);overflow-y:auto;overscroll-behavior:contain}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{font-size:1.1rem;padding:16px 0;border-bottom:1px solid #ffffff22;letter-spacing:.05em}.header nav a:after{display:none}.header:has(nav.open){position:fixed;background:#24312f}.reference-columns{gap:25px}.section-intro{gap:30px}}
@media(max-width:700px){.header nav{top:113px;max-height:calc(100dvh - 113px)}.header:has(nav.open){min-height:113px}.section-intro,.reference-columns{grid-template-columns:1fr;gap:28px}.section-intro{margin-bottom:32px}.section-intro>p{font-size:1rem}.reference-columns{padding-top:25px}.reference-columns h3{margin-bottom:10px}.project-table article{grid-template-columns:72px 1fr}.project-table article>span{font-size:.8rem;overflow-wrap:anywhere}}
/* Responsive layout across phones, tablets and enlarged text settings */
html{scroll-padding-top:120px}body{overflow-wrap:break-word}main,section,header,footer,figure,nav{min-width:0}img{max-width:100%}.section>*,.intro>*,.intro-foot>*,.story-heading>*,.story-detail>*,.gallery>*,.expertise-grid>*,.project-table article>*,.owner>*,.contact-details>*,.reference-columns>*,.section-intro>*{min-width:0}.text-link{max-width:100%;gap:25px}.source-note a,footer a{overflow-wrap:anywhere}.hero-image{object-position:center 48%}.hero-shade{background:linear-gradient(90deg,rgba(14,25,26,.77),rgba(14,25,26,.19) 80%),linear-gradient(0deg,rgba(14,25,26,.85),transparent 52%),linear-gradient(180deg,rgba(14,25,26,.47),transparent 32%)}
.hero-features strong,.hero-features small{font-size:.875rem}.hero-features>div{align-items:flex-start}.header nav a,.menu-button,.close-dialog{min-height:44px}.gallery-item{width:100%}.contact-details a{overflow-wrap:anywhere}.back-top{padding:10px 0}.hero-content{min-width:0}.hero-description{max-width:100%}
@media(min-width:1101px){.hero{height:auto;min-height:100svh;max-height:none;display:block;padding-top:1px}.hero-content{padding-top:clamp(230px,24vh,350px);padding-bottom:70px}.hero-features{position:relative;left:auto;right:auto;bottom:auto;margin:0 4.3%;padding:28px 0 35px;border-top:1px solid #ffffff33}.header nav{flex-wrap:wrap;justify-content:flex-end;row-gap:5px}.header .brand{flex-shrink:0}}
@media(min-width:701px) and (max-width:1100px){.hero{display:block;height:auto;min-height:100svh;max-height:none}.hero-content{padding-top:225px;padding-bottom:65px}.hero-features{position:relative;left:auto;right:auto;bottom:auto;margin:0 5%;padding:26px 0 35px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;border-top:1px solid #ffffff40}.hero-features>div,.hero-features>div:first-child,.hero-features>div:last-child{padding:0;border:0}.hero-features svg{width:34px;height:36px}.hero h1{font-size:clamp(4rem,8vw,5.5rem)}.section{padding-left:5%;padding-right:5%}.section-intro{grid-template-columns:1fr}.story-heading{grid-template-columns:1fr 1fr;gap:32px}.story-detail{grid-template-columns:.8fr 1.2fr;gap:35px}.expertise-grid{gap:35px}.reference-columns{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:35px}.portrait{height:clamp(420px,60vw,570px)}.contact-details{grid-template-columns:repeat(2,minmax(0,1fr))}.header:has(nav.open){min-height:135px}.header nav a{font-size:1rem}}
@media(max-width:700px){.hero-image{object-position:54% center}.hero-shade{background:linear-gradient(90deg,rgba(12,25,27,.79),rgba(12,25,27,.42)),linear-gradient(0deg,#14221fe8,transparent 80%)}.hero-content{padding-top:175px;padding-bottom:40px}.hero h1{font-size:clamp(2.75rem,11.5vw,4.6rem);line-height:1.08}.hero-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.hero-features>div{gap:10px}.hero-features strong{font-size:.875rem;line-height:1.4}.hero-features small{font-size:.875rem;line-height:1.5}.hero-features svg{width:24px;height:28px}.section h2{font-size:clamp(2rem,8vw,2.7rem);line-height:1.12}.section h3{line-height:1.25}.stat strong{font-size:5.5rem}.story-detail,.expertise-grid,.intro,.owner,.gallery,.section-intro,.contact-details,.reference-columns{grid-template-columns:minmax(0,1fr)}.story-heading{grid-template-columns:minmax(0,1fr)}.story-heading>p{max-width:none}.feature-image figcaption{flex-wrap:wrap;gap:5px 20px;font-size:.875rem}.gallery-item span{font-size:.875rem;min-height:48px}.project-table article{grid-template-columns:65px minmax(0,1fr);gap:13px}.project-table article>span{font-size:.875rem}.project-table h3{font-size:1.2rem}.project-table p{font-size:1rem}.portrait{height:auto;max-height:none;aspect-ratio:4/5}.portrait img{object-position:center 25%}.owner h2{font-size:3rem}.contact-heading{gap:15px;flex-wrap:wrap}.contact h2{font-size:clamp(2rem,8.5vw,2.7rem)}.contact-circle{min-width:52px;min-height:52px}.contact-details{gap:28px}.reference-columns li{font-size:1rem}.header nav{padding-bottom:max(35px,env(safe-area-inset-bottom));width:100%;box-sizing:border-box}.menu-button{min-width:104px;gap:12px;padding:10px;flex-shrink:0}.header{gap:16px}.concept-credit{font-size:.8rem}.eyebrow,.small-label{font-size:.8rem}.intro-foot>span{font-size:.875rem}.source-note{font-size:.8125rem!important}footer p{font-size:.8125rem}}
@media(max-width:380px){.hero-features{grid-template-columns:minmax(0,1fr);gap:22px}.hero-features svg{width:28px;height:31px}.hero-features>div{gap:16px}.header .brand strong{font-size:1.8rem}.header .brand span{font-size:.45rem}.header .brand small{display:none}.menu-button{min-width:92px;gap:10px}.project-table article{grid-template-columns:minmax(0,1fr);gap:8px}.project-table article p{grid-column:auto}.owner h2{font-size:2.5rem}.intro-foot>span{flex-wrap:wrap;gap:6px 16px}}
@media(orientation:landscape) and (max-height:550px) and (max-width:1100px){.hero-content{padding-top:170px}.header nav{max-height:calc(100dvh - 113px);top:113px}.header{min-height:113px;padding-top:20px;padding-bottom:15px}.header .brand small{display:none}.header .brand strong{font-size:2rem}.header .brand span{font-size:.5rem}}
