/*
Theme Name: NONAME LBC
Author: NONAME LBC LTD
Description: Building and renovation website with a project gallery and six service pages, email and WhatsApp enquiries. Midnight blue, ivory and gold.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: noname-lbc
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--ink:#202522;--gold:#d9bb80;--paper:#f7f5f0;--muted:#626660}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a47b32;outline-offset:4px}button{cursor:pointer}img{display:block;width:100%}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid #deded6}.brand{display:flex;align-items:center;gap:12px;font:25px Georgia,serif;letter-spacing:2px}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:6px}.mark{width:49px;height:51px;overflow:hidden;position:relative;background:#202522}.mark img{position:absolute;width:307%;max-width:none;left:-30%;top:-44%}nav{display:flex;gap:34px;font-size:13px}nav a:hover{color:#917036}.header-call{font-size:13px;border-bottom:1px solid #b39761;padding-bottom:3px}.menu{display:none}.hero{height:min(770px,82vh);min-height:600px;position:relative;color:white;overflow:hidden}.hero-photo{position:absolute;height:100%;object-fit:cover;object-position:center 60%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,23,18,.72),rgba(17,27,22,.2) 80%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 40%)}.hero-content{position:relative;padding:100px 7% 80px;max-width:1050px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;margin:0 0 24px}.hero .eyebrow{color:#f2dbab}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1;letter-spacing:-2px;margin:0}h1{font-size:clamp(52px,6.3vw,90px)}h1 em,h2 em{font-weight:400;color:var(--gold)}.hero-copy{font-size:17px;line-height:1.8;margin:26px 0 32px;color:#f1f1e9}.actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 23px;font-size:12px;font-weight:700;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#202522}.gold:hover{background:#edd3a3}.hero-link{font-size:12px;border-bottom:1px solid #ffffff80;padding:10px 0}.hero-bottom{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#eee}.hero-bottom span:last-child{letter-spacing:0;color:#ddd}.trust{background:var(--ink);color:#ebe9df;display:flex;justify-content:space-around;padding:24px 6%;font-size:12px;gap:20px}.trust b{font-size:10px;color:var(--gold);margin-right:16px;font-weight:400}.section{padding:90px 7%}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:36px}h2{font-size:clamp(38px,4vw,58px)}.section-top>p{font-size:14px;color:var(--muted);margin-bottom:5px}.filters{display:flex;gap:9px;margin-bottom:32px}.filters button{background:transparent;border:1px solid #d0d3ca;padding:8px 18px;border-radius:30px;font-size:12px;color:var(--muted)}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 26px}.service[hidden]{display:none}.photo-button{display:block;padding:0;border:0;position:relative;overflow:hidden;background:#dcded6;width:100%;aspect-ratio:1.25}.photo-button img{height:100%;object-fit:cover;transition:transform .5s}.photo-button:hover img{transform:scale(1.045)}.view{position:absolute;bottom:13px;right:13px;background:#f7f5f0eb;padding:5px 10px;font-size:9px;letter-spacing:.3px}.service-title{display:flex;justify-content:space-between;align-items:center;margin:16px 0 6px}.service-title h3{font:25px Georgia,serif;margin:0}.service-title span{color:#84897e;font-size:10px}.service p{font-size:13px;color:var(--muted);margin:0 0 12px;max-width:320px}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid #beb6a3;padding-bottom:5px}.text-link:hover{color:#8f6c2b}.image-note{font-size:11px;color:#656a61;margin:34px 0 0;max-width:770px}.about{display:grid;grid-template-columns:1fr 1fr;background:#e9e8df}.about-image{align-self:stretch;overflow:hidden;display:flex;align-items:center;background:#202522}.about-image img{height:100%;object-fit:cover;min-height:460px}.about-copy{padding:70px 12%}.about-copy p:not(.eyebrow){font-size:14px;color:#5d6259;max-width:450px}.about-copy .text-link{display:inline-block;margin-top:18px}.process{padding-top:65px;padding-bottom:65px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps>div{border-top:1px solid #c7cbbf;padding-top:20px}.steps span{font-size:10px;letter-spacing:2px;color:#777e6f}.steps h3{font:25px Georgia,serif;margin:12px 0}.steps p{font-size:13px;color:var(--muted);max-width:280px}.contact{background:var(--ink);color:#f5f3e9;display:grid;grid-template-columns:.9fr 1.1fr;gap:9%}.contact .eyebrow{color:var(--gold)}.contact-info>p:not(.eyebrow){font-size:14px;color:#c9cec5;margin:25px 0}.contact-number{display:block;font:30px Georgia,serif;margin-top:30px}.contact-email{font-size:13px;border-bottom:1px solid #7b8375;overflow-wrap:anywhere}.contact-info .location{font-size:11px!important;margin:18px 0!important}.outline{border-color:#7c846f;color:#f5edda;margin-top:10px}.outline:hover{background:#343c34}form{background:#f7f5f0;color:var(--ink);padding:34px}form h3{font:26px Georgia,serif;margin:0 0 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}label{display:block;font-size:11px;font-weight:700;margin-bottom:17px}label span{font-weight:400;color:#646b60}input,select,textarea{display:block;width:100%;margin-top:7px;padding:11px 10px;border:1px solid #c9cdc1;background:transparent;border-radius:0;font-size:12px;color:#202522}textarea{resize:vertical;min-height:85px}input::placeholder,textarea::placeholder{color:#757b70}.send-actions{display:flex;gap:10px;flex-wrap:wrap}.send-actions .button{font-size:11px;flex:1;padding:13px 10px;gap:5px}.whatsapp{background:#2b5140;color:white}.whatsapp:hover{background:#1d4030}.form-note{font-size:10px;color:#60685b;line-height:1.6;margin:15px 0 0}#form-status{font-size:12px;color:#345c40;margin:8px 0 0}footer{padding:28px 7% 80px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}footer p{font-size:8px;letter-spacing:1.3px}.footer-brand{font-size:18px}.footer-brand small{font-size:8px;margin:0}.floating-wa{position:fixed;bottom:20px;right:24px;z-index:25;background:#286044;color:white;border-radius:30px;padding:13px 19px;display:flex;gap:8px;align-items:center;font-size:12px;box-shadow:0 4px 20px #0002}.floating-wa svg{width:22px;height:22px}dialog{border:0;padding:0;background:var(--paper);max-width:900px;width:90%;max-height:90vh;overflow:auto}dialog::backdrop{background:#07120ce0}dialog>img{max-height:70vh;object-fit:contain;background:#101b15}dialog>div{padding:16px 25px}dialog h3{font:26px Georgia,serif;margin:0}dialog p{font-size:11px;color:#626b5c;margin:6px 0}.close-dialog{position:absolute;right:10px;top:10px;background:#f7f5f0;color:#202522;border:0;border-radius:50%;width:36px;height:36px;font-size:25px}.skip{position:absolute;left:12px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}
@media(min-width:1600px){.section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:950px){nav{gap:20px}.header-call{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.contact{gap:5%;grid-template-columns:.8fr 1.2fr}.about-copy{padding:50px 9%}.send-actions{flex-direction:column}.hero-content{padding-top:100px}footer p{display:none}}
@media(max-width:640px){header{height:75px;padding:0 6%}.brand{font-size:21px}.mark{width:40px;height:42px}.brand small{font-size:8px}.menu{display:block;background:none;border:1px solid #c7cbbf;font-size:20px;padding:2px 10px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:20px 7%;border-bottom:1px solid #ccc;flex-direction:column}nav.open{display:flex}.hero{min-height:620px;height:83vh;max-height:760px}.hero-content{padding:90px 7% 70px}h1{font-size:54px;letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy{font-size:14px;line-height:1.8}.actions{align-items:flex-start;gap:16px;flex-direction:column}.hero-bottom{font-size:7px;letter-spacing:.7px;gap:15px;bottom:20px;flex-direction:column}.hero-bottom span:last-child{font-size:8px}.trust{padding:18px 7%;flex-direction:column;gap:9px;font-size:11px}.trust b{margin-right:20px}.section{padding:58px 7%}.section-top{display:block;margin-bottom:25px}.section-top>p{margin-top:20px}.eyebrow{font-size:9px;margin-bottom:18px}.service-grid{grid-template-columns:1fr;gap:35px}.photo-button{aspect-ratio:1.4}.service-title h3{font-size:26px}.service p{max-width:none;font-size:14px}.filters{gap:7px}.filters button{font-size:11px;padding:8px 15px}.about{grid-template-columns:1fr}.about-image img{min-height:0;height:auto}.about-copy{padding:44px 7%}.steps{grid-template-columns:1fr;gap:20px}.steps p{max-width:none}.contact{grid-template-columns:1fr;gap:38px}.contact h2{font-size:44px}form{padding:24px 19px}.form-grid{grid-template-columns:1fr}.send-actions{flex-direction:column}.send-actions .button{min-height:46px}input,select,textarea{font-size:16px}label{font-size:12px}.form-note{font-size:11px}footer{align-items:flex-start;flex-direction:column;gap:16px}.floating-wa{right:14px;bottom:14px}.hero-shade{background:linear-gradient(90deg,#0b1714ba,#14241d44),linear-gradient(0deg,#0006,transparent)}h2{letter-spacing:-1px}.contact-number{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Refined midnight, warm ivory and champagne identity */
:root{--ink:#182a38;--gold:#d6b881;--paper:#f6f2eb;--muted:#586572}body{background:var(--paper)}.topline{background:#10202d;color:#e7dbc5;padding:8px 5%;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.2px}.topline span:nth-child(2){letter-spacing:.5px;color:#c6ccd0}header{height:100px;background:#182a38;color:#f6f2eb;border-bottom:1px solid #d6b88155}.brand{font-size:29px;letter-spacing:3px}.brand small{color:#d6b881}.mark{width:58px;height:60px;border:1px solid #c4a46b66}.mark img{height:auto}nav{gap:27px}nav a:hover{color:#e3c58c}.header-cta{display:flex;align-items:center;gap:25px;font-size:11px;border:1px solid #c4a46b;padding:11px 17px;color:#f0dcb5}.header-cta:hover{background:#2a3e4c}.service-menu{position:relative}.service-menu summary{cursor:pointer;list-style:none;font-size:13px;display:flex;gap:10px;align-items:center}.service-menu summary::-webkit-details-marker{display:none}.service-menu[open] summary{color:#e3c58c}.service-menu>div{position:absolute;top:35px;left:-24px;width:255px;padding:12px;background:#203544;box-shadow:0 18px 40px #0003;border:1px solid #c4a46b66}.service-menu>div>a{display:block;padding:10px 12px;border-bottom:1px solid #ffffff14;font-size:12px}.service-menu>div>a:last-child{border:0}.hero{min-height:660px;height:78vh;max-height:850px}.hero-content{padding-top:85px}.hero-label{display:block;font-size:9px;letter-spacing:2.7px;color:#f4e3bd;margin-bottom:36px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px}.hero h1{font-size:clamp(54px,6.8vw,96px)}.hero-shade{background:linear-gradient(90deg,#102534d9,#10253466 65%,#10253411),linear-gradient(0deg,#10253480,transparent 40%)}.hero-index{position:absolute;right:5%;top:50%;display:flex;align-items:center;gap:15px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#f0dfc0}.hero-index i{height:25px;width:1px;background:#d6b88166}.trust{background:#e8e0d4;color:#283d4c;border-bottom:1px solid #d7ccbb}.trust b{color:#8a672c}.about{background:#eae4db}.contact{background:#182a38}.contact form{background:#f6f2eb}.contact .contact-info>p{color:#c9d1d5}.filters button.active{background:#182a38}.steps span{color:#657482}.service-title span{color:#657482}.floating-wa{background:#245d50}.footer-services{background:#e9e1d4;padding:32px 7%;display:flex;flex-wrap:wrap;gap:13px 28px;font-size:11px}.footer-services>span{width:100%;font-size:9px;letter-spacing:2px;color:#64707a}.footer-services a:hover{text-decoration:underline}.service-hero{display:grid;grid-template-columns:1fr 1fr;min-height:550px;background:#eae4db}.service-intro{padding:32px 10% 48px 14%;align-self:center}.breadcrumbs{display:flex;gap:10px;font-size:10px;color:#596b78;margin-bottom:42px}.breadcrumbs a{text-decoration:underline}.service-intro .eyebrow{font-size:8px;line-height:1.7;letter-spacing:1.5px}.service-intro h1{font-size:clamp(38px,4.1vw,62px);letter-spacing:-1.8px}.service-intro h1 em{color:#91723f}.service-tagline{margin-top:22px;font:20px Georgia,serif;color:#536776}.service-intro>p:not(.eyebrow){font-size:14px;color:#4f626f;max-width:460px;margin:18px 0 25px}.service-proof{font-size:9px;color:#536776;margin-top:25px}.service-hero figure{margin:0;position:relative;min-height:520px;overflow:hidden}.service-hero figure img{height:100%;object-fit:cover;position:absolute;inset:0}.service-hero figcaption{position:absolute;bottom:15px;right:18px;background:#182a38bb;color:#fff;padding:5px 10px;font-size:9px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.detail-grid>div{border-top:1px solid #b9b8b0;padding-top:20px}.detail-grid span{font-size:10px;color:#90723e}.detail-grid h3{font:27px Georgia,serif;margin:16px 0}.detail-grid p{font-size:14px;color:#536776}.service-faq{background:#eae4db;display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.service-faq>div>p:not(.eyebrow){font-size:14px;color:#536776}.service-faq details{border-bottom:1px solid #c4c3b9;padding:18px 0}.service-faq details:first-child{border-top:1px solid #c4c3b9}.service-faq summary{font-size:15px;cursor:pointer;line-height:1.5}.service-faq details p{font-size:13px;color:#536776;line-height:1.8}.related h2{font-size:37px}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:0 25px;margin-top:30px}.related a{border-bottom:1px solid #c5c7c6;padding:17px 0;display:flex;justify-content:space-between;font-size:13px}.related a:hover{color:#8c6c36}img{height:auto}.hero-photo{height:100%}.photo-button img{height:100%}.about-image img{height:100%}.mark img{height:auto}dialog>img{height:auto}html{scroll-padding-top:115px}.menu{color:inherit}summary:focus-visible{outline:3px solid #c4a46b;outline-offset:5px}
@media(max-width:950px){.header-cta{display:none}.topline span:nth-child(2){display:none}.hero-index{display:none}.service-intro{padding-left:10%}.service-hero figure{min-height:560px}.brand{font-size:25px}.detail-grid{gap:25px}}
@media(max-width:640px){.topline{font-size:8px;padding:7px 6%;letter-spacing:.7px}header{height:84px}.mark{width:47px;height:49px}.brand{font-size:24px}nav{top:84px;background:#182a38;color:#f6f2eb;border-color:#c4a46b66;padding:20px 7%}.service-menu>div{position:static;width:100%;box-shadow:none;margin-top:12px}.service-menu summary{font-size:13px}.hero{min-height:650px;height:82vh}.hero-content{padding-top:55px}.hero-label{font-size:8px;letter-spacing:1.8px;margin-bottom:30px}.hero h1{font-size:53px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-copy{font-size:14px}.trust{gap:11px}.service-hero{grid-template-columns:1fr}.service-intro{padding:26px 7% 38px}.breadcrumbs{margin-bottom:30px}.service-intro h1{font-size:43px}.service-hero figure{min-height:290px;max-height:360px;aspect-ratio:1.35}.detail-grid{grid-template-columns:1fr;gap:20px}.service-faq{grid-template-columns:1fr;gap:20px}.related>div{grid-template-columns:1fr}.footer-services{gap:16px 25px}.about-image img{height:auto}html{scroll-padding-top:96px}}
/* Make the company's promise a prominent brand element. */
.topline .top-motto{color:#f1d397;font-size:12px;font-weight:700;letter-spacing:2.2px}.hero-motto{display:flex;flex-wrap:wrap;gap:0 10px;color:#f5d89c;font-size:clamp(20px,2.15vw,32px);font-weight:700;letter-spacing:2px;line-height:1.3;margin:0 0 27px;padding-left:18px;border-left:3px solid #e8c17a;text-shadow:0 2px 15px #0006}.hero-motto span{display:block}footer p{font-size:11px;font-weight:700;letter-spacing:1.2px;color:#785a2b}
@media(max-width:950px){.topline .top-motto{display:block;font-size:10px;letter-spacing:1px}.topline>span:first-child{display:none}.hero-motto{max-width:560px}}
@media(max-width:640px){.topline{justify-content:center;padding:10px 5%}.topline>a{display:none}.topline .top-motto{font-size:10px;letter-spacing:1.7px}.hero-motto{font-size:24px;line-height:1.35;letter-spacing:1.5px;display:block;margin-bottom:25px;padding-left:14px}.hero-content{padding-top:42px}.hero h1{font-size:49px}.hero{min-height:690px}footer p{display:block;font-size:10px}}

.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}@media(max-width:600px){.admin-bar header{top:0}}

/* Project photography and portfolio — version 1.2.0 */
.hero{background:#132837;height:auto;min-height:680px;max-height:none;display:flex;align-items:center}
.hero-photo{width:64%;right:0;top:0;object-position:center;object-fit:cover}
.hero-shade{background:linear-gradient(90deg,#132837 0%,#132837 34%,#132837e6 42%,#13283710 63%)}
.hero-content{padding:70px 0 85px 6%;width:53%;max-width:760px;z-index:1}
.hero h1{font-size:clamp(48px,5.4vw,78px);letter-spacing:-2px}
.hero-motto{font-size:clamp(18px,1.65vw,24px);display:block;max-width:390px}
.hero-copy{max-width:430px;font-size:15px}.hero .actions{flex-wrap:wrap;gap:18px}.hero .button{gap:14px}
.hero-bottom{left:auto;right:3%;bottom:20px;z-index:1;padding:5px 10px;background:#10202daa;color:#fff;font-size:10px}
.selected-work{background:#ebe5db}.project-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.project-card{margin:0;min-width:0;break-inside:avoid}.project-card .photo-button{aspect-ratio:4/3}.project-card img{height:100%;object-fit:cover}
.project-card figcaption{padding:16px 0 8px}.project-card figcaption>span{display:block;color:#64717a;font-size:10px;letter-spacing:1.4px;text-transform:uppercase}
.project-card h3{font:24px/1.2 Georgia,serif;margin:7px 0 0}.project-card .view{font-size:10px;padding:7px 10px}
.gallery-intro{background:#182a38;color:#f6f2eb;padding-top:45px;padding-bottom:55px}.gallery-intro .breadcrumbs{color:#d6c9b7;margin-bottom:38px}
.gallery-intro .eyebrow{color:var(--gold)}.gallery-intro h1{font-size:clamp(54px,6vw,84px)}.gallery-intro>p:last-child{color:#d6dde1;font-size:16px;margin:25px 0 0}
.gallery-section{padding-top:45px}.gallery-filters{display:flex;flex-wrap:wrap;gap:10px}.gallery-filters button{padding:11px 18px;border:1px solid #b9b2a6;background:transparent;color:#182a38;font-size:12px;border-radius:2px;min-height:44px}
.gallery-filters button.active{background:#182a38;color:#fff;border-color:#182a38}.gallery-filters button span{font-size:10px;margin-left:8px;color:inherit;opacity:.8}
.gallery-status{font-size:12px;color:#586572;margin:20px 0 30px}.project-gallery{columns:3;column-gap:24px}.project-gallery .project-card{margin-bottom:30px;display:inline-block;width:100%}
.project-gallery .photo-button{aspect-ratio:auto}.project-gallery img{height:auto;object-fit:contain}.project-card[hidden]{display:none!important}
.gallery-cta{background:#182a38;color:var(--paper);text-align:center}.gallery-cta .eyebrow{color:var(--gold)}.gallery-cta>p:not(.eyebrow){color:#d3d8dc;margin:24px 0}.gallery-cta .button{margin-top:10px}
#lightbox{width:min(1000px,94vw);max-width:94vw;padding:16px;background:#132837;color:#fff;border:1px solid #d6b88166;max-height:94dvh;overflow:auto}
#lightbox::backdrop{background:#07121be8}#lightbox>img{width:100%;height: min(68dvh,780px);object-fit:contain;background:#0e202d}
#lightbox .close-dialog{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#132837e8;border:1px solid #d6b881;color:white;z-index:2;font-size:28px;line-height:1}
#lightbox .lightbox-caption{padding:16px 6px 8px}#lightbox h3{font:24px/1.2 Georgia,serif;margin:0}#lightbox p{color:#ccd3d8;font-size:12px;margin:7px 0 0}
#lightbox .lightbox-controls{display:flex;justify-content:space-between;padding:0 6px 4px}#lightbox .lightbox-controls button{position:static;background:transparent;color:#f6f2eb;border:1px solid #7b8a94;font-size:13px;padding:10px 18px;min-height:44px;width:auto;height:auto}
@media(min-width:641px) and (max-width:1100px){header{padding:0 4%}nav{gap:18px}.header-cta{display:none}.hero-content{width:59%}.hero h1{font-size:58px}.hero-photo{width:65%;object-position:62% center}}
@media(max-width:1000px){.project-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.project-gallery{columns:2}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-content{order:0;padding:42px 7% 38px;width:100%;max-width:none}.hero-photo{position:static;order:1;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.hero-shade{display:none}.hero h1{font-size:clamp(48px,9vw,65px)}.hero-motto{font-size:22px;display:block}.hero-copy{font-size:15px;max-width:520px}.hero .actions{flex-direction:row;align-items:center;gap:20px}.hero-bottom{bottom:12px;right:12px;left:auto;font-size:8px}.section-top{align-items:flex-start}.gallery-intro{padding-top:30px}.gallery-intro h1{font-size:56px}}
@media(max-width:640px){.project-preview{grid-template-columns:1fr}.project-gallery{columns:1}.project-card h3{font-size:25px}.gallery-filters{gap:8px}.gallery-filters button{padding:10px 13px}.gallery-section{padding-top:30px}.gallery-intro>p:last-child{font-size:14px}.section-top .text-link{display:inline-block;margin-top:20px}#lightbox{padding:10px}#lightbox>img{height:60dvh}#lightbox .close-dialog{top:14px;right:14px}#lightbox h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.project-gallery.is-filtered{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.project-gallery.is-filtered .project-card{margin-bottom:0}@media(max-width:1000px){.project-gallery.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.project-gallery.is-filtered{grid-template-columns:1fr}}