:root{
  --ink:#26372c;
  --navy:#071924;
  --cyan:#3d9fbc;
  --gold:#e8ad3e;
  --paper:#f7f3e8;
  --white:#fffdf7;
  --line:rgba(49,92,69,.16);
  --muted:#657269;
  --forest:#315c45;
  --leaf:#6f9b67;
  --sun:#f2b94b;
  --terracotta:#c96f45;
}

body{background:var(--paper);color:var(--ink)}

.topbar{
  background:rgba(250,247,237,.94);
  color:var(--forest);
  border-bottom:1px solid rgba(49,92,69,.16);
  box-shadow:0 8px 28px rgba(49,92,69,.06);
}
.brand-mark{border-color:var(--sun);color:var(--forest);background:#fff9eb}
.brand small{color:#788879}
.topbar nav a:not(.nav-cta){color:#425c49}
.nav-cta{border-color:var(--terracotta);color:#a94f2e;background:#fff8ef}
.menu-btn{color:var(--forest)}
.menu-btn span{background:var(--forest)}

.hero{
  background:
    radial-gradient(circle at 83% 18%,rgba(242,185,75,.34),transparent 25%),
    radial-gradient(circle at 70% 75%,rgba(111,155,103,.18),transparent 36%),
    linear-gradient(125deg,#fffaf0 0%,#f4eedc 48%,#e6eedc 100%);
  color:var(--ink);
}
.hero:after{border-color:rgba(111,155,103,.18);box-shadow:0 0 0 80px rgba(242,185,75,.055),0 0 0 160px rgba(111,155,103,.04)}
.eyebrow,.kicker{color:#9b632e}
h1 em{color:var(--terracotta)}
.hero-lead{color:#56675b}
.btn.primary{background:var(--sun);color:#26372c;box-shadow:0 8px 22px rgba(196,135,36,.16)}
.btn.ghost{border-color:rgba(49,92,69,.35);color:var(--forest);background:rgba(255,255,255,.34)}
.proof-row{border-top-color:rgba(49,92,69,.2)}
.proof-row div{border-right-color:rgba(49,92,69,.16)}
.proof-row span{color:#6d7d71}

.terrain-section{background:#fffdf7}
.map-frame{background:#375f49;border-color:#f8edcf;box-shadow:0 22px 60px rgba(55,79,58,.18)}
.hotspot span{background:rgba(49,92,69,.9)}
.hotspot b{background:rgba(39,66,49,.9)}
.hotspot:hover span,.hotspot.active span{background:var(--sun);border-color:var(--sun)}
.map-hint{background:#fff8e7;color:var(--forest)}
.place-card{background:var(--forest);color:#fffdf7}
.place-card p{color:#d5dfd4}
.place-card .place-number{color:#f4c667}
.place-tags span{border-color:rgba(255,255,255,.26)}
.place-status{border-top-color:rgba(255,255,255,.18)}

.shared{background:#e7edde;color:var(--ink)}
.shared .section-copy.light p{color:#5f7063}
.shared h2 em{color:var(--terracotta)}
.asset-card{border-color:rgba(49,92,69,.17);background:#fffdf7;box-shadow:0 12px 30px rgba(49,92,69,.07)}
.asset-card.featured{border-color:#d8a033;background:linear-gradient(145deg,#fff8df,#f2e8c7)}
.asset-icon{color:var(--terracotta)}
.asset-state{color:#9b632e}
.asset-card p{color:#627067}
.advantage{border-top-color:rgba(49,92,69,.15)}
.advantage small{color:#7f8c82}
.advantage em{color:#a94f2e}
.clarity-note{color:#68776c}

.how{background:#fffaf0}
.ecosystem-card{background:#fffdf7;border-color:rgba(49,92,69,.15)}
.ecosystem-card>span{color:#9bb297}
.ecosystem-card b{color:#477d57}
.ecosystem-card.genesis{background:#071924;color:#fff}
.ecosystem-card.genesis p{color:#a6b9c0}
.ecosystem-card.genesis>span{color:#f2b94b}
.ecosystem-card.genesis b{color:#55bde0}
.ecosystem-card.services{background:#edf1e5}
.ecosystem-card.vision{background:#f8eadb}

.journey{background:#efe8d7}
.timeline li{border-bottom-color:rgba(49,92,69,.2)}
.timeline li>span{border-color:#879d89}
.timeline li.current>span{background:var(--forest);color:#fff5cf;border-color:var(--forest)}
.timeline small{color:#8c633e}
.timeline p{color:#66746a}

.why{background:linear-gradient(120deg,#f3bd50,#e4a845)}
.why .kicker{color:#624421}

.cta{background:radial-gradient(circle at 50% 120%,#72966a,#315c45 62%);color:#fff}
.cta p{color:#d9e5d9}
.cta .btn.ghost{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08)}

footer{background:#253e30;color:#bdcbbf}
.footer-brand{color:#fff}
.footer-brand .brand-mark{background:transparent;color:#f2c45f}

.hero{min-height:680px;padding-top:clamp(80px,9vw,120px)}
.hero h1{max-width:1040px;font-size:clamp(43px,6.3vw,82px)}
.vision-section{padding:clamp(75px,9vw,135px) clamp(22px,7vw,110px);background:#e9efe2}
.vision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}
.vision-grid article{padding:32px;background:#fffdf7;border-top:4px solid #e7ad48;min-height:270px}
.vision-grid article span{font:600 italic 30px Playfair Display;color:#9b632e}
.vision-grid h3{font-size:25px;line-height:1.2;margin:22px 0 12px}
.vision-grid p{color:#5f7063;margin:0}
.how{background:#fffaf0}
.ecosystem-card.genesis{background:#315c45}
.ecosystem-card.genesis b{color:#f2c45f}
.brand small{font-size:12px}
.topbar nav{font-size:14px}

@media(max-width:900px){
  .vision-grid{grid-template-columns:1fr}
  .vision-grid article{min-height:0}
  .topbar nav{background:#faf7ed}
  .topbar nav a:not(.nav-cta){color:#315c45}
  .place-card{background:rgba(33,47,36,.66);color:#26372c}
  .place-card p{color:#4e6054}
  .place-card .place-number{color:#b56d35}
  .place-card h3{color:#315c45}
  .place-tags span{border-color:rgba(49,92,69,.24);color:#315c45}
  .place-status{border-top-color:rgba(49,92,69,.18)}
}
@media(max-width:560px){
  .hero{min-height:0;padding-bottom:62px}
  .brand small{font-size:10px}
  .hero h1{font-size:clamp(39px,10vw,54px)}
  .proof-row{grid-template-columns:1fr 1fr;gap:0;margin-top:46px}
  .proof-row div{border-right:0;padding:12px 8px 12px 0}
  .proof-row strong{font-size:16px}
  .vision-grid article{padding:24px}
}

/* Direction éditoriale : lieux habités, végétation et matière, sans motifs spatiaux. */
.topbar{background:rgba(22,56,42,.97);color:#fffdf5;border-bottom-color:rgba(255,255,255,.16);box-shadow:none}
.topbar .brand-mark{border-color:#d9b96e;background:transparent;color:#f1d394}
.topbar .brand small,.topbar nav a:not(.nav-cta){color:#e0e9dc}
.topbar .nav-cta{color:#214a37;background:#eacb85;border-color:#eacb85;border-radius:40px}
.topbar .menu-btn span{background:#fffdf5}
.hero{min-height:700px;background:#fbf8ed;padding:90px clamp(24px,8vw,130px) 65px;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0 0 0 46%;z-index:-1;background:linear-gradient(90deg,#fbf8ed 0%,rgba(251,248,237,.1) 32%,rgba(16,51,35,.16) 100%),url('terrain-concept.png') center 43%/cover no-repeat}
.hero:after{display:none}
.hero h1{max-width:670px;font:600 clamp(54px,6.2vw,89px)/1.05 'Playfair Display',Georgia,serif;letter-spacing:-.035em;margin:32px 0 25px}
.hero h1 em{color:#477a59}
.hero .eyebrow{color:#55755a}
.hero-lead{max-width:560px;color:#344f3e;font-size:18px;line-height:1.75}
.hero .btn.primary{background:#315c45;color:white;box-shadow:none;border-radius:30px}
.hero .btn.ghost{background:rgba(255,253,247,.88);border-color:#315c45;border-radius:30px}
.hero-visual-note{position:absolute;right:32px;bottom:16px;background:rgba(24,59,42,.88);color:#fff;padding:5px 10px;font-size:12px;border-radius:3px}
.hero .proof-row{max-width:565px;margin-top:58px}
.hero .proof-row strong{font:600 19px 'Playfair Display',Georgia,serif}
.section-copy h2,.journey h2,.cta h2{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-.025em}
.vision-section{background:#214a37;color:#fffdf5}
.vision-section .section-copy p{color:#e0e8dd}
.vision-section .kicker{color:#eacb85}
.vision-grid article{background:#2d6047;color:#fffdf5;border-top-color:#eacb85;border-radius:120px 120px 8px 8px;padding:48px 30px 36px;text-align:center}
.vision-grid article span{color:#eacb85}
.vision-grid article p{color:#dfebdc}
.how{background:#f8f6ec}
.ecosystem-grid{gap:15px}
.ecosystem-card{border-radius:24px;min-height:385px}
.ecosystem-card.genesis{background:#315c45}
.ecosystem-card.services{background:#e7eee2}
.ecosystem-card.vision{background:#f1e5ce}
.terrain-section{background:#f8f6ec}
.map-frame{border-radius:32px}
.shared{background:#183e30;color:#fffdf5}
.shared .section-copy.light p{color:#d3e3d4}
.shared h2 em{color:#eacb85}
.asset-card{background:#28533f;color:#fffdf5;border-color:rgba(255,255,255,.2);border-radius:20px;box-shadow:none}
.asset-card.featured{background:#356c4f;border-color:#eacb85}
.asset-card p{color:#dbe8d9}
.asset-state,.asset-icon,.advantage em{color:#f3d28a}
.advantage{border-top-color:rgba(255,255,255,.2)}
.advantage small,.clarity-note{color:#c8dbc9}
.journey{background:#f1eedf}
.why{background:#e8d9b5}
.cta{background:linear-gradient(110deg,rgba(25,64,45,.94),rgba(21,58,41,.8)),url('terrain-concept.png') center 50%/cover no-repeat}
.cta .kicker{color:#eacb85}
.cta .btn{border-radius:30px}
footer{background:#173b2c}
@media(max-width:900px){
  .topbar nav{background:#214a37}
  .topbar nav a:not(.nav-cta){color:#fffdf5}
  .hero:before{inset:0 0 0 38%;background:linear-gradient(90deg,#fbf8ed 0%,rgba(251,248,237,.45) 60%,rgba(16,51,35,.18)),url('terrain-concept.png') center/cover no-repeat}
  .hero{min-height:720px}
  .hero h1,.hero-lead{max-width:610px}
  .vision-grid article{border-radius:35px;text-align:left;min-height:0}
}
@media(max-width:560px){
  .hero{padding:310px 24px 48px;min-height:0}
  .hero:before{inset:0 0 auto;height:310px;background:linear-gradient(0deg,#fbf8ed 0%,transparent 30%),url('terrain-concept.png') center 35%/cover no-repeat}
  .hero h1{font-size:clamp(43px,11vw,60px);margin:18px 0}
  .hero-lead{font-size:16px}
  .hero .proof-row{margin-top:40px}
  .hero-visual-note{top:266px;bottom:auto;right:12px;font-size:11px}
  .map-frame{border-radius:18px}
}

/* Composition photographique inspirée du second visuel fourni. */
.hero{min-height:680px;background:#f8f6ec;padding:100px clamp(24px,7vw,110px) 65px;position:relative}
.hero:before{inset:0 0 0 45%;background:linear-gradient(90deg,#f8f6ec 0%,rgba(248,246,236,.12) 25%,transparent 55%),url('village-vision.webp') center/cover no-repeat}
.hero h1{font-size:clamp(54px,6vw,84px);max-width:660px}
.hero h1 em{color:#315c45}
.hero-lead{max-width:530px}
.hero-visual-note{background:rgba(20,55,37,.83)}
.hero .proof-row{max-width:525px}

.vision-section{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:6vw;align-items:center;padding-top:100px;padding-bottom:110px;background:#194735}
.vision-section .section-copy h2{font:600 clamp(39px,4.5vw,64px)/1.1 'Playfair Display',Georgia,serif;margin:20px 0}
.vision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;align-items:start}
.vision-grid article{position:relative;min-height:0;background:transparent;border:0;border-radius:0;padding:0;text-align:center}
.vision-grid article:before{content:"";display:block;width:100%;aspect-ratio:1;border:5px solid rgba(236,215,162,.72);border-radius:50%;background-position:center;background-size:cover;margin-bottom:20px;box-shadow:0 18px 35px rgba(0,0,0,.18)}
.vision-grid .vision-place:before{background-image:url('village-vision.webp');background-position:75% center}
.vision-grid .vision-resources:before{background-image:url('terrain-concept.png');background-position:50% 73%}
.vision-grid .vision-people:before{background-image:url('people-planning.webp');background-position:center}
.vision-grid article span{font:700 11px Manrope,sans-serif;letter-spacing:.18em;color:#d5bd7e}
.vision-grid h3{font:600 clamp(18px,1.7vw,24px)/1.2 'Playfair Display',Georgia,serif;margin:8px 0 10px}
.vision-grid p{font-size:14px;line-height:1.55}

.why{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:7vw;background:#fbf9f0;padding:95px clamp(22px,7vw,110px)}
.why:before{content:"";grid-column:1;grid-row:1 / span 2;height:470px;border-radius:46% 8% 46% 8% / 18% 8% 18% 8%;background:url('terrain-concept.png') center 38%/cover no-repeat}
.why blockquote{grid-column:2;grid-row:1;font:600 clamp(36px,4.4vw,61px)/1.08 'Playfair Display',Georgia,serif;color:#214a37;align-self:end}
.why>div{grid-column:2;grid-row:2;align-self:start}
.why>div p{font-size:17px;color:#54695a}
.why strong{color:#315c45}

.shared{padding-top:100px;padding-bottom:110px;background:#1b4937;text-align:center}
.shared .section-copy{margin:0 auto;max-width:900px}
.shared .section-copy h2{font-size:clamp(39px,4.6vw,65px)}
.asset-grid{gap:22px;margin-top:55px}
.asset-card,.asset-card.featured{padding:0;min-height:0;display:block;overflow:hidden;background:#2c6047;border:1px solid rgba(255,255,255,.27);border-radius:18px;text-align:left}
.asset-photo{height:225px;background-size:cover;background-position:center}
.asset-card:nth-child(1) .asset-photo{background-image:url('village-vision.webp');background-position:35% 72%}
.asset-card:nth-child(2) .asset-photo{background-image:url('terrain-concept.png');background-position:50% 60%}
.asset-card:nth-child(3) .asset-photo{background-image:url('people-planning.webp')}
.asset-content{padding:27px 30px 34px}
.asset-card h3{font:600 29px/1.12 'Playfair Display',Georgia,serif;margin:12px 0}
.asset-card p{margin:0;line-height:1.6}
.clarity-note{margin:25px auto 0;text-align:center}

.journey{display:block;background:#f7f6ec;padding:100px clamp(22px,7vw,110px)}
.journey-intro{max-width:830px;text-align:center;margin:0 auto 45px}
.journey-intro>p{max-width:700px;margin:auto}
.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.timeline li{display:flex;flex-direction:column;gap:0;border:0;background:#fffdf7;border-radius:20px;overflow:hidden;padding:0;box-shadow:0 8px 28px rgba(30,70,45,.07)}
.timeline li:before{content:"";height:210px;background-size:cover;background-position:center}
.timeline li:nth-child(1):before{background-image:url('terrain-concept.png');background-position:50% 48%}
.timeline li:nth-child(2):before{background-image:url('people-planning.webp')}
.timeline li:nth-child(3):before{background-image:url('village-vision.webp');background-position:75% center}
.timeline li>span{margin:-30px 0 0 25px;z-index:1;background:#315c45;color:#fff;border:4px solid #fffdf7}
.timeline li>div{padding:20px 28px 32px}
.timeline h3{font:600 26px/1.18 'Playfair Display',Georgia,serif}

.terrain-section{background:#e9efe3}
.how{background:#fffaf0}
.cta{background:linear-gradient(90deg,rgba(19,59,40,.93),rgba(19,59,40,.55)),url('village-vision.webp') center/cover no-repeat}
@media(max-width:950px){
  .vision-section{grid-template-columns:1fr;gap:36px}
  .vision-grid{max-width:760px}
  .vision-grid article:before{max-width:230px;margin-left:auto;margin-right:auto}
  .why{grid-template-columns:1fr 1fr;gap:35px}
  .timeline{grid-template-columns:1fr}
  .timeline li{display:grid;grid-template-columns:40% 1fr;min-height:230px}
  .timeline li:before{grid-row:1 / span 2;height:100%}
  .timeline li>span{grid-column:2;margin:18px 0 0 25px}
  .timeline li>div{grid-column:2;padding:10px 25px 25px}
}
@media(max-width:650px){
  .hero{padding:310px 24px 50px;min-height:0}
  .hero:before{inset:0 0 auto;height:300px;background:linear-gradient(0deg,#f8f6ec,transparent 30%),url('village-vision.webp') 70% center/cover no-repeat}
  .hero h1{font-size:clamp(42px,11vw,58px)}
  .hero-visual-note{top:260px;bottom:auto;right:10px}
  .vision-section{padding:70px 24px}
  .vision-grid{grid-template-columns:1fr;gap:32px}
  .vision-grid article{display:grid;grid-template-columns:105px 1fr;column-gap:18px;text-align:left;align-items:center}
  .vision-grid article:before{grid-row:1 / span 3;width:105px;margin:0;border-width:3px}
  .vision-grid article span{align-self:end}
  .vision-grid h3{margin:4px 0;font-size:22px}
  .vision-grid p{margin:0;font-size:14px}
  .why{display:flex;flex-direction:column;align-items:stretch;padding:70px 24px;gap:20px}
  .why:before{height:340px;flex:none}
  .why blockquote{font-size:42px}
  .shared{padding:75px 24px}
  .asset-grid{grid-template-columns:1fr}
  .asset-photo{height:200px}
  .journey{padding:75px 24px}
  .timeline li{display:block}
  .timeline li:before{display:block;height:190px}
  .timeline li>span{margin:-29px 0 0 24px}
  .timeline li>div{padding:15px 25px 27px}
}

/* Accueil : une composition propre au portail, plus claire que la page Genesis. */
.topbar{background:rgba(248,246,236,.96);color:#254e39;border-bottom:1px solid #dce6d7}
.topbar .brand-mark{color:#315c45;border-color:#b7cda8}
.topbar .brand small,.topbar nav a:not(.nav-cta){color:#355b45}
.topbar .nav-cta{background:#315c45;color:#fff;border-color:#315c45}
.topbar .menu-btn span{background:#315c45}
.hero{min-height:700px;display:flex;align-items:center;padding:85px clamp(24px,7vw,110px) 105px;background:#f8f6ec}
.hero:before{inset:0 0 0 48%;background:linear-gradient(90deg,#f8f6ec 0%,rgba(248,246,236,.15) 30%,transparent 60%),url('village-vision.webp') center/cover no-repeat}
.hero-copy{position:relative;z-index:1;max-width:680px}
.hero h1{font:600 clamp(51px,5.6vw,78px)/1.06 'Playfair Display',Georgia,serif;letter-spacing:-.036em;max-width:670px;margin:26px 0}
.hero h1 em{color:#c36d40;font-style:italic}
.hero-lead{max-width:530px;margin:0;color:#3e5b47;line-height:1.68}
.hero .eyebrow{color:#8a6137}
.hero-actions{margin-top:30px}
.hero-visual-note{right:24px;bottom:50px}
.section-wave{display:block;width:100%;height:80px;margin-top:-80px;position:relative;z-index:2;pointer-events:none}
.section-wave path{fill:currentColor}
.wave-question{color:#e9f1e6}
.wave-vision{color:#4d8061}
.wave-why{color:#fbf9f0}
.wave-shared{color:#4e8061}
.wave-journey{color:#f7f6ec}

.question-section{background:#e9f1e6;padding:100px clamp(22px,8vw,130px) 130px;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;position:relative;overflow:hidden}
.question-section:after{content:"";position:absolute;right:-8%;bottom:-10%;width:460px;height:350px;background:url('village-vision.webp') left top/auto 210% no-repeat;opacity:.08;mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}
.question-intro{max-width:560px;position:relative;z-index:1}
.question-intro h2{font:600 clamp(39px,4.6vw,65px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-.025em;margin:18px 0 20px}
.question-intro p{font-size:19px;color:#586d5e}
.question-answer{position:relative;z-index:1;background:#fffdf6;border-radius:34px;padding:clamp(30px,4vw,60px);box-shadow:0 22px 65px rgba(40,85,49,.09)}
.question-arrow{display:block;font-size:38px;line-height:1;color:#b76c42;margin-bottom:8px}
.question-answer h3{font:600 clamp(30px,3.2vw,46px)/1.16 'Playfair Display',Georgia,serif;margin:0 0 20px;color:#285941}
.question-answer p{font-size:17px;line-height:1.7;color:#526657;margin:0}

.vision-section{background:linear-gradient(125deg,#61916f,#3e7555);color:#fff;position:relative;overflow:hidden;padding-top:115px;padding-bottom:150px}
.vision-section:after,.shared:after{content:"";position:absolute;right:-70px;top:-70px;width:420px;height:360px;background:url('village-vision.webp') left top/auto 190% no-repeat;opacity:.11;mask-image:radial-gradient(ellipse,black 30%,transparent 72%);pointer-events:none}
.vision-section>.section-copy,.vision-section>.vision-grid{position:relative;z-index:1}
.vision-section .section-copy h2{font-size:clamp(42px,4.4vw,63px)}
.vision-section .section-copy p{color:#f3f8ef}
.vision-section .kicker,.shared .kicker{color:#f5dbab}
.vision-grid article:before{border-color:#dce9cf}
.vision-grid article p{color:#eff8ed}

.why{background:#fbf9f0;padding-top:105px;padding-bottom:135px}
.why blockquote{font-size:clamp(34px,4vw,55px)}
.why:before{height:420px}
.shared{position:relative;overflow:hidden;background:linear-gradient(115deg,#5c8e69,#3d7453);padding-top:105px;padding-bottom:135px}
.shared:after{top:auto;bottom:-40px;right:-70px;opacity:.1;transform:rotate(180deg)}
.shared>.section-copy,.shared>.asset-grid,.shared>.clarity-note{position:relative;z-index:1}
.asset-card,.asset-card.featured{background:#fffdf6;color:#244b37;border-color:rgba(255,255,255,.75);box-shadow:0 15px 40px rgba(24,77,45,.12)}
.asset-card p{color:#54705e}
.asset-state{color:#a45f35}
.clarity-note{color:#eff7e9}
.journey{background:#f7f6ec}
.cta{background:linear-gradient(95deg,rgba(51,113,78,.94),rgba(40,91,61,.62)),url('village-vision.webp') center/cover no-repeat}
.cta p{color:#f4f9ef}
.cta .kicker{color:#ffe0aa}
@media(max-width:950px){
  .topbar nav{background:#f8f6ec}
  .topbar nav a:not(.nav-cta){color:#315c45}
  .question-section{grid-template-columns:1fr;gap:20px;padding:90px 24px 120px}
  .question-intro{max-width:750px}
  .hero:before{inset:0 0 0 45%;background:linear-gradient(90deg,#f8f6ec 0%,rgba(248,246,236,.4) 35%,transparent),url('village-vision.webp') center/cover no-repeat}
}
@media(max-width:650px){
  .hero{display:block;padding:295px 24px 100px;min-height:0}
  .hero:before{inset:0 0 auto;height:300px;background:linear-gradient(0deg,#f8f6ec,transparent 35%),url('village-vision.webp') 71% center/cover no-repeat}
  .hero h1{font-size:clamp(42px,10.3vw,56px);line-height:1.08;margin:16px 0}
  .hero-lead{font-size:16px}
  .hero-visual-note{top:253px;bottom:auto;right:10px}
  .section-wave{height:45px;margin-top:-45px}
  .question-section{padding:85px 24px 95px}
  .question-intro h2{font-size:43px}
  .question-answer{padding:30px;border-radius:24px}
  .question-answer h3{font-size:32px}
  .vision-section{padding-top:95px;padding-bottom:105px}
  .why{padding-top:90px;padding-bottom:105px}
  .shared{padding-top:90px;padding-bottom:110px}
}
