@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--forest:#202a27;--sand:#eee8dc;--ochre:#bd8756;--ink:#222621;--muted:#666b63;--white:#fbfaf7;--line:#d9d7cf}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--white);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:var(--forest);color:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;flex-direction:column;line-height:1.1}.brand-name{font:800 21px 'Manrope',sans-serif;letter-spacing:.09em}.brand-name i{font-style:normal;color:#d7ae7d;font-weight:500}.brand-sub{font-size:9px;letter-spacing:.18em;margin-top:7px;color:#c9cec7}.nav{display:flex;align-items:center;gap:25px;font-size:12px}.nav a{opacity:.88}.nav a:hover{opacity:1;color:#d7ae7d}.nav .nav-cta{padding:11px 15px;border:1px solid #9da69f}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{min-height:0;height:calc(100vh - 90px);position:relative;color:white;display:flex;align-items:center;overflow:hidden;background:#303a34}.hero-img,.card-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,25,22,.76),rgba(17,25,22,.32) 55%,rgba(17,25,22,.04)),linear-gradient(0deg,rgba(17,25,22,.3),transparent 40%)}.hero-content{position:relative;z-index:1;max-width:760px;padding:70px 9%}.eyebrow,.section-label{font-size:10px;letter-spacing:.19em;font-weight:700}.eyebrow{color:#e4c39a}.hero h1,.intro h2,.feature h2,.about h2,.journal h2,.contact h2{font:500 clamp(38px,5.7vw,76px)/1.07 'Manrope',sans-serif;letter-spacing:-.055em;margin:20px 0}.hero h1 em,.intro h2 em,.feature h2 em,.about h2 em,.journal h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.hero-intro{max-width:480px;color:#e7e8e2;font-size:16px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:25px;padding:14px 18px;font-size:12px;font-weight:700}.button span{font-size:18px}.button-light{background:#f5f0e6;color:var(--forest)}.text-link{font-size:12px;border-bottom:1px solid #b4b9b1;padding-bottom:6px}.hero-note{
  position:absolute;
  right:2%;
  bottom:27px;
  font-size:11px;
  letter-spacing:.18em;
  color:#f2eee5;
}.section{padding:105px 9%}.intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;background:var(--sand)}.section-label{color:#8a765e}.intro-copy{max-width:750px}.intro h2,.feature h2,.about h2,.journal h2,.contact h2{font-size:clamp(34px,4.4vw,57px)}.intro-copy p,.feature-copy p,.about-copy p,.journal-heading>p,.contact-layout p{color:#62675f;max-width:680px;font-size:15px}.activity-grid{display:grid;grid-template-columns:1fr;gap:3px;background:var(--white)}.activity-card{min-height:650px;position:relative;overflow:hidden;background:var(--forest);color:white}.activity-large{grid-row:auto;min-height:650px}.activity-card>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .7s}.activity-card:hover>img{transform:scale(1.035)}.card-overlay{background:linear-gradient(0deg,rgba(17,23,20,.83),rgba(17,23,20,.04) 75%)}.activity-copy{position:absolute;z-index:1;left:9%;right:9%;bottom:9%}.activity-copy>span,.journal-card>span{font-size:9px;letter-spacing:.17em;color:#e4c39a;font-weight:700}.activity-copy h3{font:500 clamp(27px,3.2vw,43px)/1.12 'Manrope',sans-serif;letter-spacing:-.04em;margin:14px 0}.activity-copy p{font-size:12px;color:#e3e5df;max-width:420px}.activity-copy a{display:inline-block;margin-top:12px;padding-bottom:5px;border-bottom:1px solid #b8bdb4;font-size:12px}.activity-copy a b{padding-left:15px}.photo-placeholder{position:absolute;inset:0;background:linear-gradient(140deg,#59655a,#27352e 60%,#9a846b);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e6e4dc;letter-spacing:.18em;font-size:11px}.photo-placeholder small{letter-spacing:0;margin-top:8px;font-size:11px}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;background:#f7f5ef}.feature-image{height:620px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{max-width:520px}.feature-copy .section-label{margin-bottom:25px}.feature-copy p{margin-bottom:18px}.button-dark{background:var(--forest);color:white;margin-top:15px}.about{background:var(--forest);color:#f7f5ef;display:grid;grid-template-columns:1fr 2fr;gap:40px;position:relative;overflow:hidden}.about .section-label{color:#c6a477}.about-copy{max-width:690px;position:relative;z-index:1}.about h2{margin-top:12px}.about-copy p{color:#d0d4cd}.dark-eyebrow{color:#d8b48a}.dark-link{display:inline-block;margin-top:15px;color:white}.about-mark{position:absolute;right:5%;bottom:-100px;font:800 270px/.9 'Manrope',sans-serif;color:rgba(255,255,255,.035);letter-spacing:-.1em}.about-mark span{color:rgba(211,171,121,.18)}.journal{background:var(--sand)}.journal-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.journal-heading h2{margin-bottom:0}.journal-heading>p{max-width:370px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.journal-card img{width:100%;height:245px;object-fit:cover;display:block;margin-bottom:20px}.journal-card>span{color:#8b704f}.journal-card h3{font:600 21px/1.25 'Manrope',sans-serif;letter-spacing:-.03em}.journal-card p{font-size:13px;color:var(--muted)}.journal-card>a{font-size:11px;border-bottom:1px solid #9b9a8e;padding-bottom:5px;display:inline-block;margin-top:8px}.small-note{font-size:11px;color:#74766d;margin-top:28px}.contact{background:#f9f8f3}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;margin-top:15px}.contact-layout h2{margin-top:10px}.contact-note{font-size:12px!important}.contact-links{border-top:1px solid var(--line)}.contact-item{display:grid;grid-template-columns:1fr auto;gap:2px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center}.contact-item span{grid-column:1;font-size:9px;letter-spacing:.16em;color:#7a7c73}.contact-item strong{grid-column:1;font:600 16px 'Manrope',sans-serif}.contact-item b{grid-column:2;grid-row:1/3;font-size:20px;color:#9b7652}footer{padding:35px 5.5%;background:#171f1c;color:#d6d9d2;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p,footer>a:not(.brand),footer>span{font-size:10px;color:#b9c0b8}footer .brand-name{font-size:17px}.menu-toggle{cursor:pointer}
@media(max-width:850px){.site-header{height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--forest);padding:22px 6%;flex-direction:column;align-items:flex-start;gap:20px}.nav.open{display:flex}.hero{height:720px;min-height:600px}.hero-content{padding:60px 7%}.intro,.about{grid-template-columns:1fr;gap:20px}.section{padding:75px 7%}.activity-card{min-height:430px}.activity-large{min-height:863px}.feature{gap:35px}.feature-image{height:500px}.journal-heading{align-items:start;flex-direction:column;gap:10px}.journal-grid{gap:15px}.journal-card img{height:180px}}
@media(max-width:600px){.hero{height:680px;min-height:0}.hero-img{object-position:60% 65%}.hero h1{font-size:45px}.hero-intro{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-note{left:7%;right:auto;font-size:8px}.intro h2,.feature h2,.about h2,.journal h2,.contact h2{font-size:39px}.activity-grid{grid-template-columns:1fr}.activity-card,.activity-large{grid-row:auto;min-height:470px}.feature{grid-template-columns:1fr}.feature-image{height:400px;order:2}.feature-copy{order:1}.journal-grid{grid-template-columns:1fr}.journal-card img{height:240px}.contact-layout{grid-template-columns:1fr;gap:25px}footer{align-items:flex-start;flex-direction:column}.about-mark{font-size:170px;bottom:-50px}}

/* NOUVELLE PRESENTATION DES ACTIVITES */

.activity-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
  background: #f5f3ed;
  color: var(--forest);
}

