/* Base Our Story rules (moved from styles.css so this page is self-contained). Overrides follow below. */

/* ============ OUR STORY PAGE ============ */
.story-hero{min-height:0;align-items:center;text-align:center}
.story-hero .pagehero__inner{padding-top:8rem;padding-bottom:clamp(4.5rem,8vw,6rem)}
.story-hero__kicker{display:inline-block;font-family:var(--font-display);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--sand);margin-bottom:.9rem}
.story-hero__sub{color:#fff;font-family:var(--font-serif);font-size:clamp(1.05rem,2vw,1.25rem);max-width:48ch;margin:.9rem auto 0;opacity:.92}
.story-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.6rem}
.story-trust span{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:999px;background:rgba(8,28,37,.55);border:1px solid rgba(231,201,138,.45);backdrop-filter:blur(6px);font-family:var(--font-display);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.story-trust svg{width:15px;height:15px;color:var(--sand)}

.story-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.story-intro__media{position:relative}
.story-intro__media img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);display:block}
.story-stamp{position:absolute;right:-14px;bottom:-22px;width:124px;height:124px;border-radius:50%;background:var(--navy);color:var(--sand);display:grid;place-items:center;text-align:center;box-shadow:var(--shadow-sm);transform:rotate(-8deg);border:2px dashed rgba(231,201,138,.6);outline:6px solid var(--navy)}
.story-stamp b{display:block;font-family:var(--font-display);font-weight:900;font-size:2.4rem;line-height:1}
.story-stamp span{display:block;font-family:var(--font-display);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.35;margin-top:.2rem}
.story-intro__copy p{margin-bottom:1rem}
.story-intro__copy .lead{margin:.9rem 0 1.2rem}

