:root{--ink:#22231f;--muted:#696960;--gold:#a18247;--gold-dark:#80632c;--green:#192a22;--cream:#f7f6f2;--sand:#eeece6;--white:#fff;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--shadow:0 12px 32px rgba(23,30,23,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d3ac60;outline-offset:3px}svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1260px,calc(100% - 8.5%));margin-inline:auto}.section{padding:88px 0}.skip-link{position:absolute;z-index:1000;top:-60px;left:15px;background:#fff;padding:10px}.skip-link:focus{top:10px}h1,h2,h3,h4,p{margin-top:0}h2{font-family:var(--serif);font-weight:500;letter-spacing:-.037em;line-height:1.14;font-size:clamp(32px,3.2vw,48px)}.eyebrow{font-size:11px;letter-spacing:.29em;color:var(--gold);font-weight:700;margin-bottom:18px}.eyebrow-light{color:#d2c1a0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:4px;white-space:nowrap;font-weight:600;font-size:13px;line-height:1.2;padding:14px 22px;transition:background .25s ease,transform .25s ease,color .25s ease,box-shadow .25s ease}.btn svg,.text-link svg{width:16px;height:16px}.btn-gold{color:#fff;background:linear-gradient(110deg,#a88b53,#95763c);box-shadow:0 4px 14px rgba(53,36,15,.16)}.btn-gold:hover{background:linear-gradient(110deg,#b89c66,#866a37);transform:translateY(-2px);box-shadow:0 9px 22px rgba(53,36,15,.2)}.btn-outline{border-color:rgba(255,255,255,.8);color:#fff;background:rgba(11,20,13,.1);backdrop-filter:blur(3px)}.btn-outline:hover{background:rgba(255,255,255,.12)}.btn-lg{min-height:53px;padding-inline:28px}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:9px;background:none;border:none;color:var(--ink);padding:7px 0;border-bottom:1px solid #b7b1a5;white-space:nowrap}.text-link:hover{color:var(--gold-dark);border-color:var(--gold)}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translateX(4px)}
/* Header */
.site-header{height:82px;background:rgba(252,251,248,.98);position:sticky;top:0;z-index:90;border-bottom:1px solid rgba(40,40,30,.05)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1}.brand-name{font-family:var(--serif);font-size:clamp(20px,2.1vw,28px);font-weight:500;white-space:nowrap;letter-spacing:-1.5px}.brand-name em{font-style:normal;color:#b49255}.brand-sub{letter-spacing:.29em;font-size:8.5px;font-weight:700}.desktop-nav{display:flex;gap:clamp(16px,1.75vw,29px);align-items:center;margin-left:auto}.desktop-nav a{font-size:12px;font-weight:600;position:relative;white-space:nowrap;padding:14px 0}.desktop-nav a::after{content:'';position:absolute;height:1px;background:var(--gold);bottom:7px;left:0;width:0;transition:width .25s}.desktop-nav a:hover::after,.desktop-nav a.active::after{width:100%}.header-cta{font-size:12px;padding:13px 21px}.nav-toggle,.mobile-nav{display:none}
/* Hero. Desktop photograph is preserved EXACTLY as it appears in the approved mockup, including its baked-in typography. Transparent accessible hotspots turn the original-looking buttons into real links. Tablet/mobile view uses the same photograph, cropped from its clean right side, with actual live text. */
.hero{position:relative;aspect-ratio:941/309;min-height:370px;max-height:640px;overflow:hidden;background:#111e16}.hero-image{position:absolute;inset:0;background-image:url('../images/hero.webp');background-size:100% 100%;background-repeat:no-repeat;background-position:center}.hero-content{position:absolute;inset:0;opacity:0;pointer-events:none}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(42px,5.5vw,74px);line-height:1.13;letter-spacing:-.045em}.hero h1 em{color:#c9a76d;font-style:normal}.hero-lead{font-family:var(--serif);font-size:clamp(18px,1.6vw,24px);max-width:575px}.hero-actions{display:flex;gap:15px;align-items:center}.hero-side-label{display:none}.hero-hotspot{position:absolute;z-index:3;top:72.2%;height:12.5%;border-radius:4px}.hero-hotspot:focus-visible{outline:3px solid white;outline-offset:2px}.hero-hotspot-quote{left:8.15%;width:14.1%}.hero-hotspot-projects{left:23.9%;width:13.8%}.hero-hotspot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Benefit strip */
.advantages{background:#fbfaf7;border-bottom:1px solid #eeede8}.advantages-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:27px 0}.advantage{display:flex;align-items:center;gap:17px;padding:0 22px;min-height:68px;border-right:1px solid #ddd9ce}.advantage:first-child{padding-left:0}.advantage:last-child{border-right:0;padding-right:0}.advantage-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #b5a279;border-radius:50%;color:#a58751;flex:0 0 43px}.advantage-icon svg{width:21px;height:21px}.advantage h3{font-family:var(--serif);font-size:15px;line-height:1.2;font-weight:600;margin:0 0 5px}.advantage p{font-family:Georgia,serif;color:#6c695f;font-size:12px;line-height:1.45;margin:0}
/* Services */
.services{background:linear-gradient(#fff 0%,#f9f8f5 100%)}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:27px}.section-top h2{margin-bottom:0}.services-grid{display:grid;gap:20px}.first-row{grid-template-columns:repeat(4,minmax(0,1fr))}.second-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.service-card{background:#fff;border:0;text-align:left;border-radius:7px;overflow:hidden;padding:0;box-shadow:0 2px 14px rgba(24,25,18,.07);transition:transform .25s,box-shadow .25s;min-width:0}.service-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(24,25,18,.13)}.service-card img{width:100%;height:165px;object-fit:cover;transition:transform .55s}.second-row .service-card img{height:183px}.service-card:hover img{transform:scale(1.045)}.service-info{display:block;padding:17px 17px 22px;min-height:105px}.service-title{font-family:var(--serif);font-weight:600;display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-bottom:7px;gap:10px}.service-title svg{width:15px;height:15px;flex:0 0 15px;stroke:#9b7c46}.service-desc{display:block;font-family:Georgia,serif;color:#6c695f;font-size:13px;line-height:1.4;max-width:28ch}
/* Projects */
.projects{background:var(--green);color:#fff;padding:56px 0 0;overflow:hidden}.section-top-dark{padding-bottom:0;margin-bottom:32px}.projects h2{font-size:clamp(32px,3.1vw,46px)}.light-link{color:#e9edea;border-bottom-color:rgba(255,255,255,.38)}.light-link:hover{color:#dfc28c}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.project-tile{height:245px;border:0;background:#213a2e;position:relative;overflow:hidden;padding:0;text-align:left}.project-tile img{height:100%;width:100%;object-fit:cover;transition:transform .55s,filter .3s}.project-tile:hover img{transform:scale(1.055);filter:brightness(.77)}.project-tile span{position:absolute;bottom:14px;left:16px;font-size:12px;font-weight:600;display:inline-flex;gap:8px;align-items:center;color:white;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.project-tile span svg{width:15px;height:15px}.project-tile:hover span,.project-tile:focus-visible span{opacity:1;transform:none}.projects-mobile-cta{display:none}
/* Craft */
.craft{background:var(--cream)}.craft-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:clamp(45px,6vw,95px);align-items:center}.craft-photos{display:grid;grid-template-columns:1fr 1fr;gap:17px}.craft-photos img{width:100%;height:340px;object-fit:cover;border-radius:3px;box-shadow:var(--shadow)}.craft-content{position:relative;padding:15px 0 30px}.craft-content h2{margin:0 0 23px}.craft-content>p:not(.eyebrow){font-family:Georgia,serif;color:#706e66;font-size:15px;line-height:1.8;max-width:57ch;margin-bottom:15px}.craft-content .btn{margin-top:12px}.signature{position:absolute;font-family:'Playfair Display',Georgia,serif;font-style:italic;color:#4b504a;right:0;bottom:-2px;transform:rotate(-11deg);font-size:18px;line-height:1.35;text-align:center}
/* Reviews */
.reviews-section{padding:75px 0 67px;background:linear-gradient(140deg,#e9e5df,#fbfaf7 43%,#ebe7e0)}.reviews-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:center}.reviews-heading h2{font-size:37px;margin-bottom:12px}.reviews-heading>p:not(.eyebrow){font-size:14px;color:#757267;line-height:1.65;max-width:35ch}.review-source{font-size:12px;color:var(--gold-dark);font-weight:700;display:inline-flex;gap:6px;align-items:center;margin-top:6px}.review-source svg{width:14px;height:14px}.reviews-carousel{display:flex;align-items:center;justify-content:center;gap:20px;min-width:0}.carousel-arrow{border-radius:50%;border:1px solid rgba(120,120,105,.12);background:rgba(255,255,255,.88);width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;color:#41453f;transition:background .2s,transform .2s}.carousel-arrow:hover{background:#e7d3b1;transform:translateY(-1px)}.carousel-arrow svg{width:18px;height:18px}.carousel-arrow:first-child svg{transform:rotate(180deg)}.review-card{background:#fff;border-radius:7px;box-shadow:var(--shadow);padding:35px 35px 27px;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;max-width:650px;text-align:center}.review-stars{color:#c58a2e;font-size:21px;letter-spacing:2px;line-height:1}.review-card blockquote{font-family:Georgia,serif;font-size:16px;line-height:1.7;font-style:italic;color:#54504b;margin:0}.review-card strong{font-family:var(--serif);font-size:15px}.review-counter{color:#ada89f;font-size:11px}.review-dots{display:flex;gap:9px;align-items:center;justify-content:flex-end;padding-right:calc(8.5% + 70px);margin-top:22px}.review-dots button{border:0;width:8px;height:8px;border-radius:50%;background:#c6c0b6;padding:0}.review-dots button[aria-current="true"]{background:var(--gold-dark);width:22px;border-radius:8px}
/* Contact banner */
.contact-banner{background:#15251e;min-height:255px;color:white;position:relative;overflow:hidden}.contact-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,22,16,.81) 0%,rgba(12,22,16,.59) 50%,rgba(12,22,16,.77) 100%),url('../images/contact-achtergrond.webp') center/cover}.contact-banner-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr .67fr;gap:40px;align-items:center;min-height:255px;padding-top:37px;padding-bottom:37px}.contact-banner h2{font-size:45px;margin:0 0 10px;color:white}.contact-banner p:not(.eyebrow){font-family:Georgia,serif;font-size:16px;line-height:1.6;max-width:45ch;margin-bottom:22px;color:#f3f2ec}.contact-info{display:grid;gap:22px;justify-content:end}.contact-info a{display:flex;align-items:center;gap:14px;font-size:15px;color:#f9f9f8}.contact-info a:hover{color:#dac294}.contact-info svg{width:19px;height:19px;flex:0 0 19px}
/* Form/map section */
.enquiry-section{background:#fff}.enquiry-top{margin-bottom:35px}.enquiry-intro{margin-top:15px;color:#6f6c64;line-height:1.7;max-width:570px}.enquiry-grid{display:grid;grid-template-columns:1fr .82fr;gap:28px}.form-panel,.location-panel{background:#f7f6f2;border:1px solid #ece9e3;border-radius:9px;overflow:hidden}.form-panel{padding:35px}.form-panel h3,.location-panel h3{font-family:var(--serif);font-size:28px;letter-spacing:-.025em;font-weight:500;margin-bottom:12px}.form-panel>p{font-size:14px;color:#77736a;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}form label{display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:7px;margin-bottom:19px}form label>span{color:#9c7841}form input:not([type="checkbox"]),form select,form textarea{width:100%;border:1px solid #d9d5ca;border-radius:4px;padding:13px 13px;background:#fff;color:#2b2b27;outline:none;transition:border-color .2s}form textarea{resize:vertical;min-height:118px}form input:focus,form textarea:focus,form select:focus{border-color:#a98851}.consent{display:flex;flex-direction:row;align-items:flex-start;font-weight:400;line-height:1.6;gap:11px;color:#555349}.consent input{width:16px;height:16px;flex:0 0 16px;accent-color:#907039;margin-top:2px}.consent span{color:#605e57}.consent .required{color:#ac4134}.form-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.form-footer>span{font-size:12px;color:#77716a}.form-footer>span a{text-decoration:underline}.honeypot{position:absolute;left:-9999px}.form-message{padding:13px;border-radius:4px;background:#f4e9d5;margin-bottom:22px;color:#55472c;font-size:13px;line-height:1.55}.form-message.error{background:#fae4e4;color:#873333}.form-message.success{background:#e1f0e4;color:#27623d}.location-panel{display:flex;flex-direction:column}.location-text{padding:35px}.location-text>p:not(.eyebrow){color:#6f6b63;font-size:14px;line-height:1.8}.location-text address{font-style:normal;font-size:14px;line-height:1.65;margin:20px 0 10px}.location-text h3{font-size:30px}.map-wrap{flex:1;min-height:255px;background:#dddcd7}.map-wrap iframe{height:100%;width:100%;min-height:285px;border:0;display:block}
/* Footer */
.site-footer{background:#202320;color:#eeeae4;padding:55px 0 0}.footer-main{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr 1.1fr;gap:35px;padding-bottom:50px}.brand-footer{align-items:flex-start;gap:7px}.brand-footer .brand-name{font-size:27px}.brand-footer .brand-sub{padding-left:10px;font-size:8px}.footer-brand p{font-family:Georgia,serif;font-size:13px;line-height:1.65;color:#b8b8ae;margin:22px 0 0;max-width:260px}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-col h4{font-weight:700;font-size:12px;margin:0 0 8px;color:#fff}.footer-col a{color:#bfbfb7;font-size:12px;line-height:1.35}.footer-col a:hover{color:#d0ad69}.footer-social .social-pill{border:1px solid #68675f;border-radius:3px;padding:10px 15px}.handwritten{font-family:var(--serif);font-style:italic;transform:rotate(-7deg);font-size:21px;text-align:center;margin-top:15px;color:#bdb7a6}.footer-bottom{border-top:1px solid #454840;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a9a9a0}
/* Dialogs */
dialog{border:0;padding:0;border-radius:8px;box-shadow:0 24px 100px rgba(0,0,0,.4);width:calc(100% - 30px);max-width:820px;max-height:90vh;overflow:auto}dialog::backdrop{background:rgba(4,11,8,.78);backdrop-filter:blur(5px)}.dialog-shell{display:grid;grid-template-columns:45% 55%;position:relative;background:#faf9f6}.dialog-close{position:absolute;right:14px;top:14px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#25251e;z-index:5;box-shadow:0 2px 10px #0002}.detail-photo{width:100%;height:100%;min-height:420px;object-fit:cover}.detail-body{padding:65px 45px 40px}.detail-body h2{margin-bottom:22px}.detail-body>p:not(.eyebrow){color:#6e6c65;line-height:1.7;font-size:15px;margin-bottom:25px}.project-dialog{max-width:1050px;background:#15261e;color:white}.project-dialog-wrap{position:relative}.project-dialog img{width:100%;height:min(65vh,625px);object-fit:cover}.project-modal-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 30px}.project-modal-caption .eyebrow{margin-bottom:8px}.project-modal-caption h3{font-family:var(--serif);font-size:25px;font-weight:500;margin:0}.project-modal-caption>span{font-size:13px}.project-modal-arrow{position:absolute;top:43%;transform:translateY(-50%);width:43px;height:51px;background:rgba(0,0,0,.48);color:white;border:0;font-size:35px}.project-modal-arrow.prev{left:0}.project-modal-arrow.next{right:0}
@media(max-width:1180px){.container{width:calc(100% - 72px)}.desktop-nav{gap:14px}.desktop-nav a{font-size:11px}.header-inner{gap:20px}.header-cta{padding:12px 13px}.advantage{padding:0 12px;gap:10px}.advantage-icon{width:37px;height:37px;flex-basis:37px}.advantages h3{font-size:13px}.advantage p{font-size:11px}.review-dots{padding-right:90px}.service-card img{height:140px}.second-row .service-card img{height:155px}}
@media(max-width:1000px){html{scroll-padding-top:73px}.site-header{height:73px}.desktop-nav,.header-cta{display:none}.nav-toggle{display:grid;place-items:center;width:40px;height:40px;background:transparent;border:1px solid #e3ded4;border-radius:3px}.nav-toggle svg{width:25px;height:25px}.mobile-nav{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:73px;background:#fcfbf8;padding:13px 36px 25px;box-shadow:0 12px 25px #0002;z-index:20}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:12px 3px;border-bottom:1px solid #ebe7de;font-size:14px}.mobile-nav .mobile-quote{background:#a4884e;color:white;padding:13px;margin-top:12px;text-align:center}.hero{height:555px;max-height:none;aspect-ratio:auto}.hero-image{background-size:cover;background-position:90% center}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,14,.8),rgba(8,18,14,.38) 75%,rgba(8,18,14,.16));pointer-events:none}.hero-content{inset:auto;position:relative;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;opacity:1;z-index:1;pointer-events:auto;color:#fff;padding-bottom:7px}.hero h1{font-size:clamp(42px,6vw,62px);margin:0 0 19px}.hero-lead{font-size:20px;max-width:480px;line-height:1.55;margin-bottom:27px}.hero-hotspot{display:none}.advantages-grid{grid-template-columns:repeat(2,1fr);gap:14px}.advantage:nth-child(even){border:0}.advantage:nth-child(3),.advantage:nth-child(4){padding-top:14px;border-top:1px solid #e1ddd3}.advantage:nth-child(3){padding-left:0}.services-grid{gap:15px}.first-row{grid-template-columns:repeat(2,1fr)}.second-row{grid-template-columns:repeat(3,1fr)}.service-card img,.second-row .service-card img{height:170px}.craft-grid{gap:35px}.craft-photos img{height:350px}.review-dots{padding-right:9%}.reviews-layout{gap:20px}.footer-main{gap:24px;grid-template-columns:2fr 1fr 1fr 1fr}.footer-social{grid-column:2/5;display:flex;align-items:center;flex-direction:row}.footer-social h4{margin:0}.footer-social .handwritten{display:none}}
@media(max-width:700px){.container{width:calc(100% - 38px)}.section{padding:62px 0}h2{font-size:clamp(29px,7.5vw,38px)}.brand-name{font-size:24px}.site-header,.header-inner{height:68px}.mobile-nav{top:68px;padding-inline:19px}.hero{height:600px}.hero-image{background-position:84% center}.hero::after{background:linear-gradient(90deg,rgba(5,13,9,.89),rgba(6,16,11,.58) 75%,rgba(9,18,11,.4))}.hero-content{padding-top:50px;padding-bottom:50px;justify-content:center}.hero .eyebrow{font-size:10px;line-height:1.8;max-width:300px;margin-bottom:13px;letter-spacing:.2em}.hero h1{font-size:clamp(40px,9.7vw,58px);margin-bottom:21px}.hero-lead{font-size:19px;line-height:1.45;max-width:380px}.hero-actions{gap:12px;flex-wrap:wrap}.hero-actions .btn{padding:15px 16px;font-size:12px}.advantages-grid{grid-template-columns:1fr 1fr;gap:0;padding:14px 0}.advantage{padding:14px 7px 14px 0;gap:9px;align-items:flex-start;min-height:100px}.advantage:nth-child(even){padding-left:9px}.advantage:nth-child(3),.advantage:nth-child(4){padding-top:18px}.advantage-icon{flex-basis:31px;width:31px;height:31px}.advantage-icon svg{width:16px;height:16px}.advantage h3{font-size:12px}.advantage p{font-size:11px}.section-top{align-items:flex-start;flex-direction:column;gap:15px}.services .section-top{margin-bottom:26px}.desktop-break{display:none}.first-row,.second-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.second-row{margin-top:12px}.service-card img,.second-row .service-card img{height:132px}.service-info{padding:12px 11px 17px;min-height:122px}.service-title{font-size:15px}.service-desc{font-size:12px;line-height:1.45}.projects{padding-top:56px}.section-top-dark{gap:16px}.projects-grid{grid-template-columns:1fr 1fr;gap:9px}.project-tile{height:173px}.projects .section-top .light-link{display:none}.projects-mobile-cta{display:block;text-align:center;padding:24px 0}.craft-grid{grid-template-columns:1fr;gap:28px}.craft-photos{gap:12px}.craft-photos img{height:250px}.craft-content{padding:0 0 25px}.craft-content h2{margin-bottom:16px}.craft-content>p:not(.eyebrow){font-size:14px;line-height:1.7}.signature{right:15px;bottom:-10px;font-size:15px}.reviews-section{padding:58px 0}.reviews-layout{display:block}.reviews-heading h2{font-size:35px}.reviews-heading{margin-bottom:25px}.review-card{min-height:230px;padding:22px 17px}.review-card blockquote{font-size:14px}.reviews-carousel{gap:8px}.carousel-arrow{width:31px;height:31px;flex:0 0 31px}.review-dots{justify-content:center;padding-right:0}.contact-banner-inner{grid-template-columns:1fr;min-height:0;gap:32px;padding:50px 0}.contact-banner h2{font-size:39px}.contact-info{justify-content:start;gap:18px}.contact-info a{font-size:14px}.enquiry-grid{grid-template-columns:1fr}.form-panel,.location-panel{border-radius:7px}.form-panel,.location-text{padding:25px 20px}.form-row{grid-template-columns:1fr;gap:0}.location-text h3{font-size:28px}.footer-main{grid-template-columns:1fr 1fr;gap:25px 17px}.footer-brand{grid-column:1/-1}.footer-brand p{margin-top:14px}.footer-social{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:9px}.dialog-shell{grid-template-columns:1fr}.detail-photo{min-height:0;height:235px}.detail-body{padding:25px}.detail-body h2{font-size:30px}.project-dialog img{height:43vh}.project-modal-caption{padding:18px}.project-modal-caption h3{font-size:18px}}
@media(max-width:380px){.hero{height:590px}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions .btn{width:100%}.brand-name{font-size:20px}.brand-sub{font-size:7px}.service-card img{height:105px}.service-title{font-size:14px}.advantage-icon{display:none}.advantage{padding:12px 8px}.review-card blockquote{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}