/* ===================
   CSS RESET / NORMALIZE
   =================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{
  display:block;}
body{
  line-height:1.5;
  background:#F6F2EA;
  color:#464646;
  font-family:'Roboto',Arial,sans-serif;
  min-height:100vh;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  position:relative;
}
img{
  max-width:100%;height:auto;display:block;border:none;}
ul,ol{list-style:none;}
a{
  color:inherit;
  text-decoration:none;
  transition:color .2s;
  cursor:pointer;
}
button,input,textarea,select{
  font:inherit;
  outline:none;
  border:none;
}

/* ===================
   BRAND COLORS & THEME VARIABLES
   =================== */
:root {
  --color-primary: #464646;
  --color-secondary: #C1A873;
  --color-accent: #F6F2EA;
  --color-white: #fff;
  --color-black: #222;
  --color-grey: #909090;
  --color-card-bg: #fffafb;
  --color-shadow:rgba(40,30,20,0.09);
  --color-focus: #D0AF60;
}

/* ===================
   TYPOGRAPHY
   =================== */
h1,h2,h3,h4,h5,h6{
  font-family:'Montserrat',Arial,sans-serif;
  font-weight:700;
  letter-spacing: 0.01em;
  line-height:1.16;
  color:var(--color-primary);
}
h1{
  font-size:2.3rem;
  margin-bottom:24px;
}
h2{
  font-size:1.7rem;
  margin-bottom:18px;
}
h3{
  font-size:1.2rem;
  margin-bottom:12px;
  color:var(--color-secondary);
  font-family:'Montserrat',Arial,sans-serif;
}
body,p,li,span,div,label{
  font-family:'Roboto',Arial,sans-serif;
  color:var(--color-primary);
  font-weight:400;
}
strong {
  font-weight:700;
  color:var(--color-primary);
}
p{
  font-size:1rem;
  margin-bottom:14px;
}
/* Artistic twist for creative feel */
h1, h2, h3 {
  text-shadow:1px 1px 0 var(--color-accent), 0 2px 16px rgba(230,188,70,0.07);
}
blockquote {
  font-style:italic;
  border-left:4px solid var(--color-secondary);
  margin:18px 0;
  padding:8px 18px;
  background:rgba(247,238,215,0.5);
}

/* ===================
   GENERAL LAYOUT
   =================== */
.container {
  width:100%;
  max-width:1220px;
  margin:0 auto;
  padding:0 20px;
}
.content-wrapper{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:24px;
}
@media (min-width: 900px) {
  .content-wrapper{
    gap:32px;
  }
}
.section {
  margin-bottom:60px;
  padding:40px 20px;
  background:transparent;
  border-radius:24px;
  box-shadow:0 2px 22px -6px var(--color-shadow);
  position:relative;
}
.main-nav, .footer-nav {
  display:flex;
  flex-direction:row;
  gap:24px;
  align-items:center;
}
.footer-nav {
  flex-wrap:wrap;
  gap:16px;
  margin-bottom:16px;
}
@media (max-width:900px) {
  .main-nav {
    gap:12px;
  }
}

/* Flex Utilities & Patterns */
.card-container {
  display:flex;
  flex-wrap:wrap;
  gap:24px;
}
.card {
  margin-bottom:20px;
  position:relative;
  background:var(--color-card-bg);
  border-radius:19px;
  box-shadow:0 2px 18px -5px var(--color-shadow);
  padding:28px 24px;
}
.content-grid {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  justify-content:space-between;
}
.text-image-section {
  display:flex;
  align-items:center;
  gap:30px;
  flex-wrap:wrap;
}
.testimonial-card {
  display:flex;
  align-items:center;
  gap:20px;
  padding:20px;
  min-width:240px;
  background:var(--color-accent);
  border-radius:20px;
  box-shadow:0 2px 12px 0 var(--color-shadow);
  margin-bottom:20px;
  transition:box-shadow .22s, transform .22s;
}
.testimonial-card:hover{
  box-shadow:0 4px 21px -7px var(--color-secondary);
  transform:translateY(-2px) scale(1.017);
}
.feature-item {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:15px;
}