.story-map{position:relative;margin:0 0 clamp(2.5rem,5vw,3.5rem)}
.story-map img,.story-map svg{display:block;width:100%;height:auto}
.story-map svg{position:absolute;inset:0;overflow:visible}
.story-map__country{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.14em;fill:var(--sand);paint-order:stroke;stroke:var(--navy);stroke-width:4px;stroke-linejoin:round}
.story-map__ocean{font-family:var(--font-body);font-size:14px;letter-spacing:.42em;fill:#8a9ba1}
.story-map__bubble circle{fill:var(--sand-deep);fill-opacity:.55;stroke:none}
.story-map__bubble .story-map__core{fill:var(--sand);fill-opacity:1}
.story-map__bubble--home circle{fill:var(--sand-deep);fill-opacity:.55}
.story-map__bubble--home .story-map__core{fill:#fff;fill-opacity:1;stroke:var(--sand-deep);stroke-width:3}
.story-map__pulse{fill:none;stroke:var(--sand);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:storyPulse 2.6s var(--ease) infinite}
@keyframes storyPulse{from{transform:scale(1);opacity:.9}to{transform:scale(3);opacity:0}}
@media (prefers-reduced-motion:reduce){.story-map__pulse{animation:none;opacity:0}}

.story-creds{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.story-cred{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:1.6rem 1.5rem}
.story-cred .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(231,201,138,.12);color:var(--sand);margin-bottom:1rem}
.story-cred .ic svg{width:21px;height:21px}
.story-cred h3{font-size:1.02rem;margin-bottom:.35rem}
.story-cred p{font-size:.88rem;color:#bccdd4;line-height:1.55;margin:0}

.story-quote{max-width:780px;margin:0 auto;text-align:center}
.story-quote blockquote{font-family:var(--font-serif);font-size:clamp(1.15rem,2.4vw,1.55rem);line-height:1.5;color:var(--ink);font-weight:500}
.story-quote blockquote::before{content:"\201C";display:block;font-family:var(--font-display);font-size:4rem;line-height:.6;color:var(--sand-deep);margin-bottom:.6rem}
.story-quote figcaption{margin-top:1.1rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.story-quote .stars{color:var(--sand-deep);letter-spacing:.2em;margin-top:.4rem}

@media (max-width:980px){
  .story-intro{grid-template-columns:1fr}

  .story-creds{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .story-map__country,.story-map__ocean{display:none}
  .story-map__bubble{transform-box:fill-box;transform-origin:center;transform:scale(1.6)}
        .story-creds{grid-template-columns:1fr}
  .story-stamp{width:100px;height:100px;right:6px;bottom:-18px}
  .story-stamp b{font-size:1.9rem}
}

/* ---------- Our Story: interactive route atlas ---------- */
.story-atlas{background:radial-gradient(120% 90% at 30% 0%,#14788c 0%,var(--teal) 38%,var(--deep) 100%);color:#dce7eb}
.story-atlas .eyebrow{color:var(--sand)}
.story-atlas h2{color:#fff}
.story-atlas .lead{color:#cfe3e8}
.atlas{display:grid;grid-template-columns:1fr;gap:1.2rem;justify-items:center}
.atlas__map{width:100%;margin:0;border-radius:var(--radius);background:rgba(10,39,51,.28);padding:clamp(.5rem,2vw,1.5rem);border:1px solid rgba(255,255,255,.12)}
.story-atlas .story-map__country{stroke:#0d3a4a}
.story-atlas .story-map__ocean{fill:#9cc7d0;opacity:.75}
.story-map__bubble[data-pin]{cursor:pointer;outline:none}
.story-map__bubble[data-pin] circle{transition:fill-opacity .25s,stroke-width .25s}
.story-map__bubble[data-pin]:hover circle:first-child,.story-map__bubble[data-pin]:focus-visible circle:first-child{fill-opacity:.85}
.story-map__bubble[data-pin].is-active circle:first-child{fill-opacity:.9;stroke:#fff;stroke-width:3}
.story-map__bubble[data-pin]:focus-visible circle:first-child{stroke:var(--sand);stroke-width:3}
.atlas__panel{position:relative;width:min(100%,560px);background:#fff;color:var(--text);border-radius:var(--radius);padding:1.6rem 1.7rem 1.5rem;box-shadow:var(--shadow);min-height:11.5rem}
.atlas__count{font-family:var(--font-display);font-size:.7rem;letter-spacing:.18em;color:var(--aqua);font-weight:700}
.atlas__panel h3{font-size:clamp(1.35rem,2.4vw,1.8rem);color:var(--ink);margin:.35rem 0 .1rem}
.atlas__sea{display:block;font-family:var(--font-display);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:.7rem}
.atlas__panel p{font-size:1rem;line-height:1.55;color:var(--text);margin:0;max-width:34ch}
.atlas__nav{position:absolute;right:1.1rem;top:1.1rem;display:flex;gap:.4rem}
.atlas__nav button{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--aqua);background:#fff;color:var(--teal);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.atlas__nav button:hover{background:var(--teal);color:#fff}
.atlas__nav svg{width:18px;height:18px}
@media (max-width:560px){
  .story-map__country,.story-map__ocean{display:none}
  .story-map__bubble{transform-box:fill-box;transform-origin:center;transform:scale(1.6)}
            .atlas__panel{padding:1.3rem 1.2rem}
}

/* ---------- Our Story: lede, profiles, brand ---------- */
.story-lede__text{max-width:760px;margin:0 auto}
.story-lede__text p{font-size:1.06rem;line-height:1.75;color:var(--text);margin-bottom:1.1rem}
.story-lede__text .story-lede__big{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.25;color:var(--ink);margin-bottom:1.6rem}
.story-team .profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.story-team .profile+.profile{margin-top:clamp(3rem,7vw,5.5rem)}
.story-team .profile--flip{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.story-team .profile--flip .profile__photo{order:2}
.profile__photo{position:sticky;top:6.5rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}
.profile__photo img{display:block;width:100%;height:auto}
.profile__role{display:block;font-family:var(--font-display);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sand);margin-bottom:.4rem}
.profile__body h2{font-size:clamp(2.2rem,5vw,3.4rem);text-transform:uppercase;letter-spacing:.03em;margin-bottom:1.2rem}
.profile__body p{color:#cfe0e5;line-height:1.7;margin-bottom:1rem}
.profile__chips{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin:1.4rem 0 0}
.profile__chips li{font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sand);border:1px solid rgba(231,201,138,.5);border-radius:999px;padding:.35rem .75rem}
.story-brand{background:linear-gradient(160deg,var(--navy),#0c3140);color:#dce7eb}
.story-brand__head{text-align:center;max-width:860px;margin:0 auto clamp(2rem,4vw,3rem)}
.story-brand .eyebrow{color:var(--sand)}
.story-brand h2{color:#fff}
.story-brand__words{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;margin-top:1.4rem;font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,3.6vw,2.3rem);letter-spacing:.04em;text-transform:uppercase;color:var(--sand)}
.story-brand__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);max-width:1000px;margin:0 auto}
.story-brand p{line-height:1.75;margin-bottom:1rem;color:#cfe0e5}
.story-brand__close{max-width:760px;margin:clamp(1.5rem,3vw,2.2rem) auto 0;text-align:center}
.story-brand .story-brand__sign{font-family:var(--font-display);font-weight:800;font-size:clamp(1.3rem,3vw,1.8rem);color:#fff;margin:1.6rem 0 .3rem}
.story-brand .story-brand__tag{font-family:var(--font-display);font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--sand);margin:0}
@media (max-width:820px){
  .story-team .profile,.story-team .profile--flip{grid-template-columns:1fr}
  .story-team .profile--flip .profile__photo{order:0}
  .profile__photo{position:static}
  .story-brand__cols{grid-template-columns:1fr}
}
.story-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:clamp(2.2rem,5vw,3.5rem)}
.story-pillar{background:rgba(255,255,255,.04);border:1px solid rgba(231,201,138,.25);border-radius:var(--radius);padding:1.4rem 1.3rem}
.story-pillar .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(231,201,138,.12);color:var(--sand);margin-bottom:.9rem}
.story-pillar .ic svg{width:21px;height:21px}
.story-pillar h3{font-size:1.02rem;color:#fff;margin-bottom:.3rem}
.story-brand .story-pillar p{font-size:.88rem;line-height:1.55;margin:0}
.story-brand__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:clamp(1.8rem,4vw,2.6rem)}
@media (max-width:980px){.story-pillars{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.story-pillars{grid-template-columns:1fr}}

/* ---------- Our Story: instructors + route merged in one block ---------- */
.story-crew#team{padding:clamp(4rem,8vw,6.5rem) 0}
.story-crew .title-block{margin-bottom:clamp(1.8rem,4vw,2.8rem)}
.crew{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2rem);margin-bottom:clamp(1.8rem,4vw,2.8rem)}
.story-crew .profile,.story-crew .profile--flip{display:flex;flex-direction:column;gap:0;background:rgba(10,39,51,.34);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);overflow:hidden}
.story-crew .profile+.profile{margin-top:0}
.story-crew .profile__photo{position:static;border:0;border-radius:0;box-shadow:none}
.story-crew .profile__photo img{aspect-ratio:16/10;object-fit:cover;object-position:center 30%}
.story-crew .profile__body{padding:clamp(1.2rem,2.6vw,1.8rem)}
.story-crew .profile__body h3{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);color:#fff;text-transform:uppercase;letter-spacing:.03em;margin:0 0 .8rem}
.story-crew .profile__body p{font-size:.98rem;line-height:1.65;margin-bottom:.8rem}
.story-crew .profile__chips{margin-top:1rem}
.profile__more summary{cursor:pointer;list-style:none;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sand);margin-bottom:.8rem}
.profile__more summary::-webkit-details-marker{display:none}
.profile__more summary::after{content:" +"}
.profile__more[open] summary{display:none}
@media (max-width:820px){.crew{grid-template-columns:1fr}}

/* ===== Our Story page: "The Descent" overrides ===== */
/* Our Story page: "The Descent". Loaded after styles.css, scoped to body.story-page.
   Restore points: git tags backup/our-story-before-redesign and backup/our-story-v2-clean,
   plus ../backups/our-story-2026-10-03. */



/* ---------- Hero: sunset surface, waves, tilted blob portraits ---------- */
.story-page .sx-hero{position:relative;display:flex;align-items:flex-end;min-height:0;color:#fff;overflow:hidden;background:#0a2733}
.story-page .sx-hero__sky{position:absolute;inset:0;background:radial-gradient(70% 90% at 82% 20%,rgba(31,163,181,.3) 0%,transparent 60%),linear-gradient(160deg,#0f4a5c 0%,#0a2733 75%)}
.story-page .sx-hero__inner{position:relative;z-index:3;padding-top:9rem;padding-bottom:clamp(6rem,10vw,8.5rem)}
.story-page .sx-hero__copy{max-width:640px}
.story-page .sx-hero h1{color:#fff;font-size:clamp(3rem,7.4vw,6.2rem);line-height:.95;white-space:nowrap;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.story-page .sx-hero__tag{margin:1rem 0 0;font-family:var(--font-display);font-weight:800;font-size:clamp(1.05rem,2.1vw,1.6rem);letter-spacing:.08em;text-transform:uppercase;color:var(--sand);text-shadow:0 2px 14px rgba(0,0,0,.45)}
.story-page .sx-hero .story-trust{justify-content:flex-start}

.story-page .sx-hero__faces{position:absolute;z-index:3;right:clamp(1rem,5vw,6rem);bottom:clamp(6rem,13vw,10rem);display:flex;align-items:flex-end;width:min(40vw,580px)}
.story-page .sx-blob{position:relative;margin:0;flex:0 0 57%;aspect-ratio:1/1.1}
.story-page .sx-blob img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;box-shadow:0 34px 60px -26px rgba(0,0,0,.65);max-width:none}
.story-page .sx-blob--a{border-radius:58% 42% 54% 46% / 46% 58% 42% 54%;transform:rotate(-6deg) translateY(-6%)}
.story-page .sx-blob--a img{object-position:62% 45%;border-radius:58% 42% 54% 46% / 46% 58% 42% 54%}
.story-page .sx-blob--b{margin-left:-14%;border-radius:44% 56% 42% 58% / 58% 44% 56% 42%;transform:rotate(5deg) translateY(10%)}
.story-page .sx-blob--b img{object-position:50% 30%;border-radius:44% 56% 42% 58% / 58% 44% 56% 42%}
.story-page .sx-label{font-family:var(--font-display);font-weight:800;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:#fff}
.story-page .sx-blob .sx-label{position:absolute;left:12%;bottom:-1.9rem;text-shadow:0 2px 12px rgba(0,0,0,.5)}

.story-page .sx-wave{position:absolute;left:-3%;bottom:-1px;width:106%;display:block;pointer-events:none}
.story-page .sx-wave--3{z-index:4;height:clamp(90px,11vw,170px);fill:#12788b}
@keyframes sxDrift{from{transform:translateX(-1.8%)}to{transform:translateX(1.8%)}}


/* ---------- The two of us ---------- */
.story-page .sx-intro{max-width:720px;margin:0 auto clamp(1rem,2vw,1.6rem);text-align:center}
.story-page .sx-intro p{color:#cfe3e8;line-height:1.75;margin-bottom:1rem}
.story-page .story-atlas{position:relative;overflow:hidden;background:linear-gradient(180deg,#12788b 0%,var(--teal) 30%,var(--deep) 100%)}
.story-page .story-atlas::before,.story-page .story-atlas::after{content:"";position:absolute;pointer-events:none;border-radius:50%}
.story-page .story-atlas::before{width:90vmin;height:90vmin;left:-24vmin;top:6%;background:repeating-radial-gradient(circle,transparent 0 26px,rgba(231,201,138,.09) 26px 28px)}
.story-page .story-atlas::after{width:110vmin;height:110vmin;right:-34vmin;bottom:-12%;background:repeating-radial-gradient(circle,transparent 0 30px,rgba(255,255,255,.07) 30px 32px)}
.story-page .story-atlas > .container{position:relative;z-index:1}
.story-page .crew{align-items:start;gap:clamp(1.5rem,5vw,5rem)}
.story-page .story-crew .profile{background:none;border:0;border-radius:0;overflow:visible}
.story-page .story-crew .profile + .profile{margin-top:clamp(1.5rem,4vw,3rem)}
.story-page .story-crew .profile__photo{width:68%;border:0;box-shadow:none;-webkit-mask-image:none;mask-image:none;border-radius:inherit;overflow:visible}
.story-page .story-crew .profile__photo img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 28%;box-shadow:0 40px 70px -30px rgba(0,0,0,.65)}
.story-page #camille .profile__photo{transform:rotate(-2.5deg)}
.story-page #camille .profile__photo img{object-position:62% 45%;border-radius:58% 42% 52% 48% / 46% 56% 44% 54%}
.story-page #julien .profile__photo{margin-left:auto;transform:rotate(2.5deg)}
.story-page #julien .profile__photo img{border-radius:44% 56% 46% 54% / 56% 46% 54% 44%}
.story-page .story-crew .profile__body{position:relative;margin-top:1.2rem;padding:0 .4rem}
.story-page #julien .profile__body{padding-left:0}
.story-page .story-crew .profile__body h3{font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1;margin:0 0 .7rem;text-shadow:0 6px 30px rgba(0,0,0,.4)}
.story-page .story-crew .profile__chips li{border:0;padding:0;border-radius:0;color:#cfe3e8}
.story-page .story-crew .profile__chips li + li::before{content:"/";margin-right:.6rem;color:var(--sand)}
.story-page .story-crew .profile__chips{gap:.35rem .6rem}
.story-page .atlas__map{background:none;border:0;padding:0;border-radius:0}

/* ---------- 20 m: Salty Horizon over the manta ---------- */
.story-page .story-brand{background:linear-gradient(180deg,rgba(6,26,36,.78),rgba(6,26,36,.5) 45%,rgba(6,26,36,.85)),url(../images/manta.webp) center 30%/cover no-repeat}
@media (min-width:1025px){.story-page .story-brand{background-attachment:scroll,fixed}}
.story-page .story-brand h2{font-size:clamp(2.6rem,6.6vw,5.2rem);line-height:1}
.story-page .story-brand__head{text-align:center;max-width:none}
.story-page .story-brand__words{align-items:center;gap:.1rem 0;flex-direction:column;margin-top:1.4rem}
.story-page .story-brand__words li{font-size:clamp(1.8rem,5.4vw,3.6rem);line-height:1.05;color:var(--aqua-bright)}
.story-page .story-brand__words li:nth-child(2){color:var(--aqua-bright)}
.story-page .story-brand__words li:nth-child(3){color:var(--aqua-bright)}
.story-page .story-brand__cols>div{border-top:2px dashed rgba(231,201,138,.5);padding-top:1.3rem}
.story-page .story-brand__close{border:0;background:none;padding:0;text-align:center;margin:clamp(2rem,4vw,3rem) auto 0;max-width:640px}
.story-page .story-brand .story-brand__sign{color:var(--sand);margin-top:1.4rem}

/* ---------- Stats: compact bullet line ---------- */
.story-page .sx-stats{padding:1.4rem 0;background:#071b25}
.story-page .sx-stats .stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.5rem 0;text-align:left}
.story-page .sx-stats .stat{display:inline-flex;align-items:baseline;gap:.5rem;padding:0 1.4rem;border:0}
.story-page .sx-stats .stat + .stat{border:0}
.story-page .sx-stats .stat + .stat::before{content:"\2022";color:var(--sand);font-size:1.1rem;margin-left:-1.4rem;margin-right:1.4rem;line-height:1}
.story-page .sx-stats .stat b{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1;margin:0;display:inline}
.story-page .sx-stats .stat span{font-size:.72rem}

/* ---------- 30 m: the dive log ---------- */
.story-page .section--dark:not(.sx-stats){background:linear-gradient(180deg,#071b25,#04121a)}
.story-page .story-creds{display:block;max-width:980px;margin:0 auto;counter-reset:dive}
.story-page .story-cred{display:grid;grid-template-columns:5rem minmax(0,.9fr) minmax(0,1.3fr);gap:.4rem 1.6rem;align-items:baseline;background:none;border:0;border-top:2px dashed rgba(231,201,138,.35);border-radius:0;padding:1.6rem 0;counter-increment:dive;transition:padding-left .35s var(--ease)}
.story-page .story-cred:last-child{border-bottom:2px dashed rgba(231,201,138,.35)}
.story-page .story-cred:hover{padding-left:.8rem;background:none;border-color:rgba(231,201,138,.35);transform:none}
.story-page .story-cred::before{content:counter(dive,decimal-leading-zero);font-family:var(--font-display);font-weight:800;font-size:.85rem;letter-spacing:.2em;color:var(--sand)}
.story-page .story-cred .ic{display:none}
.story-page .story-cred h3{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.15;margin:0}
.story-page .story-cred p{font-size:.98rem}

/* ---------- Quote: a note taped to the page ---------- */
.story-page .story-quote{position:relative;max-width:820px;background:#fbf6ea;border:0;border-radius:4px;padding:clamp(2rem,5vw,3.6rem);box-shadow:0 30px 60px -30px rgba(8,30,40,.55);transform:rotate(-1.3deg)}
.story-page .story-quote blockquote{font-size:clamp(1.2rem,2.6vw,1.75rem);line-height:1.5;color:var(--ink)}
.story-page .sx-tape{position:absolute;top:-16px;left:50%;width:130px;height:34px;margin-left:-65px;background:rgba(212,176,106,.75);transform:rotate(3deg)}


/* ---------- Responsive ---------- */
@media (max-width:900px){

  .story-page .sx-hero__inner{padding-top:7.5rem;padding-bottom:8rem}
  .story-page .sx-hero__faces{position:relative;right:auto;bottom:auto;width:min(92%,460px);margin:2rem auto 0;padding-bottom:7rem}
  .story-page .crew{grid-template-columns:minmax(0,1fr)}
  .story-page .story-crew .profile + .profile{margin-top:3.5rem}
  .story-page .story-cred{grid-template-columns:3.4rem minmax(0,1fr)}
  .story-page .story-cred p{grid-column:2}
}
@media (prefers-reduced-motion:reduce){
  .story-page .story-cred{transition:none}
}
.story-page .story-crew .title-block{margin-bottom:clamp(1.2rem,2.4vw,1.8rem)}
.story-page .story-crew#team{padding-top:clamp(1.5rem,3vw,2.5rem)}

/* Portraits flank the intro text on desktop */
@media (min-width:901px){
  .story-page .story-crew > .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(1.5rem,3.5vw,3.5rem);align-items:start}
  .story-page .story-crew .title-block{grid-column:1/-1;grid-row:1}
  .story-page .story-crew .sx-intro{grid-column:2;grid-row:2;margin:0}
  .story-page .story-crew .sx-intro p{font-size:1.05rem}
  .story-page .story-crew .crew{display:contents}
  .story-page #camille{grid-column:1;grid-row:2}
  .story-page #julien{grid-column:3;grid-row:2;margin-top:clamp(1.5rem,4vw,3rem)}
  .story-page .story-crew .profile__photo{width:92%}
  .story-page .story-crew .atlas{grid-column:1/-1;grid-row:3;margin-top:clamp(2rem,4vw,3rem)}
}

/* ---------- Map ---------- */
@media (min-width:1000px){
  .story-page .atlas{grid-template-columns:minmax(0,1fr);justify-items:center}
  .story-page .story-crew .atlas{margin-inline:-3vw}
  .story-page .atlas__map{width:76%}
}
.story-page .story-map__bubble[data-pin]{cursor:default}

/* ---------- Why dive with us: compact, EEAT-focused ---------- */
.story-page .sx-why{padding:clamp(2.2rem,4.5vw,3.4rem) 0}
.story-page .sx-why .title-block{margin-bottom:clamp(1.4rem,3vw,2rem)}
.story-page .sx-why .h-title{font-size:clamp(1.7rem,3.4vw,2.4rem)}
.story-page .sx-why .lead{font-size:.98rem;margin-top:.4rem}
.story-page .sx-why .story-creds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem 2.2rem;max-width:1100px;counter-reset:none}
.story-page .sx-why .story-cred{display:block;padding:.9rem 0 0;border:0;border-top:2px dashed rgba(231,201,138,.4)}
.story-page .sx-why .story-cred:last-child{border-bottom:0}
.story-page .sx-why .story-cred:hover{padding-left:0}
.story-page .sx-why .story-cred::before{content:none}
.story-page .sx-why .story-cred h3{font-size:1.05rem;margin-bottom:.3rem}
.story-page .sx-why .story-cred p{font-size:.88rem;line-height:1.55}
@media (max-width:900px){.story-page .sx-why .story-creds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.story-page .sx-why .story-creds{grid-template-columns:minmax(0,1fr)}}

.story-page .sx-why .story-cred p a,.story-page .story-brand__cols a{color:var(--sand);text-decoration:underline;text-underline-offset:3px}
.story-page .sx-why .story-cred p a:hover,.story-page .story-brand__cols a:hover{color:#fff}

/* ---------- Mobile polish (phones only) ---------- */
@media (max-width:560px){
  .story-page .sx-hero__inner{padding-top:6.5rem;padding-bottom:5.2rem}
  .story-page .sx-hero h1{font-size:clamp(2.6rem,13vw,3.4rem)}
  .story-page .story-crew#team{padding-top:1.2rem;padding-bottom:2.6rem}
  .story-page .story-crew .title-block{margin-bottom:1.2rem}
  .story-page .sx-intro{margin-bottom:1.6rem}
  .story-page .sx-intro p{font-size:.98rem;line-height:1.7}
  .story-page .story-crew .profile__photo{width:76%;margin-inline:auto}
  .story-page #julien .profile__photo{margin-inline:auto}
  .story-page .story-crew .profile__body{margin-top:1.4rem;padding:0}
  .story-page .story-crew .profile__body h3{font-size:2rem}
  .story-page .story-crew .profile + .profile{margin-top:3rem}
  .story-page .story-crew .profile__chips{display:grid;grid-template-columns:1fr;gap:.45rem;margin-top:1.1rem}
  .story-page .story-crew .profile__chips li{position:relative;padding-left:1rem;font-size:.66rem;line-height:1.35}
  .story-page .story-crew .profile__chips li::before,.story-page .story-crew .profile__chips li + li::before{content:"";position:absolute;left:0;top:.35em;width:5px;height:5px;margin:0;border-radius:50%;background:var(--sand)}
  .story-page .story-crew .crew{margin-bottom:1.6rem}
  .story-page .story-crew .atlas{margin-top:.4rem}
  .story-page .atlas__map{margin-inline:-.4rem;width:calc(100% + .8rem)}
  .story-page .story-brand__words li{font-size:clamp(1.7rem,9vw,2.2rem)}
  .story-page .story-brand h2{font-size:clamp(2.2rem,11vw,2.8rem)}
  .story-page .sx-stats{padding:1.6rem 0}
  .story-page .sx-stats .stats{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem .8rem;text-align:center}
  .story-page .sx-stats .stat{flex-direction:column;align-items:center;gap:.2rem;padding:0}
  .story-page .sx-stats .stat + .stat::before{content:none}
  .story-page .sx-stats .stat b{font-size:1.5rem}
  .story-page .sx-stats .stat span{font-size:.68rem;letter-spacing:.08em;line-height:1.3}
  .story-page .sx-why .title-block{padding-inline:.2rem}
}

/* ---------- Mobile: icon cards for the brand story and the trust list ---------- */
@media (max-width:560px){
  .story-page{--ic-globe:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e7c98a%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Cline%20x1%3D%272%27%20y1%3D%2712%27%20x2%3D%2722%27%20y2%3D%2712%27%2F%3E%3Cpath%20d%3D%27M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%27%2F%3E%3C%2Fsvg%3E");--ic-star:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e7c98a%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2712%202%2015.09%208.26%2022%209.27%2017%2014.14%2018.18%2021.02%2012%2017.77%205.82%2021.02%207%2014.14%202%209.27%208.91%208.26%2012%202%27%2F%3E%3C%2Fsvg%3E");--ic-user:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e7c98a%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3C%2Fsvg%3E");--ic-waves:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e7c98a%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2%207c2-2%204-2%206%200s4%202%206%200%204-2%206%200%27%2F%3E%3Cpath%20d%3D%27M2%2013c2-2%204-2%206%200s4%202%206%200%204-2%206%200%27%2F%3E%3Cpath%20d%3D%27M2%2019c2-2%204-2%206%200s4%202%206%200%204-2%206%200%27%2F%3E%3C%2Fsvg%3E");--ic-heart:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e7c98a%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z%27%2F%3E%3C%2Fsvg%3E");--ic-award:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e7c98a%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%277%27%2F%3E%3Cpolyline%20points%3D%278.21%2013.89%207%2023%2012%2020%2017%2023%2015.79%2013.88%27%2F%3E%3C%2Fsvg%3E");--ic-buoy:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e7c98a%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Cline%20x1%3D%274.93%27%20y1%3D%274.93%27%20x2%3D%279.17%27%20y2%3D%279.17%27%2F%3E%3Cline%20x1%3D%2714.83%27%20y1%3D%2714.83%27%20x2%3D%2719.07%27%20y2%3D%2719.07%27%2F%3E%3Cline%20x1%3D%2714.83%27%20y1%3D%279.17%27%20x2%3D%2719.07%27%20y2%3D%274.93%27%2F%3E%3Cline%20x1%3D%274.93%27%20y1%3D%2719.07%27%20x2%3D%279.17%27%20y2%3D%2714.83%27%2F%3E%3C%2Fsvg%3E");--ic-users:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e7c98a%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M23%2021v-2a4%204%200%200%200-3-3.87%27%2F%3E%3Cpath%20d%3D%27M16%203.13a4%204%200%200%201%200%207.75%27%2F%3E%3C%2Fsvg%3E");--ic-chat:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e7c98a%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z%27%2F%3E%3C%2Fsvg%3E");--ic-leaf:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e7c98a%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M11%2020A7%207%200%200%201%209.8%206.1C15.5%205%2017%204.48%2019%202c1%202%202%204.18%202%208%200%205.5-4.78%2010-10%2010z%27%2F%3E%3Cpath%20d%3D%27M2%2021c0-3%201.85-5.36%205.08-6C9.5%2014.52%2012%2013%2013%2012%27%2F%3E%3C%2Fsvg%3E")}
  .story-page .story-brand{background:linear-gradient(180deg,rgba(6,26,36,.9),rgba(6,26,36,.78) 45%,rgba(6,26,36,.92)),url(../images/manta.webp) center 30%/cover no-repeat}
  .story-page .story-brand__cols{gap:.7rem}
  .story-page .story-brand__cols>div{display:contents;border:0;padding:0}
  .story-page .story-brand__cols p,.story-page .sx-why .story-cred{position:relative;margin:0;padding:1rem 1rem 1rem 3.7rem;background:rgba(255,255,255,.06);border:1px solid rgba(231,201,138,.22);border-radius:14px;font-size:.96rem;line-height:1.6}
  .story-page .story-brand__cols p::before,.story-page .sx-why .story-cred::before{content:"";position:absolute;left:.85rem;top:.85rem;width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:10px;background-color:rgba(231,201,138,.14);background-position:center;background-size:1.15rem 1.15rem;background-repeat:no-repeat}
  .story-page .story-brand__cols>div:first-child p:nth-child(1)::before{content:"";background-image:var(--ic-globe)}
  .story-page .story-brand__cols>div:first-child p:nth-child(2)::before{content:"";background-image:var(--ic-star)}
  .story-page .story-brand__cols>div:first-child p:nth-child(3)::before{content:"";background-image:var(--ic-user)}
  .story-page .story-brand__cols>div:last-child p:nth-child(1)::before{content:"";background-image:var(--ic-waves)}
  .story-page .story-brand__cols>div:last-child p:nth-child(2)::before{content:"";background-image:var(--ic-heart)}
  .story-page .sx-why .story-creds{gap:.7rem}
  .story-page .sx-why .story-cred{display:block;border-top:1px solid rgba(231,201,138,.22);padding:1rem 1rem 1rem 3.7rem}
  .story-page .sx-why .story-cred::before{content:none}
  .story-page .sx-why .story-cred:nth-child(1)::before{content:"";background-image:var(--ic-award)}
  .story-page .sx-why .story-cred:nth-child(2)::before{content:"";background-image:var(--ic-globe)}
  .story-page .sx-why .story-cred:nth-child(3)::before{content:"";background-image:var(--ic-buoy)}
  .story-page .sx-why .story-cred:nth-child(4)::before{content:"";background-image:var(--ic-users)}
  .story-page .sx-why .story-cred:nth-child(5)::before{content:"";background-image:var(--ic-chat)}
  .story-page .sx-why .story-cred:nth-child(6)::before{content:"";background-image:var(--ic-leaf)}
  .story-page .sx-why .story-cred h3{font-size:1.05rem;margin-bottom:.25rem}
  .story-page .sx-why .story-cred p{font-size:.9rem;line-height:1.5;margin:0;padding:0;background:none;border:0;border-radius:0}
  .story-page .sx-why .story-cred p::before{content:none}
  .story-page .story-brand__close{margin-top:1.8rem}
}

/* ---------- Mobile: shorter page (swipe cards, 2-col trust tiles, one-line credential chips) ---------- */
@media (max-width:560px){
  .story-page .story-brand__cols{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-1rem;padding:.2rem 1rem .6rem;scroll-padding-inline:1rem}
  .story-page .story-brand__cols::-webkit-scrollbar{display:none}
  .story-page .story-brand__cols p{flex:0 0 80%;scroll-snap-align:start;padding:3.7rem 1.1rem 1.1rem;font-size:.95rem}
  .story-page .story-brand__cols p::before{left:1.1rem;top:1rem}
  .story-page .story-brand__head{margin-bottom:1.4rem}
  .story-page .story-brand__close{margin-top:1.2rem}
  .story-page .story-brand__close p:first-child{font-size:.95rem;line-height:1.6}

  .story-page .sx-why .story-creds{grid-template-columns:1fr 1fr;gap:.6rem}
  .story-page .sx-why .story-cred{padding:3.6rem .85rem .9rem}
  .story-page .sx-why .story-cred::before{left:.85rem;top:.85rem}
  .story-page .sx-why .story-cred h3{font-size:.95rem;line-height:1.2}
  .story-page .sx-why .story-cred p{font-size:.78rem;line-height:1.45}
  .story-page .sx-why{padding:2rem 0}

  .story-page .story-crew .profile__chips{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;scrollbar-width:none;margin-inline:-1rem;padding:0 1rem .2rem}
  .story-page .story-crew .profile__chips::-webkit-scrollbar{display:none}
  .story-page .story-crew .profile__chips li{flex:0 0 auto;white-space:nowrap;padding:.35rem .7rem;border:1px solid rgba(231,201,138,.5);border-radius:999px;color:var(--sand)}
  .story-page .story-crew .profile__chips li::before,.story-page .story-crew .profile__chips li + li::before{content:none}
}
@media (max-width:560px){
  .story-page .story-brand__cols p{flex-basis:86%;padding:3.4rem 1rem 1rem;font-size:.92rem;line-height:1.55}
  .story-page .story-crew .profile__photo{width:60%}
  .story-page .story-crew .profile + .profile{margin-top:2.2rem}
  .story-page .story-crew .profile__body{margin-top:1rem}
}
/* Brand: funnel = wide lead, two columns, narrow close */
.story-page .story-brand__lead{max-width:860px;margin:0 auto clamp(1.8rem,3.5vw,2.8rem);text-align:center;font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.6;color:#e4eef1}
.story-page .story-brand__cols{max-width:900px}
@media (min-width:901px){.story-page .story-brand__cols p,.story-page .story-brand__close p:not(.story-brand__sign):not(.story-brand__tag){font-size:1.05rem}}
.story-page .story-brand__close p{margin-bottom:.9rem}
.story-page .story-brand .story-brand__sign{margin:0 0 1.2rem}
.story-page .story-brand .story-brand__tag{margin-top:1.6rem}

.story-page .story-crew .sx-intro p.sx-intro__lead,.story-page .sx-intro .sx-intro__lead{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.15;color:#fff;margin-bottom:1.6rem}