.activity-card > img {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
}

.activity-card .card-overlay {
  display: none;
}

.activity-copy {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  align-self: center;
  padding: 45px 10%;
  color: var(--forest);
}

.activity-copy p {
  color: #555b53;
}

.activity-card:nth-child(2) > img {
  grid-column: 2;
  grid-row: 1;
}

.activity-card:nth-child(2) .activity-copy {
  grid-column: 1;
  grid-row: 1;
}

.photo-placeholder {
  grid-column: 1;
  grid-row: 1;
  min-height: 520px;
  height: 100%;
}
.activity-card:nth-child(3) .activity-copy {
  grid-column: 2;
  grid-row: 1;
}

@media(max-width:850px) {
  .activity-card {
    grid-template-columns: 1fr;
  }

  .activity-card > img,
  .photo-placeholder {
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: 350px;
    min-height: 350px;
  }

  .activity-copy,
  .activity-card:nth-child(2) .activity-copy,
  .activity-card:nth-child(3) .activity-copy {
    grid-column: 1;
    grid-row: 2;
    padding: 35px 8%;
  }
}

}

.activity-card > img,
.photo-placeholder {
  height: 75vh;
  min-height: 0;
  object-fit: contain;
}

.activity-copy {
  padding: 25px 8%;
}

@media(max-height: 750px) {
  .activity-card,
  .activity-card > img,
  .photo-placeholder {
    height: 85vh;
    min-height: 0;
  }
}

