:root {
  --amedes-navy: #001e46;
  --amedes-navy-dark: #00142f;
  --amedes-blue: #0068c9;
  --amedes-electric: #118de3;
  --amedes-ice: #eaf5ff;
  --amedes-white: #ffffff;
  --amedes-ink: #07182d;
  --amedes-text: #456078;
  --amedes-container: 1320px;
}

html { scroll-behavior: smooth; }
body { color: var(--amedes-ink); }

/* Diese Klassen im Divi-Builder unter Erweitert > CSS-ID & Klassen verwenden. */
.amedes-section { padding: clamp(76px, 8vw, 120px) clamp(22px, 5vw, 80px); }
.amedes-container { width: min(100%, var(--amedes-container)); margin-inline: auto; }
.amedes-eyebrow {
  color: var(--amedes-electric);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.amedes-display h1,
.amedes-display h2,
.amedes-display h3 {
  font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: .92;
  text-transform: uppercase;
}
.amedes-display h1 { font-size: clamp(58px, 7vw, 104px); }
.amedes-display h2 { font-size: clamp(44px, 5vw, 76px); }
.amedes-display h3 { font-size: clamp(28px, 3vw, 44px); }
.amedes-blue-text { color: var(--amedes-electric); }
.amedes-navy-bg { background: var(--amedes-navy); color: var(--amedes-white); }
.amedes-ice-bg { background: var(--amedes-ice); }
.amedes-blue-bg { background: var(--amedes-blue); color: var(--amedes-white); }

.amedes-button,
.et_pb_button.amedes-button {
  background: var(--amedes-blue) !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--amedes-white) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 17px 24px !important;
  transition: background-color .2s ease, transform .2s ease;
}
.amedes-button:hover,
.et_pb_button.amedes-button:hover {
  background: var(--amedes-navy-dark) !important;
  transform: translateY(-2px);
}
.amedes-text-link { border-bottom: 2px solid var(--amedes-electric); font-weight: 700; }

