/* Mulberry Lane Creative */
*{box-sizing:border-box}
body{margin:0;background:#ffffff;color:#000000;font-family:'Inter',Arial,sans-serif}
img{max-width:none}
a{color:inherit;text-decoration:none}
a:hover{color:#ff6a33}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* responsive overrides (base styling is inline, desktop-first per Figma Desktop frame) */
@media (max-width:1279px){
  #hero-lockup{position:static !important;justify-content:center;padding:29px 20px}
  #intro-text{position:static !important;width:auto !important;max-width:740px;padding:51px 20px 0;margin:0 auto !important}
  #intro-sec,#services-sec,#ourwork-sec,#team-sec{height:auto !important}
  #services-row{position:static !important;padding:38px 20px;flex-wrap:wrap}
  #macbook{left:auto !important;right:-40px}
  #ourwork-row{position:static !important;padding:88px 20px;flex-wrap:wrap}
  #chair{left:auto !important;right:-220px}
}
@media (max-width:719px){
  #hero-lockup img{width:100px !important}
  #hero-lockup>div{gap:12px !important}
  #wordmark{font-size:44px !important;line-height:38px !important}
  #intro-text{font-size:23px !important;line-height:1.27 !important;padding:25px 20px 0}
  #intro-sec{padding-bottom:25px !important}
  #services-row{flex-direction:column;gap:27px !important;padding:40px 20px}
  #services-row a{font-size:42.89px !important;line-height:.8 !important}
  #macbook{width:326px !important;height:359px !important;right:-110px}
  #ourwork-row{flex-direction:column;gap:32px !important;padding:30px 20px}
  #view-our-work{color:#ffffff;font-weight:400 !important;font-size:40px !important;line-height:.97 !important;order:-1}
  #team-inner{width:auto !important}
  #team-inner>div{flex-direction:column}
  #chair{right:-300px;top:-150px !important}
  #contact-row{flex-direction:column;align-items:center;gap:32px !important}
  #contact-row>div:first-child{width:auto !important;align-items:center}
  #contact-heading{font-size:43.16px !important;text-align:center}
  #membership-img{width:327px !important;height:23px !important}
  #memberships-sec{height:80px !important}
  #footer-line{font-size:10px !important;padding:0 16px}
}
.work-tile{width:461.25px;height:446px;flex:none;background-position:center;background-size:cover;background-repeat:no-repeat}
.hv1:hover{color:#000000 !important}
.hv2:hover{background:#e2551f !important;color:#ffffff !important}
/* layout switch: dedicated phone layout under 720px */
.layout-mobile{display:none}
@media (max-width:719px){.layout-desktop{display:none}.layout-mobile{display:block}}
@media (prefers-reduced-motion:reduce){[style*="animation:marquee"]{animation:none !important}}

/* tablet widths: decorative MacBook and chair would sit on top of the text, so hide them */
@media (min-width:720px) and (max-width:1279px){#macbook,#chair{display:none !important}}