@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#F8F7F4;--ink:#292A27;--stone:#E9E6DE;--muted:#77756F;--line:#D9D6CF;--white:#fff;--max:1320px;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}img{display:block;max-width:100%;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}.site-header{max-width:var(--max);margin:auto;padding:24px 5.5% 24px 1%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:block;width:275px;max-width:45%;overflow:hidden;flex-shrink:0}.brand img{height:auto;aspect-ratio:3.8/1;object-fit:contain;mix-blend-mode:multiply}.main-nav{display:flex;align-items:center;gap:clamp(16px,3vw,42px);font-size:13px}.main-nav a{transition:opacity .2s}.main-nav a:hover,.text-link:hover{opacity:.6}.nav-contact{border:1px solid var(--ink);padding:10px 16px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--ink)}main{overflow:hidden}.hero{max-width:var(--max);margin:auto;padding:70px 5.5% 62px;display:grid;grid-template-columns:.85fr 1.15fr;gap:5%;align-items:center;min-height:560px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--muted);text-transform:uppercase;margin:0 0 18px}.hero h1,.page-hero h1,.contact-cta h2,.section h2,.about-copy h2,.section-heading h2,.contact-info h2{font-family:'Manrope',sans-serif;font-weight:500;font-size:clamp(34px,4.5vw,62px);line-height:1.12;letter-spacing:-.055em;margin:0 0 24px}.hero h1 em,.page-hero h1 em,.contact-cta h2 em,.section h2 em,.about-copy h2 em,.section-heading h2 em,.contact-info h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;color:#858177}.hero-copy>p:not(.eyebrow),.page-hero>p:not(.eyebrow){max-width:490px;color:#66645E;font-size:15px;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:white;border:1px solid var(--ink);padding:14px 20px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.button:hover{background:transparent;color:var(--ink)}.button-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button-light:hover{background:transparent;color:var(--paper)}.button-outline{background:transparent;color:var(--ink)}.hero-image{height:clamp(320px,38vw,510px);position:relative}.image-frame{overflow:hidden}.image-note{position:absolute;bottom:16px;left:16px;background:var(--paper);padding:8px 11px;font-size:9px;letter-spacing:.15em}.section{max-width:var(--max);margin:auto;padding:88px 5.5%}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;padding-top:60px;padding-bottom:28px}.section-intro h2,.section-heading h2{font-size:clamp(32px,4vw,50px);margin-bottom:0}.section-intro-copy{max-width:390px}.section-intro-copy p{color:#66645E;font-size:14px;margin:0 0 15px}.text-link{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.13em;margin-top:12px}.project-grid{max-width:var(--max);margin:0 auto;padding:0 5.5% 90px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}.home-projects{padding-top:15px}.project-image{aspect-ratio:4/3;overflow:hidden;background:var(--stone)}.project-image img,.about-photo img,.service-detail-image img{transition:transform .55s ease}.project-card:hover img{transform:scale(1.035)}.project-meta{display:flex;align-items:start;justify-content:space-between;gap:16px;padding-top:13px}.project-meta h3{font-size:15px;font-weight:600;margin:0 0 3px}.project-meta p{font-size:11px;color:var(--muted);margin:0}.project-meta>span{font-size:20px}.about-band{display:grid;grid-template-columns:1fr 1fr;background:var(--stone);align-items:stretch}.about-photo{min-height:440px;overflow:hidden}.about-copy{padding:clamp(38px,7vw,100px);align-self:center}.about-copy h2{font-size:clamp(31px,3.5vw,48px)}.about-copy>p:not(.eyebrow){font-size:14px;color:#5F5D56;max-width:520px}.services-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}.service-list{border-top:1px solid var(--line)}.service-list>a{display:grid;grid-template-columns:35px 1fr 20px;gap:16px;padding:23px 0;border-bottom:1px solid var(--line);align-items:start}.service-list>a>span{font-size:11px;color:var(--muted)}.service-list h3{font-size:17px;font-weight:600;margin:0 0 5px}.service-list p{font-size:12px;color:var(--muted);margin:0}.service-list b{font-weight:400}.contact-cta{background:var(--ink);color:white;text-align:center;padding:95px 5.5%}.contact-cta .eyebrow{color:#B8B4AA}.contact-cta h2{font-size:clamp(34px,5vw,58px);margin-bottom:28px}.contact-cta h2 em{color:#C5C0B6}.site-footer{max-width:var(--max);margin:auto;padding:50px 5.5% 22px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:35px;padding-bottom:42px}.footer-brand{font-family:'Manrope',sans-serif;font-size:19px;letter-spacing:.1em;font-weight:700}.footer-top p,.footer-top a:not(.footer-brand){font-size:12px;color:#65635D}.footer-top>div:nth-child(2)>a{display:block;margin:4px 0}.footer-top .eyebrow{font-size:9px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted)}.page-hero{max-width:var(--max);margin:auto;padding:88px 5.5% 62px}.page-hero h1{font-size:clamp(40px,6vw,74px)}.page-hero>p:not(.eyebrow){max-width:600px}.about-page{margin-bottom:30px}.values-section>h2{font-size:clamp(32px,4vw,50px)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.value-grid article{border-top:1px solid var(--line);padding-top:18px}.value-grid article span{font-size:11px;color:var(--muted)}.value-grid h3{font-size:17px}.value-grid p{font-size:13px;color:var(--muted)}.service-detail-list{max-width:var(--max);margin:auto;padding:0 5.5%}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:35px 0 65px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.service-detail:nth-child(even) .service-detail-image{order:2}.service-detail-image{aspect-ratio:4/3;overflow:hidden;background:var(--stone)}.service-detail-copy h2{font-family:'Manrope',sans-serif;font-weight:500;letter-spacing:-.04em;font-size:clamp(30px,3.5vw,45px);line-height:1.15;margin:0 0 14px}.service-detail-copy h3{font-size:16px;font-weight:500;line-height:1.5}.service-detail-copy>p:not(.eyebrow){font-size:13px;color:#66645E}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.pill-row span{border:1px solid var(--line);border-radius:50px;padding:5px 11px;font-size:10px}.portfolio-section{padding-top:0}.filters{max-width:var(--max);margin:0 auto 26px;padding:0 5.5%;display:flex;gap:20px;flex-wrap:wrap}.filters label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}select,input,textarea{background:#fff;border:1px solid var(--line);border-radius:0;color:var(--ink);padding:12px;width:100%;min-width:0} .filters select{width:auto;min-width:170px;padding:9px}.empty-state{padding:40px 5.5%;text-align:center;color:var(--muted)}.project-feature{max-width:1320px;padding:0 5.5%;margin:auto}.project-feature img{aspect-ratio:16/9}.project-disclaimer{color:var(--muted);font-size:11px;margin-top:30px}.contact-layout{max-width:var(--max);margin:auto;padding:0 5.5% 100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.contact-info h2{font-size:clamp(32px,4vw,48px)}.contact-detail{border-top:1px solid var(--line);padding:18px 0;display:flex;flex-direction:column;gap:4px}.contact-detail span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.contact-detail a,.contact-detail p{font-size:13px;margin:0;overflow-wrap:anywhere}.contact-form,.admin-form,.login-card{display:flex;flex-direction:column;gap:18px}.contact-form label,.admin-form label,.login-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.contact-form textarea,.admin-form textarea{resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note,.admin-muted{font-size:11px;color:var(--muted)}.notice{padding:12px 5.5%;font-size:13px;background:#e6eee5;color:#2b5834}.notice.error{background:#f5e5e1;color:#812d22}.login-wrap{min-height:65vh;display:grid;place-items:center;padding:60px 5.5%}.login-card{background:white;border:1px solid var(--line);padding:clamp(25px,5vw,48px);width:min(100%,510px);box-shadow:0 10px 35px #292a270b}.login-card h1{font-size:34px;margin:0}.login-card>p:not(.eyebrow){font-size:13px;color:var(--muted)}.admin-page{max-width:1200px;margin:auto;padding:55px 5.5% 100px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-heading h1{font-size:clamp(32px,4vw,48px);margin:0}.admin-heading p:not(.eyebrow){color:var(--muted);font-size:13px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.admin-stats>div{background:var(--stone);padding:18px;display:flex;flex-direction:column}.admin-stats span{font-size:11px;color:var(--muted)}.admin-stats strong{font-size:28px}.admin-tabs{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:35px;font-size:12px}.admin-panel{padding:30px 0 50px;border-bottom:1px solid var(--line);scroll-margin-top:20px}.admin-panel h2{font-size:27px;margin:0 0 20px}.admin-panel-title{display:flex;justify-content:space-between}.admin-form{background:#fff;padding:25px;margin:22px 0 30px;border:1px solid var(--line)}.admin-form h3{margin:0}.admin-form small{font-weight:400;color:var(--muted)}.admin-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-project{border:1px solid var(--line);background:white}.admin-project>img{aspect-ratio:16/9}.admin-project-main{padding:16px}.admin-project-main>strong,.admin-project-main>span{display:block}.admin-project-main>span{font-size:11px;color:var(--muted)}.inline-edit{display:flex;flex-direction:column;gap:12px;margin-top:16px}.inline-edit label{display:flex;flex-direction:column;gap:5px;font-size:11px}.inline-edit input,.inline-edit select,.inline-edit textarea{padding:9px}.button-small{padding:9px 12px;align-self:start}.delete-button{background:transparent;border:0;color:#8a3027;text-decoration:underline;font-size:11px;cursor:pointer;margin-top:10px}.enquiry-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.enquiry-list article{background:white;border:1px solid var(--line);padding:18px;overflow-wrap:anywhere}.enquiry-list p{font-size:12px}.enquiry-head{display:flex;justify-content:space-between;gap:12px}.enquiry-head span{font-size:10px;color:var(--muted)}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:55px}.hero h1{font-size:clamp(32px,5vw,48px)}.services-preview{grid-template-columns:1fr;gap:35px}.about-copy{padding:40px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:last-child{grid-column:1/-1}.contact-layout{gap:5%}.service-detail-copy h2{font-size:32px}}@media(max-width:640px){body{font-size:15px}.site-header{padding:15px 5% 15px 1%;gap:12px}.brand{width:220px;max-width:75%}.menu-toggle{display:block}.main-nav{display:none;position:absolute;z-index:20;top:75px;left:0;right:0;padding:20px 5%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:12px 0}.main-nav .nav-contact{padding:10px 12px;margin-top:8px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:48px 5% 35px;gap:28px}.hero h1{font-size:clamp(37px,10vw,50px)}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-image{height:auto;aspect-ratio:4/3}.section-intro{display:block;padding:48px 5% 22px}.section-intro-copy{margin-top:20px}.project-grid{grid-template-columns:1fr;gap:27px;padding:0 5% 55px}.home-projects .project-card:nth-child(n+4){display:none}.project-meta h3{font-size:14px}.about-band{grid-template-columns:1fr}.about-photo{min-height:0;aspect-ratio:4/3}.about-copy{padding:42px 5%}.about-copy h2{font-size:35px}.section{padding:58px 5%}.section-heading h2{font-size:36px}.service-list>a{grid-template-columns:25px 1fr 18px;gap:10px;padding:19px 0}.service-list h3{font-size:15px}.contact-cta{padding:68px 5%}.contact-cta h2{font-size:38px}.footer-top{grid-template-columns:1fr;gap:25px;padding-bottom:28px}.footer-top>div:last-child{grid-column:auto}.footer-bottom{flex-wrap:wrap;gap:10px}.footer-bottom span:nth-child(2){display:none}.page-hero{padding:55px 5% 35px}.page-hero h1{font-size:clamp(39px,10vw,54px)}.about-page{margin-bottom:0}.values-section>h2{font-size:35px}.value-grid{grid-template-columns:1fr;gap:12px;margin-top:30px}.value-grid article{padding-top:14px}.service-detail-list{padding:0 5%}.service-detail{grid-template-columns:1fr;gap:22px;padding:28px 0 40px}.service-detail:nth-child(even) .service-detail-image{order:0}.service-detail-copy h2{font-size:33px}.service-detail-image{aspect-ratio:4/3}.filters{padding:0 5%;display:grid;grid-template-columns:1fr;gap:12px}.filters label{justify-content:space-between}.filters select{flex:1;max-width:70%}.project-feature{padding:0 5%}.project-feature img{aspect-ratio:4/3}.contact-layout{grid-template-columns:1fr;gap:35px;padding:0 5% 65px}.contact-info h2{font-size:37px}.form-two{grid-template-columns:1fr}.login-wrap{padding:40px 5%}.admin-page{padding:35px 5% 65px}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:31px}.admin-heading .button{padding:10px}.admin-stats{gap:8px}.admin-stats>div{padding:12px}.admin-stats strong{font-size:23px}.admin-tabs{gap:13px;font-size:11px}.admin-project-list,.enquiry-list{grid-template-columns:1fr}.admin-form{padding:17px}.admin-project-main{padding:12px}.notice{padding:12px 5%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Admin clarity and visual image management */
.admin-page{max-width:1180px}
.admin-panel{clear:both;margin:28px 0 0;padding:30px;background:#fff;border:1px solid var(--line)}
.admin-panel>h2{margin:0 0 12px}
.admin-panel>.eyebrow{margin-bottom:8px}
.admin-panel .admin-muted{max-width:760px;line-height:1.7;margin:0 0 22px}
.admin-tabs{position:sticky;top:0;background:var(--paper);z-index:10;padding:14px 0;border-bottom:1px solid var(--line)}
.site-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}
.site-image-card{min-width:0;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column}
.site-image-preview{aspect-ratio:16/9;overflow:hidden;background:var(--stone)}
.site-image-preview img{width:100%;height:100%;object-fit:cover}
.site-image-card-body{padding:20px;display:flex;flex-direction:column;align-items:stretch;gap:10px}
.site-image-card-body h3{font-size:16px;line-height:1.4;margin:0}
.site-image-card-body p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;min-height:38px}
.site-image-card-body form{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:4px}
.site-image-card-body label{font-size:11px;display:flex;flex-direction:column;gap:8px}
.site-image-card-body input[type=file]{background:#fff;width:100%;font-size:11px}
.site-image-card-body small{font-size:10px;color:var(--muted)}
.site-image-card-body .button{align-self:flex-start}
.admin-form{display:flex;flex-direction:column;align-items:stretch;gap:18px}
.admin-form>label,.admin-form .form-two>label{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0}
.admin-form input,.admin-form textarea,.admin-form select{width:100%;min-width:0}
.admin-project-list{align-items:start}
.admin-project{min-width:0;overflow:hidden}
.admin-project-main{min-width:0}
.inline-edit{width:100%;min-width:0}
.inline-edit .form-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.inline-edit label{min-width:0}
.inline-edit input,.inline-edit select,.inline-edit textarea{width:100%;min-width:0}
.admin-stats>div{border:1px solid var(--line)}
#site-images,#pages,#projects,#enquiries{scroll-margin-top:75px}
@media(max-width:700px){.admin-panel{padding:18px 14px}.site-image-grid{grid-template-columns:1fr;gap:16px}.site-image-card-body{padding:15px}.admin-project-list,.enquiry-list{grid-template-columns:1fr}.inline-edit .form-two{grid-template-columns:1fr}.admin-tabs{gap:10px}.admin-tabs a{white-space:nowrap}}


/* Aloka Studio: pin the brand logo to the left edge of the header */
.site-header {
  display: flex !important;
  justify-content: flex-start !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.site-header .brand {
  margin-left: 0 !important;
  margin-right: auto !important;
  flex: 0 1 auto !important;
  justify-self: start !important;
  transform: none !important;
}
.site-header .brand img,
.site-header .brand .logo {
  display: block !important;
  margin-left: 0 !important;
}
.site-header .menu-toggle,
.site-header .nav-toggle,
.site-header button {
  margin-left: auto !important;
}
@media (max-width: 768px) {
  .site-header {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .site-header .brand {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}


/* Final header alignment: logo at viewport left, navigation centered on desktop */
.site-header {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  min-height: 84px;
  padding: 18px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.site-header > .brand {
  position: relative !important;
  left: 0 !important;
  margin: 0 auto 0 0 !important;
  flex: 0 0 220px !important;
  width: 220px !important;
  max-width: 30vw !important;
  transform: none !important;
}
.site-header > .main-nav {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  color: #000 !important;
}
.site-header > .main-nav a,
.site-header > .main-nav a:visited,
.site-header > .main-nav a:hover,
.site-header > .main-nav .nav-contact {
  color: #000 !important;
}
.site-header > .menu-toggle {
  margin-left: auto !important;
  color: #000 !important;
}
@media (max-width: 640px) {
  .site-header {
    min-height: 76px !important;
    padding: 14px 12px !important;
    justify-content: space-between !important;
  }
  .site-header > .brand {
    flex: 0 1 220px !important;
    width: 220px !important;
    max-width: calc(100% - 58px) !important;
    margin: 0 auto 0 0 !important;
  }
  .site-header > .main-nav {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    transform: none !important;
    display: none !important;
    color: #000 !important;
  }
  .site-header > .main-nav.is-open {
    display: flex !important;
  }
  .site-header > .main-nav a,
  .site-header > .main-nav .nav-contact {
    color: #000 !important;
  }
  .site-header > .menu-toggle {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
  }
}


/* Header refinement: larger desktop logo, more comfortable nav spacing, improved mobile logo sizing */
@media (min-width: 641px) {
  .site-header > .brand {
    flex: 0 0 280px !important;
    width: 280px !important;
    max-width: 32vw !important;
  }
  .site-header > .brand img,
  .site-header > .brand .logo {
    width: 100% !important;
    max-width: 280px !important;
    height: auto !important;
  }
  .site-header > .main-nav {
    gap: 34px !important;
    column-gap: 34px !important;
    white-space: nowrap !important;
  }
  .site-header > .main-nav a {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}
@media (max-width: 640px) {
  .site-header {
    min-height: 82px !important;
    padding: 12px 14px !important;
  }
  .site-header > .brand {
    flex: 0 1 250px !important;
    width: 250px !important;
    max-width: calc(100% - 64px) !important;
    min-width: 0 !important;
  }
  .site-header > .brand img,
  .site-header > .brand .logo {
    display: block !important;
    width: 100% !important;
    max-width: 250px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
  }
  .site-header > .menu-toggle {
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }
}


/* Targeted final header correction */
@media (min-width: 641px) {
  .site-header {
    padding: 14px 28px !important;
    min-height: 86px !important;
    display: flex !important;
    align-items: center !important;
  }
  .site-header > a.brand {
    display: block !important;
    position: relative !important;
    flex: 0 0 300px !important;
    width: 300px !important;
    max-width: 300px !important;
    margin: 0 auto 0 0 !important;
    padding: 0 !important;
  }
  .site-header > a.brand img {
    display: block !important;
    width: 300px !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  .site-header > nav.main-nav {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 48px !important;
    column-gap: 48px !important;
    white-space: nowrap !important;
  }
  .site-header > nav.main-nav a {
    color: #000 !important;
    margin: 0 !important;
    padding: 8px 0 !important;
  }
  .site-header > nav.main-nav .nav-contact {
    padding: 10px 16px !important;
    border-color: #000 !important;
  }
}
@media (max-width: 640px) {
  .site-header {
    position: relative !important;
    width: 100% !important;
    min-height: 88px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }
  .site-header > a.brand {
    display: block !important;
    position: relative !important;
    left: auto !important;
    flex: 0 1 220px !important;
    width: 220px !important;
    max-width: calc(100% - 66px) !important;
    margin: 0 auto 0 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
  .site-header > a.brand img {
    display: block !important;
    width: 220px !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
  }
  .site-header > button.menu-toggle {
    display: block !important;
    position: relative !important;
    right: auto !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    color: #000 !important;
  }
  .site-header > nav.main-nav {
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    transform: none !important;
    gap: 22px !important;
    background: var(--paper) !important;
  }
  .site-header > nav.main-nav a,
  .site-header > nav.main-nav .nav-contact {
    color: #000 !important;
  }
}


/* Correction: enlarge logo and space navigation without increasing header height */
@media (min-width: 641px) {
  .site-header {
    min-height: 0 !important;
    height: 70px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .site-header > a.brand {
    flex: 0 0 300px !important;
    width: 300px !important;
    max-width: 300px !important;
  }
  .site-header > a.brand img {
    width: 300px !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .site-header > nav.main-nav {
    gap: 48px !important;
    column-gap: 48px !important;
  }
}
@media (max-width: 640px) {
  .site-header {
    min-height: 76px !important;
    height: 76px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .site-header > a.brand {
    flex: 0 1 230px !important;
    width: 230px !important;
    max-width: calc(100% - 62px) !important;
  }
  .site-header > a.brand img {
    width: 230px !important;
    max-width: 100% !important;
    height: auto !important;
  }
}


/* Reduce logo size on desktop and mobile while preserving alignment and header height */
@media (min-width: 641px) {
  .site-header > a.brand {
    flex: 0 0 220px !important;
    width: 220px !important;
    max-width: 220px !important;
  }
  .site-header > a.brand img {
    width: 220px !important;
    max-width: 100% !important;
    height: auto !important;
  }
}
@media (max-width: 640px) {
  .site-header > a.brand {
    flex: 0 1 175px !important;
    width: 175px !important;
    max-width: calc(100% - 62px) !important;
  }
  .site-header > a.brand img {
    width: 175px !important;
    max-width: 100% !important;
    height: auto !important;
  }
}