ul,ol{padding-left:0;}

/* ===================
   HEADER & NAVIGATION
   =================== */
header{
  width:100%;
  background:var(--color-accent);
  border-bottom:2px solid #ece8da;
  z-index:99;
}
header .container{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  padding:20px 24px;
  gap:18px;
  position:relative;
}
header img{max-height:54px;}
.main-nav a {
  font-family:'Montserrat',Arial,sans-serif;
  padding:6px 13px;
  border-radius:10px;
  font-size:1.03rem;
  font-weight:600;
  color:var(--color-primary);
  transition:background .16s, color .20s;
}
.main-nav a:hover,
.main-nav a:focus {
  background:var(--color-secondary);
  color:var(--color-white);
}
.btn-primary {
  background:var(--color-secondary);
  color:var(--color-accent) !important;
  border-radius:13px;
  font-family:'Montserrat',Arial,sans-serif;
  font-weight:700;
  font-size:1.03rem;
  padding:11px 27px;
  box-shadow:0 2px 14px -4px var(--color-shadow);
  letter-spacing:0.03em;
  transition:background .18s, color .22s, box-shadow .21s, transform .13s;
  border:none;
  cursor:pointer;
  outline:none;
  margin-left:5px;
  margin-top:0;
  display:inline-block;
  position:relative;
}
.btn-primary:hover, .btn-primary:focus {
  background:var(--color-primary);
  color:var(--color-accent) !important;
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 6px 24px -6px var(--color-secondary);
}
.btn-link {
  color:var(--color-secondary);
  font-family:'Montserrat',Arial,sans-serif;
  font-size:1.05rem;
  padding:3px 6px;
  border-bottom:2px dotted var(--color-secondary);
  transition:color .2s, border-color .2s;
  background:none;
  border-radius:5px;
}
.btn-link:hover, .btn-link:focus {
  color:var(--color-primary);
  border-color:var(--color-primary);
  background-color:rgba(193,168,115,.06);
}
.mobile-menu-toggle{
  background:var(--color-secondary);
  color:var(--color-accent);
  border:none;
  border-radius:9px;
  font-size:2.1rem;
  padding:5px 15px;
  cursor:pointer;
  margin-left:15px;
  display:none;
  z-index:203;
  transition:background .15s,color .13s, box-shadow .14s;
}
.mobile-menu-toggle:focus,
.mobile-menu-toggle:hover{
  background:var(--color-primary);
  color:var(--color-accent);
  box-shadow:0 2px 12px 0 var(--color-shadow);
}

/* ==========
   MOBILE MENU
   ========== */
.mobile-menu {
  position:fixed;
  top:0; left:0; width:100vw; height:100vh;
  background:rgba(246,242,234,0.97);
  box-shadow:0 12px 40px -8px var(--color-secondary);
  transform:translateX(-100%);
  opacity:0;
  transition:transform .38s cubic-bezier(.77,-0.01, .19,1.10),opacity .21s;
  z-index:400;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:38px 25px 28px 25px;
  pointer-events:none;
}
.mobile-menu.open {
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
  box-shadow:0 10px 50px -6px var(--color-primary);
}
.mobile-menu-close {
  background:none;
  color:var(--color-secondary);
  font-size:2.5rem;
  border:none;
  align-self:flex-end;
  margin-bottom:16px;
  cursor:pointer;
  padding:6px 15px;
  border-radius:8px;
  transition:background .13s,color .16s;
}
.mobile-menu-close:hover, .mobile-menu-close:focus {
  background:var(--color-secondary);
  color:var(--color-accent);
}
.mobile-nav {
  display:flex;
  flex-direction:column;
  gap:25px;
  width:100%;
  align-items:flex-start;
  margin-top:10px;
}
.mobile-nav a {
  font-family:'Montserrat',Arial,sans-serif;
  font-size:1.27rem;
  color:var(--color-primary);
  padding:9px 7px;
  border-radius:8px;
  width:100%;
  display:block;
  transition:background .14s, color .15s;
  font-weight:600;
}
.mobile-nav a:hover,
.mobile-nav a:focus {
  background:var(--color-secondary);
  color:var(--color-accent);
}
@media (max-width: 1050px) {
  .main-nav{
    display:none;
  }
  .mobile-menu-toggle{
    display:block;
  }
}
@media (min-width: 1051px) {
  .mobile-menu {display:none !important;}
}

