/* Shared header identity. All other desktop composition stays as published. */
html{scroll-padding-top:96px}
body .header,body .header.over-photo,body .header.content-bar,body .header.is-scrolled,body:not(.viewing-content) .header,body.content-page .header,body.content-page .header.is-scrolled{height:94px;inset:0 0 auto;width:100%;padding:0 5%;border:0;border-radius:0;background:rgba(15,39,61,.96);color:#f2f6f7;box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body .header::before,body .header.over-photo::before,body .header.is-scrolled::before,body .header.content-bar::before{content:'';display:block;position:absolute;inset:100% 0 auto;height:45px;z-index:-1;background:linear-gradient(#10283d70,transparent);pointer-events:none}
body .header .brand,body .header.is-scrolled .brand{width:214px;height:70px;flex-shrink:0;background:none;border:0;padding:0;border-radius:0}
body .header .brand img,body .header.is-scrolled .brand img{width:100%;height:100%;display:block;object-fit:contain;filter:none!important;opacity:1;mix-blend-mode:normal}
body .header .desktop-nav a{color:#f4f7f9}
body .header .desktop-nav a:after{background:#70ccd0}
body .header .menu-toggle span{background:#f1f6f7}
body .header .mobile-call{color:#e4f2f3;background:#ffffff0d;border:1px solid #ffffff38}
@media(max-width:991px){
 html{scroll-padding-top:80px}
 body .header,body .header.over-photo,body .header.content-bar,body .header.is-scrolled,body:not(.viewing-content) .header,body.content-page .header,body.content-page .header.is-scrolled{height:76px;padding:0 20px;justify-content:center}
 body .header .brand,body .header.is-scrolled .brand{width:180px;height:60px}
 body .header .menu-toggle,body .header.is-scrolled .menu-toggle{height:76px;left:14px;width:44px;top:0}
 body .header .mobile-call{right:14px;width:44px;height:44px;top:16px}
 body .header::before,body .header.over-photo::before{height:28px;inset:100% 0 auto}
}
@media(max-width:760px){
 /* A restrained vertical rhythm and landscape imagery, without desktop fixed heights. */
 body .about-refined{padding:44px 0 40px}
 body .about-refined .about-intro{gap:18px;margin-bottom:26px}
 body .about-refined .section-kicker{margin-bottom:18px}
 body .about-refined .about-story>p{font-size:16px;line-height:1.6}
 body .about-refined .about-photo-frame{height:auto;min-height:0;aspect-ratio:4/3}
 body .about-refined .about-home-photo{object-position:50% 54%}
 body .about-founder-note{padding:20px;border-radius:16px}
 body .about-process{margin-top:24px;gap:14px}
 body .about-process h3{font-size:18px}
 body .about-process p{font-size:13px;line-height:1.5}
 body .space-categories{gap:12px;padding:0 20px 16px;background:#f6f8f6;scroll-padding-inline:20px}
 body .space-category{flex:0 0 calc(100% - 16px);width:auto;height:auto;min-height:0;aspect-ratio:4/3;border-radius:12px}
 body .category-caption{left:18px;right:18px;bottom:18px}
 body #featured-project{padding:44px 0 40px}
 body .project-heading{gap:18px;margin-bottom:24px}
 body .project-heading h2{font-size:clamp(32px,8.8vw,42px);line-height:1.08;letter-spacing:-1.6px}
 body .project-heading>p{font-size:16px;line-height:1.6}
 body .project-kicker{font-size:10px;margin-bottom:18px}
 body #featured-project .project-photo{width:100%;height:auto;min-height:0;aspect-ratio:4/3}
 body .project-photo>img{object-position:55% 50%}
 body .tour-badge{top:14px;left:14px;font-size:9px;letter-spacing:1px;padding:8px 11px}
 body .property-caption{left:18px;bottom:18px}
 body .property-caption h3{font-size:23px;margin:0}
 body .tour-photo-control{padding:11px 16px 11px 12px;gap:10px;min-height:54px}
 body .tour-photo-control svg{width:28px;height:32px}
 body .tour-photo-control>span{font-size:12px}
 body .project-actions{gap:12px;margin-top:16px}
 body .project-actions>p{font-size:13px;line-height:1.6}
 body .project-actions>div{gap:8px}
 body .testimonials-section{padding:44px 0}
 body .testimonials-heading{margin-bottom:25px}
 body .testimonials-heading h2{font-size:clamp(31px,8.4vw,39px);line-height:1.13;letter-spacing:-1.3px;margin-bottom:17px}
 body .testimonials-heading>p:last-child{font-size:15px;line-height:1.6}
 body .testimonial-grid{gap:22px}
 body .testimonial-card{border-radius:16px}
 body .testimonial-caption{padding:17px 12px 12px;gap:12px}
 body .testimonial-caption h3{font-size:20px;max-width:230px}
 body .contact-identity .contact-architecture,body .contact-identity::before{height:330px}
 body .contact-identity .contact-invitation{height:330px;min-height:330px;padding:30px 0 26px}
 body .contact-identity .contact-invitation h2{font-size:clamp(38px,10.5vw,48px);line-height:1.07;letter-spacing:-1.8px;margin-bottom:15px}
 body .contact-identity .contact-shell{width:calc(100% - 40px);max-width:none}
 body .contact-identity .section-kicker{margin-bottom:16px}
 body .contact-identity .contact-direct{padding-top:12px}
 body .contact-identity .consultation-form{padding:34px 0 42px;background:#f7f4ef}
 body .contact-form-heading{margin-bottom:23px}
 body .contact-form-heading h3{font-size:29px}
 body .contact-identity .consultation-form input:not([type=hidden]):not([type=checkbox]),body .contact-identity .consultation-form select{font-size:16px;min-height:48px;margin-bottom:16px}
 body .contact-identity .consultation-form .address-autocomplete input{margin-bottom:0}
 body .contact-identity .address-autocomplete{margin-bottom:16px}
 body .contact-identity .consultation-form textarea{font-size:16px;min-height:112px;margin-bottom:18px}
 body .contact-identity .consultation-form .inquiry-submit{min-height:52px;border-radius:8px}
 body .service-directory{padding:42px 0 32px}
 body .service-directory-heading{grid-template-columns:1fr;gap:20px;margin-bottom:22px}
 body .service-directory h2{font-size:33px;line-height:1.1}
 body .service-directory-heading>p{font-size:15px;line-height:1.7}
 body .service-directory-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
 body .service-directory-links>a{min-height:64px;align-items:center;line-height:1.45;padding:14px 0;font-size:13px;gap:8px}
 body .service-directory-links>a span{flex-shrink:0}
 body .project-faq{margin-top:30px;padding-top:24px}
 body .project-faq h3{font-size:25px}
 body .project-faq summary{font-size:14px;line-height:1.5;padding:15px 0}
 body .business-details{margin-top:26px;gap:18px;font-size:13px}
 body .home-footer{padding-top:28px;padding-bottom:24px;gap:16px}
 /* Cookie controls remain equally available and never sit on top of Ask Aziz. */
 body .cookie-panel{left:12px;right:12px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom));max-height:min(70dvh,520px);padding:15px 16px;border-radius:16px;box-shadow:0 8px 32px #0a253330}
 body .cookie-panel h2{font-size:18px;line-height:1.25;margin:0 0 9px}
 body .cookie-panel p{font-size:12px;line-height:1.5;margin:0 0 10px}
 body .cookie-panel .cookie-note{font-size:10px;line-height:1.4;margin-top:9px}
 body .cookie-panel .cookie-actions{bottom:-15px;padding:10px 0 1px;gap:7px}
 body .cookie-panel .cookie-actions button{min-height:44px;font-size:11px;padding:8px 6px;line-height:1.3}
 body .cookie-settings{position:static;display:inline-flex;align-items:center;margin:0 20px calc(20px + env(safe-area-inset-bottom));min-height:44px;padding:10px 12px;border-radius:8px;font-size:11px;box-shadow:none}
 body:has(.cookie-panel:not([hidden])) .aziz-guide-launch{visibility:hidden;pointer-events:none}
 body .aziz-guide-launch{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));min-height:44px;padding:0 17px;font-size:12px;border-radius:24px}
 body .aziz-guide[open]{width:calc(100% - 24px);height:min(620px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:17px;border-radius:21px}
 body .aziz-guide .guide-head h2{font-size:24px;line-height:1.15}
 body .aziz-guide .guide-disclosure{font-size:11px;line-height:1.5}
 body .aziz-guide .guide-message p{font-size:13px;line-height:1.6}
 body .aziz-guide .guide-form textarea{font-size:16px;min-height:60px;height:60px;max-height:60px}
 body .aziz-guide .guide-form button{min-height:60px}
 body .aziz-guide .guide-footer{padding-top:8px;margin-top:8px}
}
@media(max-width:360px){
 body .header .brand,body .header.is-scrolled .brand{width:160px;height:54px}
 body .space-category{flex-basis:100%}
 body .service-directory-links{column-gap:16px}
 body .service-directory-links>a{font-size:12px}
 body .cookie-panel{left:8px;right:8px;padding:13px}
 body .cookie-panel .cookie-actions button{font-size:10px;padding:8px 4px}
}
@media(max-width:991px) and (max-height:500px) and (orientation:landscape){
 body .header,body .header.over-photo,body .header.content-bar,body .header.is-scrolled,body:not(.viewing-content) .header,body.content-page .header{height:62px}
 body .header .brand,body .header.is-scrolled .brand{width:156px;height:52px}
 body .header .menu-toggle,body .header.is-scrolled .menu-toggle{height:62px}
 body .header .mobile-call{top:9px}
 body .cookie-panel{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px)}
 body .aziz-guide[open]{max-height:calc(100dvh - 16px);height:calc(100dvh - 16px);padding:12px}
}
@media(prefers-reduced-transparency:reduce){body .header{background:#10283d;backdrop-filter:none;-webkit-backdrop-filter:none}}

body .header.over-photo .menu-toggle span,body .header.content-bar .menu-toggle span,body .header.is-scrolled .menu-toggle span{background:#f2f6f7}
body .header .mobile-call{top:50%;transform:translateY(-50%)}
@media(max-width:760px){body .aziz-guide-launch[data-controls-overlap]{visibility:hidden;pointer-events:none}body:has(.aziz-guide[open]) .aziz-guide-launch{visibility:hidden;pointer-events:none}}
@media(max-width:760px) and (orientation:portrait){body .hero{height:clamp(560px,88svh,760px);min-height:0}}
body .header .desktop-nav a,body .header.over-photo .desktop-nav a,body .header.content-bar .desktop-nav a,body .header.is-scrolled .desktop-nav a{color:#f2f6f7!important}
@media(max-width:600px){
 body .p-main{width:calc(100% - 40px);padding-top:108px}
 body .p-intro{margin-bottom:24px}
 body .p-intro h1{font-size:clamp(35px,10.5vw,45px)}
 body .p-feature{margin-bottom:40px}
 body .p-feature-photo{height:auto;border-radius:12px}
 body .p-feature-photo>img{width:100%;height:auto;aspect-ratio:4/3;object-position:55% 50%}
 body .p-feature-photo::after{inset:0 0 auto;height:auto;aspect-ratio:4/3;background:linear-gradient(#102a3326,transparent 45%)}
 body .p-feature-copy,body .p-case-feature .p-feature-copy{position:relative;inset:auto;display:block;padding:20px;background:#183440}
 body .p-feature-copy h2{font-size:29px;margin:10px 0 14px}
 body .p-tour{position:relative;inset:auto;margin-top:12px;min-height:68px;border:1px solid #d6e3e5;background:#fff;box-shadow:none}
 body .p-photo,body .p-work[data-span="12"] .p-photo,body .p-work:nth-child(3n+2) .p-photo{height:auto;aspect-ratio:4/3}
 body .p-grid{gap:28px}
 body .p-close{padding:36px 0 40px;margin-top:38px}
}