/* SECTION STAGES : FORMAT ADAPTE A L'ECRAN */

.feature {
  min-height: 0;
  height: 85vh;
  padding-top: 35px;
  padding-bottom: 35px;
  gap: 5%;
}

.feature-image {
  height: 75vh;
}

.feature-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.feature-copy {
  max-width: 600px;
}

/* RUBRIQUE QUI SUIS-JE : FORMAT ADAPTE A L'ECRAN */

.about {
  min-height: 0;
  height: 90vh;
  padding-top: 30px;
  padding-bottom: 30px;
  grid-template-columns: 0.8fr 1.5fr;
  gap: 5%;
}

.about-photo {
  height: 78vh;
  overflow: hidden;
}

.about-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.about-copy {
  max-width: 750px;
}

.about-copy p {
  font-size: 13px;
  margin: 9px 0;
}

.about h2 {
  font-size: clamp(28px, 3.5vw, 45px);
  margin: 10px 0;
}

.about-mark {
  display: none;
}

/* SECTION STAGES : FORMAT ADAPTE A L'ECRAN */

.feature {
  min-height: 75vh;
  height: 75vh;
  padding-top: 25px;
  padding-bottom: 25px;
}

.feature-image {
  height: 70vh;
}

.feature-image img {
  object-fit: contain;
}

@media(max-height: 750px) {
  .feature {
    height: 85vh;
    min-height: 0;
  }

  .feature-image {
    height: 80vh;
  }
}

/* Adaptation de la photo portrait des Calanques */
#escalade {
  grid-template-columns: 0.75fr 1.25fr;
}

#escalade > img {
  object-fit: contain;
  background: #f5f3ed;
}

/* Amelioration de la lisibilite des petits textes */

.eyebrow,
.section-label {
  font-size: 12px;
}

.activity-copy > span,
.journal-card > span {
  font-size: 11px;
}

.activity-copy p,
.activity-copy a {
  font-size: 14px;
}

.hero-note {
  font-size: 11px;
}

/* BLOG : FORMAT ADAPTE A L'ECRAN */

.journal {
  padding-top: 55px;
  padding-bottom: 35px;
}

.journal-heading {
  margin-bottom: 22px;
}

.journal-card img {
  height: 175px;
  margin-bottom: 12px;
}

.journal-card h3 {
  font-size: 17px;
  margin-top: 10px;
}

.journal-card p {
  font-size: 12px;
  margin-bottom: 8px;
}

.journal-card > a {
  margin-top: 4px;
}
/* BLOG : VERSION PLUS COMPACTE */

.journal {
  padding-top: 25px;
  padding-bottom: 15px;
}

.journal-heading {
  margin-bottom: 12px;
  gap: 20px;
}

.journal-heading h2 {
  font-size: 34px;
  margin: 5px 0;
}

.journal-heading > p {
  font-size: 12px;
  line-height: 1.4;
}

.journal-grid {
  gap: 16px;
}

.journal-card img {
  height: 115px;
  margin-bottom: 8px;
}

.journal-card h3 {
  font-size: 15px;
  line-height: 1.15;
  margin: 6px 0;
}

.journal-card p {
  font-size: 11px;
  line-height: 1.3;
  margin: 5px 0;
}

.journal-card > span,
.journal-card > a {
  font-size: 10px;
}

.small-note {
  margin-top: 8px;
  font-size: 9px;
}