.amedes-hero { min-height: 690px; overflow: hidden; }
.amedes-hero-copy { background: radial-gradient(circle at 15% 20%, #063567 0, var(--amedes-navy) 46%, var(--amedes-navy-dark) 100%); }
.amedes-service-card {
  background: var(--amedes-navy);
  color: var(--amedes-white);
  min-height: 510px;
  overflow: hidden;
}
.amedes-service-card img { transition: transform .55s ease; }
.amedes-service-card:hover img { transform: scale(1.025); }
.amedes-service-card a { color: #66bcf4; font-weight: 800; }
.amedes-team-card { background: #072a55; color: var(--amedes-white); }
.amedes-reference-card { background: var(--amedes-ice); transition: background-color .25s ease, color .25s ease; }
.amedes-reference-card:hover { background: var(--amedes-blue); color: var(--amedes-white); }
.amedes-shop-coming-soon { position: relative; overflow: hidden; }
.amedes-shop-coming-soon::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  right: -80px;
  bottom: -70px;
  border: 45px solid rgba(255,255,255,.12);
  transform: rotate(22deg);
  pointer-events: none;
}

@media (max-width: 980px) {
  .amedes-hero { min-height: auto; }
}
@media (max-width: 767px) {
  .amedes-section { padding-inline: 22px; }
  .amedes-service-card { min-height: 460px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* Importlayout Startseite 1.0 */
body:has(.amedes-page) #main-content .et_pb_section:has(.amedes-page),
body:has(.amedes-page) #main-content .et_pb_row:has(.amedes-page),
body:has(.amedes-page) #main-content .et_pb_column:has(.amedes-page),
body:has(.amedes-page) #main-content .et_pb_module:has(.amedes-page) {
  width: 100%; max-width: none; margin: 0; padding: 0;
}
.amedes-page, .amedes-page * { box-sizing: border-box; }
.amedes-page { overflow: hidden; background: #fff; color: var(--amedes-ink); font-family: Arial, Helvetica, sans-serif; }
.amedes-page a { color: inherit; text-decoration: none; }
.amedes-page h1,.amedes-page h2,.amedes-page h3,.amedes-page p { margin-top: 0; }
.amedes-page .ap-eyebrow { margin: 0 0 18px; color: #42aaf0; text-transform: uppercase; letter-spacing: .2em; font-size: 12px; font-weight: 900; }
.amedes-page .ap-dark { color: var(--amedes-blue); }
.amedes-page .ap-title { margin: 0 !important; font-family: Impact,"Arial Narrow","Roboto Condensed",sans-serif !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: -.025em !important; line-height: .9 !important; }
.amedes-page .ap-hero { min-height: 690px; display: grid; grid-template-columns: 45% 55%; background: var(--amedes-navy); }
.amedes-page .ap-hero-copy { color: #fff; padding: 70px clamp(30px,4vw,70px) 42px; display: flex; flex-direction: column; background: radial-gradient(circle at 15% 20%,#063567 0,var(--amedes-navy) 46%,var(--amedes-navy-dark) 100%); }
.amedes-page .ap-hero h1 { color: #fff !important; font-size: clamp(62px,6.1vw,100px) !important; }
.amedes-page .ap-hero h1 em { color: var(--amedes-electric); font-style: normal; }
.amedes-page .ap-lead { max-width: 560px; margin: 28px 0 0; font-size: 18px; line-height: 1.55; color: #e4edf7; }
.amedes-page .ap-actions { margin-top: 30px; display: flex; gap: 30px; align-items: center; }
.amedes-page .ap-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; background: var(--amedes-blue); color: #fff; font-weight: 800; padding: 18px 24px; transition: .2s; }
.amedes-page .ap-button:hover { background: var(--amedes-navy-dark); }
.amedes-page .ap-link { padding: 12px 0; border-bottom: 2px solid var(--amedes-electric); font-weight: 700; }
.amedes-page .ap-locations { margin: auto 0 0; font-size: 14px; color: #d7e5f3; }
.amedes-page .ap-collage { display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: 58% 42%; background: #09284e; }
.amedes-page .ap-panel { min-height: 300px; background-size: cover; position: relative; }
.amedes-page .ap-panel span { position: absolute; bottom: 18px; left: 22px; color: #fff; font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.amedes-page .ap-textile { grid-row: 1/3; background-image: linear-gradient(135deg,transparent 35%,rgba(0,30,70,.45)),url('../img/references/07-textildruck-neustadt-fissla.jpg'); background-position: center; }
.amedes-page .ap-signage { background-image: linear-gradient(135deg,transparent 35%,rgba(0,30,70,.45)),url('../img/references/08-werbetechnik-schaufenster.jpg'); background-position: center; border-left: 6px solid var(--amedes-navy); border-bottom: 6px solid var(--amedes-navy); }
.amedes-page .ap-statement { display: flex; align-items: center; padding: 30px; background: var(--amedes-blue); color: #fff; font-family: "Arial Narrow",Impact,sans-serif; font-size: clamp(36px,3.5vw,62px); line-height: .95; text-transform: uppercase; }
.amedes-page .ap-section { padding: 110px clamp(24px,5vw,80px); }
.amedes-page .ap-heading { display: grid; grid-template-columns: 1.25fr 1fr; column-gap: 8vw; max-width: 1180px; margin-bottom: 56px; }
.amedes-page .ap-heading .ap-eyebrow { grid-column: 1/-1; }
.amedes-page .ap-heading h2,.amedes-page .ap-about h2,.amedes-page .ap-split h2,.amedes-page .ap-contact h2 { font-size: clamp(46px,5vw,76px) !important; }
.amedes-page .ap-heading>p:last-child { font-size: 18px; line-height: 1.65; align-self: end; color: var(--amedes-text); }
.amedes-page .ap-services { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.amedes-page .ap-card { background: var(--amedes-navy); color: #fff; min-height: 510px; display: flex; flex-direction: column; overflow: hidden; }
.amedes-page .ap-card-visual { height: 245px; position: relative; background-size: cover; background-position: center; }
.amedes-page .ap-card-visual span { position: absolute; top: 18px; right: 20px; color: #fff; font-weight: 900; }
.amedes-page .ap-marketing { background: linear-gradient(135deg,#eaf5ff 0 35%,#118de3 35% 40%,#001e46 40% 58%,#fff 58% 61%,#0068c9 61%); }
.amedes-page .ap-card-textile { background-image: url('../img/textildruck-flyer.png'); background-position: 65% 40%; }
.amedes-page .ap-card-signage { background-image: url('../img/werbetechnik-flyer.png'); background-position: 50% 58%; }
.amedes-page .ap-card-content { padding: 28px; background: var(--amedes-navy); flex: 1; }
.amedes-page .ap-card h3 { color: #fff !important; font-size: 42px !important; margin-bottom: 12px !important; }
.amedes-page .ap-card p { line-height: 1.55; color: #cddbea; min-height: 74px; }
.amedes-page .ap-card a { color: #66bcf4; font-weight: 800; border-top: 1px solid #234d78; padding-top: 18px; display: flex; justify-content: space-between; }
.amedes-page .ap-about { background: var(--amedes-navy); color: #fff; display: grid; grid-template-columns: .8fr 1.2fr; gap: 6vw; }
.amedes-page .ap-about-copy>p:not(.ap-eyebrow):not(.ap-note) { color: #d5e2ef; font-size: 17px; line-height: 1.7; margin-top: 30px; }
.amedes-page .ap-about h2,
.amedes-page .ap-news h2,
.amedes-page .ap-shop h2,
.amedes-page .ap-person h3 { color: #fff !important; }
.amedes-page .ap-note { font-size: 12px; color: #71b9e9; border-left: 2px solid var(--amedes-electric); padding-left: 12px; }
.amedes-page .ap-team { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.amedes-page .ap-person { background: #072a55; padding-bottom: 20px; }
.amedes-page .ap-avatar { aspect-ratio: 4/5; display: grid; place-items: center; font: 700 54px Impact,sans-serif; background: linear-gradient(145deg,#0d74c7,#002752); color: rgba(255,255,255,.35); }
.amedes-page .ap-avatar-image { background-position: center; background-size: cover; }
.amedes-page .ap-person h3 { margin: 20px 20px 4px; font-family: Arial,Helvetica,sans-serif !important; font-size: 18px; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none; line-height: 1.3 !important; }
.amedes-page .ap-person p { margin: 0 20px; color: #8eb8dd; font-size: 13px; }
.amedes-page .ap-references { display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; background: #c8d7e5; }
.amedes-page .ap-reference { min-height: 260px; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; background: var(--amedes-ice); transition: .25s; }
.amedes-page .ap-reference:hover { background: var(--amedes-blue); color: #fff; }
.amedes-page .ap-reference span { margin-bottom: auto; color: var(--amedes-blue); font-weight: 900; }
.amedes-page .ap-reference h3 { font-size: 34px; margin-bottom: 8px; }
.amedes-page .ap-split { display: grid; grid-template-columns: 1fr 1fr; }
.amedes-page .ap-news,.amedes-page .ap-shop { padding: 90px clamp(30px,5vw,80px); min-height: 480px; }
.amedes-page .ap-news { background: #061a34; color: #fff; }
.amedes-page .ap-shop { background: var(--amedes-electric); color: #fff; }
.amedes-page .ap-shop span { display: inline-block; background: #fff; color: var(--amedes-blue); padding: 8px 12px; font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 26px; }
.amedes-page .ap-split p { line-height: 1.65; max-width: 500px; margin-top: 28px; }
.amedes-page .ap-contact { display: grid; grid-template-columns: 1.2fr .8fr; gap: 6vw; }
.amedes-page .ap-contact h2 em { color: var(--amedes-blue); font-style: normal; }
.amedes-page .ap-contact-links { display: flex; flex-direction: column; align-self: center; }
.amedes-page .ap-contact-links>a { font-family: Impact,sans-serif; font-size: clamp(24px,2.2vw,34px); text-transform: uppercase; padding: 20px 0; border-bottom: 1px solid #b9cad9; display: flex; justify-content: space-between; }
.amedes-page .ap-addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding-top: 32px; }
.amedes-page address { font-style: normal; line-height: 1.7; color: var(--amedes-text); }
@media(max-width:980px){.amedes-page .ap-hero{grid-template-columns:1fr}.amedes-page .ap-collage{min-height:540px}.amedes-page .ap-services,.amedes-page .ap-references{grid-template-columns:1fr}.amedes-page .ap-about,.amedes-page .ap-heading,.amedes-page .ap-contact{grid-template-columns:1fr}.amedes-page .ap-heading>p:last-child{margin-top:22px}}
@media(max-width:767px){.amedes-page .ap-hero-copy{padding:58px 24px 30px;min-height:600px}.amedes-page .ap-actions{align-items:flex-start;flex-direction:column;gap:12px}.amedes-page .ap-collage{grid-template-columns:1fr 1fr;min-height:430px}.amedes-page .ap-textile{grid-row:1;grid-column:1/3}.amedes-page .ap-signage{grid-column:1;border-left:0}.amedes-page .ap-statement{padding:16px;font-size:29px}.amedes-page .ap-section{padding:76px 22px}.amedes-page .ap-team,.amedes-page .ap-split,.amedes-page .ap-addresses{grid-template-columns:1fr}.amedes-page .ap-news,.amedes-page .ap-shop{padding:70px 24px;min-height:420px}}

/* Globaler Divi Theme Builder Header und Footer */
body:has(.amedes-site-header) .et_pb_section:has(.amedes-site-header),
body:has(.amedes-site-header) .et_pb_row:has(.amedes-site-header),
body:has(.amedes-site-header) .et_pb_column:has(.amedes-site-header),
body:has(.amedes-site-header) .et_pb_module:has(.amedes-site-header),
body:has(.amedes-site-footer) .et_pb_section:has(.amedes-site-footer),
body:has(.amedes-site-footer) .et_pb_row:has(.amedes-site-footer),
body:has(.amedes-site-footer) .et_pb_column:has(.amedes-site-footer),
body:has(.amedes-site-footer) .et_pb_module:has(.amedes-site-footer) { width:100%; max-width:none; margin:0; padding:0; }
.amedes-site-header,.amedes-site-footer,.amedes-site-header *,.amedes-site-footer * { box-sizing:border-box; }
.amedes-site-header { min-height:92px; padding:0 clamp(24px,4vw,70px); display:flex; align-items:center; gap:36px; background:#fff; color:var(--amedes-navy); border-bottom:1px solid rgba(0,30,70,.1); font-family:Arial,Helvetica,sans-serif; }
.amedes-site-header .ash-brand { width:150px; margin-right:auto; display:flex; align-items:center; }
.amedes-site-header .ash-brand img { width:145px; height:auto; display:block; }
.amedes-site-header nav { display:flex; align-items:center; gap:clamp(20px,2.5vw,40px); }
.amedes-site-header nav a { color:var(--amedes-navy); font-size:14px; font-weight:700; text-decoration:none; position:relative; padding:34px 0; }
.amedes-site-header nav a::after { content:""; position:absolute; bottom:25px; left:0; width:0; height:2px; background:var(--amedes-blue); transition:width .2s ease; }
.amedes-site-header nav a:hover::after { width:100%; }
.amedes-site-header .ash-cta { display:inline-flex; align-items:center; gap:18px; background:var(--amedes-blue); color:#fff; font-size:14px; font-weight:800; text-decoration:none; padding:18px 22px; }
.amedes-site-header .ash-cta:hover { background:var(--amedes-navy); }
.amedes-mobile-nav { display:none; position:relative; }
.amedes-mobile-nav summary { list-style:none; cursor:pointer; font-weight:800; text-transform:uppercase; }
.amedes-mobile-nav summary::-webkit-details-marker { display:none; }
.amedes-mobile-nav summary::before { content:"☰"; font-size:26px; }
.amedes-mobile-nav[open] summary::before { content:"×"; }
.amedes-mobile-links { position:absolute; z-index:999; right:0; top:45px; width:min(310px,calc(100vw - 32px)); padding:18px; background:#fff; box-shadow:0 16px 36px rgba(0,20,47,.18); display:flex; flex-direction:column; }
.amedes-mobile-links a { color:var(--amedes-navy); padding:12px; font-weight:700; text-decoration:none; border-bottom:1px solid #e1ebf3; }
.amedes-site-footer { background:var(--amedes-navy-dark); color:#b7cadb; font-family:Arial,Helvetica,sans-serif; }
.amedes-footer-main { padding:76px clamp(24px,5vw,80px) 58px; display:grid; grid-template-columns:1.1fr .8fr 1.2fr; gap:6vw; }
.amedes-footer-brand img { width:170px; filter:brightness(0) invert(1); margin-bottom:22px; }
.amedes-footer-brand p { max-width:330px; line-height:1.65; }
.amedes-instagram { width:44px; height:44px; margin-top:20px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #31506f; color:#fff; transition:.2s; }
.amedes-instagram:hover { background:var(--amedes-blue); border-color:var(--amedes-blue); transform:translateY(-2px); }
.amedes-instagram svg { width:21px; height:21px; display:block; fill:none; stroke:currentColor; stroke-width:1.8; }
.amedes-site-footer h3 { color:#fff !important; font-family:Impact,"Arial Narrow",sans-serif !important; font-size:20px !important; letter-spacing:.02em !important; text-transform:uppercase; margin:0 0 18px !important; }
.amedes-footer-nav { display:flex; flex-direction:column; }
.amedes-footer-nav a,.amedes-footer-contact a { color:#b7cadb; text-decoration:none; padding:7px 0; }
.amedes-footer-nav a:hover,.amedes-footer-contact a:hover { color:#fff; }
.amedes-footer-contact>a { display:block; color:#fff; font-weight:700; font-size:16px; }
.amedes-footer-addresses { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:24px; }
.amedes-site-footer address { color:#9eb5c9; font-style:normal; line-height:1.7; }
.amedes-site-footer address strong { color:#fff; }
.amedes-footer-bottom { min-height:78px; padding:22px clamp(24px,5vw,80px); border-top:1px solid #183757; display:flex; align-items:center; gap:26px; font-size:12px; }
.amedes-footer-bottom p { margin:0 auto 0 0; }
.amedes-footer-bottom a { color:#9eb5c9; text-decoration:none; }
.amedes-footer-bottom a:hover { color:#fff; }
@media(max-width:1050px){.amedes-site-header>nav,.amedes-site-header>.ash-cta{display:none}.amedes-mobile-nav{display:block}.amedes-footer-main{grid-template-columns:1fr 1fr}.amedes-footer-brand{grid-column:1/-1}}
@media(max-width:650px){.amedes-site-header{min-height:76px;padding:0 20px}.amedes-site-header .ash-brand{width:115px}.amedes-site-header .ash-brand img{width:110px}.amedes-footer-main{grid-template-columns:1fr;padding:58px 24px 42px}.amedes-footer-brand{grid-column:auto}.amedes-footer-addresses{grid-template-columns:1fr}.amedes-footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}.amedes-footer-bottom p{margin-right:0}}
/* Nur der linke Hero-Kasten */
.amedes-page .ap-hero-copy {
    background: #001A3D;
    color: #FFFFFF;
}

/* Nur die Texte innerhalb dieses Kastens */
.amedes-page .ap-hero-copy h1,
.amedes-page .ap-hero-copy .ap-lead,
.amedes-page .ap-hero-copy .ap-locations {
    color: #FFFFFF !important;
}

/* Kleine Überschrift und hervorgehobene Wörter */
.amedes-page .ap-hero-copy .ap-eyebrow,
.amedes-page .ap-hero-copy h1 em {
    color: #118DE3 !important;
}

/* Separater Bereich «Unser Versprechen» */
.amedes-page .ap-promise {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 7vw;
    background: var(--amedes-navy);
    color: #fff;
    border-top: 1px solid #234d78;
}
.amedes-page .ap-promise h2 {
    color: #fff !important;
    font-size: clamp(46px, 5vw, 76px) !important;
}
.amedes-page .ap-promise .ap-eyebrow {
    color: #42aaf0 !important;
}
.amedes-page .ap-promise-copy {
    align-self: center;
}
.amedes-page .ap-promise-copy p {
    margin: 0;
    padding: 24px 0;
    border-top: 1px solid #234d78;
    color: #d5e2ef;
    font-size: 17px;
    line-height: 1.7;
}
.amedes-page .ap-promise-copy p:last-child {
    border-bottom: 1px solid #234d78;
}
@media (max-width: 980px) {
    .amedes-page .ap-promise {
        grid-template-columns: 1fr;
    }
}

/* Referenzgalerie mit realisierten Kundenprojekten */
.amedes-page .ap-reference-projects {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.amedes-page .ap-reference-project {
    overflow: hidden;
    background: var(--amedes-navy);
    color: #fff;
}
.amedes-page .ap-reference-media {
    aspect-ratio: 4 / 3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform .45s ease;
}
.amedes-page .ap-reference-project:hover .ap-reference-media {
    transform: scale(1.025);
}
.amedes-page .ap-reference-caption {
    position: relative;
    min-height: 150px;
    padding: 24px 26px 26px;
    background: var(--amedes-navy);
}
.amedes-page .ap-reference-caption span {
    position: absolute;
    top: 24px;
    right: 26px;
    color: #66bcf4;
    font-size: 12px;
    font-weight: 900;
}
.amedes-page .ap-reference-caption h3 {
    max-width: calc(100% - 42px);
    margin: 0 0 12px !important;
    color: #fff !important;
    font-size: clamp(27px, 2.4vw, 38px) !important;
}
.amedes-page .ap-reference-caption p {
    margin: 0;
    color: #b7cadb;
    line-height: 1.5;
}
.amedes-page .ap-ref-01 { background-image: url('../img/references/01-textilveredelung-bergmotiv.png'); }
.amedes-page .ap-ref-02 { background-image: url('../img/references/02-textildruck-shirts.png'); }
.amedes-page .ap-ref-03 { background-image: url('../img/references/03-firmenbekleidung-la-pizza.png'); }
.amedes-page .ap-ref-04 { background-image: url('../img/references/04-stickerei-loeserhof.png'); }
.amedes-page .ap-ref-05 { background-image: url('../img/references/05-motorrad-dekorteile.png'); }
.amedes-page .ap-ref-06 { background-image: url('../img/references/06-motorrad-fertig.png'); }
.amedes-page .ap-ref-07 { background-image: url('../img/references/07-textildruck-neustadt-fissla.jpg'); }
.amedes-page .ap-ref-08 { background-image: url('../img/references/08-werbetechnik-schaufenster.jpg'); }
.amedes-page .ap-ref-09 { background-image: url('../img/references/09-werbetechnik-banner.jpg'); }
@media (max-width: 980px) {
    .amedes-page .ap-reference-projects {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 650px) {
    .amedes-page .ap-reference-projects {
        grid-template-columns: 1fr;
    }
}

/* Kompakte Referenzkategorien mit Bildkarussell */
.amedes-page .ap-reference-categories {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.amedes-page .ap-reference-category {
    min-width: 0;
    overflow: hidden;
    background: var(--amedes-navy);
    color: #fff;
}
.amedes-page .ap-category-carousel {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #061a34;
}
.amedes-page .ap-category-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform .42s ease;
}
.amedes-page .ap-category-slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.amedes-page .ap-carousel-button {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    background: rgba(0, 30, 70, .82);
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    line-height: 1;
    transform: translateY(-50%);
}
.amedes-page .ap-carousel-button:hover,
.amedes-page .ap-carousel-button:focus-visible {
    background: var(--amedes-electric);
}
.amedes-page .ap-carousel-prev { left: 12px; }
.amedes-page .ap-carousel-next { right: 12px; }
.amedes-page .ap-carousel-status {
    position: absolute;
    z-index: 2;
    right: 12px;
    bottom: 12px;
    padding: 6px 9px;
    background: rgba(0, 30, 70, .82);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}
.amedes-page .ap-category-marketing {
    display: flex;
    align-items: flex-end;
    aspect-ratio: 4 / 3;
    padding: 28px;
    background: linear-gradient(135deg, #eaf5ff 0 28%, #118de3 28% 34%, #001e46 34% 62%, #fff 62% 65%, #0068c9 65%);
}
.amedes-page .ap-category-marketing span {
    color: #fff;
    font-family: "Arial Narrow", Impact, sans-serif;
    font-size: clamp(32px, 3vw, 48px);
    line-height: .94;
    text-transform: uppercase;
}
.amedes-page .ap-category-content {
    position: relative;
    min-height: 168px;
    padding: 24px 26px 28px;
}
.amedes-page .ap-category-content > span {
    position: absolute;
    top: 24px;
    right: 26px;
    color: #66bcf4;
    font-size: 12px;
    font-weight: 900;
}
.amedes-page .ap-category-content h3 {
    max-width: calc(100% - 40px);
    margin: 0 0 12px !important;
    color: #fff !important;
    font-size: clamp(30px, 2.7vw, 42px) !important;
}
.amedes-page .ap-category-content p {
    margin: 0;
    color: #b7cadb;
    line-height: 1.55;
}
@media (max-width: 980px) {
    .amedes-page .ap-reference-categories {
        grid-template-columns: 1fr;
    }
    .amedes-page .ap-reference-category {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(260px, .75fr);
    }
    .amedes-page .ap-category-content {
        align-self: stretch;
    }
}
@media (max-width: 650px) {
    .amedes-page .ap-reference-category {
        display: block;
    }
}
@media (prefers-reduced-motion: reduce) {
    .amedes-page .ap-category-track {
        transition: none;
    }
}