/* ===================
   HERO, FEATURES, SECTION LAYOUTS
   =================== */
.hero {
  background:var(--color-accent);
  min-height:52vh;
  padding:54px 0 34px 0;
  display:flex;
  align-items:center;
  border-radius:0 0 32px 32px;
  box-shadow:0 4px 32px -13px var(--color-shadow);
}
.hero .content-wrapper {
  align-items:flex-start;
  gap:22px;
}
.features {
  background:var(--color-card-bg);
  padding:45px 0 30px 0;
  border-radius:24px;
}
.features .feature-grid {
  display:flex;
  flex-wrap:wrap;
  gap:32px;
  align-items:stretch;
  margin-top:12px;
}
.features .feature-grid > div {
  flex:1 1 240px;
  background:var(--color-accent);
  border-radius:17px;
  padding:26px 19px;
  box-shadow:0 2px 14px -5px var(--color-shadow);
  min-width:220px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:9px;
  transition:box-shadow .19s, transform .17s;
  margin-bottom:20px;
}
.features .feature-grid > div:hover {
  box-shadow:0 6px 28px -13px var(--color-secondary);
  transform:translateY(-3px) scale(1.016);
}
@media (max-width:800px) {
  .features .feature-grid {
    flex-direction:column;
    gap:20px;
  }
}
.about-short, .services-short, .cta, .contact-cta, .how-we-work, .project-highlights, .articles {
  background:var(--color-card-bg);
  margin-bottom:60px;
  padding:40px 20px;
  border-radius:23px;
  box-shadow:0 2px 15px -7px var(--color-shadow);
}
.about-short ul, .services-short ul, .how-we-work ol, .trends-tips ul {
  margin-top:18px;
  margin-bottom:18px;
  gap:13px;
  display:flex;
  flex-direction:column;
}
.about-short ul li::marker, .services-short ul li::marker {
  content:'';
}
.services-short ul li, .about-short ul li{
  display:flex;
  align-items:center;
  gap:14px;
}
.services-short ul li img{
  margin-right:6px;
  flex-shrink:0;
}

/* ===================
   TESTIMONIALS
   =================== */
.testimonials {
  background:var(--color-accent);
  border-radius:23px;
  margin-bottom:60px;
  padding:40px 20px;
  box-shadow:0 2px 15px -7px var(--color-shadow);
}
.testimonials .content-wrapper {
  display:flex;
  gap:24px;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
}
@media (max-width:900px) {
  .testimonials .content-wrapper {
    flex-direction:column;
    gap:20px;
  }
}
.testimonial-card {
  background:var(--color-card-bg);
  color:var(--color-primary);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  flex:1 1 270px;
  box-shadow:0 2px 12px 0 var(--color-shadow);
  border-radius:20px;
  padding:21px 22px;
  margin-bottom:20px;
}
.testimonial-card span{
  font-family:'Montserrat', Arial, sans-serif;
  color:var(--color-secondary);
  font-size:1.01rem;
  font-style:italic;
  font-weight:600;
  margin-top:7px;
}
.testimonial-card p{
  color:var(--color-primary);
  margin-bottom:0;
}
/* Ensure contrast in testimonial sections */
.testimonials h2{
  color:var(--color-primary);
}

/* ===================
   FOOTER
   =================== */
