/* Home Art — terracotta, brushed gold, warm ivory. */
:root{--paper:#f7f4ee;--white:#fff;--ink:#2d2822;--muted:#6d665d;--brand:#b64b2d;--brand-dark:#8e341d;--gold:#b1904d;--line:#ded8ce;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--space:clamp(24px,5vw,80px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}::selection{background:#d7bba4;color:#241e18}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(46px,5.5vw,88px)}h2{font-size:clamp(36px,3.8vw,59px)}h3{font-weight:400;font-size:24px;line-height:1.25}em{font-weight:400;color:var(--brand)}p+p{margin-top:18px}p{text-wrap:pretty}a,button{touch-action:manipulation}[hidden]{display:none!important}.shell{width:calc(100% - var(--space)*2);max-width:1392px;margin-inline:auto}.section{padding-block:88px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;line-height:1.5;color:var(--brand);margin-bottom:24px}.lead{font-size:20px;line-height:1.65}.text-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid var(--ink);padding-block:10px;font-size:13px;font-weight:600}.text-link:hover{color:var(--brand);border-color:var(--brand)}.arrow{font-family:Arial,sans-serif;font-size:22px;display:inline-block;transition:transform .25s}.text-link:hover .arrow,.button:hover .arrow{transform:translate(3px,-3px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 24px;min-height:56px;min-width:170px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .2s,color .2s}.button.primary{background:var(--brand);color:white}.button.primary:hover{background:var(--brand-dark)}.button.light{background:var(--paper);color:var(--ink)}.button.light:hover{background:#e8dece}.button.secondary{border-color:var(--line);background:transparent;color:var(--ink)}.button.secondary:hover{border-color:var(--brand);color:var(--brand)}.icon-button{border:0;background:transparent;display:grid;place-items:center;min-width:48px;min-height:48px;padding:8px;font-size:25px;color:inherit}.skip-link{position:fixed;top:8px;inset-inline-start:8px;z-index:100;background:var(--ink);color:white;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
/* Header and accessible mobile drawer. */
.topline{background:var(--brand);color:#fff5e8;font-size:10px;letter-spacing:.08em;padding:8px 0}.topline .shell{display:flex;justify-content:space-between;gap:12px}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,238,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:68px;height:68px;border-radius:50%;object-fit:cover}.brand>span{font-size:23px;letter-spacing:.16em;line-height:1.35;font-family:var(--serif)}.brand small{display:block;font:8px/1.5 var(--sans);letter-spacing:.12em;margin-top:3px}.desktop-nav{display:flex;gap:25px;align-items:center;font-size:12px}.desktop-nav a{padding-block:15px;position:relative;white-space:nowrap}.desktop-nav a::after{position:absolute;bottom:5px;inset-inline-start:0;width:0;height:1px;background:var(--brand);content:'';transition:width .2s}.desktop-nav a:hover::after,.desktop-nav a[aria-current]::after{width:100%}.desktop-nav a[aria-current]{color:var(--brand)}.header-actions{display:flex;gap:24px;align-items:center;flex-shrink:0}.language-switch{display:inline-flex;gap:7px;align-items:center;font:13px/1.5 Arial,sans-serif;padding-block:10px;white-space:nowrap}.language-switch span{font-size:20px}.header-contact{display:flex;gap:22px;align-items:center;font-size:12px;font-weight:600;border-inline-start:1px solid var(--line);padding-inline-start:24px}.menu-toggle{display:none;width:48px;position:relative}.menu-toggle span{position:absolute;width:22px;height:1.5px;background:var(--ink)}.menu-toggle span:first-child{top:19px}.menu-toggle span:last-child{top:27px;width:16px;inset-inline-end:13px}.drawer{border:0;width:min(88vw,430px);max-width:none;max-height:none;height:100dvh;margin:0;inset-block:0;inset-inline-start:auto;inset-inline-end:0;padding:30px;background:var(--paper);color:var(--ink);overflow-y:auto;overscroll-behavior:contain}.drawer::backdrop{background:rgba(30,24,18,.55);backdrop-filter:blur(3px)}.drawer[open]{display:flex;flex-direction:column;animation:drawer-enter .25s ease-out}.drawer-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.drawer-top .eyebrow{margin:0}.drag-hint{width:4px;height:44px;background:var(--line);border-radius:3px;position:absolute;inset-inline-start:8px;top:45%}.drawer nav{margin-block:40px}.drawer nav a{display:block;font:34px/1.4 var(--serif);letter-spacing:-.02em;padding-block:9px;border-bottom:1px solid var(--line)}.drawer nav a[aria-current]{color:var(--brand)}.drawer-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:14px}.drawer-bottom p{color:var(--muted)}.phone{font-size:17px}.drawer-bottom .text-link{gap:18px}.drawer-bottom .language-switch{border-bottom:1px solid var(--line)}
/* Homepage. */
.hero{display:grid;grid-template-columns:45% 55%;max-width:1640px;margin-inline:auto;min-height:660px}.hero-copy{padding:72px 40px 50px max(var(--space),calc((100vw - 1392px)/2));display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.hero-copy h1{font-size:clamp(56px,6.4vw,102px);margin-bottom:28px}.hero-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:340px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px;flex-wrap:wrap}.hero-actions .text-link{border:0;gap:12px}.hero-note{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:64px;color:var(--muted)}.hero-note .line{height:1px;background:var(--gold);width:32px}.hero-visual{position:relative;min-width:0;overflow:hidden;background:#d9d0c2;touch-action:pan-y}.hero-slide{position:absolute;inset:0}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-slide.active{animation:photo-enter .7s ease-out}.hero-visual::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(24,18,11,.6));pointer-events:none}.hero-visual-footer{position:absolute;inset-inline:34px;bottom:32px;color:white;display:flex;gap:20px;justify-content:space-between;align-items:flex-end;z-index:1}.hero-visual-footer .eyebrow{color:#e9d6b4;margin-bottom:8px;font-size:9px}.hero-caption{font-family:var(--serif);font-size:20px;line-height:1.3;max-width:260px}.slide-controls{display:flex;align-items:center;gap:5px}.slide-count{font-size:10px;white-space:nowrap;margin-inline-end:13px;letter-spacing:.12em}.slide-controls .icon-button{border:1px solid #ffffff70;width:42px;min-width:42px;height:42px;min-height:42px;font-size:19px}.slide-controls .icon-button:hover{background:var(--paper);color:var(--ink)}.craft-strip{background:#ece6db;border-top:1px solid #e0d6c7;border-bottom:1px solid #e0d6c7;padding-block:23px}.craft-strip .shell{display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:12px}.craft-strip .shell>span:first-child{font-family:var(--serif);font-size:18px;font-style:italic;color:var(--brand)}.spark{font-size:22px;color:var(--gold)}.introduction{display:grid;grid-template-columns:1fr 1fr;gap:12%}.introduction p:not(.eyebrow):not(.lead){color:var(--muted);font-size:15px}.introduction .text-link{margin-top:22px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:17px}.section-heading>.text-link{flex-shrink:0}.selected-work{padding-top:10px}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px 30px}.project-image{display:block;position:relative;overflow:hidden;background:#e7dfd2;aspect-ratio:1.25}.project-card:nth-child(2n) .project-image{aspect-ratio:1.25}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-image:hover img{transform:scale(1.035)}.image-arrow{position:absolute;inset-inline-end:20px;bottom:20px;background:var(--paper);width:45px;height:45px;display:grid;place-items:center}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}.project-caption .eyebrow{font-size:9px;margin-bottom:8px;color:var(--muted)}.project-caption h3{font-family:var(--serif);font-size:30px}.category-number{font:14px var(--serif);color:var(--gold)}.expertise-section{background:#eee8df;padding-block:85px}.expertise-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center}.expertise-photo{position:relative;align-self:stretch;min-height:620px}.expertise-photo img{height:100%;width:100%;object-fit:cover;object-position:42% center}.photo-label{position:absolute;bottom:0;inset-inline-start:0;padding:17px 23px;background:var(--brand);color:white;font-size:11px}.expertise-copy h2{font-size:clamp(36px,3.5vw,53px)}.service-accordion{margin-top:36px}.service-accordion details{border-top:1px solid #d3c9ba;padding:19px 0}.service-accordion summary{display:flex;gap:15px;align-items:center;font-family:var(--serif);font-size:23px;cursor:pointer;list-style:none}.service-accordion summary::-webkit-details-marker, .faq summary::-webkit-details-marker{display:none}.service-accordion summary>span:last-child{margin-inline-start:auto;font-family:Arial;font-size:20px}.service-index{font:10px Arial;color:var(--brand)}.service-accordion p{font-size:14px;color:var(--muted);margin:18px 0 0 29px}.service-accordion .text-link{margin-inline-start:29px;margin-top:10px}.service-accordion details[open] summary>span:last-child{transform:rotate(45deg)}.catalogue-banner{display:grid;grid-template-columns:.85fr 1fr;gap:15%;align-items:center}.catalogue-banner p:not(.eyebrow){color:var(--muted);font-size:15px;margin:24px 0;max-width:360px}.sample-stack{display:flex;align-items:center;min-width:0;padding-block:45px}.sample-stack img{width:39%;height:350px;object-fit:cover;border:8px solid var(--paper);box-shadow:0 8px 25px #44331f15}.sample-stack img:first-child{transform:rotate(-8deg);z-index:1}.sample-stack img:nth-child(2){transform:rotate(3deg);margin-inline-start:-12%;height:410px;z-index:2}.sample-stack img:last-child{transform:rotate(12deg);margin-inline-start:-8%;z-index:3}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;border-top:1px solid var(--line)}.faq details{padding:23px 0;border-bottom:1px solid var(--line)}.faq details:first-child{padding-top:0}.faq summary{font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none}.faq summary span{font-size:23px;color:var(--brand)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);font-size:14px;margin-top:16px}
/* Inner pages. */
.page-intro{padding-block:70px 50px}.page-intro .lead{margin-top:28px;max-width:700px;color:var(--muted);font-size:17px}.page-intro .eyebrow{margin-bottom:23px}.filter-section{padding-top:15px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filter{border:1px solid var(--line);background:transparent;min-height:44px;padding:10px 17px;font-size:12px;border-radius:0;color:var(--muted)}.filter:hover{border-color:var(--brand);color:var(--brand)}.filter.active{background:var(--brand);color:white;border-color:var(--brand)}.services-list{padding-top:8px}.service-row{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;border-top:1px solid var(--line);padding-block:55px}.service-row img{width:100%;height:430px;object-fit:cover}.service-row:nth-child(2n)>img{order:2}.service-row h2{font-size:43px}.service-row p{color:var(--muted);margin-block:22px}.tag-list{list-style:none;padding:0;display:flex;gap:9px;flex-wrap:wrap;margin-block:25px}.tag-list li{border:1px solid var(--line);padding:5px 11px;font-size:11px;color:var(--muted)}.texture-service{padding:45px;background:#eae2d5}.texture-service p:not(.eyebrow){max-width:760px;margin-block:22px}.about-image{position:relative}.about-image img{width:100%;height:570px;object-fit:cover}.about-image>span{position:absolute;bottom:0;inset-inline-start:0;background:var(--brand);color:white;padding:18px 25px;font-size:12px}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:45px;gap:55px}.values article>span{font-size:11px;color:var(--gold)}.values h3{font-family:var(--serif);font-size:31px;margin-block:15px}.values p{font-size:14px;color:var(--muted)}.office-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.office-grid article{display:flex;align-items:flex-start;gap:28px;padding:35px;border:1px solid var(--line);background:#fbf9f5}.office-grid img{border-radius:50%;width:115px;height:115px;object-fit:cover;flex-shrink:0}.office-grid .eyebrow{font-size:9px;margin-bottom:14px}.office-grid h3{font-family:var(--serif);font-size:28px}.office-grid p:not(.eyebrow){font-size:13px;color:var(--muted);margin-block:15px}.office-grid a{font-size:13px;display:block;text-align:start;width:max-content}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;padding-top:10px}.contact-details{padding-top:25px;display:flex;align-items:flex-start;flex-direction:column;gap:18px}.contact-details .eyebrow{margin:0}.contact-details h2{font-size:39px;margin-bottom:14px}.large-phone{font-size:23px;color:var(--brand);white-space:nowrap}.contact-details>a:not(.button){font-size:17px;overflow-wrap:anywhere}.contact-details p:last-child{font-size:14px;color:var(--muted);max-width:340px;margin-top:10px}.enquiry-form{background:#eee8df;padding:38px}.enquiry-form h2{font-size:32px;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px}.form-grid .full{grid-column:1/-1}input,textarea,select{width:100%;max-width:100%;border:1px solid #c8bfae;background:#f9f6f0;color:var(--ink);padding:13px 12px;font-size:15px;border-radius:0}input,select{height:49px}textarea{resize:vertical}.enquiry-form>.button{margin-top:23px}.form-note,.form-status{font-size:11px;color:var(--muted);line-height:1.7;margin-top:15px}.form-status:empty{display:none}.email-alternative{margin-top:12px;font-size:12px}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted);padding-top:32px}.breadcrumb+.page-intro{padding-top:35px}.detail-hero img{width:100%;height:560px;object-fit:cover}.detail-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-bottom:20px}.detail-intro h2{font-size:46px}.detail-intro .lead{font-size:17px;color:var(--muted)}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:26px}.gallery-item{padding:0;border:0;background:#e8dfd0;aspect-ratio:1.15;position:relative;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-item:hover img{transform:scale(1.03)}.zoom-mark{position:absolute;bottom:16px;inset-inline-end:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:21px}.section-heading>span{font-size:12px;color:var(--muted)}
/* Native HTML catalogue — filterable, searchable, and lazy-loaded. */
.catalogue-tools{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:32px}.catalogue-search{width:380px;max-width:100%;font-size:11px}.catalogue-search>span{display:block;margin-bottom:9px;color:var(--muted)}.catalogue-search input{background:transparent}.catalogue-tools>p{font:22px/1.4 var(--serif);max-width:420px}.catalogue-tools small{display:block;font:11px/1.7 var(--sans);margin-top:9px;color:var(--muted)}.results-status{font-size:12px;margin-bottom:25px;color:var(--muted)}.catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.catalogue-photo{position:relative;display:block;width:100%;border:0;padding:0;background:#eee9e0;aspect-ratio:1.15;overflow:hidden}.catalogue-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.catalogue-photo:hover img{transform:scale(1.04)}.catalogue-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.catalogue-card h2{font:19px/1.3 var(--serif);letter-spacing:-.01em}.catalogue-ref{font-size:10px;color:var(--brand);white-space:nowrap}.load-more-wrap{text-align:center;margin-top:45px}.catalogue-note{max-width:700px;margin:36px auto 0;font-size:12px;text-align:center;color:var(--muted)}.empty-state{padding:55px 0;text-align:center}.empty-state p{margin:18px 0}.lightbox{padding:50px 80px;border:0;background:#201d19;color:white;width:100%;height:100dvh;max-width:none;max-height:none}.lightbox::backdrop{background:#201d19}.lightbox[open]{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:20px}.lightbox figure{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.lightbox figure img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 210px);object-fit:contain;min-height:0}.lightbox figcaption{font-size:13px;flex-shrink:0;text-align:center}.lightbox-close{position:absolute;top:10px;inset-inline-end:15px;font-size:34px;z-index:1}.lightbox-prev,.lightbox-next{position:absolute;top:45%;border:1px solid #ffffff50}.lightbox-prev{left:15px}.lightbox-next{right:15px}.lightbox-enquire{justify-self:center}
/* Closing section and contact shortcut. */
.project-cta{background:var(--brand);color:var(--paper);padding-block:70px}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.project-cta .eyebrow{color:#f1d4b0}.project-cta h2{max-width:700px}.project-cta em{color:#f4d4a5}.cta-inner>.button{flex-shrink:0}.site-footer{background:#24211d;color:#e7dfd2;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.25fr .6fr 1fr 1fr;gap:50px;padding-bottom:50px}.footer-brand .brand img{width:72px;height:72px}.footer-brand .brand>span{font-size:23px}.footer-brand .brand small{letter-spacing:0;font-size:10px}.footer-brand>p{font-size:12px;line-height:1.9;color:#bcb3a5;margin-top:24px;max-width:270px}.footer-grid h3{font:11px/1.5 var(--sans);letter-spacing:.08em;margin-bottom:24px;color:#d7b77c}.footer-grid>div:not(:first-child)>p{font-size:11px;line-height:1.9;color:#bcb3a5;margin-bottom:14px}.footer-grid>div>a:not(.brand){display:block;font-size:11px;margin-bottom:8px;overflow-wrap:anywhere}.footer-grid>div>a:hover{color:#d7b77c}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1c;padding-block:23px;font-size:10px;color:#aca396}.whatsapp-float{position:fixed;inset-inline-end:24px;bottom:24px;z-index:18;background:#176541;color:white;display:flex;align-items:center;gap:8px;border-radius:40px;padding:13px 17px;box-shadow:0 5px 22px #0003;font-size:11px}.whatsapp-float svg{width:25px;height:25px}.whatsapp-float:hover{background:#104b30}
/* Arabic uses full RTL flow and native Arabic type, without Latin letter spacing. */
html[dir=rtl]{--serif:Tahoma,Arial,sans-serif;--sans:Tahoma,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0;line-height:1.4}html[dir=rtl] h1{font-size:clamp(40px,5vw,72px)}html[dir=rtl] h2{font-size:clamp(29px,3.2vw,46px)}html[dir=rtl] em{font-style:normal}html[dir=rtl] .eyebrow,html[dir=rtl] .hero-note,html[dir=rtl] .topline{letter-spacing:0}html[dir=rtl] .brand>span{font-family:Georgia,serif}html[dir=rtl] .brand small{letter-spacing:0;font-family:Tahoma,Arial,sans-serif;font-size:9px}html[dir=rtl] .hero-copy{padding-inline-start:max(var(--space),calc((100vw - 1392px)/2));padding-inline-end:40px}html[dir=rtl] .hero-copy h1{font-size:clamp(49px,5.8vw,84px)}html[dir=rtl] .hero-note{margin-top:42px}html[dir=rtl] .arrow{transform:scaleX(-1)}html[dir=rtl] .drawer[open]{animation-name:drawer-enter-rtl}html[dir=rtl] .service-accordion p{margin-inline:29px 0}html[dir=rtl] .service-accordion summary{font-size:19px}html[dir=rtl] .project-caption h3{font-size:25px}html[dir=rtl] .contact-details h2{font-size:32px}html[dir=rtl] .drawer nav a{font-size:28px;line-height:1.6}html[dir=rtl] .catalogue-card h2{font-size:17px;line-height:1.6}html[dir=rtl] .footer-grid h3{letter-spacing:0}html[dir=rtl] .desktop-nav{gap:22px}
@keyframes drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes drawer-enter-rtl{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes photo-enter{from{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:1640px){.hero-copy{padding-inline-start:80px}}
@media(max-width:1250px){.header-inner{gap:18px}.desktop-nav{gap:17px}.header-actions{gap:15px}.brand>span{font-size:20px}.brand small{font-size:7px}.header-contact{padding-inline-start:15px;gap:15px}.hero{min-height:610px}.hero-copy{padding-inline-end:25px}.hero-actions{gap:12px}.hero-visual-footer{inset-inline:22px}.hero-caption{font-size:17px}.slide-count{display:none}.footer-grid{gap:30px}.office-grid article{padding:25px;gap:18px}.office-grid img{width:85px;height:85px}html[dir=rtl] .desktop-nav{gap:15px}}
@media(max-width:1080px){.desktop-nav,.header-contact{display:none}.menu-toggle{display:grid}.header-inner{height:90px}.header-actions{gap:24px}.hero{grid-template-columns:47% 53%;min-height:620px}.hero-copy h1{font-size:64px}.hero-actions .button{min-width:0}.hero-actions .text-link{font-size:12px}.hero-visual-footer{display:block}.slide-controls{margin-top:18px}.hero-note{margin-top:40px}.introduction{gap:8%}.expertise-grid{gap:6%}.expertise-photo{min-height:610px}.expertise-copy h2{font-size:38px}.service-accordion summary{font-size:20px}.catalogue-banner{gap:8%}.sample-stack img{height:280px}.sample-stack img:nth-child(2){height:330px}.footer-grid{grid-template-columns:1fr 1fr}.office-grid{gap:20px}.office-grid article{display:block}.office-grid img{margin-bottom:22px}.contact-layout{gap:7%}.enquiry-form{padding:28px}.contact-details h2{font-size:34px}.cta-inner h2{font-size:44px}.cta-inner>.button{min-width:180px;gap:20px}.service-row h2{font-size:35px}.service-row img{height:350px}.catalogue-grid{gap:28px 18px}.catalogue-card h2{font-size:17px}html[dir=rtl] .hero-copy h1{font-size:55px}}
@media(max-width:760px){:root{--space:24px}.section{padding-block:55px}h1{font-size:54px}h2{font-size:40px}.lead{font-size:18px}.eyebrow{font-size:10px;margin-bottom:20px}.topline{font-size:9px;padding-block:7px}.topline .shell>span:first-child{letter-spacing:0}.header-inner{height:84px;gap:12px}.brand img{width:56px;height:56px}.brand{gap:9px}.brand>span{font-size:18px;letter-spacing:.12em}.brand small{font-size:6px}.header-actions{gap:10px}.language-switch{font-size:12px}.language-switch>span{display:none}.menu-toggle{min-width:42px;width:42px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:48px var(--space) 38px;min-height:470px}.hero-copy h1{font-size:72px;line-height:1.03;margin-bottom:22px}.hero-copy>p:not(.eyebrow){max-width:390px;font-size:15px}.hero-actions{margin-top:27px;gap:22px}.hero-actions .button{padding:14px 18px;min-height:52px;font-size:12px;gap:18px}.hero-note{margin-top:30px;font-size:9px}.hero-visual{height:420px;min-height:420px}.hero-visual-footer{display:flex;inset-inline:24px;bottom:25px;gap:15px;align-items:flex-end}.hero-caption{font-size:18px;max-width:210px}.hero-visual-footer .eyebrow{font-size:8px}.slide-controls{margin-top:0}.slide-controls .icon-button{min-width:38px;min-height:40px;width:38px;height:40px}.craft-strip{padding-block:20px}.craft-strip .shell{flex-wrap:wrap;justify-content:center;gap:12px 18px;font-size:10px}.craft-strip .shell>span:first-child{width:100%;text-align:center;font-size:20px;margin-bottom:5px}.craft-strip .spark{font-size:14px}.introduction{grid-template-columns:1fr;gap:28px}.introduction h2 br{display:none}.introduction .lead{font-size:19px}.section-heading{align-items:flex-start;gap:22px;margin-bottom:30px}.section-heading h2{font-size:36px}.section-heading .text-link{font-size:11px;gap:10px;margin-top:4px}.selected-work{padding-top:0}.project-grid{gap:30px 18px}.project-caption h3{font-size:24px}.project-caption .eyebrow{font-size:8px}.category-number{display:none}.project-image{aspect-ratio:1}.project-card:nth-child(2n) .project-image{aspect-ratio:1}.image-arrow{width:34px;height:34px;bottom:12px;inset-inline-end:12px}.project-caption{padding-top:13px}.expertise-section{padding-block:55px}.expertise-grid{grid-template-columns:1fr;gap:38px}.expertise-photo{min-height:0;height:380px}.expertise-copy h2{font-size:39px}.service-accordion{margin-top:30px}.service-accordion summary{font-size:22px}.catalogue-banner{grid-template-columns:1fr;gap:15px}.catalogue-banner p:not(.eyebrow){max-width:none}.sample-stack{padding:28px 24px;justify-content:center}.sample-stack img{height:260px}.sample-stack img:nth-child(2){height:310px}.faq{grid-template-columns:1fr;gap:35px}.faq summary{font-size:15px}.project-cta{padding-block:48px}.cta-inner{display:block}.cta-inner h2{font-size:42px}.cta-inner .button{margin-top:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-brand{grid-column:1/-1}.footer-brand>p{max-width:380px}.footer-grid h3{font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:10px 25px;padding-bottom:90px}.footer-bottom>span:nth-child(2){display:none}.site-footer{padding-top:45px}.whatsapp-float{bottom:max(18px,env(safe-area-inset-bottom));inset-inline-end:18px;padding:12px}.whatsapp-float>span{display:none}.whatsapp-float svg{width:28px;height:28px}.page-intro{padding-block:45px 35px}.page-intro .lead{font-size:16px;margin-top:22px}.filter-section{padding-top:5px}.filter-bar{gap:7px;margin-bottom:25px}.filter{font-size:11px;padding:9px 12px}.service-row{grid-template-columns:1fr;gap:28px;padding-block:38px}.service-row:nth-child(2n)>img{order:0}.service-row img{height:340px}.service-row h2{font-size:35px}.service-row p{font-size:15px}.texture-service{padding:28px}.texture-service h2{font-size:34px}.texture-service p{font-size:14px}.about-image img{height:380px}.about-image>span{font-size:10px;padding:14px 18px}.values{grid-template-columns:1fr;gap:32px;padding-block:35px}.values h3{margin-block:8px}.office-grid{grid-template-columns:1fr}.office-grid article{display:flex;padding:25px;gap:20px}.office-grid img{width:85px;height:85px;margin:0}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-details{padding-top:0;gap:14px}.contact-details h2{font-size:36px}.contact-details p:last-child{max-width:none}.enquiry-form{padding:28px 24px}.form-grid{gap:20px 15px}.enquiry-form h2{font-size:30px}.detail-hero img{height:380px}.detail-intro{grid-template-columns:1fr;gap:26px;padding-bottom:10px}.detail-intro h2{font-size:38px}.detail-gallery{gap:15px}.detail-gallery .gallery-item{aspect-ratio:.85}.breadcrumb{padding-top:24px;font-size:9px;gap:8px}.breadcrumb+.page-intro{padding-top:25px}.section-heading>span{font-size:10px;max-width:120px}.catalogue-tools{display:block;padding-bottom:25px}.catalogue-tools>p{font-size:20px;margin-top:23px}.catalogue-search{display:block;width:100%}.catalogue-grid{grid-template-columns:1fr 1fr;gap:27px 16px}.catalogue-card h2{font-size:18px}.catalogue-card>div{display:block;margin-top:12px}.catalogue-ref{display:block;margin-top:4px}.catalogue-photo{aspect-ratio:.94}.zoom-mark{width:30px;height:30px;bottom:10px;inset-inline-end:10px}.lightbox{padding:65px 20px 30px}.lightbox figure img{max-height:calc(100dvh - 260px)}.lightbox-prev,.lightbox-next{top:auto;bottom:110px;background:#201d19c9;min-width:44px;min-height:44px}.lightbox-prev{left:18px}.lightbox-next{right:18px}.lightbox figcaption{font-size:12px}.lightbox-enquire{max-width:100%;font-size:12px}.lightbox[open]{gap:55px}html[dir=rtl] .hero-copy{padding:40px var(--space) 35px;min-height:450px}html[dir=rtl] .hero-copy h1{font-size:59px;line-height:1.45;margin-bottom:14px}html[dir=rtl] .hero-note{margin-top:27px}html[dir=rtl] .brand small{font-size:7px}html[dir=rtl] .hero-caption{font-size:15px}html[dir=rtl] .project-caption h3{font-size:21px}html[dir=rtl] .catalogue-card h2{font-size:16px}html[dir=rtl] .section-heading .text-link{font-size:11px}html[dir=rtl] h1{font-size:42px}html[dir=rtl] h2{font-size:32px}}
@media(max-width:400px){:root{--space:20px}.topline{font-size:8px}.brand>span{font-size:16px}.brand small{max-width:116px;font-size:5.7px}.brand img{width:50px;height:50px}.header-actions{gap:4px}.hero-copy h1{font-size:65px}.hero-actions{gap:12px}.hero-actions .text-link{font-size:11px;gap:7px}.hero-actions .button{padding:14px 15px;gap:12px}.hero-visual-footer{inset-inline:20px}.hero-caption{max-width:180px;font-size:17px}.hero-visual{height:365px;min-height:365px}.craft-strip .shell{gap:9px 12px;font-size:9px}.project-grid{grid-template-columns:1fr}.project-image,.project-card:nth-child(2n) .project-image{aspect-ratio:1.18}.section-heading{flex-wrap:wrap}.section-heading h2{font-size:35px}.project-caption h3{font-size:26px}.form-grid{grid-template-columns:1fr}.office-grid article{display:block}.office-grid img{margin-bottom:18px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-grid>div:nth-child(2){display:flex;flex-wrap:wrap;gap:4px 20px}.footer-grid>div:nth-child(2)>h3{width:100%;margin-bottom:12px}.catalogue-grid{gap:22px 12px}.catalogue-card h2{font-size:16px}.drawer{padding:24px}.drawer nav{margin-block:30px}.drawer nav a{font-size:30px}.language-switch{font-size:11px}html[dir=rtl] .hero-copy h1{font-size:51px}html[dir=rtl] .hero-actions{gap:9px}html[dir=rtl] .hero-actions .button{font-size:11px}html[dir=rtl] .hero-actions .text-link{font-size:10px}html[dir=rtl] .catalogue-card h2{font-size:14px}html[dir=rtl] .brand small{font-size:6px}}
/* Keep controls and grid content inside narrow viewports, including Arabic. */
main,section,article,.hero-copy,.hero-visual,.form-grid>label,.footer-grid>div,.contact-details{min-width:0}
input,textarea,select{min-width:0}
.language-switch{min-height:44px}
@media(max-width:760px){.drawer nav a{min-height:48px}.footer-grid a{min-height:32px}.page-intro h1{overflow-wrap:break-word}.contact-details>a{max-width:100%}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.form-grid{grid-template-columns:minmax(0,1fr)}.hero-copy{min-height:0}.hero-note{margin-top:26px}.hero-actions{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* v2.0 — framed surfaces, editorial collections, and restrained physical depth. */
.depth-card{border:1px solid #cabda7;box-shadow:0 2px 0 #d1c3aa,0 12px 24px -15px #40291666;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out,box-shadow .25s ease;isolation:isolate}
.depth-card::after{content:'';position:absolute;inset:0;pointer-events:none;border:5px solid #fff9;box-shadow:inset 0 0 0 1px #7d5b2833;background:linear-gradient(135deg,#fff1,transparent 45%,#4b2e1214)}
.brand img{box-shadow:0 2px 6px #62491b22}.hero-visual{box-shadow:inset 0 0 0 1px #b1904d}.hero-visual::before{content:'';position:absolute;inset:15px;z-index:1;border:1px solid #f7e9cb70;pointer-events:none}.hero-visual-footer{bottom:36px}
.work-index{display:flex;flex-wrap:wrap;gap:10px 28px;margin-bottom:32px;padding-block:20px;border-block:1px solid var(--line);font-size:13px}.work-index a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid transparent}.work-index a:hover{color:var(--brand);border-bottom-color:var(--brand)}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.archive-card{min-width:0}.archive-card .gallery-item{display:block;position:relative;width:100%;padding:0;aspect-ratio:1.12;overflow:hidden;background:#ede5d8;border-radius:0}.archive-card img{width:100%;height:100%;object-fit:cover}.archive-card figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:13px;line-height:1.5}.archive-card figcaption small{font-size:9px;color:var(--muted);white-space:nowrap;padding-top:3px}.gallery-count{font-size:12px;color:var(--muted)}.photo-status{font-size:12px;color:var(--muted);margin-top:16px}
.project-register{background:#eee6d8;border-block:1px solid #ded3c1}.register-intro{max-width:390px;font-size:14px;color:var(--muted)}.named-projects{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.named-projects li{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid #d4c6af;font-size:15px;line-height:1.5;min-height:86px}.project-list-number{font-size:10px;color:var(--brand);min-width:17px;font-variant-numeric:tabular-nums}.client-grid{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.client-grid li{background:var(--paper);padding:30px 20px;font-size:14px;display:flex;align-items:center;justify-content:center;text-align:center;min-height:105px}
.brands-section{border-top:1px solid var(--line)}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:35px;gap:16px}.brand-grid figure{background:#fff;border:1px solid #e3ddd1;padding:24px;min-width:0;display:flex;align-items:center;justify-content:center;min-height:135px}.brand-grid img{height:72px;width:100%;object-fit:contain}.brand-grid figcaption{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}
.company-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;position:relative}.company-story p:not(.eyebrow){margin-bottom:20px}.company-story p:not(.lead):not(.eyebrow){color:var(--muted);font-size:15px}.company-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#eee6d8;padding:40px;border:1px solid #d7c8b0;box-shadow:0 8px 0 -5px #d2c2a9,0 18px 30px -20px #493a2a55;gap:35px}.company-stats div{display:flex;flex-direction:column;gap:10px}.company-stats strong{font:52px var(--serif);color:var(--brand)}.company-stats span{font-size:13px}.leader-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;margin-top:50px;align-items:start}.leader-card:nth-child(odd){direction:rtl}.leader-card:nth-child(odd)>*{direction:ltr}html[dir=rtl] .leader-card:nth-child(odd){direction:ltr}html[dir=rtl] .leader-card:nth-child(odd)>*{direction:rtl}.leader-photo{border:8px solid #fff;box-shadow:0 15px 35px -20px #30231488}.leader-photo img{width:100%;height:auto;max-height:590px;object-fit:cover;object-position:top}.leader-card h3{font:35px var(--serif)}.leader-card blockquote{font:23px/1.65 var(--serif);margin:28px 0;color:var(--ink);border-inline-start:2px solid var(--gold);padding-inline-start:24px}.leader-card h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--brand)}.leader-card p:not(.eyebrow){font-size:14px;color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;margin-top:40px}.team-card img{aspect-ratio:1.05;width:100%;object-fit:cover;object-position:center 25%;border:6px solid white;box-shadow:0 8px 20px -15px #30231477}.team-card h3{font-size:18px;line-height:1.45;margin-top:18px}.team-card p{font-size:12px;color:var(--muted);margin-top:7px}.recognition-section{background:#eee6d8}.recognition-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.recognition-grid ul{padding-inline-start:20px;align-self:center}.recognition-grid li{padding:14px 0;border-bottom:1px solid #d6c8b3}.about-projects .lead{margin-block:28px 20px;max-width:850px}.about-projects>p:not(.eyebrow){max-width:850px}.about-projects .button{margin-top:30px}
.source-intro{max-width:930px;color:var(--muted);font-size:17px;margin-bottom:32px}.specification-list{border-top:1px solid var(--line)}.specification{border-bottom:1px solid var(--line);padding:23px 0}.specification summary{display:flex;align-items:center;gap:20px;cursor:pointer;list-style:none}.specification summary::-webkit-details-marker{display:none}.specification summary>span:first-child{font-size:10px;color:var(--brand)}.specification h3{font:27px var(--serif);flex:1}.detail-plus{font-size:25px;color:var(--brand)}.specification[open] .detail-plus{transform:rotate(45deg)}.specification>div{padding:22px 38px 0;max-width:980px;font-size:15px;color:var(--muted)}.specification ul{margin:0;padding-inline-start:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}.specification p+ul{margin-top:20px}.testimonial-section{background:#eee8df}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.testimonial{background:var(--paper);padding:30px;border-top:2px solid var(--gold);box-shadow:0 8px 20px -16px #49322166}.testimonial blockquote{font:19px/1.7 var(--serif);margin:0}.testimonial figcaption{font-size:11px;color:var(--brand);margin-top:25px;line-height:1.6}
.contact-options{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:45px;border:1px solid #d2c1a4;background:var(--paper);color:var(--ink);box-shadow:0 28px 100px #24180f55;overflow-y:auto}.contact-options::backdrop{background:#251c17aa;backdrop-filter:blur(5px)}.close-contact{position:absolute;inset-inline-end:10px;top:10px}.contact-options .eyebrow{margin-bottom:20px}.contact-options h2{font-size:42px}.contact-options>p:not(.eyebrow){color:var(--muted);font-size:14px;margin-top:20px}.contact-choices{display:grid;gap:12px;margin-top:30px}.contact-choice{display:flex;align-items:center;gap:20px;border:1px solid var(--line);padding:22px;min-height:94px;transition:background .2s}.contact-choice:hover{background:#eee6d8}.contact-choice strong{display:block;font-size:15px}.contact-choice small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.contact-choice-icon{display:block;min-width:25px;width:25px;height:25px;font-size:26px;color:var(--brand);line-height:1}.whatsapp-choice{border-color:#b7c8b5;background:#eff3eb}.whatsapp-choice .contact-choice-icon{color:#306d42}
/* A real HTML catalogue with a book cover, chapter index, and specimen cards. */
.catalogue-cover-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding-block:70px 80px;perspective:1600px}.catalogue-cover-copy h1{font-size:clamp(48px,5vw,78px)}.catalogue-cover-copy .lead{font-size:17px;color:var(--muted);margin-top:28px;max-width:480px}.catalogue-edition{display:flex;gap:40px;margin:32px 0}.catalogue-edition span{font-size:11px;color:var(--muted)}.catalogue-edition strong{display:block;font:30px var(--serif);color:var(--brand);margin-bottom:8px}.catalogue-book{max-width:470px;width:100%;position:relative;transform:perspective(1500px) rotateY(calc(-10deg + var(--tilt-y,0deg))) rotateX(calc(3deg + var(--tilt-x,0deg)));transform-style:preserve-3d;box-shadow:20px 30px 45px -16px #3d2b1d66;transition:transform .22s ease-out}.catalogue-book::before{content:'';position:absolute;inset:8px -10px -9px 10px;background:repeating-linear-gradient(0deg,#f5efe4 0px,#f5efe4 2px,#d9cebb 2px,#d9cebb 3px);z-index:-1;border:1px solid #c9b895}.book-spine{position:absolute;inset-inline-start:-22px;top:0;bottom:0;width:23px;background:linear-gradient(90deg,#82341e,#b64b2d);writing-mode:vertical-rl;text-align:center;padding:20px 5px;color:#e9d5b3;font-size:9px;letter-spacing:.15em;transform:rotateY(-65deg);transform-origin:right}.book-face{background:#efe6d5;border:1px solid #c4b08a;padding:30px 32px;position:relative;box-shadow:inset 7px 0 10px -9px #291b0f}.book-masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #bca780;padding-bottom:18px;margin-bottom:24px;color:#5b432b}.book-masthead span:first-child{font:22px var(--serif);letter-spacing:.08em}.book-masthead span:last-child{font-size:8px;letter-spacing:.14em}.book-art{height:280px;overflow:hidden;border:1px solid #bca780}.book-art img{height:100%;width:100%;object-fit:cover;object-position:50% 48%}.book-title{font:40px/1.1 var(--serif);letter-spacing:-.03em;color:var(--brand);margin-block:25px}.book-colophon{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #bca780;padding-top:18px;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.catalogue-index-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid var(--line);padding:22px 0;margin-bottom:32px}.catalogue-index-heading .eyebrow{margin:0}.catalogue-index-heading>span{font-size:12px;color:var(--muted)}.catalogue-section .filter{background:#fff;border-color:#d8cdbb}.catalogue-section .filter.active{background:var(--ink);border-color:var(--ink);color:#f4e6ce}.catalogue-section .results-status{font-family:var(--serif);font-style:italic;font-size:17px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px}.catalogue-card{padding:14px 14px 18px;background:#fffdf9;border:1px solid #ded4c3;box-shadow:0 3px 0 -1px #e4dac8,0 12px 24px -18px #46331c66;position:relative}.catalogue-photo{aspect-ratio:.94;border:1px solid #e1d7c5;background:#ede8df;padding:8px}.catalogue-photo img{object-fit:contain;width:100%;height:100%;background:#ede8df}.catalogue-card>div{display:block;margin-top:18px}.sample-label{font-size:7px;letter-spacing:.14em;color:#8f7c5f;margin-bottom:8px}.catalogue-card h2{font-family:var(--serif);font-size:23px;letter-spacing:-.02em;line-height:1.3}.catalogue-ref{display:inline-block;border-top:1px solid #ded4c3;padding-top:10px;margin-top:12px;width:100%;font:10px var(--sans);letter-spacing:.12em;color:#786247}.catalogue-grid{gap:32px 24px}.catalogue-card .zoom-mark{border:1px solid #cfc0a7;background:#fffcf3;box-shadow:0 2px 6px #2b1a0b22}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.depth-card:hover{box-shadow:0 3px 0 #c4b28e,0 20px 32px -16px #49311e66}.button:hover{box-shadow:0 5px 16px -10px #512f2670}}
@media(max-width:1080px){.named-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogue-cover-section{gap:9%}.book-face{padding:24px}.book-art{height:235px}.book-title{font-size:34px}.book-masthead span:first-child{font-size:18px}.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.archive-card figcaption{font-size:12px;display:block}.archive-card figcaption small{display:block;margin-top:5px}.named-projects{gap:0 20px;margin-top:25px}.named-projects li{font-size:13px;gap:12px;padding-block:16px}.register-intro{max-width:100%}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-grid li{font-size:12px;padding:20px 14px;min-height:90px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-grid figure{padding:20px;min-height:104px}.brand-grid img{height:53px}.company-story,.recognition-grid{grid-template-columns:1fr;gap:28px}.company-stats{padding:24px;gap:18px}.company-stats strong{font-size:35px}.company-stats span{font-size:11px}.leader-card{grid-template-columns:1fr;gap:30px}.leader-photo{max-width:450px}.leader-card h3{font-size:30px}.leader-card blockquote{font-size:21px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.team-card h3{font-size:15px}.team-card p{font-size:10px}.specification h3{font-size:22px}.specification>div{padding-inline:10px;font-size:14px}.specification ul{grid-template-columns:1fr;gap:12px}.testimonial-grid{grid-template-columns:1fr}.testimonial blockquote{font-size:19px}.contact-options{padding:40px 24px 28px}.contact-options h2{font-size:34px}.contact-choice{padding:18px 15px;gap:15px}.contact-choice strong{font-size:14px}.contact-choice small{font-size:11px}.catalogue-cover-section{grid-template-columns:1fr;gap:55px;padding-block:45px 65px}.catalogue-cover-copy h1{font-size:53px}.catalogue-cover-copy .lead{font-size:16px}.catalogue-book{max-width:350px;width:88%;margin-inline:auto;transform:perspective(1500px) rotateY(-8deg) rotateX(2deg)}.book-face{padding:24px}.book-art{height:240px}.book-title{font-size:33px}.book-masthead{margin-bottom:20px}.book-colophon{font-size:7px}.catalogue-index-heading{align-items:flex-start}.catalogue-index-heading>span{font-size:10px;max-width:125px}.catalogue-grid{gap:24px 14px}.catalogue-card{padding:9px 9px 13px}.catalogue-photo{padding:5px}.catalogue-card h2{font-size:19px}.sample-label{font-size:6px;letter-spacing:.06em}.catalogue-ref{font-size:9px;margin-top:9px;padding-top:9px}.catalogue-card>div{margin-top:13px}.catalogue-photo .zoom-mark{width:28px;height:28px;bottom:6px;inset-inline-end:6px}.hero-visual::before{inset:12px}.work-index{font-size:11px;gap:0 22px;margin-bottom:25px}.book-spine{inset-inline-start:-19px;width:20px}}
@media(max-width:400px){.archive-grid{grid-template-columns:1fr}.named-projects{grid-template-columns:1fr}.named-projects li{min-height:65px;font-size:14px}.catalogue-cover-copy h1{font-size:46px}.catalogue-book{width:90%}.book-art{height:205px}.book-title{font-size:30px}.book-face{padding:20px}.book-masthead span:first-child{font-size:16px}.book-masthead span:last-child{font-size:7px}.catalogue-grid{gap:22px 10px}.catalogue-card{padding:7px 7px 12px}.catalogue-card h2{font-size:17px}.company-stats{padding:20px 16px;gap:12px}.company-stats strong{font-size:29px}.company-stats span{font-size:10px}}
html[dir=rtl] .book-spine{transform-origin:left;transform:rotateY(65deg)}html[dir=rtl] .book-title{font-family:Tahoma,Arial,sans-serif;font-size:32px;line-height:1.6;letter-spacing:0}html[dir=rtl] .leader-card blockquote{font-family:Tahoma,Arial,sans-serif;font-size:19px;line-height:1.9}html[dir=rtl] .testimonial blockquote{font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.9}html[dir=rtl] .catalogue-cover-copy h1{line-height:1.5}html[dir=rtl] .catalogue-card h2{font-family:Tahoma,Arial,sans-serif;font-size:18px;line-height:1.7}html[dir=rtl] .specification h3{font-family:Tahoma,Arial,sans-serif;font-size:22px;line-height:1.5}
@media(max-width:760px){html[dir=rtl] .catalogue-cover-copy h1{font-size:44px}html[dir=rtl] .book-title{font-size:28px}html[dir=rtl] .catalogue-card h2{font-size:14px}html[dir=rtl] .specification h3{font-size:18px}html[dir=rtl] .contact-options h2{font-size:29px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.depth-card,.catalogue-book{transform:none!important}.depth-card,.catalogue-book,.button{transition:none!important}}
.leadership{position:relative}.architectural-drawing{position:absolute;inset:0 0 auto auto;width:45%;opacity:.2;z-index:-1;pointer-events:none}.architectural-drawing img{width:100%}
/* v2.1 — Signature Showcase: a cinematic opening and carefully edited image collections. */
.home-page .site-header{background:#f7f4eef7}.home-page .hero-signature{max-width:none;display:block;height:740px;min-height:0;position:relative;background:#342b25;isolation:isolate;touch-action:pan-y}
.hero-signature>.hero-visual{position:absolute;inset:0;height:100%;min-height:0;background:#342b25}.hero-signature .hero-slide img{object-position:center 58%;filter:none}.hero-signature .hero-visual::after{inset:0;background:linear-gradient(90deg,rgba(23,20,17,.91) 0%,rgba(23,20,17,.72) 30%,rgba(23,20,17,.28) 65%,rgba(23,20,17,.16) 100%),linear-gradient(0deg,rgba(23,20,17,.65),transparent 30%)}.hero-signature .hero-visual::before{inset:22px;border:1px solid #d1b57444;z-index:1}
.home-page .hero-signature .hero-copy{position:absolute;inset-inline-start:max(var(--space),calc((100vw - 1392px)/2));top:67px;z-index:2;max-width:650px;width:52%;padding:0;min-height:0;display:block;color:#fff9ef}.hero-signature .hero-copy>.eyebrow,.hero-signature .hero-copy>h1>.eyebrow{display:flex;align-items:center;gap:16px;color:#dfc797;font-size:10px;letter-spacing:.14em;line-height:1.6;margin-bottom:28px}.hero-gold-line{height:1px;width:32px;flex-shrink:0;background:#c0a26c}.home-page .hero-signature h1{font-size:clamp(58px,6.3vw,96px);line-height:1.015;letter-spacing:-.045em;margin:0 0 26px;text-shadow:0 3px 20px #0002}.hero-signature h1 em{color:#e5c58a;font-style:italic}.home-page .hero-signature .hero-copy>p:not(.eyebrow){color:#ece5d9;max-width:370px;font-size:15px;line-height:1.75}.hero-signature .hero-actions{margin-top:30px;gap:14px}.hero-signature .button{font-size:12px;min-height:54px;padding:16px 22px;min-width:180px;gap:25px}.hero-signature .button.primary{background:#b64b2d;border-color:#bf593b}.hero-signature .button.primary:hover{background:#9e3e24}.button.hero-outline{border-color:#e5c58a8c;background:#201c1630;color:#fff8eb;min-width:150px}.button.hero-outline:hover{background:#f7f4ee;color:#332b22}.hero-signature .hero-note{margin-top:29px;color:#d8c9ad;font-size:10px;letter-spacing:.08em;gap:16px}.hero-signature .hero-visual-footer{inset-inline-start:auto;inset-inline-end:max(var(--space),calc((100vw - 1392px)/2));bottom:48px;width:420px;max-width:41%;z-index:3;gap:30px}.hero-signature .hero-caption{font-size:18px;max-width:250px;line-height:1.35}.hero-signature .hero-visual-footer .eyebrow{color:#e5c58a;font-size:8px;margin-bottom:8px}.hero-signature .slide-controls{gap:6px}.hero-signature .slide-count{margin-inline-end:10px;color:#fff}.hero-signature .slide-controls .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;border-color:#d1c3a575;background:#211a1622}.hero-discover{position:absolute;bottom:48px;inset-inline-start:max(var(--space),calc((100vw - 1392px)/2));display:flex;align-items:center;gap:14px;color:#e8d9bd;font-size:10px;text-transform:uppercase;letter-spacing:.13em;z-index:3;min-height:44px}.hero-discover>span{border:1px solid #e0cba05c;width:36px;height:44px;display:grid;place-items:center;font-size:18px}
.signature-strip{background:#ece5d8;border-bottom:1px solid #d9ccb7}.signature-strip .shell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.signature-strip .shell>span{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;padding:26px 18px;border-inline-end:1px solid #d7cab6}.signature-strip .shell>span:last-child{border:0}.signature-strip small{font-size:9px;color:var(--brand);font-variant-numeric:tabular-nums}.signature-collection{padding-bottom:55px}.signature-collection .section-heading{align-items:flex-end}.collection-intro{max-width:350px;font-size:14px;color:var(--muted)}.collection-intro .text-link{margin-top:13px;font-size:12px;color:var(--ink)}.feature-tiles{display:grid;grid-template-columns:1.2fr 1fr;gap:36px 28px;align-items:start}.feature-tile{display:block;min-width:0}.feature-tile-photo{position:relative;overflow:hidden;aspect-ratio:1.42;background:#e6dccb;box-shadow:0 1px 0 #fff,0 12px 28px -20px #3e2d2160}.feature-tile-photo::after{position:absolute;content:'';inset:9px;border:1px solid #fff6;pointer-events:none}.feature-tile-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.feature-tile-2 .feature-tile-photo{aspect-ratio:1.2}.feature-tile-3 .feature-tile-photo{aspect-ratio:1.42}.feature-tile-4 .feature-tile-photo{aspect-ratio:1.2}.feature-tile-2{padding-top:65px}.feature-tile-4{padding-top:35px}.feature-tile-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.feature-tile-caption div>span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.feature-tile-caption h3{font:31px/1.2 var(--serif);letter-spacing:-.025em;margin-top:10px}.feature-tile-arrow{font-size:25px;border:1px solid #d2c2a5;width:43px;height:43px;display:grid;place-items:center;flex-shrink:0}.feature-tile:hover .feature-tile-arrow{background:var(--brand);color:#fff;border-color:var(--brand)}
.home-page .introduction{border-top:1px solid var(--line)}.home-page .selected-work{padding-top:15px}.home-page .selected-work .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.home-page .selected-work .project-image,.home-page .selected-work .project-card:nth-child(2n) .project-image{aspect-ratio:.83}.home-page .selected-work .project-caption h3{font-size:24px}.home-page .selected-work .category-number{display:none}.home-page .selected-work .image-arrow{width:36px;height:36px;bottom:16px;inset-inline-end:16px}
.material-story{background:#302b24;color:#f4ede1;padding-block:85px;overflow:hidden}.material-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.material-story h2{color:#fff4df}.material-story h2 em{color:#d9b975}.material-story .eyebrow{color:#d2b780}.material-story p:not(.eyebrow){color:#d4cbbb;font-size:14px;max-width:390px;margin-block:25px}.material-story .button{margin-top:5px}.material-swatches{display:flex;align-items:center;padding-block:30px;min-width:0;perspective:1000px}.material-swatch{width:38%;flex-shrink:0;position:relative;background:#f7f1e7;padding:8px 8px 14px;color:#453727;box-shadow:0 20px 35px #0005;transition:transform .3s}.material-swatch img{width:100%;height:255px;object-fit:cover}.material-swatch span{display:block;font:13px/1.4 var(--serif);padding:12px 4px 0}.material-swatch:first-child{transform:rotate(-9deg) translateY(8px);z-index:1}.material-swatch:nth-child(2){transform:rotate(3deg) translateY(-14px);margin-inline-start:-8%;z-index:2}.material-swatch:last-child{transform:rotate(10deg) translateY(19px);margin-inline-start:-7%;z-index:3}
.new-work-section{border-top:1px solid var(--line)}.new-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 25px}.new-work-card{min-width:0}.new-work-image{width:100%;aspect-ratio:1.12;padding:0;position:relative;display:block;overflow:hidden;background:#eee7da}.new-work-image img{width:100%;height:100%;object-fit:cover}.new-work-card figcaption{padding-top:20px}.new-work-card .eyebrow{font-size:9px;margin-bottom:8px}.new-work-card h3{font:25px/1.25 var(--serif);letter-spacing:-.02em}.new-work-card figcaption>p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:12px}.new-collection-toggle{display:flex;align-items:center;gap:10px;font-size:13px;margin:0 0 25px;min-height:44px;cursor:pointer}.new-collection-toggle input{width:19px;height:19px;accent-color:var(--brand);margin:0;cursor:pointer}.catalogue-card[data-collection=new] .sample-label{color:var(--brand)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.feature-tile:hover img{transform:scale(1.035)}.material-swatch:hover{transform:rotate(0deg) translateY(-15px);z-index:4}}
@media(min-width:1800px){.home-page .hero-signature{height:820px}.home-page .hero-signature .hero-copy{top:95px}.home-page .hero-signature h1{font-size:108px}.hero-signature .hero-visual-footer{bottom:60px}.hero-discover{bottom:60px}}
@media(max-width:1080px){.home-page .hero-signature{height:700px}.home-page .hero-signature .hero-copy{width:60%;top:65px}.home-page .hero-signature h1{font-size:72px}.hero-signature .hero-visual-footer{max-width:45%;width:350px;gap:15px}.hero-signature .hero-caption{font-size:16px}.hero-signature .hero-photo-note{max-width:180px}.hero-signature .slide-controls{flex-wrap:wrap;justify-content:flex-end;max-width:100px}.hero-signature .slide-count{width:100%;text-align:center;margin:0 0 6px}.home-page .selected-work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .selected-work .project-image,.home-page .selected-work .project-card:nth-child(2n) .project-image{aspect-ratio:1.2}.material-story-grid{gap:7%;grid-template-columns:1fr 1fr}.material-swatch img{height:210px}.new-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-page .hero-signature{height:680px}.home-page .hero-signature .hero-copy{inset-inline:var(--space);width:auto;max-width:490px;top:43px;padding:0;min-height:0}.home-page .hero-signature h1{font-size:67px;line-height:1.045;margin-bottom:24px}.hero-signature .hero-copy>.eyebrow,.hero-signature .hero-copy>h1>.eyebrow{font-size:8px;letter-spacing:.08em;gap:12px;max-width:310px;margin-bottom:28px}.hero-gold-line{width:24px}.home-page .hero-signature .hero-copy>p:not(.eyebrow){font-size:14px;max-width:310px;color:#f0e9dd}.hero-signature .hero-actions{gap:12px;margin-top:26px}.hero-signature .button{min-width:0;min-height:52px;padding:15px 17px;font-size:12px;gap:18px}.hero-signature .hero-note{margin-top:24px;font-size:9px;gap:10px}.hero-signature .hero-visual::after{background:linear-gradient(90deg,#171411cc,#17141159),linear-gradient(0deg,#171411db 0%,transparent 45%,#17141144 100%)}.hero-signature .hero-slide img{object-position:60% center}.hero-signature .hero-visual::before{inset:12px}.hero-signature .hero-visual-footer{inset-inline:var(--space);bottom:30px;width:auto;max-width:none;gap:20px;align-items:center;padding-top:18px;border-top:1px solid #d2bb8b55}.hero-signature .hero-photo-note{max-width:190px}.hero-signature .hero-caption{font-size:16px;max-width:210px}.hero-signature .hero-visual-footer .eyebrow{font-size:7px}.hero-signature .slide-controls{display:flex;flex-wrap:nowrap;max-width:none;gap:5px}.hero-signature .slide-count{display:none}.hero-signature .slide-controls .icon-button{width:44px;height:44px;min-width:44px}.hero-discover{display:none}.signature-strip .shell{grid-template-columns:1fr 1fr}.signature-strip .shell>span{padding:20px 10px;font-size:10px;gap:8px;text-align:center;line-height:1.4}.signature-strip .shell>span:last-child{display:none}.signature-strip .shell>span:nth-child(2){border:0}.signature-collection .section-heading{display:block}.collection-intro{max-width:none;margin-top:25px}.feature-tiles{gap:32px 18px}.feature-tile-2,.feature-tile-4{padding-top:35px}.feature-tile-photo,.feature-tile-2 .feature-tile-photo,.feature-tile-3 .feature-tile-photo,.feature-tile-4 .feature-tile-photo{aspect-ratio:.84}.feature-tile-caption{gap:10px;margin-top:15px}.feature-tile-caption h3{font-size:23px}.feature-tile-caption div>span{font-size:7px;line-height:1.6;display:block}.feature-tile-arrow{width:30px;height:30px;font-size:19px}.feature-tile-photo::after{inset:6px}.home-page .selected-work .project-grid{gap:30px 18px}.home-page .selected-work .project-caption h3{font-size:23px}.material-story{padding-block:55px}.material-story-grid{grid-template-columns:1fr;gap:35px}.material-story p:not(.eyebrow){max-width:none}.material-swatches{padding:30px 10px 25px;justify-content:center}.material-swatch img{height:245px}.material-swatch span{font-size:12px}.new-work-grid{gap:30px 18px}.new-work-card h3{font-size:22px}.new-work-card figcaption>p{font-size:12px}.new-work-image{aspect-ratio:.96}}
@media(max-width:480px){.home-page .hero-signature{height:655px}.home-page .hero-signature h1{font-size:57px}.hero-signature .hero-copy>.eyebrow,.hero-signature .hero-copy>h1>.eyebrow{font-size:7px;margin-bottom:25px}.home-page .hero-signature .hero-copy{top:38px}.home-page .hero-signature .hero-copy>p:not(.eyebrow){max-width:295px;font-size:13px}.hero-signature .hero-actions .button{padding:14px 16px;font-size:11px;gap:14px}.hero-signature .hero-visual-footer{gap:14px;bottom:28px}.hero-signature .hero-caption{font-size:15px;max-width:185px}.hero-signature .hero-photo-note{max-width:190px}.feature-tiles{grid-template-columns:1fr;gap:30px}.feature-tile-2,.feature-tile-4{padding-top:0}.feature-tile-photo,.feature-tile-2 .feature-tile-photo,.feature-tile-3 .feature-tile-photo,.feature-tile-4 .feature-tile-photo{aspect-ratio:1.23}.feature-tile-caption h3{font-size:27px}.feature-tile-arrow{width:38px;height:38px}.feature-tile-caption div>span{font-size:8px}.new-work-grid{grid-template-columns:1fr;gap:32px}.new-work-image{aspect-ratio:1.15}.new-work-card h3{font-size:26px}.new-work-card figcaption>p{font-size:14px}.material-swatch{padding:5px 5px 10px}.material-swatch img{height:190px}.material-swatch span{font-size:10px;padding-inline:2px}.home-page .selected-work .project-grid{grid-template-columns:1fr 1fr}.home-page .selected-work .project-image,.home-page .selected-work .project-card:nth-child(2n) .project-image{aspect-ratio:.94}.home-page .selected-work .project-caption h3{font-size:21px}.home-page .selected-work .project-caption .eyebrow{font-size:7px}.home-page .selected-work .image-arrow{width:30px;height:30px;bottom:10px;inset-inline-end:10px}}
@media(max-width:350px){.home-page .hero-signature h1{font-size:49px}.hero-signature .hero-copy>.eyebrow,.hero-signature .hero-copy>h1>.eyebrow{max-width:260px;font-size:6.8px;gap:8px}.hero-signature .hero-actions{gap:8px}.hero-signature .hero-actions .button{padding-inline:12px;font-size:10px;gap:10px}.hero-signature .hero-note{font-size:8px}.hero-signature .hero-caption{font-size:14px;max-width:165px}.hero-signature .hero-visual-footer{gap:8px}.hero-signature .slide-controls .icon-button{width:40px;min-width:40px}.home-page .selected-work .project-caption h3{font-size:19px}}
html[dir=rtl] .hero-signature .hero-visual::after{background:linear-gradient(270deg,#171411e8 0%,#171411b8 30%,#17141147 65%,#17141129 100%),linear-gradient(0deg,#171411a6,transparent 30%)}html[dir=rtl] .home-page .hero-signature h1{font-size:78px;line-height:1.42;letter-spacing:0}html[dir=rtl] .home-page .hero-signature .hero-copy{top:40px}html[dir=rtl] .hero-signature .hero-copy>.eyebrow,html[dir=rtl] .hero-signature .hero-copy>h1>.eyebrow{letter-spacing:0;font-size:11px;margin-bottom:18px}html[dir=rtl] .hero-signature h1 em{font-style:normal}html[dir=rtl] .hero-signature .hero-actions{margin-top:22px}html[dir=rtl] .hero-signature .hero-note{margin-top:23px}html[dir=rtl] .feature-tile-caption h3,html[dir=rtl] .new-work-card h3{font-family:Tahoma,Arial,sans-serif;font-size:25px;letter-spacing:0;line-height:1.6}html[dir=rtl] .material-swatch span{font-family:Tahoma,Arial,sans-serif;font-size:11px;line-height:1.6}
@media(max-width:1080px){html[dir=rtl] .home-page .hero-signature h1{font-size:62px}html[dir=rtl] .home-page .hero-signature .hero-copy{top:47px}}
@media(max-width:760px){html[dir=rtl] .home-page .hero-signature{height:705px}html[dir=rtl] .home-page .hero-signature h1{font-size:57px;line-height:1.5}html[dir=rtl] .home-page .hero-signature .hero-copy{top:36px}html[dir=rtl] .hero-signature .hero-copy>.eyebrow,html[dir=rtl] .hero-signature .hero-copy>h1>.eyebrow{font-size:9px;margin-bottom:18px}html[dir=rtl] .hero-signature .hero-visual::after{background:linear-gradient(270deg,#171411cc,#17141159),linear-gradient(0deg,#171411db,transparent 45%,#17141144)}html[dir=rtl] .hero-signature .hero-caption{font-size:13px}html[dir=rtl] .feature-tile-caption h3,html[dir=rtl] .new-work-card h3{font-size:23px}}
@media(max-width:400px){html[dir=rtl] .home-page .hero-signature h1{font-size:49px}html[dir=rtl] .home-page .hero-signature{height:680px}html[dir=rtl] .hero-signature .hero-note{font-size:8px}html[dir=rtl] .hero-signature .hero-actions .button{font-size:11px}html[dir=rtl] .material-swatch span{font-size:9px}html[dir=rtl] .hero-signature .hero-copy>.eyebrow,html[dir=rtl] .hero-signature .hero-copy>h1>.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.feature-tile-photo img{transition:none}.material-swatch{transition:none}.hero-signature .hero-slide{animation:none}}

/* v2.7: commercial office case study — an immersive portfolio story. */
.commercial-project{background:#27241f;color:#f5efe5;padding-block:clamp(64px,8vw,128px);margin-top:40px;overflow:hidden}.commercial-project .eyebrow{color:#dfbd81}.commercial-project h2{color:#fff8ed}.commercial-project h2 em{color:#e5b66d}.commercial-project-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(36px,7vw,120px);align-items:center}.commercial-project-intro>div>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#d8d0c4;max-width:560px}.commercial-project-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:32px}.commercial-project .button.light{background:#eee3d1}.light-link{color:#f5efe5;border-color:#908375}.light-link:hover{color:#e5b66d;border-color:#e5b66d}.commercial-project-lede{position:relative;min-height:510px;overflow:hidden;background:#4b443b;box-shadow:18px 20px 0 #b64b2d}.commercial-project-lede img{width:100%;height:100%;min-height:510px;object-fit:cover;object-position:center}.commercial-project-lede figcaption{position:absolute;bottom:0;inset-inline:0;padding:18px 22px;background:linear-gradient(transparent,rgba(18,15,12,.92));font:12px/1.6 var(--sans);color:#f6ecdd}.commercial-project-note{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;margin:64px 0 44px;padding:17px;color:#d8d0c4;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.commercial-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px}.commercial-project-card{min-width:0}.commercial-project-image{display:block;border:0;padding:0;width:100%;position:relative;overflow:hidden;background:#4c4741;aspect-ratio:1.1}.commercial-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.commercial-project-image:hover img{transform:scale(1.035);filter:saturate(1.06)}.commercial-project-card-2 .commercial-project-image,.commercial-project-card-5 .commercial-project-image{aspect-ratio:.77}.commercial-project-card-3 .commercial-project-image,.commercial-project-card-7 .commercial-project-image{aspect-ratio:1.38}.commercial-project-card figcaption{padding:15px 5px 0}.commercial-project-card figcaption .eyebrow{font-size:8px;margin-bottom:7px}.commercial-project-card h3{font-family:var(--serif);font-size:25px;color:#fff8ed;line-height:1.16}.commercial-project-card figcaption>p:last-child{font-size:12px;line-height:1.7;color:#c8beb0;margin-top:8px}.commercial-project .zoom-mark{background:#f5efe5}.commercial-project .depth-card{box-shadow:none}.commercial-project .depth-card:hover{transform:translateY(-3px)}
@media(max-width:900px){.commercial-project-intro{grid-template-columns:1fr;gap:38px}.commercial-project-lede,.commercial-project-lede img{min-height:400px}.commercial-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}}
@media(max-width:600px){.commercial-project{margin-top:16px;padding-block:58px}.commercial-project h2{font-size:clamp(39px,11vw,52px)}.commercial-project-intro>div>p:not(.eyebrow){font-size:14px}.commercial-project-actions{gap:14px}.commercial-project-actions .button{min-width:0;padding-inline:18px}.commercial-project-lede,.commercial-project-lede img{min-height:340px}.commercial-project-lede{box-shadow:10px 11px 0 #b64b2d}.commercial-project-note{justify-content:flex-start;margin:45px 0 30px;padding:14px 0;font-size:9px;line-height:1.6}.commercial-project-grid{grid-template-columns:1fr;gap:30px}.commercial-project-card-2 .commercial-project-image,.commercial-project-card-3 .commercial-project-image,.commercial-project-card-5 .commercial-project-image,.commercial-project-card-7 .commercial-project-image{aspect-ratio:1.08}.commercial-project-card h3{font-size:27px}.commercial-project-card figcaption>p:last-child{font-size:13px}}
html[dir=rtl] .commercial-project h2,html[dir=rtl] .commercial-project-card h3{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.5}

/* v2.4: consistent, readable materials directory. */
.brands-section{scroll-margin-top:120px}.brand-grid{gap:18px;align-items:stretch}.brand-grid figure{margin:0;min-height:168px;display:flex;flex-direction:column;gap:18px;padding:24px 20px 18px;background:#fff;border:1px solid var(--line);border-radius:3px;box-shadow:0 3px 12px #35291505}.brand-grid img{display:block;width:100%;height:86px;max-width:220px;object-fit:contain;object-position:center}.brand-grid figcaption{position:static;clip-path:none;width:auto;height:auto;overflow:visible;font-size:12px;line-height:1.5;letter-spacing:.04em;text-align:center;color:var(--muted)}.brand-added img[src*=urban-colors]{height:96px}.brand-added:has(img[src*=urban-colors]){gap:8px}@media(max-width:600px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-grid figure{min-height:144px;padding:18px 12px 14px;gap:14px}.brand-grid img{height:70px}.brand-grid figcaption{font-size:11px;letter-spacing:.02em}.brand-added img[src*=urban-colors]{height:80px}.brands-section h2{font-size:clamp(32px,8.5vw,48px);line-height:1.12}.brands-section{scroll-margin-top:100px}}

/* v2.5: respect the native resolution and full framing of team portraits. */
.team-grid{max-width:860px;margin-inline:auto;gap:36px 48px;grid-template-columns:repeat(3,minmax(0,239px));justify-content:center}.team-card{min-width:0}.team-card img{display:block;width:100%;max-width:239px;height:auto;aspect-ratio:239/310;object-fit:contain;border:0;outline:5px solid #fff;box-shadow:0 5px 18px #30231412}.team-card h3{font-size:16px;line-height:1.5;margin-top:20px}.team-card p{line-height:1.6}@media(max-width:760px){.team-grid{grid-template-columns:repeat(2,minmax(0,239px));gap:28px 24px}.team-card h3{font-size:14px}.team-card p{font-size:11px}}@media(max-width:360px){.team-grid{gap:26px 18px}.team-card h3{font-size:13px}}

/* v2.6: grouped WhatsApp contacts remain aligned at every viewport. */
.footer-whatsapp{display:flex;align-items:flex-start;gap:12px;margin-top:14px}.footer-whatsapp>span{padding-top:2px;color:#bcb3a5;font:10px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}.footer-whatsapp>div{display:grid;gap:7px}.footer-whatsapp a{display:block!important;margin:0!important;white-space:nowrap}.footer-whatsapp a::before{content:'↗';color:#d7b77c;font-size:10px;margin-inline-end:7px}@media(max-width:600px){.footer-whatsapp{gap:9px}.footer-whatsapp>span{font-size:9px}.footer-whatsapp a{font-size:11px!important}}html[dir=rtl] .footer-whatsapp{flex-direction:row-reverse;justify-content:flex-end}