/*
Theme Name: Green Dorm Group
Theme URI: https://greendormgroup.com/
Author: Green Dorm Group
Description: Thème institutionnel Green Dorm Group — V1.1, finition visuelle desktop, tablette et mobile.
Version: 1.1.0
Text Domain: green-dorm-group
*/

:root{--bg:#191b18;--panel:#20221f;--white:#ecebe5;--muted:#a4a69c;--gold:#b9a784;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;line-height:1.13;letter-spacing:-2px}h2{font-size:clamp(36px,4.3vw,66px)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}h2 span{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:500;color:var(--gold)}.progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);z-index:30;width:0}header{position:absolute;top:0;left:0;right:0;z-index:10;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22}.brand{display:flex;gap:14px;align-items:center;font-size:17px;letter-spacing:2px;line-height:1.3}.brand small{display:block;font-size:9px;text-align:center;letter-spacing:5px;margin-top:5px}.symbol{font:38px Georgia;letter-spacing:-15px;width:52px;border:1px solid #c1b69b80;height:52px;display:flex;align-items:center;padding-left:5px}.symbol span{font-size:30px;transform:translateY(5px)}nav{display:flex;gap:38px;font-size:12px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:1px;background:var(--gold);transition:.3s}nav a:hover:after{width:100%}.header-cta{font-size:12px;border-bottom:1px solid #ffffff66;padding:9px 0}.header-cta span{margin-left:27px}.menu{display:none}.hero{height: min(970px,100svh);min-height:720px;position:relative;overflow:hidden}.hero-img{position:absolute;width:100%;height:115%;top:-5%;object-fit:cover;object-position:center 48%;filter:brightness(.69);will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111811aa,transparent 95%),linear-gradient(0deg,#151a16db,transparent 60%,#10171345)}.hero-content{position:absolute;top:34%;left:8%;right:6%}h1{font-size:clamp(52px,6.2vw,98px);margin:28px 0 26px;letter-spacing:-3px}.hero-intro{color:#dedfd7;font-size:15px;line-height:1.9}.line-link{display:inline-flex;align-items:center;gap:50px;font-size:10px;letter-spacing:1.8px;border-bottom:1px solid #aaa68b;padding:20px 0 13px;margin-top:20px}.line-link span{font-size:23px;transition:transform .3s}.line-link:hover span{transform:translate(4px,-4px)}.hero-bottom{position:absolute;bottom:35px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px}.hero-bottom a{display:flex;align-items:center;gap:18px}.down{border:1px solid #ffffff55;border-radius:50%;width:36px;height:44px;display:grid;place-items:center;font-size:20px}.hero-bottom i{display:inline-block;width:30px;height:1px;background:#b9a784;margin:3px 15px}.vertical{position:absolute;right:30px;top:38%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#ffffff88}.section{padding:105px 8%}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:65px}.section-top>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.intro-copy>p:first-child{font-size:21px;color:var(--white);line-height:1.55;margin:4px 0 24px}.intro-copy>p{color:var(--muted);font-size:14px}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;padding-top:30px;border-top:1px solid var(--line)}.facts>div{display:flex;align-items:center;gap:28px}.facts strong{font:52px Georgia;color:#d9d6ca;font-weight:400}.facts span{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.companies{background:#22241f}.companies-title{display:flex;justify-content:space-between;align-items:end;gap:35px}.companies-title p{font-size:13px;color:var(--muted);padding-bottom:8px}.filters{display:flex;gap:30px;border-bottom:1px solid var(--line);margin:55px 0 0}.filters button{background:none;border:0;border-bottom:1px solid transparent;margin-bottom:-1px;padding:17px 0;font-size:11px;color:var(--muted)}.filters button.active{color:var(--white);border-color:var(--gold)}sup{font-size:8px;margin-left:8px}.company{display:grid;grid-template-columns:60px 185px 1fr 40px;gap:35px;padding:42px 0;border-bottom:1px solid var(--line);align-items:start}.company[hidden]{display:none}.company-num{font:14px Georgia;color:var(--gold);padding-top:13px}.logo-wrap{height:140px;overflow:hidden;background:#191b18;display:flex;align-items:center;justify-content:center}.logo-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.company:hover img{transform:scale(1.05)}.company small{font-size:9px;letter-spacing:1.8px;color:var(--gold)}.company h3{font:28px Georgia;margin:7px 0 10px}.company .summary{font-size:13px;color:var(--muted);max-width:600px;line-height:1.8}.tags{font-size:9px;letter-spacing:1px;color:#d0d0c5;margin-top:17px}.expand{margin-top:35px;width:37px;height:37px;background:transparent;border:1px solid #ffffff40;border-radius:50%;font-size:22px;transition:.3s}.expand:hover{background:var(--gold);color:var(--bg)}.detail{display:none;grid-column:3/5;font-size:14px;color:var(--muted);max-width:720px}.company.open .detail{display:block;animation:fade .45s}.detail p{margin-bottom:14px}.detail a{display:inline-block;margin-top:12px;color:var(--white);border-bottom:1px solid var(--gold);padding-bottom:7px;font-size:11px;letter-spacing:1px}.vision{display:grid;grid-template-columns:1fr 1fr;background:#e9e6de;color:#252920}.vision-img{position:relative;min-height:800px;overflow:hidden}.vision-img img{width:100%;height:100%;position:absolute;object-fit:cover}.vision-img:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent 35%)}.vision-img>span{position:absolute;bottom:35px;left:35px;font-size:8px;letter-spacing:2px;color:#fff;z-index:1}.vision-copy{padding:90px 13%}.vision-copy .eyebrow{color:#746951}.vision-copy h2{font-size:48px;margin:35px 0 25px}.vision-copy>p:not(.eyebrow){font-size:14px;color:#62665b}.principle{display:flex;gap:25px;margin-top:30px;padding-top:25px;border-top:1px solid #24282025}.principle>span{font:12px Georgia;color:#8e8063}.principle h3{font:21px Georgia;margin-bottom:7px}.principle p{font-size:12px;color:#62665b}.journey h2{margin:35px 0 55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps span{font-size:9px;letter-spacing:1.7px;color:var(--gold)}.steps h3{font:25px Georgia;margin:28px 0 14px}.steps p{font-size:13px;color:var(--muted)}.project{text-align:center;background:#272c24;position:relative;overflow:hidden;padding-top:110px;padding-bottom:90px}.project:before,.project:after{content:'';position:absolute;width:650px;height:650px;border:1px solid #c3c8ae0c;transform:rotate(35deg);left:-500px;top:20px;pointer-events:none}.project:after{left:auto;right:-470px;top:-150px}.project h2{font-size:clamp(50px,6.2vw,90px);margin:35px 0 25px}.project>p:not(.eyebrow){color:var(--muted);font-size:14px}.project-button{background:var(--white);color:var(--bg);font-size:10px;letter-spacing:1.5px;border:0;padding:22px 28px;margin:36px 0 60px;min-width:280px}.project-button span{margin-left:40px;font-size:18px}.project-button:hover{background:var(--gold)}.project-places{font-size:9px;letter-spacing:2px;color:#c1c6b9}.project-places>span{padding:0 18px;color:var(--gold)}.project-places small{display:block;font-size:9px;letter-spacing:0;margin-top:12px;color:var(--muted)}footer{padding:60px 5% 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:35px}footer>p{font:17px/1.6 Georgia;color:var(--muted)}footer>a:not(.brand){font-size:9px;letter-spacing:1.5px}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;width:100%;border-top:1px solid var(--line);padding-top:22px;margin-top:20px;font-size:9px;color:#a2a699}dialog{background:#252921;color:var(--white);border:1px solid #b9a78450;max-width:580px;width:calc(100% - 32px);padding:50px;max-height:90svh}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font:32px Georgia;margin:25px 0}dialog label{display:block;font-size:12px;margin:20px 0 9px}select{width:100%;padding:12px;background:#191d17;color:var(--white);border:1px solid #ffffff40;font-size:13px}.close{position:absolute;right:17px;top:10px;background:none;border:0;font-size:30px}#recommendation{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;font-size:13px;color:var(--muted)}#recommendation strong{display:block;font:24px Georgia;color:var(--white);margin-bottom:10px}#recommendation a{display:inline-block;color:var(--white);border-bottom:1px solid var(--gold);margin-top:15px;padding-bottom:5px}.skip{position:fixed;top:-100px;background:white;color:black;padding:12px;z-index:50}.skip:focus{top:10px}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .85s,transform .85s}.js .reveal.visible{opacity:1;transform:none}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1600px){.section{padding-left:max(8%,calc((100% - 1400px)/2));padding-right:max(8%,calc((100% - 1400px)/2))}}@media(max-width:900px){nav{gap:20px}.brand{font-size:13px}.hero{min-height:700px}.hero-content{left:6%;top:31%}.section{padding:75px 6%}.intro-grid{gap:6%}.company{grid-template-columns:24px 130px 1fr 32px;gap:20px}.logo-wrap{height:110px}.vision-copy{padding:60px 9%}.vision-copy h2{font-size:37px}.facts>div{gap:16px}.facts span{font-size:8px}.steps{gap:25px}.steps h3{font-size:22px}}@media(max-width:600px){header{padding:20px 6%}.brand{font-size:12px;gap:10px}.symbol{width:40px;height:40px;font-size:29px;letter-spacing:-12px}.symbol span{font-size:25px}.brand small{font-size:7px}.header-cta{margin-left:auto;margin-right:23px;font-size:10px}.header-cta span{margin-left:10px}.menu{display:block;border:0;background:none;font-size:19px}nav{display:none;position:absolute;top:81px;left:0;right:0;padding:25px 6%;background:#1b201a;flex-direction:column}header.menu-open nav{display:flex}.hero{min-height:690px;height:94svh}.hero-content{top:28%;right:5%}h1{font-size:48px;letter-spacing:-2px;margin-top:25px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-intro{font-size:13px}.hero-img{object-position:62% center}.hero-bottom{bottom:28px;font-size:8px}.hero-bottom>span,.vertical{display:none}.section{padding:65px 6%}.section-top{margin-bottom:35px}.section-top>span{display:none}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-copy>p:first-child{font-size:19px}.facts{margin-top:45px;gap:18px}.facts>div{display:block}.facts strong{font-size:39px;display:block}.facts span{font-size:7px;letter-spacing:1px;display:block;margin-top:7px}.companies-title{display:block}.companies-title p{margin-top:25px}.filters{gap:19px;margin-top:30px;overflow:auto}.filters button{white-space:nowrap;font-size:9px}.filters sup{display:none}.company{grid-template-columns:85px 1fr 30px;gap:15px;padding:30px 0}.company-num{display:none}.logo-wrap{height:85px}.company h3{font-size:23px;line-height:1.15;margin:8px 0 13px}.company small{font-size:8px;letter-spacing:1px}.company .summary{font-size:12px}.tags{font-size:8px;letter-spacing:.5px}.expand{width:29px;height:29px;font-size:18px;margin-top:27px}.detail{grid-column:1/4;font-size:13px}.vision{grid-template-columns:1fr}.vision-img{min-height:430px}.vision-copy{padding:60px 7%}.vision-copy h2{font-size:42px}.steps{grid-template-columns:1fr;gap:35px}.steps h3{margin:20px 0 12px}.project h2{font-size:51px}.project-places{font-size:7px;letter-spacing:1px}.project-places>span{padding:0 7px}.project-button{margin-bottom:40px}footer{padding:45px 6% 20px}footer>p{display:none}.footer-bottom{display:block}.footer-bottom>span{display:block;margin-bottom:8px}dialog{padding:40px 25px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}.hero-img{will-change:auto}}

/* Official GREEN DORM GROUP identity */
header{padding-top:12px;padding-bottom:12px;background:linear-gradient(180deg,#000b,#0003)}.brand .official-logo{display:block;width:154px;height:112px;object-fit:contain;background:#000}footer .brand .official-logo{width:185px;height:139px}footer{background:#080908}@media(max-width:600px){header{padding-top:8px;padding-bottom:8px}.brand .official-logo{width:110px;height:82px}header nav{top:98px}.header-cta{margin-right:18px}footer .brand .official-logo{width:150px;height:113px}}

/* Refined transparent identity and editorial finishes */
:root{--bg:#171916;--panel:#20221e;--gold:#c4ae7e;--muted:#b0b1a7;--line:#d5c29926}
.brand .official-logo,footer .brand .official-logo{background:transparent;object-fit:contain}
header{padding:20px 6%;background:linear-gradient(180deg,#0b100f85,transparent);border-bottom-color:#d8c8a42b}
.brand .official-logo{width:145px;height:108px;transition:opacity .4s}.brand:hover .official-logo{opacity:.8}
nav{gap:45px;font-size:11px;letter-spacing:.6px}.header-cta{border-bottom-color:var(--gold);letter-spacing:.6px}
.hero-shade{background:linear-gradient(90deg,#0e1513b0,#10171312 95%),linear-gradient(0deg,#171916ef,transparent 55%,#10171350)}
.hero-content{top:35%}.hero .eyebrow{letter-spacing:3.2px}.hero h1{font-weight:300}.hero h1 em{color:#ece5d6}
.section-top{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:62px}
.intro{padding-top:120px;padding-bottom:120px}.facts{padding-top:35px}.facts strong{color:#c4ae7e}
.companies{background:#1e211c}.companies-title h2 em{color:#d6c6a6}.company{padding-top:48px;padding-bottom:48px;transition:background .45s}.company:hover{background:#d6c6a604}.company h3{font-size:30px;letter-spacing:-.5px}.logo-wrap{background:transparent}.expand{border-color:#c4ae7e65;color:#d6c6a6}.company .summary{max-width:590px;font-size:14px}
.vision{background:#e7e3d9}.vision-copy{padding-top:100px;padding-bottom:100px}.vision-copy h2{letter-spacing:-1.5px}.vision-copy h2 em{color:#7d7053}
.journey{padding-top:120px;padding-bottom:120px}.steps article{border-top-color:#c4ae7e66}.steps h3{letter-spacing:-.5px}
.project{background:radial-gradient(ellipse at 50% 100%,#333b2e 0%,#242a21 65%,#20251e 100%);padding-top:120px;padding-bottom:100px}.project h2 em{color:#dfd0ae}.project-button{border:1px solid #c4ae7e;background:transparent;color:#e7dcc6;padding:23px 32px;transition:background .4s,color .4s,transform .4s}.project-button:hover{background:#c4ae7e;color:#171916;transform:translateY(-3px)}
footer{background:#11140f;padding-top:75px;padding-bottom:30px}footer .brand .official-logo{width:195px;height:146px}footer>p{font-size:23px;color:#c9c8ba}.footer-bottom{margin-top:35px;border-color:#c4ae7e26}
@media(max-width:900px){nav{gap:24px}.company h3{font-size:27px}.vision-copy{padding-top:65px;padding-bottom:65px}}
@media(max-width:600px){header{padding:14px 6%}.brand .official-logo{width:112px;height:84px}header nav{top:112px}.hero-content{top:29%}.hero .eyebrow{letter-spacing:1.6px}.section-top{margin-bottom:35px;padding-bottom:18px}.intro,.journey{padding-top:75px;padding-bottom:75px}.company{padding-top:30px;padding-bottom:30px}.company h3{font-size:23px}.company .summary{font-size:12px}.project{padding-top:80px;padding-bottom:70px}footer .brand .official-logo{width:160px;height:120px}footer{padding-top:50px}}


/* ==========================================================================\n   V1.1 — Passe de finition visuelle\n   ========================================================================== */

/* Base : éviter les débordements et stabiliser la typographie. */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;display:block}
main{overflow:hidden}

/* Header plus compact et plus équilibré. */
header{
  min-height:92px;
  padding:10px 5.5%;
  gap:28px;
  background:linear-gradient(180deg,rgba(8,12,10,.84),rgba(8,12,10,.18) 72%,transparent);
}
.brand{flex:0 0 auto}
.brand .official-logo{width:132px;height:78px;object-fit:contain}
nav{margin-left:auto;gap:36px;align-items:center}
.header-cta{flex:0 0 auto;white-space:nowrap}

/* Hero : réserve une vraie zone à la navigation basse. Cela supprime le chevauchement
   entre le lien "Découvrir nos sociétés" et "L'essentiel commence ici". */
.hero{
  height:min(960px,100svh);
  min-height:720px;
}
.hero-content{
  top:auto;
  bottom:150px;
  left:6%;
  right:8%;
  max-width:1040px;
}
.hero h1{margin:22px 0 20px;max-width:980px}
.hero-intro{max-width:610px}
.hero-content .line-link{
  margin-top:18px;
  padding:14px 0 10px;
  min-width:248px;
  justify-content:space-between;
  gap:24px;
}
.hero-bottom{
  bottom:26px;
  min-height:54px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.14);
}
.hero-bottom a{
  position:relative;
  gap:14px;
  white-space:nowrap;
  border:0;
  text-decoration:none;
}
.hero-bottom .down{width:38px;height:38px;line-height:1;flex:0 0 38px}
.hero-bottom>span{white-space:nowrap}
.vertical{right:18px;top:32%;opacity:.8}

/* Sections : largeur de lecture cohérente. */
.section{padding-left:max(6%,calc((100% - 1440px)/2));padding-right:max(6%,calc((100% - 1440px)/2))}
.section-top{gap:30px}
.intro-grid,.companies-title{min-width:0}
.intro-copy{max-width:670px}

/* Chiffres : évite les colonnes tassées à largeur intermédiaire. */
.facts{gap:28px}
.facts>div{min-width:0}
.facts span{line-height:1.4}

/* Sociétés : les logos sont des logos, pas des photos à recadrer. */
.company{grid-template-columns:52px 190px minmax(0,1fr) 44px;gap:30px}
.logo-wrap{
  height:132px;
  padding:14px;
  border:1px solid rgba(196,174,126,.13);
  background:rgba(255,255,255,.018);
}
.logo-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.company:hover .logo-wrap img{transform:scale(1.025)}
.company h3{overflow-wrap:anywhere}
.company .summary{line-height:1.72}
.detail{padding-top:4px}

/* Vision : moins de hauteur vide sur les grands écrans et meilleur équilibre texte/image. */
.vision-img{min-height:720px}
.vision-copy{display:flex;flex-direction:column;justify-content:center;padding:80px 10%}
.vision-copy h2{margin-top:28px}

/* CTA final. */
.project-button{border-radius:0;min-height:62px}
.project-places{line-height:1.8}

/* Footer : logo et contenu mieux proportionnés. */
footer{padding:58px 5.5% 26px;align-items:flex-start}
footer .brand .official-logo{width:158px;height:94px}
footer>p{font-size:20px;max-width:420px}
.footer-bottom{align-items:center}

/* Fenêtre du guide : évite les débordements et améliore la lecture. */
dialog{border-radius:2px;overflow:auto}
dialog select{min-height:46px}

/* Tablette : passer au menu mobile avant que la navigation ne se compresse. */
@media(max-width:1100px){
  header{min-height:86px;padding:8px 5%;}
  .brand .official-logo{width:122px;height:72px}
  header nav{
    display:none;
    position:absolute;
    top:86px;
    left:0;
    right:0;
    margin:0;
    padding:26px 6%;
    background:rgba(20,24,20,.98);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    flex-direction:column;
    align-items:flex-start;
    gap:22px;
  }
  header.menu-open nav{display:flex}
  .menu{display:block;border:0;background:none;font-size:20px;line-height:1;padding:12px}
  .header-cta{margin-left:auto}
  .hero-content{bottom:145px}
  .company{grid-template-columns:42px 150px minmax(0,1fr) 38px;gap:22px}
  .logo-wrap{height:112px;padding:10px}
  .vision-img{min-height:650px}
}

@media(max-width:760px){
  header{min-height:78px;padding:7px 5%}
  .brand .official-logo{width:105px;height:62px}
  header nav{top:78px}
  .header-cta{font-size:9px;padding:7px 0}
  .header-cta span{margin-left:8px}

  .hero{height:auto;min-height:700px}
  .hero-content{left:6%;right:6%;bottom:124px}
  .hero h1{font-size:clamp(43px,12.5vw,58px);line-height:1.04;letter-spacing:-2px}
  .hero-intro br{display:none}
  .hero-content .line-link{min-width:0;width:min(290px,100%)}
  .hero-bottom{left:6%;right:6%;bottom:18px;min-height:52px}
  .hero-bottom>span,.vertical{display:none}

  .section{padding:70px 6%}
  .section-top{margin-bottom:38px}
  .intro-grid{grid-template-columns:1fr;gap:34px}
  .facts{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:48px}
  .facts>div{display:block}
  .facts strong{font-size:40px;display:block}

  .companies-title{display:block}
  .companies-title p{margin-top:22px}
  .filters{gap:22px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
  .filters::-webkit-scrollbar{display:none}
  .company{grid-template-columns:88px minmax(0,1fr) 32px;gap:15px;padding:30px 0}
  .company-num{display:none}
  .logo-wrap{height:84px;padding:8px}
  .company .summary{font-size:12px}
  .detail{grid-column:1/4;padding-top:10px}

  .vision{grid-template-columns:1fr}
  .vision-img{min-height:400px}
  .vision-copy{padding:58px 7%}
  .vision-copy h2{font-size:clamp(38px,11vw,48px)}

  .steps{grid-template-columns:1fr;gap:36px}
  .project{padding-top:82px;padding-bottom:72px}
  .project h2{font-size:clamp(48px,13vw,62px)}
  .project-button{width:min(100%,330px);min-width:0}
  .project-places{max-width:330px;margin:0 auto}

  footer{padding:44px 6% 22px;display:grid;grid-template-columns:1fr auto;gap:28px}
  footer .brand .official-logo{width:136px;height:82px}
  footer>p{display:none}
  .footer-bottom{grid-column:1/-1;display:grid;gap:8px;margin-top:4px}
}

@media(max-width:430px){
  header .header-cta{display:none}
  .hero{min-height:660px}
  .hero-content{bottom:116px}
  .hero-bottom{font-size:7px;letter-spacing:1.4px}
  .hero-bottom .down{width:34px;height:34px;flex-basis:34px}
  .section{padding-left:5.5%;padding-right:5.5%}
  .facts{gap:8px}
  .facts strong{font-size:34px}
  .facts span{font-size:6.8px}
  .company{grid-template-columns:76px minmax(0,1fr) 30px;gap:12px}
  .logo-wrap{height:74px;padding:6px}
  .company h3{font-size:21px}
  .tags{line-height:1.55}
  dialog{padding:36px 20px}
}