/* MONTECLARO — Plantilla 02 bilingüe. Una tipografía, retícula consistente y paleta azul institucional. */
:root {
  --cream: #FCF1D0;
  --amber: #FCF1D0;
  --orange: #22396F;
  --dark: #010736;
  --navy: #0D1C42;
  --white: #FFFFFF;
  --offwhite: #FFFFFF;
  --line: #22396F33;
  --text-secondary: #0D1C42;
  --radius: 10px;
  --max-width: 1180px;
  --font: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--cream);color:var(--dark);font:400 15px/1.65 var(--font);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:var(--amber);color:var(--dark)}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.container{width:min(calc(100% - 64px),var(--max-width));margin-inline:auto}
.section{padding:106px 0}
.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--dark);color:white;padding:10px 16px;border-radius:6px}
.skip-link:focus{top:12px}

/* Global typography */
.section-label,.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--orange);font-weight:800;letter-spacing:.13em;font-size:11px;line-height:1.5}
.kicker-bar{width:22px;height:2px;background:var(--orange)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--font);letter-spacing:-.038em}
h1{font-size:clamp(45px,4.6vw,66px);font-weight:750;line-height:1.12}
h2{font-size:clamp(36px,3.5vw,49px);font-weight:750;line-height:1.18}
h2 span,h1 span{color:var(--orange)}
h3{font-size:20px;font-weight:750;line-height:1.35}
p{color:var(--text-secondary);line-height:1.85}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:40px}
.section-heading h2{margin:15px 0 0;max-width:620px}
.section-heading>p{max-width:325px;margin:0 0 6px}
.content-note{margin:20px 0 0;font-size:11px;color:#0D1C42}

/* Header */
.topbar{background:var(--dark);color:#FCF1D0;font-size:11px;font-weight:550}
.topbar-content{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:34px}
.topbar a{color:var(--amber);font-weight:800}
.topbar-divider{margin:0 11px;color:#FCF1D099}
.topbar-notice{margin-left:auto}
.language-switch{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;padding:2px;border:1px solid #FCF1D066;border-radius:6px}
.language-button{min-width:31px;min-height:26px;padding:2px 6px;border:0;border-radius:4px;color:var(--cream);background:transparent;font-size:11px;font-weight:850;line-height:1.4;transition:background .2s,color .2s}
.language-button:hover{background:#FCF1D033}
.language-button.is-active{background:var(--cream);color:var(--dark)}
.language-button:focus-visible{outline-color:var(--cream);outline-offset:2px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(254,243,226,.98);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.site-header.scrolled{box-shadow:0 5px 25px rgba(42,26,14,.08)}
.header-content{height:86px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-symbol{display:grid;place-items:center;width:49px;height:49px;background:var(--dark);border-radius:7px;color:var(--cream)}
.brand-symbol svg{width:29px;height:29px}
.brand-words{display:flex;flex-direction:column;gap:1px;line-height:1.15}
.brand-words strong{font-size:18px;font-weight:850;letter-spacing:.035em}
.brand-words small{font-size:10px;letter-spacing:.28em;font-weight:700;color:var(--text-secondary)}
.desktop-menu{display:flex;gap:30px;margin-left:auto;align-items:center}
.desktop-menu a{font-size:12px;font-weight:700;white-space:nowrap;transition:color .2s}
.desktop-menu a:hover,.desktop-menu a.active{color:var(--orange)}
.nav-cta{display:inline-flex;align-items:center;gap:24px;background:var(--orange);color:white;padding:12px 18px;border-radius:6px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .2s}
.nav-cta:hover{background:var(--dark)}
.nav-cta span{font-size:16px;font-weight:400}
.menu-button{display:none;margin-left:auto;width:42px;height:42px;border:1px solid #22396F44;border-radius:6px;background:transparent;padding:10px}
.menu-button span{display:block;height:2px;background:var(--dark);margin:5px 0;transition:transform .2s,opacity .2s}
.menu-button[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;padding:5px 32px 22px;background:var(--cream);border-top:1px solid var(--line)}
.mobile-menu:not([hidden]){display:block}
.mobile-menu a{display:block;font-size:14px;font-weight:700;padding:12px 2px;border-bottom:1px solid var(--line)}
.mobile-menu a:last-child{color:var(--orange);border:0}

/* Hero */
.hero{padding:55px 0 68px;overflow:hidden}
.hero-layout{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:70px}
.hero-copy{padding:16px 0}
.hero-copy h1{max-width:630px;margin:23px 0 25px}
.hero-copy>p{max-width:470px;font-size:16px;line-height:1.8;margin-bottom:31px}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 20px;min-height:52px;border-radius:6px;font-size:13px;font-weight:800;border:1px solid transparent;transition:background .2s,transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--orange);color:#fff}
.btn-primary:hover{background:var(--dark)}
.arrow-icon{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.simple-link{display:inline-flex;gap:15px;align-items:center;font-size:13px;font-weight:750;border-bottom:1px solid var(--dark);padding-bottom:5px}
.simple-link:hover{color:var(--orange);border-color:var(--orange)}
.simple-link span{font-size:16px}
.hero-media{position:relative;border-radius:var(--radius);height:488px;background:#FCF1D0;overflow:hidden}
.hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-image-label{position:absolute;bottom:18px;left:18px;display:flex;align-items:center;gap:12px;background:#FCF1D0F2;padding:13px 17px;border-radius:7px;box-shadow:0 8px 30px #01073620}
.label-square{display:block;width:11px;height:35px;background:var(--orange);border-radius:2px}
.hero-image-label div{display:flex;flex-direction:column;gap:2px}
.hero-image-label strong{font-size:13px;line-height:1.2}
.hero-image-label div span{font-size:11px;color:var(--text-secondary)}

/* Level strip */
.level-links{background:var(--white);border-block:1px solid var(--line)}
.level-links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.level-links-grid a{display:flex;align-items:center;gap:14px;padding:24px 20px;font-size:14px;font-weight:750;transition:background .2s}
.level-links-grid a+ a{border-left:1px solid var(--line)}
.level-links-grid a:hover{background:#FCF1D0B0}
.level-links-grid a>span:first-child{font-size:11px;color:var(--orange);font-weight:900}
.level-link-arrow{margin-left:auto;font-size:17px;color:var(--orange);font-weight:400}

/* About */
.about{background:var(--white)}
.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.section-intro h2{margin:17px 0 0}
.about-body{max-width:680px}
.about-lead{font-size:20px;line-height:1.7;color:var(--dark);font-weight:600;margin:0 0 17px}
.about-body>p:not(.about-lead){font-size:14px;margin-bottom:33px}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);padding-top:22px}
.principles article>span{display:block;font-size:11px;color:var(--orange);font-weight:850;margin-bottom:10px}
.principles h3{font-size:15px;margin:0 0 7px;letter-spacing:-.02em}
.principles p{font-size:12px;line-height:1.7;margin:0}

/* Academic levels */
.levels{background:var(--cream)}
.levels-list{border-top:1px solid #22396F33}
.level-row{display:grid;grid-template-columns:72px 285px 1fr 44px;align-items:center;gap:28px;min-height:136px;padding:21px 16px;border-bottom:1px solid #22396F33;scroll-margin-top:110px;transition:background .2s}
.level-row:hover{background:#FCF1D0B0}
.level-index{font-size:12px;color:var(--orange);font-weight:850;align-self:start;padding-top:18px}
.level-tag{font-size:10px;letter-spacing:.1em;font-weight:850;color:var(--orange)}
.level-row h3{font-size:25px;letter-spacing:-.035em;margin:5px 0 0}
.level-row p{max-width:440px;margin:0;font-size:13px;line-height:1.8}
.row-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #22396F44;border-radius:50%;font-size:17px;color:var(--orange);justify-self:end}

/* Methodology tabs */
.method{background:var(--dark);color:var(--white)}
.section-label-light{color:var(--amber)}
.method-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}
.method-heading h2{color:var(--white);max-width:570px;margin:14px 0 0}
.method-heading h2 span{color:var(--amber)}
.method-heading p{max-width:290px;color:#FCF1D0BB;font-size:13px;margin:0 0 8px}
.method-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:32px;align-items:stretch}
.method-tabs{border-top:1px solid #FCF1D055}
.method-tab{display:grid;grid-template-columns:28px 1fr 25px;gap:17px;align-items:center;width:100%;min-height:93px;padding:20px 12px;background:transparent;color:#FCF1D0;border:0;border-bottom:1px solid #FCF1D055;text-align:left;transition:background .2s,color .2s}
.method-tab>span:first-child{color:#FCF1D0AA;font-size:11px;font-weight:750}
.method-tab strong{font-size:16px;line-height:1.4;font-weight:650;letter-spacing:-.025em}
.method-tab-arrow{font-size:19px;opacity:.45;font-weight:400}
.method-tab.is-selected,.method-tab:hover{background:#22396F;color:white}
.method-tab.is-selected{box-shadow:inset 4px 0 var(--amber)}
.method-tab.is-selected .method-tab-arrow{color:var(--amber);opacity:1}
.method-content{display:grid;grid-template-columns:1fr;overflow:hidden;border-radius:9px;background:var(--offwhite);color:var(--dark)}
.method-photo{height:295px;overflow:hidden;background:#FCF1D0}
.method-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.method-copy{padding:28px 34px 30px}
.method-copy>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--orange)}
.method-copy h3{font-size:25px;margin:8px 0 8px}
.method-copy p{font-size:13px;margin:0;max-width:550px}

/* Spaces */
.spaces{background:var(--white)}
.spaces-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:74px;align-items:center}
.spaces-photo{height:480px;border-radius:var(--radius);overflow:hidden;background:#FCF1D0}
.spaces-photo img{width:100%;height:100%;object-fit:cover}
.spaces-copy h2{margin:16px 0 19px;max-width:520px}
.spaces-copy>p:not(.content-note){max-width:500px;font-size:14px;margin-bottom:26px}
.spaces-list{list-style:none;margin:0;padding:0;max-width:520px;border-top:1px solid var(--line)}
.spaces-list li{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}
.spaces-list li span{display:grid;place-items:center;width:23px;height:23px;background:#FCF1D0;color:var(--orange);border-radius:50%;font-size:12px}
.spaces-copy .content-note{margin-top:17px}

/* Admissions */
.admissions{background:var(--orange);color:var(--cream);padding:70px 0}
.admissions-layout{display:grid;grid-template-columns:1.2fr .8fr .75fr;gap:55px;align-items:center}
.admissions h2{font-size:clamp(30px,2.8vw,39px);margin:12px 0 12px;max-width:450px}
.admissions p{max-width:470px;margin:0;font-size:13px;color:#FCF1D0}
.admissions .section-label{color:#FCF1D0}
.admissions-steps{list-style:none;margin:0;padding:0;border-top:1px solid #FCF1D055}
.admissions-steps li{display:flex;gap:17px;align-items:center;padding:12px 0;border-bottom:1px solid #FCF1D055;font-size:13px;font-weight:800}
.admissions-steps li span{font-size:11px;font-weight:900;color:#FCF1D0}
.btn-dark{background:var(--cream);color:var(--dark);justify-self:end}
.btn-dark:hover{background:white}

/* FAQ */
.faq{background:var(--cream)}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.faq-heading h2{margin:15px 0 18px}
.faq-heading p{font-size:14px;max-width:365px}
.faq-list{border-top:1px solid #22396F33}
.faq-list details{border-bottom:1px solid #22396F33}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:15px;font-weight:750;padding:23px 0;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#FCF1D0;color:var(--orange);font-size:23px;font-weight:400;transition:transform .2s,background .2s}
.faq-list details[open] summary>span{transform:rotate(45deg);background:var(--amber)}
.faq-list details p{font-size:13px;line-height:1.85;padding:0 45px 22px 0;margin:0}

/* Contact + real Google Maps embed for demo reference */
.contact{background:var(--white)}
.contact-heading{margin-bottom:40px}
.contact-layout{display:grid;grid-template-columns:.74fr 1.26fr;gap:24px;align-items:stretch}
.contact-card{background:#FCF1D0;border:1px solid var(--line);border-radius:var(--radius);padding:35px 34px;display:flex;flex-direction:column;gap:22px}
.contact-item>span{display:block;font-size:10px;font-weight:850;letter-spacing:.11em;color:var(--orange);margin-bottom:6px}
.contact-item strong{display:block;font-size:15px;line-height:1.5;font-weight:750;overflow-wrap:anywhere}
.contact-item p{margin:2px 0 0;font-size:12px}
.contact-notice{display:flex;align-items:flex-start;gap:13px;margin-top:auto;background:#FFFFFF;border:1px solid #22396F55;border-radius:7px;padding:13px}
.contact-notice>span{flex:0 0 20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:white;font-weight:800;font-size:12px}
.contact-notice p{margin:0;font-size:11px;line-height:1.7}
.map-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--offwhite)}
.map-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 23px;background:var(--offwhite)}
.map-header>div{display:flex;flex-direction:column;gap:1px}
.map-header strong{font-size:14px}
.map-header div span{font-size:11px;color:var(--text-secondary)}
.map-status{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;color:#22396F}
.map-status>span{width:7px;height:7px;border-radius:50%;background:#22396F}
.map-frame{flex:1;min-height:380px;background:#FCF1D0}
.map-frame iframe{width:100%;height:100%;min-height:380px;border:0;display:block}
.map-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 23px;background:var(--offwhite);font-size:11px}
.map-bottom>span{color:var(--text-secondary)}
.map-bottom a{display:inline-flex;gap:10px;align-items:center;color:var(--orange);font-size:12px;font-weight:850;white-space:nowrap}
.map-bottom a:hover{text-decoration:underline}
.map-bottom a span{font-size:16px;font-weight:400}

/* Footer */
.footer{background:var(--dark);color:var(--white);padding-top:62px}
.footer-main{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:65px;padding-bottom:50px}
.footer .brand-symbol{background:var(--amber);color:var(--dark)}
.footer .brand-words small{color:#FCF1D0AA}
.footer-main>div:first-child>p{margin:20px 0 0;color:#FCF1D0BB;font-size:12px;line-height:1.8}
.footer-main nav{display:grid;grid-template-columns:repeat(2,1fr);align-content:start;gap:16px 20px}
.footer-main nav a{font-size:12px;color:#FCF1D0;font-weight:600}
.footer-main nav a:hover{color:var(--amber)}
.footer-cta{display:flex;flex-direction:column;align-items:start;gap:17px}
.footer-cta strong{font-size:21px;letter-spacing:-.025em}
.footer-cta a{color:var(--amber);font-size:12px;font-weight:850}
.footer-cta a span{margin-left:12px}
.footer-bottom{border-top:1px solid #FCF1D044;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 23px;color:#FCF1D0BB;font-size:11px}

@media (max-width:1100px){
  .desktop-menu{gap:17px}
  .header-content{gap:18px}
  .hero-layout{gap:45px}
  .hero-media{height:440px}
  .about-layout{gap:50px}
  .spaces-layout{gap:50px}
  .faq-layout{gap:60px}
  .admissions-layout{gap:30px}
}

@media (max-width:950px){
  .desktop-menu,.nav-cta{display:none}
  .menu-button{display:block}
  .header-content{height:77px}
  .hero-layout{gap:35px}
  .hero-copy h1{font-size:clamp(42px,5.1vw,57px)}
  .hero-media{height:410px}
  .section{padding:83px 0}
  .about-layout,.faq-layout{gap:38px}
  .level-row{grid-template-columns:48px 215px 1fr 30px;gap:18px}
  .method-layout{grid-template-columns:.84fr 1.16fr;gap:22px}
  .spaces-photo{height:420px}
  .admissions-layout{grid-template-columns:1fr 1fr}
  .admissions-layout>.btn{grid-column:2;justify-self:start}
  .contact-layout{grid-template-columns:.88fr 1.12fr}
  .map-bottom{align-items:start;flex-direction:column;gap:7px}
}

@media (max-width:760px){
  .container{width:min(calc(100% - 36px),var(--max-width))}
  html{scroll-padding-top:88px}
  .topbar-content{font-size:10px;gap:10px;min-height:42px;padding-block:5px}
  .topbar-location{display:none}
  .topbar-notice{margin-left:0;line-height:1.4}
  .topbar-divider{margin:0 5px}
  .hero{padding:52px 0 42px}
  .hero-layout{grid-template-columns:1fr;gap:31px}
  .hero-copy{padding:0}
  .hero-copy h1{font-size:clamp(40px,8.3vw,57px);max-width:650px}
  .hero-copy>p{max-width:600px}
  .hero-media{height:430px}
  .level-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .level-links-grid a:nth-child(3){border-left:0}
  .level-links-grid a:nth-child(n+3){border-top:1px solid var(--line)}
  .section{padding:73px 0}
  .section-heading,.method-heading{flex-direction:column;align-items:start;gap:14px}
  .section-heading>p,.method-heading p{max-width:590px}
  .about-layout,.faq-layout,.spaces-layout{grid-template-columns:1fr;gap:27px}
  .about-lead{font-size:18px}
  .principles{margin-top:25px}
  .level-row{grid-template-columns:40px 1fr 30px;gap:15px;min-height:0;padding:25px 6px}
  .level-row p{grid-column:2/3;grid-row:2;margin-top:-6px}
  .level-row .row-mark{grid-column:3;grid-row:1;align-self:center}
  .level-index{padding-top:12px}
  .method-layout{grid-template-columns:1fr;gap:24px}
  .method-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #FCF1D055;border-radius:7px;overflow:hidden}
  .method-tab{min-height:92px;grid-template-columns:1fr;gap:4px;padding:13px 10px;border:0}
  .method-tab+ .method-tab{border-left:1px solid #FCF1D055}
  .method-tab strong{font-size:13px}
  .method-tab-arrow{display:none}
  .method-tab.is-selected{box-shadow:inset 0 4px var(--amber)}
  .method-content{grid-template-columns:1fr 1fr}
  .method-photo{height:100%;min-height:280px}
  .method-copy{display:flex;flex-direction:column;justify-content:center;padding:23px}
  .spaces-photo{height:400px}
  .spaces-copy{padding-top:8px}
  .admissions-layout{grid-template-columns:1fr;gap:25px}
  .admissions-layout>.btn{grid-column:1;justify-self:start}
  .faq-layout{gap:16px}
  .contact-layout{grid-template-columns:1fr}
  .contact-card{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .contact-notice{grid-column:1/3}
  .map-frame,.map-frame iframe{min-height:360px}
  .map-bottom{flex-direction:row;align-items:center}
  .footer-main{grid-template-columns:1.2fr 1fr;gap:35px}
  .footer-cta{grid-column:1/3}
}

@media (max-width:520px){
  .language-button{min-width:29px;padding-inline:5px}
  .brand-symbol{width:44px;height:44px}
  .brand-words strong{font-size:17px}
  .brand-words small{font-size:9px}
  .hero-copy h1{font-size:clamp(38px,10vw,50px)}
  .hero-copy>p{font-size:14px}
  .hero-actions{align-items:start;flex-direction:column;gap:20px}
  .hero-media{height:316px}
  .hero-image-label{left:11px;bottom:11px;padding:10px 12px}
  .hero-image-label strong{font-size:12px}
  .hero-image-label div span{font-size:10px}
  .level-links-grid a{padding:20px 9px;font-size:12px;gap:9px}
  .level-link-arrow{font-size:15px}
  h2{font-size:clamp(33px,8.5vw,44px)}
  .section{padding:63px 0}
  .principles{grid-template-columns:1fr;gap:16px}
  .principles article{display:grid;grid-template-columns:36px 1fr;gap:0 10px;border-bottom:1px solid var(--line);padding-bottom:12px}
  .principles article>span{grid-row:span 2;margin:0}
  .principles h3{margin-bottom:2px}
  .level-row h3{font-size:23px}
  .level-row p{font-size:12px}
  .method-tabs{grid-template-columns:1fr}
  .method-tab{min-height:57px;grid-template-columns:25px 1fr 18px;gap:12px;padding:14px 14px}
  .method-tab+.method-tab{border-top:1px solid #FCF1D055;border-left:0}
  .method-tab-arrow{display:block}
  .method-tab.is-selected{box-shadow:inset 4px 0 var(--amber)}
  .method-content{grid-template-columns:1fr}
  .method-photo{min-height:0;height:250px}
  .method-copy{padding:22px}
  .spaces-photo{height:310px}
  .admissions{padding:58px 0}
  .contact-card{grid-template-columns:1fr;padding:25px;gap:22px}
  .contact-notice{grid-column:1}
  .map-header{padding:17px}
  .map-status{font-size:10px}
  .map-frame,.map-frame iframe{min-height:300px}
  .map-bottom{padding:15px 17px;flex-direction:column;align-items:start;gap:11px}
  .footer-main{grid-template-columns:1fr;gap:33px}
  .footer-cta{grid-column:1}
  .footer-main nav{max-width:300px}
  .footer-bottom{flex-wrap:wrap}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}