/*
Theme Name: Cultura del Gusto
Theme URI: https://culturadelgusto.com
Author: Cultura del Gusto Coffee Solutions
Description: Tema WordPress custom one-page per Cultura del Gusto Coffee Solutions.
Version: 1.1.0
Text Domain: cultura-del-gusto
*/

:root{
  --bg:#f6f2eb;
  --paper:#fff;
  --cream:#ece2d3;
  --gold:#ba8435;
  --gold-dark:#8d5d1f;
  --coffee:#39231c;
  --dark:#17120f;
  --text:#4f4742;
  --muted:#817873;
  --line:#ded3c5;
  --white:#fff;
  --shadow-sm:0 12px 30px rgba(30,20,15,.08);
  --shadow:0 24px 70px rgba(30,20,15,.14);
  --radius:24px;
  --radius-sm:14px;
  --font-main:"Outfit",Arial,sans-serif;
}

/* RESET E COMPATIBILITÀ WORDPRESS */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{
  margin:0!important;
  overflow-x:hidden;
  background:var(--bg);
  color:var(--dark);
  font-family:var(--font-main);
  font-size:16px;
  font-weight:400;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.cdg-theme{margin:0!important}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.cdg-header,.cdg-footer,main{width:100%}
.cdg-header *,.cdg-footer *,main *{box-sizing:border-box}
.admin-bar .cdg-header{top:32px}
@media(max-width:782px){.admin-bar .cdg-header{top:46px}}

.container{
  width:min(1240px,calc(100% - 40px));
  margin-inline:auto;
}
.section{padding:112px 0}
.section-head{max-width:760px;margin:0 auto 58px;text-align:center}

h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3{
  margin-bottom:20px;
  font-family:var(--font-main);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.045em;
}
h1{font-size:clamp(52px,4.2vw,94px)}
h2{font-size:clamp(38px,4vw,62px)}
h3{font-size:28px;letter-spacing:-.03em}
h4{font-size:17px}
p{margin-bottom:20px}
.lead{font-size:19px;line-height:1.7;color:var(--text)}
.eyebrow{
  display:inline-block;
  margin-bottom:18px;
  color:var(--gold-dark);
  font-size:16px;
  font-weight:400;
  letter-spacing:.2em;
  text-transform:uppercase;
}

/* BOTTONI */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:13px 20px;
  border:1px solid var(--gold);
  border-radius:10px;
  background:var(--gold);
  color:#fff;
  font-size:16px;
  font-weight:700;
  letter-spacing:.015em;
  box-shadow:0 8px 20px rgba(186,132,53,.18);
  transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.btn:hover,.btn:focus-visible{
  transform:translateY(-2px);
  background:var(--gold-dark);
  border-color:var(--gold-dark);
  box-shadow:0 12px 28px rgba(141,93,31,.24);
}
.btn-outline{background:transparent;color:var(--gold-dark);box-shadow:none}
.btn-outline:hover,.btn-outline:focus-visible{color:#fff}

/* HEADER */
.cdg-header{
  position:sticky;
  top:0;
  z-index:999;
  background:rgba(255,255,255,.93);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(57,35,28,.08);
  box-shadow:0 5px 25px rgba(30,20,15,.04);
}
.header-inner{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.brand-mark{
  width:50px;
  height:56px;
  display:grid;
  place-items:center;
  border:1.5px solid var(--gold);
  border-radius:15px 6px 15px 6px;
  color:var(--coffee);
  font-size:24px;
  line-height:1;
}
.brand-name{
  display:block;
  font-size:23px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
}
.brand-sub{
  display:block;
  margin-top:6px;
  color:var(--gold-dark);
  font-size:8px;
  font-weight:700;
  letter-spacing:.27em;
  text-transform:uppercase;
}
.cdg-nav{display:flex;align-items:center;gap:28px}
.cdg-nav>a:not(.btn){
  position:relative;
  padding:12px 0;
  color:#29221f;
  font-size:16px;
  transition:color .25s ease;
}
.cdg-nav>a:not(.btn)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:5px;
  height:2px;
  border-radius:999px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}
.cdg-nav>a:not(.btn):hover,
.cdg-nav>a:not(.btn):focus-visible{color:var(--gold-dark)}
.cdg-nav>a:not(.btn):hover::after,
.cdg-nav>a:not(.btn):focus-visible::after{transform:scaleX(1)}
.menu-btn{
  display:none;
  border:0;
  background:transparent;
  color:var(--dark);
  font-size:24px;
}

/* SOCIAL ICON */
.header-social{
    display:flex;
    align-items:center;
    gap:12px;
    margin-left:10px;
}

.header-social a{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#666;
    transition:.25s;

}

.header-social a:hover{
    color:var(--color-primary);
    transform:translateY(-2px);
}

.header-social svg{
    width:20px;
    height:20px;
    fill:black;
}

.header-cta{
    margin-left:10px;
}

/* HERO */
.hero{
  position:relative;
  overflow:hidden;
  padding:82px 0 94px;
  background:
    radial-gradient(circle at 4% 15%,rgba(186,132,53,.11),transparent 26%),
    linear-gradient(135deg,#fff 0%,#f1e9dd 100%);
}
.hero::before{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  left:-260px;
  top:90px;
  border:1px solid rgba(186,132,53,.2);
  border-radius:48%;
}
.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}
.hero-copy{position:relative;z-index:2}
.hero-copy h1{max-width:660px}
.hero-copy .lead{max-width:590px;font-size:20px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.hero-media{position:relative}
.hero-frame{
  position:absolute;
  right:-20px;
  top:-22px;
  width:90%;
  height:95%;
  border:1.5px solid var(--gold);
  border-radius:58px 14px 58px 14px;
}
.hero-media img{
  position:relative;
  z-index:2;
  width:100%;
  height:620px;
  object-fit:cover;
  border-radius:58px 14px 58px 14px;
  box-shadow:var(--shadow);
}
.channel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:38px}
.channel{
  padding:15px 8px;
  border:1px solid rgba(186,132,53,.22);
  border-radius:14px;
  background:rgba(255,255,255,.7);
  text-align:center;
  font-size:16px;
  font-weight:700;
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.channel:hover{transform:translateY(-4px);border-color:var(--gold);background:#fff}
.channel span{display:block;margin-bottom:6px;font-size:40px}

/* SEZIONI GENERICHE */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:82px;align-items:center}
.media-card img{
  width:100%;
  min-height:540px;
  object-fit:cover;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.about,.solutions,.testimonial
{position: relative;

    background-image: url("https://culturadelgusto.com/wp-content/uploads/2026/07/background.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.culture,.process{background:var(--cream)}

/* FILOSOFIA */
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.mini{
  padding:24px 20px;
  border:1px solid rgba(57,35,28,.1);
  border-radius:18px;
  background:rgba(255,255,255,.45);
  text-align: center;	
}
.mini .icon{margin-bottom:15px;color:var(--gold);font-size:28px}
.mini h3{font-size:21px;letter-spacing:-.025em}
.mini p{margin-bottom:0;color:var(--text);font-size:13px}

/* SOLUZIONI */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-sm);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.card:hover{transform:translateY(-8px);border-color:rgba(186,132,53,.6);box-shadow:var(--shadow)}
.card img{width:100%;height:270px;object-fit:cover;transition:transform .55s ease}
.card:hover img{transform:scale(1.035)}
.card-body{padding:28px}
.card-body p{color:var(--text)}
.card-link{position:relative;color:var(--gold-dark);font-size:16px;font-weight:700}

/* OFFERTA */
.offer-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.checklist{list-style:none;padding:0;margin:0}
.checklist li{display:flex;gap:13px;margin-bottom:16px;color:var(--text)}
.checklist li::before{content:"✓";color:var(--gold);font-weight:800}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product{
  padding:13px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  text-align:center;
  transition:transform .28s ease,box-shadow .28s ease;
}
.product:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm)}
.product img{width:100%;height:225px;object-fit:cover;border-radius:13px}
.product h3{margin-top:18px;font-size:22px}
.product p{color:var(--text);font-size:13px}

/* CAFFÈ */
.coffee{background:var(--coffee);color:#fff}
.coffee .lead{color:rgba(255,255,255,.74)}
.coffee .eyebrow{color:#e7bc7c}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.badge{
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:8px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
}

/* PROCESSO */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.step{position:relative}
.step-num{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:var(--dark);
  color:#fff;
  font-weight:700;
}
.step:last-child .step-num{background:var(--gold)}
.step h3{margin-top:19px;font-size:17px;letter-spacing:-.015em}
.step p{color:var(--text);font-size:13px}

/* NUMERI */
.numbers{padding:62px 0;background:var(--gold);color:#fff}
.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.number{padding:0 16px;border-right:1px solid rgba(255,255,255,.22)}
.number:last-child{border-right:0}
.number strong{display:block;font-size:48px;font-weight:400;letter-spacing:-.05em;line-height:1.05}
.number span{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}

/* CITAZIONE */
.quote{
  max-width:920px;
  margin:auto;
  padding:52px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(135deg,#fff,#f4ecdf);
  text-align:center;
  box-shadow:var(--shadow-sm);
}
.quote p{font-size:clamp(28px,4vw,43px);font-weight:600;line-height:1.25;letter-spacing:-.04em}
.quote small{color:var(--gold-dark);font-weight:700}

/* CONTATTI */
.contact{background:var(--dark);color:#fff}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:start}
.contact .lead{color:rgba(255,255,255,.7)}
.contact .eyebrow{color:#e7bc7c}
.contact-list{margin-top:32px}
.contact-row{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.contact-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:0 0 44px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;
  color:var(--gold);
}
.cdg-contact-form{
  padding:36px;
  border-radius:24px;
  background:var(--paper);
  color:var(--dark);
  box-shadow:var(--shadow);
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cdg-contact-form label{display:block;margin-bottom:17px;font-size:11px;font-weight:700;letter-spacing:.035em;text-transform:uppercase}
.cdg-contact-form input,
.cdg-contact-form select,
.cdg-contact-form textarea{
  width:100%;
  margin-top:8px;
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  color:var(--dark);
  outline:none;
  text-transform:none;
  letter-spacing:0;
}
.cdg-contact-form input:focus,
.cdg-contact-form select:focus,
.cdg-contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(186,132,53,.12)}
.privacy{display:flex!important;gap:10px;align-items:flex-start;color:var(--text);font-size:11px!important;text-transform:none!important;letter-spacing:0!important}
.privacy input{width:auto;margin-top:4px}
.form-status{margin-top:14px;font-size:13px;font-weight:700}

.form-status{
    margin-top:16px;
    min-height:22px;
    font-size:14px;
    font-weight:600;
}

.form-status.success{
    color:#287a45;
}

.form-status.error{
    color:#b42318;
}

.cdg-contact-form button:disabled{
    opacity:.65;
    cursor:not-allowed;
}

/* =========================================
   POR QUÉ ELEGIRNOS
========================================= */

.why-us {
    position: relative;
    padding: 120px 0;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(194, 133, 44, 0.10),
            transparent 28%
        ),
        #f4eadb;
}

.why-us::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -180px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(194, 133, 44, 0.16);
    border-radius: 50%;
}

.why-us .container {
    position: relative;
    z-index: 1;
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.why-us-heading {
    max-width: 820px;
    margin: 0 auto 65px;
    text-align: center;
}

.why-us-heading .section-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: #a86d22;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.25em;
}

.why-us-heading h2 {
    max-width: 760px;
    margin: 0 auto 24px;
    color: #17110e;
    font-size: clamp(38px, 4vw, 62px);
    font-weight: 400;
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.why-us-heading p {
    max-width: 720px;
    margin: 0 auto;
    color: #655c55;
    font-size: 18px;
    line-height: 1.7;
}

.why-us-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.why-us-card {
    position: relative;
    min-height: 330px;
    padding: 38px 34px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(75, 51, 34, 0.10);
    border-radius: 24px;
    box-shadow: 0 16px 45px rgba(62, 40, 24, 0.06);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease,
        background-color 0.35s ease;
}

.why-us-card::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -55px;
    width: 145px;
    height: 145px;
    background: rgba(194, 133, 44, 0.08);
    border-radius: 50%;
    transition: transform 0.4s ease;
}

.why-us-card:hover {
    transform: translateY(-8px);
    background: #ffffff;
    border-color: rgba(194, 133, 44, 0.30);
    box-shadow: 0 24px 55px rgba(62, 40, 24, 0.12);
}

.why-us-card:hover::after {
    transform: scale(1.35);
}

.why-us-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 44px;
    color: #b87928;
    background: #f4eadb;
    border-radius: 18px;
}

.why-us-icon svg {
    width: 31px;
    height: 31px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.why-us-number {
    position: absolute;
    top: 38px;
    right: 34px;
    color: rgba(23, 17, 14, 0.22);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.why-us-card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 15px;
    color: #17110e;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

.why-us-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #6a6058;
    font-size: 16px;
    line-height: 1.65;
}

.why-us-card-featured {
    color: #ffffff;
    background: #1b1512;
    border-color: #1b1512;
}

.why-us-card-featured:hover {
    background: #251b17;
    border-color: #b87928;
}

.why-us-card-featured .why-us-icon {
    color: #ffffff;
    background: #b87928;
}

.why-us-card-featured .why-us-number {
    color: rgba(255, 255, 255, 0.35);
}

.why-us-card-featured h3 {
    color: #ffffff;
}

.why-us-card-featured p {
    color: rgba(255, 255, 255, 0.72);
}

.why-us-card-featured::after {
    background: rgba(194, 133, 44, 0.20);
}

.why-us-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-top: 32px;
    padding: 38px 44px;
    color: #ffffff;
    background: #b87928;
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(137, 85, 24, 0.20);
}

.why-us-cta span {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.why-us-cta h3 {
    max-width: 650px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(25px, 3vw, 38px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.why-us-button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 58px;
    padding: 0 25px;
    color: #17110e;
    background: #ffffff;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.why-us-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(70, 40, 12, 0.20);
}

.why-us-button svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {
    .why-us {
        padding: 95px 0;
    }

    .why-us-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .why-us-cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 680px) {
    .why-us {
        padding: 75px 0;
    }

    .why-us .container {
        width: min(100% - 30px, 1240px);
    }

    .why-us-heading {
        margin-bottom: 42px;
        text-align: left;
    }

    .why-us-heading .section-kicker {
        font-size: 12px;
        letter-spacing: 0.2em;
    }

    .why-us-heading h2 {
        margin-bottom: 20px;
        font-size: clamp(39px, 13vw, 54px);
        line-height: 1;
    }

    .why-us-heading p {
        font-size: 16px;
        line-height: 1.65;
    }

    .why-us-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .why-us-card {
        min-height: auto;
        padding: 29px 25px 32px;
        border-radius: 20px;
    }

    .why-us-card:hover {
        transform: none;
    }

    .why-us-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 32px;
        border-radius: 16px;
    }

    .why-us-number {
        top: 30px;
        right: 25px;
    }

    .why-us-card h3 {
        font-size: 22px;
    }

    .why-us-card p {
        font-size: 15px;
    }

    .why-us-cta {
        gap: 26px;
        margin-top: 18px;
        padding: 30px 25px;
        border-radius: 20px;
    }

    .why-us-button {
        width: 100%;
        padding: 0 18px;
    }
}

/* FOOTER */
.cdg-footer{padding:62px 0 28px;background:#110b08;color:rgba(255,255,255,.66)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:58px}
.cdg-footer h4{margin-bottom:15px;color:#fff;font-size:15px}
.cdg-footer ul{list-style:none;padding:0;margin:0}
.cdg-footer li{margin-bottom:9px;font-size:13px}
.cdg-footer a{transition:color .2s ease}
.cdg-footer a:hover{color:#e5b970}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:46px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:11px}

/* ANIMAZIONI */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

/* TABLET */
@media(max-width:980px){
  .menu-btn{display:block}
  .cdg-nav{
    position:absolute;
    left:0;
    right:0;
    top:88px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
    padding:22px;
    background:var(--paper);
    border-bottom:1px solid var(--line);
    box-shadow:0 20px 35px rgba(30,20,15,.12);
  }
  .cdg-nav.open{display:flex}
  .cdg-nav>a:not(.btn){padding:11px 4px}
  .cdg-nav>a:not(.btn)::after{bottom:7px}
  .hero-grid,.two-col,.offer-wrap,.contact-grid{grid-template-columns:1fr}
  .hero-media img{height:500px}
  .cards{grid-template-columns:1fr}
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
}

/* MOBILE */
@media(max-width:680px){
  .container{width:min(100% - 28px,1240px)}
  .section{padding:78px 0}
  h1{font-size:clamp(45px,13vw,64px)}
  h2{font-size:clamp(34px,10vw,48px)}
  .lead{font-size:17px}
  .hero{padding:58px 0 74px}
  .hero-grid{gap:48px}
  .hero-media img{height:410px;border-radius:40px 12px}
  .hero-frame{right:-7px;border-radius:40px 12px}
  .channel-row,.mini-grid,.product-grid,.steps,.numbers-grid,.footer-grid{grid-template-columns:1fr 1fr}
  .mini{padding:20px 16px}
  .form-grid{grid-template-columns:1fr}
  .number{padding:20px 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
  .footer-bottom{flex-direction:column}
  .quote{padding:38px 24px}
}

@media(max-width:460px){
  .brand-name{font-size:20px}
  .brand-mark{width:45px;height:50px}
  .channel-row,.product-grid,.steps,.numbers-grid,.footer-grid{grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
  .cdg-contact-form{padding:25px 18px}
  .media-card img{min-height:390px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}