footer {
  background:var(--color-accent);
  margin-top:50px;
  padding:38px 0 22px 0;
  border-radius:33px 33px 0 0;
  box-shadow:0 -3px 24px -8px var(--color-shadow);
  font-size:1rem;
}
footer .container {
  display:flex;
  flex-wrap:wrap;
  gap:30px;
  flex-direction:row;
  align-items:flex-start;
  justify-content:space-between;
}
.footer-nav {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.footer-nav a {
  color:var(--color-primary);
  font-size:1.01rem;
  font-family:'Montserrat',Arial,sans-serif;
  transition:color .14s, border-color .13s;
  padding:2px 4px;
  border-radius:5px;
}
.footer-nav a:hover, .footer-nav a:focus {
  color:var(--color-secondary);
  background:#fbeee2;
}
.mini-address, .footer-contact, .footer-social, .newsletter-signup {
  display:flex;
  align-items:center;
  gap:9px;
}
.mini-address img {
  max-height:34px;
  margin-right:8px;
}
.footer-social a img {
  width:28px; height:28px;
  filter:grayscale(0.22);
  margin-right:7px;
  transition:filter .16s;
}
.footer-social a:hover img {
  filter:brightness(1.35) grayscale(0);
}
.newsletter-signup{
  margin-top:10px;
  font-family:'Montserrat',Arial,sans-serif;
  color:var(--color-grey);
}

@media (max-width: 900px) {
  footer .container {
    flex-direction:column;
    gap:15px;
    align-items:flex-start;
  }
}

/* ===============
   BLOG ENTRIES & PROJECTS
   =============== */
.articles .content-wrapper,
.project-highlights .content-wrapper,
.values .content-wrapper {
  display:flex;
  flex-wrap:wrap;
  gap:28px;
  justify-content:space-between;
}
.articles .content-wrapper article {
  background:var(--color-card-bg);
  border-radius:16px;
  box-shadow:0 2px 16px -6px var(--color-shadow);
  padding:24px 17px 19px 17px;
  max-width:325px;
  min-width:240px;
  flex:1 1 240px;
  transition:box-shadow .17s, transform .12s;
  margin-bottom:20px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.articles .content-wrapper article:hover {
  box-shadow:0 6px 23px -9px var(--color-secondary);
  transform:translateY(-3px) scale(1.014);
}
.project-highlights .content-wrapper > div {
  background:var(--color-accent);
  border-radius:15px;
  box-shadow:0 2px 14px -6px var(--color-shadow);
  padding:20px 17px;
  flex:1 1 260px;
  min-width:220px;
  margin-bottom:20px;
}
.values .content-wrapper > div {
  background:var(--color-card-bg);
  border-radius:17px;
  box-shadow:0 2px 14px -4px var(--color-shadow);
  padding:18px 16px 18px 16px;
  min-width:192px;
  flex:1 1 210px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  margin-bottom:20px;
}
.values .content-wrapper > div img {
  height:36px;
}

@media (max-width: 1000px) {
  .articles .content-wrapper,
  .project-highlights .content-wrapper,
  .values .content-wrapper {
    flex-direction:column;
    gap:22px;
  }
}

/* ================
  CONTACT PAGE INFOS
  ================*/
.contact-info .content-wrapper > div {
  display:flex; flex-direction:row; gap:12px; align-items:center;
  background:var(--color-card-bg);
  border-radius:13px;
  margin-bottom:13px;
  padding:9px 15px;
  font-size:1.02rem;
  box-shadow:0 1px 9px -5px var(--color-shadow);
  min-width:170px;
}
.contact-info .content-wrapper > a {
  margin-top:17px;
}

/* ===============
   LEGAL PAGES
   =============== */
.legal {
  background:var(--color-card-bg);
  border-radius:24px;
  margin-bottom:60px;
  padding:40px 22px;
  box-shadow:0 2px 18px -7px var(--color-shadow);
}
.legal .content-wrapper {
  max-width:850px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:24px;
}
.legal ul {
  margin-left:0;
  padding-left:18px;
  list-style:disc inside;
  gap:6px;
}
.legal h1, .legal h2 {
  color:var(--color-secondary);
  text-shadow:none;
}

/* ===============
   ARTISTIC ELEMENTS
   =============== */
/* Hand-drawn border effect for cards */
.card, .features .feature-grid > div, .values .content-wrapper > div, .articles .content-wrapper article,
.project-highlights .content-wrapper > div, .testimonial-card {
  border:2px solid transparent;
  box-shadow:none;
  border-radius:21px;
  position:relative;
}
.card::before, .features .feature-grid > div::before, .values .content-wrapper > div::before, .testimonial-card::before,
.articles .content-wrapper article::before, .project-highlights .content-wrapper > div::before{
  content: '';
  position: absolute;
  top:6px;left:7px;right:5px;bottom:6px;
  border-radius:19px;
  border:2px dashed var(--color-secondary);
  opacity:0.18;
  pointer-events:none;
  z-index:1;
}
/* Add splashes of color */
.section, .about-short, .services-short, .how-we-work, .cta, .contact-cta, .project-highlights, .articles {
  background:linear-gradient(120deg, rgba(193,168,115,0.03) 1%,rgba(246,242,234,.96) 99%);
}
@media (max-width: 700px) {
  .section, .about-short, .services-short, .how-we-work, .cta, .contact-cta {
    padding:22px 3vw;
    border-radius:18px;
  }
}

/* ============================
    RESPONSIVE & ACCESSIBILITY
   ============================ */
@media (max-width: 768px) {
  .content-wrapper, .testimonials .content-wrapper, .articles .content-wrapper, .values .content-wrapper, .project-highlights .content-wrapper {
    flex-direction:column;
    gap:18px;
  }
  .text-image-section {
    flex-direction:column;
    gap:18px;
  }
  .features .feature-grid {
    flex-direction:column;
    gap:18px;
  }
  .main-nav{
    display:none;
  }
  .hero {
    padding:30px 0 14px 0;
    min-height:40vh;
    border-radius:0 0 15px 15px;
  }
  header .container{
    flex-direction:row;
    padding:14px 8px;
  }
  h1{font-size:1.28rem;}
  h2{font-size:1.04rem;}
}

/* ===============
   ANIMATIONS & TRANSITIONS
   =============== */
a, button, .btn-primary, .card, .testimonial-card, .main-nav a, .footer-nav a, .btn-link, .features .feature-grid > div, .articles .content-wrapper article {
  transition:background .17s, color .18s, transform .12s, box-shadow .16s;
}

@media (hover: none) {
  .btn-primary:active, .features .feature-grid > div:active, .testimonial-card:active, .card:active {
    transform:scale(.98);
  }
}

/* ===============
   COOKIE BANNER
   =============== */
.cookie-banner {
  position:fixed;
  left:0; right:0; bottom:0;
  width:100vw;
  background:var(--color-secondary);
  color:var(--color-accent);
  display:flex;
  flex-direction:row;
  gap:30px;
  align-items:center;
  justify-content:space-between;
  padding:22px 5vw 19px 4vw;
  z-index:9000;
  font-size:1rem;
  box-shadow:0 -3px 21px -2px var(--color-shadow);
  border-radius:17px 17px 0 0;
  animation:cbounce .7s cubic-bezier(.44,1.57,.53,.76);
  transition:transform .33s,opacity .21s;
}
@keyframes cbounce {0%{transform:translateY(54px);opacity:0;} 60%{transform:translateY(-8px);} 100%{transform:translateY(0);opacity:1;} }
.cookie-banner p{
  color:var(--color-accent);
  margin-bottom:0;margin-right:13px;
}
.cookie-banner .cookie-actions{
  display:flex; flex-direction:row; gap:13px; align-items:center;
  flex-shrink:0;
}
.cookie-btn{
  font-family:'Montserrat',Arial,sans-serif;
  font-size:1rem;
  border-radius:9px;
  padding:7px 20px;
  border:none;
  cursor:pointer;
  font-weight:600;
  transition:background .2s, color .18s, box-shadow .15s, transform .14s;
  margin-left:4px;
}
.cookie-btn.accept{
  background:var(--color-primary); color:var(--color-accent); border:2px solid var(--color-primary); }
.cookie-btn.reject{
  background:var(--color-accent); color:var(--color-primary); border:2px solid var(--color-primary); }
.cookie-btn.settings{
  background:none; color:var(--color-accent); border:2px solid var(--color-accent); }
.cookie-btn:hover, .cookie-btn:focus{
  background:var(--color-white); color:var(--color-secondary); border-color:var(--color-secondary); transform:translateY(-2px) scale(1.04); }

@media (max-width: 650px) {
  .cookie-banner {
    flex-direction:column;
    padding:17px 9px 17px 11px;
    gap:13px;
    font-size:.97rem;
    text-align:left;
  }
  .cookie-banner .cookie-actions{
    width:100%; justify-content:flex-end;gap:9px;
  }
}

/* ===== COOKIE MODAL ===== */
.cookie-modal {
  position:fixed; left:0; top:0; width:100vw; height:100vh;
  background:rgba(246,242,234,0.92);
  display:flex; align-items:center; justify-content:center;
  z-index:9500;
  opacity:0; pointer-events:none;
  transition:opacity .18s;
}
.cookie-modal.show{ opacity:1; pointer-events:auto; }
.cookie-modal .modal-content{
  background:var(--color-card-bg);
  color:var(--color-primary);
  border-radius:19px;
  box-shadow:0 6px 34px -8px var(--color-shadow), 0 0 1px 0 #ddd;
  min-width:312px;
  max-width:99vw;
  padding:35px 32px 27px 32px;
  display:flex;
  flex-direction:column;
  gap:17px;
  font-size:1.09rem;
  position:relative;
  animation:fadeIn .29s cubic-bezier(.16,.82,.51,1.14);
}
@keyframes fadeIn { 0%{transform:scale(.92);opacity:0;} 100%{transform:scale(1);opacity:1;} }
.cookie-modal .modal-header{
  font-family:'Montserrat',Arial,sans-serif; font-weight:700; font-size:1.15rem; margin-bottom:7px;
}
.cookie-modal .close-modal{
  position:absolute;top:6px;right:8px; z-index:10;
  background:transparent;
  border:none;
  font-size:2rem;
  color:var(--color-secondary);
  border-radius:7px;
  padding:7px 12px;
  cursor:pointer;
  transition:background .16s, color .17s;
}
.cookie-modal .close-modal:hover{
  background:var(--color-secondary);
  color:var(--color-accent);
}
.cookie-modal label.switch {
  display:flex;gap:10px;align-items:center;cursor:pointer;}
.cookie-modal .switch input[type="checkbox"]{
  width:0;height:0;opacity:0;position:absolute;}
.cookie-modal .switch .slider{
  width:36px;height:19px;background:var(--color-grey);border-radius:17px;position:relative;transition:background .13s;}
.cookie-modal .switch .slider::before{
  content:'';position:absolute;left:2px;top:2px;height:15px;width:15px;background:var(--color-white);border-radius:50%;transition:transform .19s;}
.cookie-modal .switch input:checked + .slider{background:var(--color-secondary);}
.cookie-modal .switch input:checked + .slider::before{transform:translateX(17px); }
.cookie-modal .category-desc{
  color:var(--color-grey);font-size:.97em;margin-left:9px;margin-bottom:0;}
.cookie-modal .always-on{color:var(--color-secondary);font-weight:700;margin-left:7px;font-size:.98em;}
.cookie-modal .modal-actions{
  display:flex;flex-direction:row;gap:11px;margin-top:5px;}
@media (max-width:550px) {
  .cookie-modal .modal-content{padding:18px 5vw;min-width:auto;width:100vw;max-width:99vw;}
  .cookie-modal .modal-header{font-size:1.05rem;}
}

/* ===================
   MISC
   =================== */
::-webkit-scrollbar { width: 9px; background: #F6F2EA;}
::-webkit-scrollbar-thumb { background: #deb355; border-radius: 9px;}

@media (max-width: 600px) {
  .container { padding-left:9px;padding-right:9px;}
  .hero, .features,.about-short,.services-short,.cta,.contact-cta,.testimonials, .legal {
    padding-left:3vw;padding-right:3vw;
  }
}

/* Artistic Font Fallbacks */
@font-face {
  font-family:'Montserrat';
  font-display:swap;
  src:local('Montserrat'),local('Montserrat-Regular'),url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
}
@font-face {
  font-family:'Roboto';
  font-display:swap;
  src:local('Roboto'),local('Roboto-Regular'),url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
}

/* ===================
   END OF CSS FILE
   =================== */