@font-face{font-family:Nunito;src:url('assets/nunito-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url('assets/nunito-600.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{font-family:Nunito,Arial,sans-serif;color:#24272a;background:#f8f8f4;font-synthesis:none;--accent:#b1504d;--paper:#f8f8f4}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button{color:inherit}button:disabled{cursor:default}body.menu-open{overflow:hidden}[hidden]{display:none!important}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;z-index:1000;background:white;padding:16px}
.header{height:116px;position:fixed;top:0;left:0;width:100%;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:linear-gradient(180deg,rgba(250,250,246,.98),rgba(250,250,246,.72) 50%,rgba(250,250,246,0));pointer-events:none}.header>*{pointer-events:auto}.brand{display:flex;align-items:center;width:110px;height:96px}.brand img{object-fit:contain;width:100%;height:100%}.desktop-nav{display:flex;gap:18px}.desktop-nav a{position:relative;padding:12px 18px;text-transform:uppercase;font-size:15px;letter-spacing:1.3px;font-weight:600}.desktop-nav a:after{content:'';position:absolute;bottom:4px;left:50%;height:2px;width:0;background:var(--accent);transform:translateX(-50%);transition:width .25s}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{width:22px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;height:100svh;min-height:440px;overflow:hidden;background:#e7e5df}.slides,.slide,.photo-shade{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1000ms ease;z-index:0}.slide.is-active{opacity:1;z-index:1}.slide img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.photo-shade{z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(14,22,24,.05) 65%,rgba(14,22,24,.24) 100%)}.hero-title{position:absolute;bottom:15%;z-index:3;width:100%;margin:0;color:white;text-shadow:0 2px 20px #0005;display:flex;align-items:center;justify-content:center;gap:15px;font-size:clamp(23px,3.1vw,48px);font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1.25;padding:0 50px}.hero-title b{font:inherit}.hero-title{opacity:1;transition:opacity .8s ease}.hero-title.is-hidden{opacity:0;pointer-events:none}.slide-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:76px;height:100px;border:0;background:none;color:white;display:grid;place-items:center;transition:background .25s}.slide-arrow:hover{background:#fff1}.slide-arrow svg{height:36px;width:22px;fill:none;stroke:currentColor;stroke-width:2.3;filter:drop-shadow(0 1px 6px #0004)}.previous{left:0}.next{right:0}.hero-footer{z-index:4;position:absolute;left:5%;right:5%;bottom:0;min-height:50px;display:flex;align-items:center;justify-content:space-between;color:white;font-size:12px;text-shadow:0 1px 5px #0006}.playback{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:1.5px}.playback button{height:44px;width:34px;border:0;color:white;background:none;font-size:17px}.menu-shade{position:fixed;inset:0;background:#16202640;z-index:40;backdrop-filter:blur(3px)}.mobile-menu{position:fixed;inset:0 auto 0 0;width:300px;max-width:86vw;z-index:45;background:#fff;transform:translateX(-110%);transition:transform .4s cubic-bezier(.2,.7,.2,1);padding:85px 36px 40px;display:flex;flex-direction:column;gap:14px;box-shadow:10px 0 60px #18242918}.menu-open .mobile-menu{transform:translateX(0)}.mobile-menu>a{font-size:23px;padding:6px 0}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2.4px;color:#71716d;font-weight:600}.close-menu{position:absolute;top:22px;left:28px;font-size:34px;line-height:1;background:none;border:0;font-weight:400}.menu-contact{margin-top:auto;display:flex;flex-direction:column;gap:8px;font-size:13px}.menu-contact span{font-size:11px;color:#767772}.content-panel{min-height:100svh;background:var(--paper);padding-top:136px;animation:panel-in .45s ease}.panel-top,.panel-footer,#panel-body{width:90%;max-width:1320px;margin:auto}.panel-top{padding:12px 0 40px}.back-home{font-size:12px;color:#747570}.back-home:hover{color:var(--accent)}#panel-body{padding-bottom:100px}h2{font-size:clamp(36px,4.8vw,68px);font-weight:400;letter-spacing:-1.8px;line-height:1.1;margin:20px 0 38px}.intro{font-size:clamp(18px,2vw,24px);font-weight:400;line-height:1.7;max-width:760px;color:#5f625d;margin-bottom:50px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-image{height:620px;width:100%;object-fit:cover;object-position:center 25%}.body-copy{font-size:16px;line-height:1.9;color:#686a64;max-width:540px}.text-link{display:inline-flex;border-bottom:1px solid var(--accent);padding-bottom:8px;margin-top:22px;gap:35px;font-size:14px}.service-list{border-top:1px solid #d9dcd4}.service-list details{border-bottom:1px solid #d9dcd4}.service-list summary{display:flex;align-items:center;cursor:pointer;list-style:none;padding:27px 0;font-size:clamp(20px,3vw,33px);font-weight:400}.service-list summary::-webkit-details-marker{display:none}.service-list summary .num{font-size:11px;margin-right:35px;color:#888b82;letter-spacing:1px}.service-list summary:after{content:'+';margin-left:auto;font-size:24px;color:#8b8d85}.service-list details[open] summary:after{content:'−'}.service-list details p{font-size:16px;line-height:1.9;max-width:650px;margin:0 0 30px 50px;color:#686a64}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.portfolio-item{margin:0}.portfolio-item button{display:block;padding:0;border:0;width:100%;background:#e5e7e0;overflow:hidden}.portfolio-item img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block;transition:transform .6s ease}.portfolio-item button:hover img{transform:scale(1.025)}figcaption{margin-top:14px;display:flex;justify-content:space-between;font-size:13px}figcaption span{color:#8b8d84;font-size:11px}.contact-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;padding:20px 0}.contact-big{font-size:clamp(24px,3vw,44px);font-weight:400;letter-spacing:-1px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:34px;font-size:14px;line-height:1.8}.contact-details p{margin:8px 0}.contact-details a:hover,.contact-big:hover{color:var(--accent)}.button-link{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;background:#292e2b;color:white;padding:17px 22px;font-size:13px;margin-top:20px}.button-link:hover{background:#48534a}.panel-footer{display:flex;flex-wrap:wrap;gap:24px;align-items:center;border-top:1px solid #d9dcd4;font-size:11px;color:#777b73;padding:30px 0}.panel-footer span{margin-right:auto}dialog{border:0;padding:0;background:#f8f8f4;width:min(1400px,96vw);max-width:96vw;max-height:94svh;overflow:auto}dialog::backdrop{background:#15201ae0;backdrop-filter:blur(10px)}dialog img{display:block;width:100%;max-height:82svh;object-fit:contain}dialog p{margin:0;padding:18px 24px;font-size:13px}.lightbox-close{position:fixed;right:4vw;top:4svh;width:44px;height:44px;background:#fff;border:0;font-size:30px;z-index:2;box-shadow:0 3px 20px #0002}@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.header{height:136px}.brand{width:125px;height:108px}}
@media(max-width:991px){.header{height:100px;justify-content:center;padding:0 5%}.brand{height:88px;width:100px}.desktop-nav{display:none}.menu-toggle{display:flex;position:absolute;left:5%;top:0;align-items:flex-start;justify-content:center;flex-direction:column;width:44px;height:100px;gap:6px;background:none;border:0;padding:0}.menu-toggle span{width:21px;height:2px;background:#2c312e}.hero-title{flex-direction:column;gap:10px;font-size:34px;bottom:15%;line-height:1.14;letter-spacing:3px}.slide-arrow{width:76px}.about-layout{gap:5%}.about-image{height:520px}.contact-grid{gap:6%;grid-template-columns:1fr 1fr}.contact-details{grid-template-columns:1fr}}
@media(max-width:600px){.hero{min-height:440px}.header{height:90px}.menu-toggle{height:90px}.brand{height:78px;width:90px}.hero-title{font-size:26px;bottom:16%;gap:8px;padding:0 30px}.slide-arrow{width:52px;height:80px}.slide-arrow svg{height:31px;width:19px}.hero-footer{font-size:10px;min-height:48px}.playback{gap:9px;font-size:9px}.content-panel{padding-top:110px}.panel-top{padding-bottom:24px}#panel-body{padding-bottom:55px}h2{letter-spacing:-1px}.about-layout{grid-template-columns:1fr;gap:40px}.about-image{height:430px;order:2}.portfolio-grid{grid-template-columns:1fr;gap:30px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-details{grid-template-columns:1fr 1fr}.contact-big{font-size:29px}.panel-footer{gap:13px}.panel-footer span{width:100%}.service-list summary .num{margin-right:18px}.service-list details p{margin-left:32px}.intro{margin-bottom:35px}.hero .slide:nth-child(3) img{object-position:50% 50%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Bright architectural photography, with crops tailored to the subject. */
.inspiration-link{font-size:10px;letter-spacing:.4px;opacity:.88;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.inspiration-link:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.slide img{object-position:var(--focal,50% 50%)}.slide:nth-child(1){--focal:50% 48%}.slide:nth-child(5){--focal:60% 50%}.photo-shade{background:linear-gradient(180deg,transparent 58%,rgba(14,22,24,.03) 72%,rgba(14,22,24,.2) 100%)}
@media(max-width:600px){.hero-footer{align-items:flex-end;padding-bottom:13px}.playback{align-items:flex-end}.playback button{height:22px}.inspiration-link{left:0;bottom:34px;transform:none;font-size:9px}.slide:nth-child(1){--focal:53% 50%}.slide:nth-child(2){--focal:52% 50%}.slide:nth-child(3){--focal:49% 50%}.slide:nth-child(4){--focal:58% 50%}.slide:nth-child(5){--focal:65% 50%}}

/* Cinematic reference sequence: luminous architecture beneath a blue-hour header. */
body:not(.viewing-content) .header{background:linear-gradient(180deg,rgba(6,34,79,.87),rgba(6,34,79,.36) 45%,rgba(6,34,79,0))}
body:not(.viewing-content) .brand img{filter:brightness(0) invert(1)}
body:not(.viewing-content) .desktop-nav a{color:#fff;text-shadow:0 1px 8px #0003}
body:not(.viewing-content) .menu-toggle span{background:#fff}
.slide{--focal:50% 50%}.slide:nth-child(n){--focal:50% 50%}
.slide[data-reference="4"]{--focal:51% 50%}.slide[data-reference="8"]{--focal:51% 45%}
@media(max-width:600px){.slide[data-reference="1"]{--focal:51% 50%}.slide[data-reference="2"]{--focal:50% 50%}.slide[data-reference="3"]{--focal:46% 50%}.slide[data-reference="4"]{--focal:48% 50%}.slide[data-reference="6"]{--focal:44% 50%}}

/* Owner-selected brighter direction: preserve the photographs' natural daylight. */
body:not(.viewing-content) .header{background:linear-gradient(180deg,rgba(250,250,247,.94),rgba(250,250,247,.55) 48%,rgba(250,250,247,0))}
body:not(.viewing-content) .brand img{filter:none}
body:not(.viewing-content) .desktop-nav a{color:#252b2a;text-shadow:none}
body:not(.viewing-content) .menu-toggle span{background:#252b2a}
.photo-shade{background:linear-gradient(180deg,transparent 62%,rgba(14,22,24,.04) 80%,rgba(14,22,24,.18) 100%)}
.slide[data-reference^="bright-"]{--focal:50% 50%}
@media(max-width:600px){.slide[data-reference="bright-1"]{--focal:48% 50%}.slide[data-reference="bright-3"]{--focal:51% 50%}}

/* Exterior-only landing sequence; retain full-screen cover on narrow screens. */
.slide[data-reference^="exterior-"]{--focal:50% 50%}
@media(max-width:600px){.slide[data-reference="exterior-1"]{--focal:50% 50%}.slide[data-reference="exterior-4"]{--focal:48% 50%}}

@media(max-width:600px){.slide[data-reference="exterior-1"] img{transform:scale(1.18);transform-origin:50% 100%}}

/* Silicon Valley exterior curation: honest native-resolution photography. */
.slide[data-reference^="silicon-"]{--focal:50% 50%}
@media(max-width:600px){.slide[data-reference="silicon-1"]{--focal:55% 50%}.slide[data-reference="silicon-2"]{--focal:53% 50%}.slide[data-reference="silicon-3"]{--focal:42% 50%}.slide[data-reference="silicon-4"]{--focal:46% 50%}}

@media(max-width:600px){.slide[data-reference="silicon-4"]{--focal:34% 50%}.slide[data-reference="silicon-5"]{--focal:57% 50%}.slide[data-reference="silicon-6"]{--focal:50% 50%}}

.slide[data-reference="silicon-4"]{--focal:50% 50%}

.slide[data-reference="selected-house-6"]{--focal:50% 50%}

.slide[data-reference="brentwood-pool"]{--focal:50% 50%}
@media(max-width:600px){.slide[data-reference="brentwood-pool"]{--focal:46% 50%}}

/* About lives beneath the photography: quiet type, daylight and real translucent layers. */
:root{--accent:#087e8b;--ink:#19313b}
.header .brand{width:248px;height:106px;transition:width .35s ease,height .35s ease}
.header{transition:background .35s ease,box-shadow .35s ease,border-radius .35s ease,height .35s ease}
body .header.is-scrolled{top:14px;left:2.5%;width:95%;height:82px;padding:0 2.5%;border-radius:24px;background:rgba(250,252,251,.78);border:1px solid #ffffffb3;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 10px 40px #183a4c0c,inset 0 1px 0 #fff}
.header.is-scrolled .brand{width:190px;height:76px}
.discover-about{position:absolute;z-index:5;bottom:67px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;padding:12px 21px;border-radius:40px;border:1px solid #ffffff70;background:#ffffff25;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;font-size:11px;letter-spacing:.7px;box-shadow:inset 0 1px 0 #ffffff40;transition:background .25s}
.discover-about:hover{background:#ffffff45}.discover-about span{font-size:17px}
.home-about{position:relative;scroll-margin-top:98px;background:linear-gradient(180deg,#f6f8f6 0%,#f8f9f6 52%,#eaf1f1 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;padding-top:112px;outline:none;overflow:hidden}
.about-wrap{width:88%;max-width:1360px;margin-left:auto;margin-right:auto}
.about-intro{display:grid;grid-template-columns:1.12fr 1fr;gap:9%;align-items:start;margin-bottom:78px}
.section-kicker{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin:0 0 30px;color:#527075}.section-kicker>span{width:6px;height:6px;border-radius:50%;background:#0f98a5;box-shadow:0 0 0 5px #168c9810}
.home-about h2{font-size:clamp(44px,5.1vw,76px);font-weight:400;letter-spacing:-3px;line-height:1.06;margin:0}.home-about h2 em{font-style:normal;color:#188b94}
.about-story{padding-top:32px}.about-story .about-lead{font-size:24px;line-height:1.45;letter-spacing:-.5px;color:#243c44;margin:0 0 26px}.about-story>p:not(.about-lead){font-size:15px;line-height:1.85;color:#637276;max-width:480px;margin:0 0 15px}
.about-link{display:inline-flex;align-items:center;gap:36px;font-size:13px;padding:12px 0;border-bottom:1px solid #1c7d8460;margin-top:10px;transition:gap .25s}.about-link:hover{gap:45px}.about-link span{font-size:19px}
.about-scene{position:relative;height:590px;border-radius:28px;overflow:hidden;background:#d8dedc;box-shadow:0 24px 75px #173d4810}.about-home-photo{width:100%;height:100%;object-fit:cover;object-position:50% 52%;display:block}
.scene-label{position:absolute;left:30px;bottom:30px;display:flex;align-items:center;gap:10px;color:white;font-size:13px;text-shadow:0 1px 8px #0005;background:#16313d40;border:1px solid #ffffff38;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:13px 18px;border-radius:40px}.glass-dot{width:5px;height:5px;background:#c8f7f0;border-radius:50%}
.founder-glass{position:absolute;right:32px;bottom:30px;width:365px;padding:26px;border-radius:24px;background:rgba(250,252,250,.82);border:1px solid #ffffffbd;backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%);box-shadow:0 20px 60px #122f3b18,inset 0 1px 0 #fff;color:#1e3740}
.founder-top{display:flex;align-items:center;gap:17px}.founder-top>img{width:68px;height:78px;object-fit:cover;object-position:50% 20%;border-radius:15px;border:1px solid #ffffffb3}.founder-label{font-size:9px!important;letter-spacing:1.6px;text-transform:uppercase;color:#548088!important;margin:0 0 7px!important}.founder-top h3{font-size:21px;font-weight:500;letter-spacing:-.7px;margin:0 0 6px}.founder-top span{font-size:10px;color:#65777a}.founder-glass>p{font-size:12px;line-height:1.85;margin:20px 0 18px;color:#526970}.founder-glass>a{border-top:1px solid #a9bec34d;padding-top:15px;display:flex;justify-content:space-between;font-size:12px}.founder-glass>a span{font-size:17px;transition:transform .25s}.founder-glass>a:hover span{transform:translate(2px,-2px)}
.about-values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6%;padding:75px 0 78px;border-bottom:1px solid #bbcacc60}.about-values>div{border-top:1px solid #aec6cb60;padding-top:23px}.value-number{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#51848b}.about-values h3{font-size:23px;letter-spacing:-.65px;font-weight:400;margin:22px 0 14px}.about-values p{color:#6b7b7f;font-size:13px;line-height:1.8;max-width:300px;margin:0}
.about-close{padding:66px 0 74px;display:flex;align-items:center;justify-content:space-between;gap:35px}.about-close>p{font-size:clamp(28px,3vw,44px);font-weight:400;letter-spacing:-1.5px;line-height:1.18;margin:0}.glass-cta{display:inline-flex;align-items:center;gap:45px;padding:20px 24px;font-size:13px;border:1px solid #ffffffd9;background:#ffffff70;border-radius:40px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 5px 22px #173d4806,inset 0 1px 0 #fff;transition:background .25s,box-shadow .25s,transform .25s}.glass-cta:hover{background:#ffffffc7;box-shadow:0 10px 28px #173d480c;transform:translateY(-2px)}.glass-cta:active{transform:scale(.98)}.glass-cta span{font-size:18px}
.home-footer{border-top:1px solid #b9ccd05c;display:flex;align-items:center;gap:25px;padding:24px 0 30px;font-size:11px;color:#6f8085;flex-wrap:wrap}.home-footer img{width:150px;height:67px;object-fit:contain;display:block}.home-footer>span{margin-right:auto}.home-footer small{font-size:10px}
.motion-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-revealed{opacity:1;transform:none}.about-story.reveal{transition-delay:.08s}.about-values>div:nth-child(2){transition-delay:.08s}.about-values>div:nth-child(3){transition-delay:.16s}
@media(min-width:1700px){.header .brand{width:275px;height:124px}}
@media(max-width:991px){.header .brand{width:218px;height:90px}.header.is-scrolled{justify-content:center}.header.is-scrolled .menu-toggle{height:82px}.header.is-scrolled .brand{width:185px}.home-about{padding-top:80px}.about-intro{gap:6%}.home-about h2{letter-spacing:-2px}.about-story .about-lead{font-size:21px}.about-scene{height:550px}.scene-label{top:24px;bottom:auto;left:24px}.founder-glass{right:24px;bottom:24px}.about-values{gap:4%}.about-values h3{font-size:20px}}
@media(max-width:600px){.header .brand{width:190px;height:84px}.header.is-scrolled .brand{width:165px;height:70px}body .header.is-scrolled{height:72px;top:10px;border-radius:20px}.header.is-scrolled .menu-toggle{height:72px}.discover-about{font-size:10px;padding:9px 15px;bottom:69px}.hero-title{bottom:22%}.home-about{padding-top:65px;scroll-margin-top:85px}.about-wrap{width:88%}.about-intro{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.home-about h2{font-size:46px;letter-spacing:-2px}.section-kicker{margin-bottom:24px;font-size:10px}.about-story{padding-top:0}.about-story .about-lead{font-size:22px;margin-bottom:20px}.about-story>p:not(.about-lead){font-size:14px}.about-scene{height:auto;border-radius:23px;overflow:visible;background:transparent;box-shadow:none;padding-bottom:0}.about-home-photo{height:370px;object-position:51% 50%;border-radius:23px}.scene-label{left:15px;top:18px;font-size:10px;padding:10px 12px}.founder-glass{position:relative;right:auto;bottom:auto;width:calc(100% - 28px);margin:-82px auto 0;padding:22px;box-shadow:0 12px 35px #122f3b0d}.founder-top>img{width:64px;height:74px}.founder-top h3{font-size:20px}.about-values{grid-template-columns:1fr;gap:32px;padding:49px 0}.about-values>div{padding-top:17px}.about-values h3{font-size:24px;margin:15px 0 10px}.about-values p{max-width:none;font-size:14px}.about-close{padding:43px 0;align-items:flex-start;flex-direction:column;gap:26px}.about-close>p{font-size:34px;letter-spacing:-1px}.glass-cta{padding:17px 21px}.home-footer{gap:18px;padding-bottom:30px}.home-footer>span{width:100%;order:3}.home-footer small{order:4;width:100%}.home-footer>a:nth-of-type(2){margin-left:auto}.home-footer img{width:130px;height:58px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.glass-cta:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){body .header.is-scrolled,.founder-glass,.glass-cta{background:#f7faf8;backdrop-filter:none;-webkit-backdrop-filter:none}.scene-label{background:#183540}.discover-about{background:#183540}}
@media(prefers-contrast:more){.founder-glass,.glass-cta,body .header.is-scrolled{background:#fff;border-color:#59767d}.about-story>p:not(.about-lead),.about-values p{color:#3c555d}}

/* Owner refinement: smaller identity and selected daylight imagery. */
.header .brand{width:212px;height:96px}.header.is-scrolled .brand{width:166px;height:72px}
.slide[data-reference="selected-house-5"]{--focal:50% 50%}.about-home-photo{object-position:50% 55%}
@media(min-width:1700px){.header .brand{width:235px;height:110px}.header.is-scrolled .brand{width:175px;height:72px}}
@media(max-width:991px){.header .brand{width:185px;height:84px}.header.is-scrolled .brand{width:163px;height:72px}}
@media(max-width:600px){.header .brand{width:166px;height:78px}.header.is-scrolled .brand{width:145px;height:66px}.about-home-photo{object-position:60% 50%}}

/* The next chapter after About: three uninterrupted photographic panels. */
.space-categories{display:grid;grid-template-columns:repeat(3,1fr);width:100%;background:#e9ece6}
.space-category{position:relative;height:clamp(460px,51vw,740px);overflow:hidden;isolation:isolate;display:block}
.space-category>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.65,.2,1)}
.space-category:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0a202459);pointer-events:none}
.space-category:nth-child(1)>img{object-position:47% 50%}.space-category:nth-child(2)>img{object-position:58% 50%}.space-category:nth-child(3)>img{object-position:55% 50%}
.category-caption{position:absolute;bottom:33px;left:32px;right:32px;z-index:2;display:flex;align-items:center;justify-content:space-between;color:white;text-transform:uppercase;letter-spacing:2.2px;font-size:12px;font-weight:700;text-shadow:0 1px 8px #0003}
.category-caption>span{font-size:22px;opacity:0;transform:translate(-5px,5px);transition:transform .3s,opacity .3s}
@media(hover:hover){.space-category:hover>img{transform:scale(1.035)}.space-category:hover .category-caption>span{opacity:1;transform:none}}
.space-category:focus-visible{outline:3px solid white;outline-offset:-8px}.space-category:focus-visible .category-caption>span{opacity:1;transform:none}
.home-footer-surface{background:#eaf1f1;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}.home-footer-surface .home-footer{border:0}
@media(max-width:600px){.space-categories{grid-template-columns:1fr}.space-category{height:450px}.category-caption{bottom:28px;left:26px;right:26px;font-size:11px}.category-caption>span{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.space-category:hover>img{transform:none}}

/* A real home, an invitation to explore. */
.featured-project,.testimonials-section,.home-contact{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;scroll-margin-top:105px}
.featured-project{padding:112px 0 100px;background:#fff;color:#23252d;--project-red:#d82d43}
.project-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:10%;margin-bottom:40px}.project-kicker{color:var(--project-red);font-size:12px;letter-spacing:2.1px;text-transform:uppercase;font-weight:700;margin:0 0 23px}.project-heading h2{font-weight:600;font-size:clamp(40px,4.8vw,70px);letter-spacing:-2.6px;line-height:1.05;margin:0}.project-heading>p{font-size:23px;line-height:1.5;letter-spacing:-.45px;max-width:460px;margin:0 0 8px;color:#5d6068}
.project-photo{position:relative;aspect-ratio:2.35;min-height:380px;overflow:hidden;background:#e6e6e1}.project-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.project-photo:after{content:'';position:absolute;inset:52% 0 0;background:linear-gradient(transparent,#111c2670);pointer-events:none}.tour-badge{position:absolute;top:27px;left:30px;color:white;z-index:2;letter-spacing:1.4px;font-size:11px;font-weight:600;border:1px solid #fff9;background:#1c2f3b35;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:30px;padding:11px 16px}.tour-photo-control{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:17px;background:#fffffff0;color:#282d34;border:1px solid #fff;border-radius:60px;padding:16px 23px 16px 16px;box-shadow:0 8px 30px #122a3924;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .25s,box-shadow .25s}.tour-photo-control:hover{background:#fff;box-shadow:0 12px 35px #122a3938}.tour-photo-control svg{width:43px;height:46px;fill:none;stroke:var(--project-red);stroke-width:2.5}.tour-photo-control>span{font-size:13px;font-weight:600;white-space:nowrap}.tour-photo-control b{font-weight:400;margin-left:8px}.property-caption{position:absolute;bottom:27px;left:30px;color:white;z-index:2;text-shadow:0 1px 10px #0003}.property-caption h3{font-size:29px;letter-spacing:-.7px;font-weight:500;margin:0 0 7px}.property-caption p{font-size:12px;letter-spacing:2px;margin:0}.project-actions{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px}.project-actions>p{font-size:14px;line-height:1.6;color:#676b70}.project-actions>div{display:flex;align-items:center;gap:30px}.project-primary{display:inline-flex;align-items:center;justify-content:center;gap:27px;background:var(--project-red);color:white;font-weight:600;font-size:14px;padding:18px 25px;min-height:54px;border-radius:4px;transition:background .2s,transform .2s}.project-primary:hover{background:#b52236}.project-primary:active{transform:scale(.98)}.project-primary>span{font-size:19px;font-weight:400}.project-secondary{display:inline-flex;align-items:center;gap:22px;font-size:13px;padding:15px 0;min-height:48px}.project-secondary:hover{color:var(--project-red)}
/* Client stories: thumbnails first, the player only on request. */
.testimonials-section{padding:102px 0 110px;background:linear-gradient(140deg,#f4f7f7,#f8f9f6);color:var(--ink)}.testimonials-heading{margin-bottom:43px;max-width:850px}.testimonials-heading h2{font-size:clamp(36px,4vw,57px);font-weight:400;line-height:1.08;letter-spacing:-2px;margin:0 0 23px}.testimonials-heading>p:last-child{font-size:16px;color:#76858a;margin:0;line-height:1.7}.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.testimonial-card{padding:10px;background:#ffffffa1;border:1px solid #fff;border-radius:26px;box-shadow:0 12px 45px #153c4a09,inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.testimonial-play{display:block;position:relative;border:0;border-radius:18px;overflow:hidden;padding:0;background:#1c3037;width:100%;aspect-ratio:16/9;color:white}.testimonial-play>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.2,1)}.testimonial-play:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10232a90)}.video-play-glass{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:#ffffff40;border:1px solid #ffffffb3;box-shadow:0 4px 25px #132d3c20,inset 0 1px 0 #ffffff9c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:21px;transition:background .25s}.watch-caption{position:absolute;bottom:21px;left:24px;right:24px;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.3px}.watch-caption b{font-size:19px;font-weight:400}.testimonial-play:hover>img{transform:scale(1.025)}.testimonial-play:hover .video-play-glass{background:#ffffff65}.testimonial-caption{padding:23px 17px 18px;display:flex;justify-content:space-between;gap:18px;align-items:end}.testimonial-caption p{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#71878b;margin:0 0 9px}.testimonial-caption h3{font-size:21px;font-weight:400;letter-spacing:-.5px;line-height:1.3;margin:0}.testimonial-caption>a{font-size:10px;color:#597b82;padding:10px 0;white-space:nowrap}.testimonial-caption>a:hover{text-decoration:underline;text-underline-offset:5px}
.video-dialog{width:min(1000px,94vw);padding:15px;border-radius:24px;background:#f5f8f6}.video-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 5px 13px}.video-dialog-bar h2{font-size:17px;letter-spacing:-.3px;margin:0;line-height:1.4}.video-close{width:44px;height:44px;border:0;border-radius:50%;background:#e4eded;font-size:27px;line-height:1}.video-dialog::backdrop{background:#0d2529bb;backdrop-filter:blur(18px)}#video-stage{aspect-ratio:16/9;background:#15272e;border-radius:12px;overflow:hidden}#video-stage iframe{display:block;width:100%;height:100%;border:0}.video-dialog>a{display:inline-block;font-size:12px;margin:16px 7px 7px;text-decoration:underline;text-underline-offset:4px}
/* A calm, prominent contact destination with a truthful email handoff. */
.home-contact{padding:112px 0 110px;color:var(--ink);background:linear-gradient(125deg,#dce9eb 0%,#eaf1ef 48%,#f7f5ef 100%)}.contact-shell{display:grid;grid-template-columns:1fr 1.05fr;gap:10%;align-items:center}.contact-invitation h2{font-size:clamp(45px,5.1vw,74px);font-weight:400;line-height:1.03;letter-spacing:-2.8px;margin:0 0 28px}.contact-invitation em{font-style:normal;color:#178794}.contact-invitation>p:not(.section-kicker):not(.contact-location){font-size:16px;line-height:1.8;color:#647d84;max-width:330px;margin:0 0 33px}.contact-phone{display:flex;align-items:center;gap:35px;font-size:27px;letter-spacing:-.7px;font-weight:400;margin-bottom:15px}.contact-phone>span{font-size:20px;color:#387b85}.contact-email{font-size:13px;color:#45636c;display:inline-block;padding-bottom:5px;border-bottom:1px solid #afc8cc}.contact-location{font-size:10px!important;letter-spacing:.7px;color:#73888c;margin-top:35px}.contact-glass-card{padding:34px;background:#ffffff9e;border:1px solid #ffffffe6;box-shadow:0 24px 65px #173d480b,inset 0 1px 0 #fff;border-radius:30px;backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%)}.contact-card-kicker{font-size:9px;color:#63858b;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 13px}.contact-glass-card h3{font-weight:400;font-size:27px;letter-spacing:-.9px;margin:0 0 11px}.contact-glass-card>p:nth-of-type(2){font-size:12px;color:#78898e;margin:0 0 27px}.contact-glass-card form{display:flex;flex-direction:column;gap:18px}.inquiry-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-glass-card label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#49626b}.contact-glass-card input,.contact-glass-card select,.contact-glass-card textarea{font:inherit;font-size:13px;line-height:1.5;background:#ffffff8c;border:1px solid #bfced175;border-radius:10px;padding:13px 14px;width:100%;color:#203d47;min-height:46px;outline-offset:3px}.contact-glass-card textarea{resize:vertical;min-height:95px}.contact-glass-card input::placeholder,.contact-glass-card textarea::placeholder{color:#8a9b9f}.contact-glass-card input:focus-visible,.contact-glass-card textarea:focus-visible,.contact-glass-card select:focus-visible{outline:2px solid #188a97;border-color:transparent}.inquiry-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;min-height:54px;background:#243f49;color:#fff;border:0;border-radius:11px;font-size:12px;transition:background .25s}.inquiry-submit:hover{background:#106f7c}.inquiry-submit>span{font-size:18px}.inquiry-note{font-size:10px;line-height:1.65;color:#7e9298;margin:-6px 0 0}.contact-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #c1d0d370;margin-top:25px;padding-top:20px;font-size:10px;color:#82949a}.contact-card-bottom>a{color:#355f6b;font-size:12px;display:flex;gap:18px;align-items:center}#inquiry-status{margin:0;font-size:11px;line-height:1.6;color:#2e6c76}#inquiry-status:empty{display:none}
@media(max-width:991px){.featured-project,.testimonials-section,.home-contact{padding:80px 0}.project-heading{gap:7%}.project-heading>p{font-size:19px}.project-actions{align-items:flex-start;flex-direction:column}.project-actions>div{width:100%;justify-content:space-between}.testimonial-caption{align-items:start;flex-direction:column;gap:6px}.testimonial-caption h3{font-size:19px}.contact-shell{gap:6%}.contact-glass-card{padding:25px}.inquiry-row{grid-template-columns:1fr;gap:18px}.contact-invitation h2{font-size:52px}}
@media(max-width:600px){.featured-project,.testimonials-section,.home-contact{padding:62px 0}.project-heading{grid-template-columns:1fr;gap:23px;margin-bottom:28px}.project-heading h2{font-size:43px;letter-spacing:-1.7px}.project-kicker{font-size:10px;margin-bottom:20px}.project-heading>p{font-size:17px;margin:0;line-height:1.6}.project-photo{aspect-ratio:1;min-height:370px}.project-photo>img{object-position:60% 50%}.tour-badge{left:17px;top:18px;font-size:9px;padding:9px 12px}.tour-photo-control{gap:10px;padding:12px 17px 12px 12px}.tour-photo-control svg{width:33px;height:36px}.tour-photo-control>span{font-size:11px}.property-caption{bottom:22px;left:20px}.property-caption h3{font-size:24px}.property-caption p{font-size:10px;letter-spacing:1.2px}.project-actions{gap:15px;margin-top:17px}.project-actions>p{font-size:12px;margin:0}.project-actions>div{flex-direction:column;gap:8px}.project-primary{width:100%;font-size:13px;min-height:54px}.project-secondary{width:100%;justify-content:center;font-size:12px}.testimonials-heading{margin-bottom:29px}.testimonials-heading h2{font-size:37px;letter-spacing:-1.4px}.testimonials-heading>p:last-child{font-size:14px}.testimonial-grid{grid-template-columns:1fr;gap:25px}.testimonial-card{border-radius:22px;padding:8px}.testimonial-play{border-radius:16px}.video-play-glass{height:58px;width:58px;font-size:18px}.watch-caption{font-size:10px;left:18px;right:18px;bottom:15px}.testimonial-caption{padding:18px 14px 13px;flex-direction:row;align-items:end}.testimonial-caption h3{font-size:19px;max-width:210px}.testimonial-caption p{font-size:8px}.testimonial-caption>a{font-size:9px}.contact-shell{grid-template-columns:1fr;gap:34px}.contact-invitation h2{font-size:55px;letter-spacing:-2.2px}.contact-invitation>p:not(.section-kicker):not(.contact-location){font-size:15px;max-width:none;margin-bottom:25px}.contact-phone{font-size:25px;justify-content:space-between}.contact-location{margin-top:24px}.contact-glass-card{border-radius:25px;padding:24px 21px}.contact-glass-card h3{font-size:25px}.contact-glass-card input,.contact-glass-card select,.contact-glass-card textarea{font-size:16px}.video-dialog{padding:10px;border-radius:18px}.video-dialog-bar h2{font-size:13px}.video-close{width:42px;height:42px}.video-dialog>a{font-size:11px}}
@media(prefers-reduced-transparency:reduce){.contact-glass-card,.testimonial-card,.tour-photo-control{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.video-play-glass{background:#203e48}}
@media(prefers-reduced-motion:reduce){.testimonial-play:hover>img{transform:none}}
/* A bright architectural setting and a quiet teal glass surface. */
.home-contact{background:linear-gradient(90deg,rgba(248,252,253,.96) 0%,rgba(248,252,253,.85) 34%,rgba(240,249,250,.18) 61%),url('assets/optimized/hayward-project-c4bc07b7d2.webp') center/cover no-repeat;padding:110px 0;color:#0d202c}.contact-shell{grid-template-columns:1fr 1.06fr;gap:7%;align-items:center}.contact-invitation h2{font-weight:650;font-size:clamp(44px,4.9vw,76px);letter-spacing:-3.8px;line-height:1.04}.contact-invitation .section-kicker{color:#007b8a;font-weight:650}.contact-invitation>p:not(.section-kicker):not(.contact-location){color:#253e4a;font-size:21px;line-height:1.5;max-width:440px}.contact-location{color:#344f59!important}.contact-glass-card{background:rgba(241,250,252,.76);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 70px #162c3b24,inset 0 1px 2px #fff;border-radius:35px;padding:42px;backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%)}.contact-glass-card h3{font-size:clamp(28px,2.7vw,44px);font-weight:650;letter-spacing:-1.7px}.contact-card-kicker{display:none}.contact-glass-card>p:nth-of-type(2){font-size:17px;color:#3e5260;line-height:1.5;margin-bottom:32px}.contact-glass-card label{font-size:13px;font-weight:550;color:#17303f}.contact-glass-card input,.contact-glass-card select,.contact-glass-card textarea{background:#fffffff0;border-color:#cbd5dd;color:#172f3c;font-weight:400;font-size:15px}.contact-glass-card input::placeholder,.contact-glass-card textarea::placeholder{color:#6c7d88}.inquiry-submit{background:linear-gradient(120deg,#00869a,#006777);border:1px solid #00afbc;box-shadow:inset 0 1px 1px #8cecf05e,0 6px 20px #007e8e1a;justify-content:center;font-size:16px;min-height:56px}.inquiry-submit:hover{background:#005d6d}.inquiry-submit:active{transform:scale(.99)}.inquiry-note,.contact-card-bottom{color:#3c5663}.contact-brand-glass{display:inline-block;background:#ffffffa8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #fff;border-radius:18px;padding:14px 22px;margin-top:25px}.contact-brand-glass img{width:190px;height:auto;display:block}.service-directory{padding:82px 0;background:#fff;color:var(--ink)}.service-directory-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:35px}.service-directory h2{font-size:clamp(32px,3.3vw,49px);line-height:1.1;letter-spacing:-1.7px;font-weight:450;margin:0}.service-directory-heading>p{font-size:16px;line-height:1.8;color:#49616c;margin:0}.service-directory-links{display:grid;grid-template-columns:repeat(3,1fr);column-gap:36px}.service-directory-links>a{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #dce4e6;padding:20px 0;min-height:55px;font-size:14px}.service-directory-links>a:hover{color:#007b8a}.business-details{display:grid;grid-template-columns:1fr 1fr;gap:8%;font-size:13px;line-height:1.9;color:#49616c;margin-top:35px}.business-details a{text-decoration:underline;text-underline-offset:4px}.service-directory[hidden]{display:none}
@media(max-width:991px){.contact-shell{gap:5%}.contact-invitation h2{font-size:52px;letter-spacing:-2.8px}.contact-glass-card{padding:28px}.contact-invitation>p:not(.section-kicker):not(.contact-location){font-size:18px}}
@media(max-width:600px){.home-contact{padding:65px 0;background:linear-gradient(180deg,#f7fbfcf5,#f7fbfce8 35%,#e5f3f6aa),url('assets/optimized/hayward-project-c4bc07b7d2.webp') center/cover no-repeat}.contact-shell{grid-template-columns:1fr;gap:35px}.contact-invitation h2{font-size:49px;letter-spacing:-2.6px}.contact-glass-card{padding:28px 22px;border-radius:28px}.contact-glass-card h3{font-size:31px;letter-spacing:-1.1px}.contact-glass-card input,.contact-glass-card textarea,.contact-glass-card select{font-size:16px}.contact-brand-glass{margin-top:18px}.contact-brand-glass img{width:155px}.service-directory{padding:60px 0}.service-directory-heading,.business-details{grid-template-columns:1fr;gap:22px}.service-directory-links{grid-template-columns:1fr}.service-directory-heading>p{font-size:15px}.service-directory-links>a{font-size:15px}}
@media(prefers-reduced-transparency:reduce){.contact-glass-card,.contact-brand-glass{background:#f3fafc;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Keep form content crisp: material translucency without a live blur layer. */
.contact-glass-card{background:rgba(244,250,252,.94);backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;filter:none;transform:none!important;will-change:auto;box-shadow:0 18px 50px #1433471c,inset 0 1px 0 #fff}.contact-glass-card.reveal{opacity:1;transform:none;transition:none}.contact-glass-card input,.contact-glass-card textarea,.contact-glass-card select{background:#fff}.contact-glass-card h3,.contact-glass-card label,.inquiry-submit{filter:none}.contact-brand-glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffffed}
@media(max-width:600px){.contact-invitation h2{font-size:clamp(36px,11.5vw,49px);overflow-wrap:normal}.contact-shell>*{min-width:0}.inquiry-row{min-width:0}.contact-glass-card{min-width:0}.contact-phone{font-size:24px}}
@media(max-width:600px){.project-photo{aspect-ratio:auto;height:370px;min-height:0;width:100%}.project-photo>img{width:100%;height:100%}.contact-invitation.reveal{opacity:1;transform:none}}

.project-faq{margin-top:48px;border-top:1px solid #dce4e6;padding-top:30px}.project-faq h3{font-size:27px;font-weight:450;letter-spacing:-.7px;margin:0 0 18px}.project-faq details{border-bottom:1px solid #dce4e6}.project-faq summary{min-height:56px;padding:18px 0;cursor:pointer;font-size:15px}.project-faq details p{font-size:14px;line-height:1.8;color:#49616c;max-width:760px;margin:0 0 22px}.project-faq a{text-decoration:underline;text-underline-offset:4px}

/* Transparent navigation over images and content, requested 2026-10-28. */
body .header,
body:not(.viewing-content) .header,
body .header.is-scrolled {
  top:0;left:0;width:100%;height:88px;padding:0 5%;
  border:0;border-radius:0;background:transparent;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;color:#22313b;
}
body .header::before {content:none;display:none;background:none;}
body .header .brand,body .header.is-scrolled .brand {
  width:145px;height:68px;padding:0;background:transparent;border:0;border-radius:0;
  box-shadow:none;flex-shrink:0;
}
body .header .brand img,body:not(.viewing-content) .header .brand img {
  opacity:1;mix-blend-mode:normal;
  filter:none;
}
body .desktop-nav a,body:not(.viewing-content) .desktop-nav a {color:#22313b;text-shadow:none;}
body .desktop-nav a:hover,body .desktop-nav a[aria-current=page] {color:#007f8c;}
body .menu-toggle span {background:#22313b;}
body .mobile-menu {background:rgba(248,251,250,.98);color:#22313b;border-right:1px solid rgba(34,49,59,.12);}
body .mobile-menu>a,body .mobile-menu .close-menu,body .mobile-menu .menu-contact a {color:#22313b;}
body .mobile-menu>a:hover,body .mobile-menu>a[aria-current=page] {color:#007f8c;}
body .mobile-menu .menu-contact span {color:#61747d;}
@media(min-width:1700px){body .header,body .header.is-scrolled{height:110px;}body .header .brand,body .header.is-scrolled .brand{width:168px;height:78px;}}
@media(max-width:991px){body .header,body .header.is-scrolled{height:82px;}body .header .brand,body .header.is-scrolled .brand{width:142px;height:64px;}body .header .menu-toggle,body .header.is-scrolled .menu-toggle{height:82px;}}
@media(max-width:600px){body .header,body .header.is-scrolled{height:76px;}body .header .brand,body .header.is-scrolled .brand{width:128px;height:58px;}body .header .menu-toggle,body .header.is-scrolled .menu-toggle{height:76px;}body .header::before{bottom:-28px;}}

/* Readable words on the photos, without a header surface. */
body .header.over-photo .desktop-nav a{color:#fff;text-shadow:0 1px 7px rgba(0,0,0,.55);}
body .header.over-photo .desktop-nav a:hover,body .header.over-photo .desktop-nav a[aria-current=page]{color:#8cd8df;}
body .header.over-photo .menu-toggle span{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.35);}

/* Solid stationary navigation begins where the landing photos end. */
body .header.content-bar,body.content-page .header,body.content-page .header.is-scrolled {
  background:rgba(250,252,251,.98);
  box-shadow:0 1px 0 rgba(26,53,66,.10),0 5px 20px rgba(26,53,66,.04);
}
body .header.content-bar .desktop-nav a{color:#22313b;text-shadow:none;}
body .header.content-bar .desktop-nav a:hover,body .header.content-bar .desktop-nav a[aria-current=page]{color:#007f8c;}
body .header.content-bar .menu-toggle span{background:#22313b;box-shadow:none;}

/* Consultation: quiet architectural film, direct typography and a simple form. */
.consultation-contact{position:relative;isolation:isolate;overflow:hidden;background:#4a4c46 url('assets/optimized/contact-interior-poster-b2924254a3.webp') center/cover no-repeat;padding:105px 0 100px;color:#fff;scroll-margin-top:90px}
.contact-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.consultation-contact:before{content:'';position:absolute;inset:0;background:rgba(20,29,27,.59);z-index:-1;pointer-events:none}
.consultation-contact .contact-shell{grid-template-columns:1fr 1fr;gap:9%;align-items:start;max-width:1280px}
.consultation-contact .section-kicker{color:#c4e5e4;margin-bottom:25px}
.consultation-contact .contact-invitation h2{color:#fff;font-weight:400;font-size:clamp(38px,4.2vw,62px);letter-spacing:-2px;line-height:1.09;max-width:570px;margin:0 0 34px;text-wrap:balance}
.consultation-contact .contact-invitation>p:last-child{color:#fff;font-size:clamp(20px,2.1vw,28px);line-height:1.5;margin:0;max-width:560px}
.consultation-contact .contact-invitation a{color:#8de0dc;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px;white-space:nowrap}
.consultation-form{display:grid;gap:0;min-width:0;padding-top:4px}
.consultation-form label{color:#fff;font-size:14px;font-weight:450;margin:0 0 8px;line-height:1.4}
.consultation-form label span{font-size:11px;color:#e5e9e6;margin-left:4px;font-weight:400}
.consultation-form input,.consultation-form textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #ffffff8a;background:#fffffff0;border-radius:3px;color:#19313a;font:inherit;font-size:16px;padding:11px 13px;min-height:44px;margin:0 0 19px;box-shadow:none;transition:border-color .2s,background .2s}
.consultation-form textarea{min-height:98px;resize:vertical}
.consultation-form input:focus,.consultation-form textarea:focus{outline:2px solid #8de0dc;outline-offset:3px;background:#fff}
.consultation-form .inquiry-submit{justify-self:start;display:flex;justify-content:space-between;align-items:center;gap:48px;background:transparent;border:0;border-bottom:1px solid #8de0dc;border-radius:0;box-shadow:none;color:#a4efea;font:inherit;font-size:16px;padding:12px 0;min-height:48px;width:auto;margin:0;cursor:pointer}
.consultation-form .inquiry-submit:hover{color:white;border-color:white;background:transparent;transform:none}
.consultation-form .inquiry-note{color:#e0e6e4;font-size:11px;line-height:1.6;margin:14px 0 0}
.consultation-form #inquiry-status{color:white;font-size:13px;line-height:1.6;margin:10px 0 0}
.consultation-form #inquiry-status:empty{display:none}
.contact-motion-toggle{position:absolute;right:32px;bottom:22px;border:1px solid #ffffff80;background:#17302c55;border-radius:3px;color:white;font:inherit;font-size:11px;padding:9px 12px;cursor:pointer}
.contact-motion-toggle[hidden]{display:none}
@media(max-width:760px){.consultation-contact{padding:65px 0 82px}.consultation-contact .contact-shell{grid-template-columns:1fr;gap:36px}.consultation-contact .contact-invitation h2{font-size:clamp(36px,8vw,49px);letter-spacing:-1.5px;max-width:500px;margin-bottom:22px}.consultation-contact .contact-invitation>p:last-child{font-size:20px}.contact-motion-toggle{right:6%;bottom:20px}.consultation-form input{min-height:48px}}
@media(prefers-reduced-motion:reduce){.contact-film{display:none}.contact-motion-toggle{display:none}}

/* About: an editorial project photograph and a separate personal introduction. */
.about-refined{padding:100px 0 80px;background:#f6f8f6;color:var(--ink)}
.about-refined .about-intro{grid-template-columns:1.35fr 1fr;gap:10%;align-items:end;margin-bottom:48px}
.about-refined .section-kicker{margin-bottom:24px}
.about-refined h2{font-size:clamp(40px,4.6vw,68px);line-height:1.07;letter-spacing:-2.8px;text-wrap:balance}
.about-refined .about-story{padding:0 0 3px}
.about-refined .about-story>p{font-size:clamp(16px,1.5vw,20px);line-height:1.65;color:#52666b;margin:0 0 16px;max-width:400px}
.about-refined .about-link{margin-top:0;font-size:13px;gap:35px;min-height:44px}
.about-editorial{display:grid;grid-template-columns:minmax(0,2.75fr) minmax(230px,1fr);gap:34px;align-items:stretch}
.about-photo-frame{margin:0;position:relative;min-height:420px;overflow:hidden;border-radius:4px;background:#e3e9e6}
.about-photo-frame .about-home-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.about-photo-frame figcaption{position:absolute;left:24px;bottom:20px;margin:0;color:white;font-size:12px;letter-spacing:.2px;text-shadow:0 1px 10px #000;background:#19343680;padding:10px 13px;border-radius:2px}
.about-founder-note{padding:28px 25px 22px;background:#eaf0ed;display:flex;flex-direction:column;align-items:start;border-top:2px solid #168b94}
.about-founder-note .founder-label{font-size:10px!important;margin:0 0 22px!important;line-height:1.5}
.about-founder-portrait{width:100px;height:120px;object-fit:cover;object-position:50% 20%;border-radius:3px;display:block;margin:0 0 22px}
.about-founder-note h3{font-size:25px;font-weight:450;letter-spacing:-.8px;line-height:1.2;margin:0 0 6px}
.about-founder-role{font-size:11px;line-height:1.5;color:#617779;margin:0}
.about-founder-line{font-size:17px;line-height:1.5;letter-spacing:-.3px;margin:22px 0;color:#3e585e}
.about-founder-note .about-link{margin-top:auto;width:100%;justify-content:space-between;font-size:12px;gap:10px}
.about-process{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:44px}
.about-process>div{border-top:1px solid #cedbd7;padding-top:20px;display:grid;grid-template-columns:30px 1fr;column-gap:14px;align-items:baseline}
.about-process span{font-size:11px;color:#19838b;font-variant-numeric:tabular-nums}
.about-process h3{font-size:22px;font-weight:450;letter-spacing:-.6px;margin:0}
.about-process p{grid-column:2;font-size:13px;line-height:1.6;color:#627479;margin:8px 0 0}
.discover-about{font-size:12px;letter-spacing:.2px;white-space:nowrap}
@media(max-width:900px){.about-editorial{grid-template-columns:minmax(0,2fr) minmax(210px,1fr);gap:22px}.about-founder-note{padding:24px 20px}.about-refined h2{letter-spacing:-2px}.about-process{gap:22px}}
@media(max-width:650px){.about-refined{padding:64px 0 56px}.about-refined .about-intro{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.about-refined h2{font-size:clamp(36px,9vw,49px);letter-spacing:-1.8px}.about-refined .about-story>p{font-size:17px;margin-bottom:8px}.about-editorial{grid-template-columns:1fr;gap:0}.about-photo-frame{min-height:300px;border-radius:3px 3px 0 0}.about-photo-frame figcaption{left:15px;bottom:15px;font-size:11px}.about-founder-note{display:grid;grid-template-columns:76px 1fr;gap:8px 18px;padding:25px 22px;border-top:0}.about-founder-note .founder-label{grid-column:2;margin:0!important;align-self:end}.about-founder-portrait{grid-column:1;grid-row:1 / 4;width:76px;height:95px;margin:0}.about-founder-note h3{font-size:24px}.about-founder-line{grid-column:2;font-size:14px;margin:4px 0 10px}.about-founder-line br{display:none}.about-founder-note .about-link{grid-column:1 / -1;margin-top:8px;width:auto}.about-process{gap:15px;margin-top:30px}.about-process>div{display:block;padding-top:16px}.about-process span{display:block;margin-bottom:10px}.about-process h3{font-size:18px}.about-process p{font-size:12px;line-height:1.5;margin-top:8px}.discover-about{font-size:11px;max-width:90vw}}

.address-autocomplete{position:relative;margin-bottom:19px;min-width:0}.consultation-form .address-autocomplete input{margin:0}.address-autocomplete #address-status{font-size:11px;line-height:1.5;color:#f0f5f2;margin:7px 0 0}.address-autocomplete #address-status:empty{display:none}#address-suggestions{position:absolute;z-index:8;top:46px;left:0;right:0;padding:5px 0;margin:0;list-style:none;background:#fff;color:#19313a;border:1px solid #ccdcd7;border-radius:4px;box-shadow:0 12px 32px #112b3033;max-height:280px;overflow-y:auto}#address-suggestions[hidden]{display:none}#address-suggestions [role=option]{padding:11px 14px;cursor:pointer;line-height:1.4}#address-suggestions [role=option]:hover,#address-suggestions [aria-selected=true]{background:#eaf4f1}#address-suggestions strong{display:block;font-size:14px;font-weight:500}#address-suggestions [role=option]>span{display:block;font-size:11px;color:#60767b;margin-top:3px}.address-credit{border-top:1px solid #e2ebe6;padding:7px 14px 3px;font-size:10px;color:#61777b}.address-credit a{text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){#address-suggestions{top:50px}}

/* Aziz contact identity: a cinematic invitation beside a quiet paper form. */
.contact-identity{background:#f1f5f2;padding:72px 0;color:#203942}
.contact-identity .contact-film{width:50%;object-position:48% center}
.contact-identity:before{right:50%;background:linear-gradient(180deg,#122c3270,#122c3250 40%,#122c32c9)}
.contact-identity .contact-shell{grid-template-columns:1fr 1fr;gap:12%;align-items:stretch;max-width:1200px}
.contact-identity .contact-invitation{display:flex;flex-direction:column;justify-content:space-between;min-height:595px;padding:30px 0 18px}
.contact-identity .section-kicker{color:#d3e7e4;font-size:10px;letter-spacing:2.2px;margin-bottom:30px}
.contact-identity .section-kicker>span{background:#b4dfd7;box-shadow:none}
.contact-identity .contact-invitation h2{font-size:clamp(43px,5vw,70px);font-weight:400;letter-spacing:-2.6px;line-height:1.06;max-width:540px;margin:0 0 24px;color:#fff}
.contact-identity h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#c1e7dc;letter-spacing:-2px}
.contact-identity .contact-invitation .contact-intro-line{font-size:17px;line-height:1.6;color:#f0f6f3;margin:0;max-width:320px}
.contact-direct{border-top:1px solid #ffffff4d;padding-top:22px;max-width:330px}
.contact-direct>span{display:block;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#c4dbd6;margin-bottom:11px}
.contact-identity .contact-direct>a{color:white;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:25px;letter-spacing:-.6px;text-decoration:none}
.contact-direct>a>span{font-size:20px;color:#b9ddd4}
.contact-identity .consultation-form{padding:5px 0 0}
.contact-form-heading{margin:0 0 28px}
.contact-form-heading>p{font-size:10px;text-transform:uppercase;letter-spacing:1.9px;color:#527a7c;margin:0 0 12px}
.contact-form-heading h3{font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:400;color:#203942;margin:0}
.contact-identity .consultation-form label{color:#29474f;font-size:12px;font-weight:600;margin-bottom:0}
.contact-identity .consultation-form label>span{font-size:12px;color:#168c94;margin-left:3px}
.contact-identity .consultation-form input,.contact-identity .consultation-form textarea{background:transparent;border:0;border-bottom:1px solid #bdcdc7;border-radius:0;color:#203942;font-size:15px;padding:10px 0;min-height:44px;margin:0 0 20px;outline-offset:3px}
.contact-identity .consultation-form input::placeholder,.contact-identity .consultation-form textarea::placeholder{color:#738a8b;opacity:1}
.contact-identity .consultation-form input:focus,.contact-identity .consultation-form textarea:focus{border-color:#168c94;background:#ffffff50;outline:2px solid #168c9450}
.contact-identity .consultation-form textarea{min-height:74px;margin-bottom:23px}
.contact-identity .address-autocomplete{margin-bottom:20px}
.contact-identity .address-autocomplete input{margin:0}
.contact-identity .address-autocomplete #address-status{color:#526e70}
.contact-identity .consultation-form .inquiry-submit{display:flex;width:100%;justify-content:space-between;gap:15px;padding:15px 19px;border:1px solid #087f89;border-radius:3px;background:#087f89;color:white;font-size:14px;font-weight:600;transition:background .2s,transform .2s}
.contact-identity .consultation-form .inquiry-submit:hover{background:#086873;border-color:#086873;color:white}
.contact-identity .consultation-form .inquiry-submit:active{transform:translateY(1px)}
.contact-identity .consultation-form .inquiry-note{color:#687e7f;font-size:10px;margin-top:11px}
.contact-identity .consultation-form #inquiry-status{color:#29474f}
.contact-identity .contact-motion-toggle{right:auto;left:22px;bottom:18px;font-size:10px;background:#17302c55}
@media(max-width:900px){.contact-identity .contact-shell{gap:10%}.contact-identity .contact-invitation h2{font-size:48px;letter-spacing:-2px}.contact-form-heading h3{font-size:26px}.contact-identity .contact-direct>a{font-size:22px}}
@media(max-width:760px){.contact-identity{padding:0;background:#f1f5f2 url('assets/optimized/contact-interior-poster-b2924254a3.webp') center top/auto 400px no-repeat}.contact-identity .contact-shell{display:block;width:100%;max-width:none}.contact-identity .contact-film{width:100%;height:400px;object-fit:cover}.contact-identity:before{inset:0 0 auto;height:400px;background:linear-gradient(180deg,#122c327a,#122c3250 35%,#122c32bd)}.contact-identity .contact-invitation{min-height:400px;height:400px;padding:42px 7% 34px}.contact-identity .section-kicker{margin-bottom:20px}.contact-identity .contact-invitation h2{font-size:clamp(42px,10vw,58px);letter-spacing:-2px;margin-bottom:15px}.contact-identity .contact-invitation .contact-intro-line{font-size:16px}.contact-direct{padding-top:15px;max-width:300px}.contact-direct>span{font-size:9px;margin-bottom:6px}.contact-identity .contact-direct>a{font-size:22px}.contact-identity .consultation-form{padding:42px 7% 50px;background:#f1f5f2}.contact-form-heading{margin-bottom:27px}.contact-form-heading h3{font-size:29px}.contact-identity .consultation-form input{min-height:48px}.contact-identity .contact-motion-toggle{left:auto;right:16px;top:355px;bottom:auto}.contact-identity h2 em{letter-spacing:-1.5px}}

@media(prefers-reduced-motion:reduce){.contact-identity .contact-film{display:block}}

/* A soft midnight-blue veil ties navigation to the architectural photographs. */
body .header.over-photo{background:transparent;box-shadow:none;isolation:isolate}
body .header.over-photo::before{content:'';display:block;position:absolute;inset:0 0 -95px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(15,38,64,.96) 0%,rgba(19,45,71,.82) 27%,rgba(23,49,71,.44) 57%,rgba(23,49,71,.12) 78%,transparent 100%)}
body .header.over-photo .brand img{filter:none;opacity:1}
body .header.content-bar .brand img{filter:none}
.hero .slides{background:#142b43}
.hero .slide img{filter:saturate(.89) contrast(1.025) brightness(1.015)}
.hero .slide[data-reference="silicon-6"] img{filter:saturate(.97) contrast(1.015)}
@media(max-width:600px){body .header.over-photo::before{bottom:-66px;background:linear-gradient(180deg,#0f2640ed,#132d47a6 38%,#17314740 70%,transparent)}}

/* Slightly smaller original-color logo across header states. */
body .header .brand,body .header.is-scrolled .brand{width:128px;height:60px}
@media(min-width:1700px){body .header .brand,body .header.is-scrolled .brand{width:145px;height:67px}}
@media(max-width:991px){body .header .brand,body .header.is-scrolled .brand{width:124px;height:57px}}
@media(max-width:600px){body .header .brand,body .header.is-scrolled .brand{width:112px;height:52px}}

/* Rich dusk courtyard paired with warm ivory; the photograph stays clear. */
.contact-identity{background:#f7f4ef}
.contact-identity .contact-architecture{position:absolute;z-index:-2;left:0;top:0;width:50%;height:100%;display:block;object-fit:cover;object-position:50% 50%;pointer-events:none}
.contact-identity:before{right:50%;background:linear-gradient(180deg,rgba(12,30,48,.42),rgba(13,31,46,.06) 48%,rgba(12,30,48,.62))}
.contact-identity h2 em{color:#f1d4c5}
.contact-identity .contact-form-heading>p{color:#53777d}
.contact-identity .consultation-form input,.contact-identity .consultation-form textarea{border-bottom-color:#c9ccc5}
@media(max-width:760px){.contact-identity{background:#f7f4ef}.contact-identity .contact-architecture{width:100%;height:400px;object-position:50% 39%}.contact-identity .consultation-form{background:#f7f4ef}.contact-identity:before{height:400px;right:0;background:linear-gradient(180deg,#0c1e3070,#0d1f2e20 50%,#0c1e309e)}}

/* Review fixes: AA contrast for small editorial and footer labels. */
.about-founder-note .founder-label{color:#355b61!important}
.about-founder-note .about-founder-role{color:#435d64}
.about-process span{color:#11616a}
.home-footer-surface .home-footer{color:#435d64}