body{margin:0;font-family:"Newsreader",Georgia,"Times New Roman",serif;color:#1A1A18;background:#D9D6CF}
a{color:#1A1A18}a:hover{color:#1F45C8}
.disp{font-family:"Archivo","Helvetica Neue",Helvetica,sans-serif;font-stretch:125%}
.ui{font-family:"Archivo","Helvetica Neue",Helvetica,sans-serif;font-stretch:100%}
.door{background-color:#1A1A18;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,0.045) 0px,rgba(255,255,255,0.045) 2px,transparent 2px,transparent 34px)}
.rise{animation:rise 900ms cubic-bezier(.2,.7,.2,1) both}
.rise2{animation:rise 900ms 140ms cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion: reduce){.rise,.rise2{animation:none}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1F45C8;outline-offset:3px}

/* Keep the exported desktop layout; adapt only the parts that need to reflow. */
[hidden]{display:none!important}
input,select,textarea{box-sizing:border-box;min-width:0;width:100%}
.site-container>*{min-width:0}
.skip-link{position:absolute;top:12px;left:12px;z-index:10;padding:12px 18px;background:#EFECE6;transform:translateY(-180%)}
.skip-link:focus{transform:none}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1100ms ease-in-out}
.hero-slide.is-active{opacity:1}
.slideshow-controls{flex-wrap:wrap}
.slide-dot{width:44px;height:44px;padding:0;border:0;border-radius:2px;cursor:pointer;color:#8E8A82;background:linear-gradient(currentColor,currentColor) center / 28px 4px no-repeat;-webkit-tap-highlight-color:transparent}
.slide-dot[aria-pressed="true"]{color:#EFECE6}
.slideshow-toggle{min-height:44px;padding:8px 12px;border:1px solid #8E8A82;border-radius:2px;background:transparent;color:#EFECE6;font:inherit;font-size:14px;cursor:pointer}
.slideshow-toggle:disabled{cursor:default}
.slideshow-controls button:focus-visible{outline-color:#EFECE6}
.enquiry-panel>button:disabled{cursor:not-allowed!important;opacity:.65}

@media (max-width:1100px){
  .site-header-inner{flex-wrap:wrap;gap:20px!important}
  .site-header-inner nav{flex-wrap:wrap;gap:16px 28px!important}
  .hero-title{font-size:clamp(34px,8.6vw,94px)!important}
  .hero-tagline{font-size:clamp(26px,3.5vw,40px)!important}
  .section-heading{align-items:flex-start!important;flex-direction:column;gap:24px!important}
  .practice-row{grid-template-columns:1fr 1.5fr!important;gap:24px!important}
  .practice-row>h3{grid-row:span 2;font-size:30px!important}
  .contact-layout{grid-template-columns:1fr!important;gap:40px!important}
  .recognition-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .house-card{padding:32px!important}
  .house-card h3{font-size:32px!important}
  .site-footer-inner{flex-wrap:wrap}
}

@media (max-width:700px){
  .site-container{padding:64px 20px!important;gap:36px!important}
  .site-header-inner{padding:20px!important;gap:20px!important}
  .site-header-inner>a{font-size:18px!important}
  .site-header-inner nav{width:100%;gap:12px 20px!important;font-size:14px!important}
  .site-header-inner nav>a{display:flex;align-items:center;min-height:44px}
  .site-header-inner nav>a:last-child{box-sizing:border-box;padding:10px 14px!important}
  .hero-content{padding-top:72px!important}
  .hero-content>div:first-child{gap:24px!important;font-size:14px!important}
  .hero-facts{grid-template-columns:1fr!important;gap:18px!important;margin-top:16px!important}
  .site-container h2{font-size:clamp(34px,7vw,44px)!important}
  .practice-row,.houses-grid,.benefits-grid,.form-row{grid-template-columns:1fr!important;gap:24px!important}
  .practice-row>h3{grid-row:auto}
  .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 20px!important}
  .recognition-grid{gap:28px 20px!important}
  .house-card,.enquiry-panel{padding:24px!important}
  .contact-layout a{overflow-wrap:anywhere}
  .site-footer-inner{padding:32px 20px!important;gap:24px!important}
}

@media (max-width:420px){
  .work-grid,.recognition-grid{grid-template-columns:1fr!important}
}

@media (prefers-reduced-motion:reduce){
  .hero-slide{transition:none}
}