:root {
  --bio-night: #071821;
  --bio-deep: #0b2732;
  --bio-ice: #e9f4f5;
  --bio-snow: #f6f3ec;
  --bio-ink: #16272e;
  --bio-muted: #64747a;
  --bio-red: #e43f2f;
  --bio-gold: #dca72f;
  --bio-blue: #1598ae;
  --bio-shell: min(1180px, calc(100% - 48px));
}

html { scroll-behavior: smooth; }
body.bio-page { margin: 0; overflow-x: hidden; color: var(--bio-ink); background: var(--bio-snow); }
.bio-page *, .bio-page *::before, .bio-page *::after { box-sizing: border-box; }
.bio-page h1, .bio-page h2, .bio-page h3, .bio-page p, .bio-page figure { margin-top: 0; }
.bio-shell { width: var(--bio-shell); margin-inline: auto; }
.bio-skip { position: fixed; z-index: 9999; top: 10px; left: 10px; padding: 11px 17px; color: #fff; background: var(--bio-red); transform: translateY(-150%); }
.bio-skip:focus { transform: translateY(0); }
.bio-kicker { margin-bottom: 17px; color: var(--bio-red); font: 800 11px/1.2 "Open Sans", sans-serif; letter-spacing: .22em; text-transform: uppercase; }
.bio-kicker::before { content: ""; display: inline-block; width: 35px; height: 2px; margin: 0 12px 3px 0; background: currentColor; }

/* Capa da seção */
.bio-index-hero { position: relative; min-height: clamp(500px, 60vh, 660px); display: grid; align-items: end; isolation: isolate; overflow: hidden; color: #fff; background: var(--bio-night); }
.bio-index-hero__media, .bio-index-hero__veil { position: absolute; inset: 0; }
.bio-index-hero__media { z-index: -2; }
.bio-index-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 56%; filter: saturate(.78) contrast(1.08); }
.bio-index-hero__veil { z-index: -1; background: linear-gradient(90deg, rgba(3,15,20,.93), rgba(3,15,20,.43) 58%, rgba(3,15,20,.05)), linear-gradient(0deg, rgba(3,15,20,.84), transparent 62%); }
.bio-index-hero__content { padding-block: 135px 65px; }
.bio-index-hero .bio-kicker { color: #ff9284; }
.bio-index-hero h1 { max-width: 900px; margin-bottom: 23px; color: #fff; font: 900 clamp(4rem, 10vw, 9rem)/.82 "Raleway", sans-serif; letter-spacing: -.075em; text-transform: uppercase; }
.bio-index-hero p:last-of-type { max-width: 690px; margin-bottom: 31px; color: rgba(255,255,255,.82); font: 500 clamp(1.1rem, 2vw, 1.4rem)/1.55 "Open Sans", sans-serif; }
.bio-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 14px 22px; color: #fff; border: 1px solid transparent; background: var(--bio-red); font: 800 12px/1 "Open Sans", sans-serif; letter-spacing: .08em; text-transform: uppercase; transition: .25s ease; }
.bio-button:hover, .bio-button:focus { color: #fff; text-decoration: none; background: #bf2f23; transform: translateY(-2px); }
.bio-index-intro { padding: 105px 0; }
.bio-index-intro__grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(50px, 9vw, 120px); }
.bio-index-intro h2, .bio-index-feature h2, .bio-section-title { color: var(--bio-ink); font: 850 clamp(2.5rem, 5vw, 4.8rem)/.98 "Raleway", sans-serif; letter-spacing: -.055em; }
.bio-index-intro__copy { padding-top: 29px; border-top: 1px solid rgba(22,39,46,.18); }
.bio-index-intro__copy p { color: #43565e; font: 400 17px/1.8 "Open Sans", sans-serif; }
.bio-index-feature { padding: 0 0 120px; }
.bio-index-feature .bio-shell { display: grid; gap: 44px; }
.bio-feature-card { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 510px; overflow: hidden; color: #fff; background: var(--bio-night); box-shadow: 0 35px 80px rgba(7,24,33,.16); }
.bio-feature-card:nth-of-type(even) .bio-feature-card__media { order: 2; }
.bio-feature-card:nth-of-type(even) .bio-feature-card__body { order: 1; }
.bio-feature-card__media { position: relative; min-height: 390px; overflow: hidden; }
.bio-feature-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--bio-card-x, 50%) var(--bio-card-y, 50%); transition: transform .65s ease; }
.bio-feature-card:hover .bio-feature-card__media img { transform: scale(1.025); }
.bio-feature-card__number { position: absolute; top: 23px; left: 25px; padding: 9px 12px; color: #fff; background: var(--bio-red); font: 800 10px/1 "Open Sans", sans-serif; letter-spacing: .16em; }
.bio-feature-card__body { display: flex; flex-direction: column; justify-content: center; padding: clamp(42px, 6vw, 78px); }
.bio-feature-card__body .bio-kicker { color: #ff9182; }
.bio-index-feature .bio-feature-card h2 { margin-bottom: 22px; color: #fff; font-size: clamp(2.8rem, 5vw, 5rem); }
.bio-feature-card__body > p:not(.bio-kicker) { margin-bottom: 28px; color: rgba(255,255,255,.72); font: 400 16px/1.7 "Open Sans", sans-serif; }
.bio-feature-card__facts { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); }
.bio-feature-card__facts span { color: rgba(255,255,255,.6); font: 700 10px/1.3 "Open Sans", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.bio-feature-card__facts strong { display: block; margin-bottom: 4px; color: #fff; font: 800 22px/1 "Raleway", sans-serif; }

/* Biografia individual */
.bio-hero { position: relative; min-height: min(920px, 94vh); display: grid; align-items: end; isolation: isolate; overflow: hidden; color: #fff; background: var(--bio-night); }
.bio-hero__media, .bio-hero__veil, .bio-hero__contours { position: absolute; inset: 0; }
.bio-hero__media { z-index: -3; }
.bio-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--bio-hero-x, 50%) var(--bio-hero-y, 58%); filter: saturate(.78) contrast(1.08); }
.bio-hero__veil { z-index: -2; background: linear-gradient(90deg, rgba(4,17,22,.95) 0%, rgba(4,17,22,.68) 23%, rgba(4,17,22,.08) 55%), linear-gradient(0deg, rgba(4,17,22,.88), transparent 32%); }
.bio-hero__contours { z-index: -1; opacity: .18; background: repeating-radial-gradient(ellipse at 92% 20%, transparent 0 32px, rgba(255,255,255,.25) 33px 34px, transparent 35px 56px); mix-blend-mode: overlay; }
.bio-hero__content { padding-block: 170px 76px; }
.bio-hero .bio-kicker { color: #ff9587; }
.bio-hero h1 { max-width: 920px; margin-bottom: 22px; color: #fff; font: 900 clamp(4rem, 9.5vw, 9.2rem)/.78 "Raleway", sans-serif; letter-spacing: -.08em; text-transform: uppercase; }
.bio-hero h1 span { display: block; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.72); }
.bio-hero__lead { max-width: 670px; margin-bottom: 34px; color: rgba(255,255,255,.86); font: 650 clamp(1.15rem, 2.2vw, 1.65rem)/1.45 "Raleway", sans-serif; }
.bio-hero__meta { display: flex; flex-wrap: wrap; gap: 12px; }
.bio-hero__meta span { padding: 9px 12px; border: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.76); background: rgba(7,24,33,.27); font: 700 10px/1 "Open Sans", sans-serif; letter-spacing: .12em; text-transform: uppercase; backdrop-filter: blur(8px); }
.bio-hero__scroll { position: absolute; right: 26px; bottom: 31px; color: rgba(255,255,255,.62); font: 700 10px/1 "Open Sans", sans-serif; letter-spacing: .18em; text-transform: uppercase; writing-mode: vertical-rl; }

.bio-jump { position: sticky; z-index: 85; top: 68px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); background: rgba(7,24,33,.96); backdrop-filter: blur(12px); }
.bio-jump__inner { display: flex; justify-content: center; gap: clamp(22px, 5vw, 64px); overflow-x: auto; scrollbar-width: none; }
.bio-jump a { flex: 0 0 auto; padding: 18px 0 15px; color: rgba(255,255,255,.66); border-bottom: 3px solid transparent; font: 800 10px/1 "Open Sans", sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.bio-jump a:hover, .bio-jump a:focus { color: #fff; border-color: var(--bio-red); text-decoration: none; }

.bio-intro { padding: 120px 0 108px; background: var(--bio-snow); }
.bio-intro__grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(55px, 9vw, 128px); align-items: start; }
.bio-intro .bio-section-title { margin-bottom: 25px; }
.bio-intro__quote { margin: 30px 0 0; padding: 25px 0 0 27px; border-top: 1px solid rgba(22,39,46,.16); border-left: 4px solid var(--bio-red); color: var(--bio-ink); font: 750 19px/1.55 "Raleway", sans-serif; }
.bio-intro__copy { padding-top: 32px; border-top: 1px solid rgba(22,39,46,.17); }
.bio-intro__copy p { color: #42565e; font: 400 17px/1.82 "Open Sans", sans-serif; }
.bio-intro__copy .bio-lead { color: var(--bio-ink); font: 750 22px/1.55 "Raleway", sans-serif; }

.bio-numbers { color: #fff; background: var(--bio-red); }
.bio-numbers__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.bio-number { min-height: 210px; display: flex; flex-direction: column; justify-content: center; padding: 35px; border-right: 1px solid rgba(255,255,255,.24); }
.bio-number:first-child { border-left: 1px solid rgba(255,255,255,.24); }
.bio-number strong { margin-bottom: 12px; color: #fff; font: 900 clamp(2.8rem, 5vw, 5rem)/.82 "Raleway", sans-serif; letter-spacing: -.065em; }
.bio-number span { color: rgba(255,255,255,.84); font: 750 11px/1.45 "Open Sans", sans-serif; letter-spacing: .1em; text-transform: uppercase; }

.bio-revolution { padding: 125px 0; background: #fff; }
.bio-section-head { max-width: 830px; margin-bottom: 60px; }
.bio-section-head > p:last-child { max-width: 690px; margin-top: 23px; color: var(--bio-muted); font: 400 17px/1.7 "Open Sans", sans-serif; }
.bio-revolution__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(22,39,46,.15); border-left: 1px solid rgba(22,39,46,.15); }
.bio-revolution__grid article { position: relative; min-height: 310px; padding: 37px 30px 33px; border-right: 1px solid rgba(22,39,46,.15); border-bottom: 1px solid rgba(22,39,46,.15); background: #fff; transition: .3s ease; }
.bio-revolution__grid article:hover { z-index: 2; background: var(--bio-snow); box-shadow: 0 24px 55px rgba(7,24,33,.11); transform: translateY(-5px); }
.bio-revolution__grid .bio-card-no { display: block; margin-bottom: 65px; color: var(--bio-red); font: 900 13px/1 "Open Sans", sans-serif; letter-spacing: .15em; }
.bio-revolution__grid h3 { color: var(--bio-ink); font: 800 20px/1.25 "Raleway", sans-serif; }
.bio-revolution__grid p { margin-bottom: 0; color: var(--bio-muted); font: 400 14px/1.7 "Open Sans", sans-serif; }

.bio-timeline-section { position: relative; padding: 125px 0 150px; overflow: clip; color: #fff; background: var(--bio-night); }
.bio-timeline-section::before { content: "14 x 8000"; position: absolute; top: 240px; right: -18px; color: rgba(255,255,255,.027); font: 900 clamp(10rem, 28vw, 30rem)/.8 "Raleway", sans-serif; letter-spacing: -.08em; }
.bio-timeline-section .bio-section-title { color: #fff; }
.bio-timeline-section .bio-section-head > p:last-child { color: rgba(255,255,255,.61); }
.bio-timeline-key { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 28px; }
.bio-timeline-key span { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.55); font: 700 10px/1 "Open Sans", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.bio-timeline-key i { width: 8px; height: 8px; border-radius: 50%; background: var(--era-color); }
.bio-timeline { --progress: 0%; position: relative; max-width: 1060px; margin: 70px auto 0; }
.bio-timeline::before, .bio-timeline::after { content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; left: 50%; width: 3px; transform: translateX(-50%); }
.bio-timeline::before { background: rgba(255,255,255,.13); }
.bio-timeline::after { bottom: auto; height: var(--progress); background: linear-gradient(var(--bio-red), var(--bio-gold), var(--bio-blue)); box-shadow: 0 0 18px rgba(21,152,174,.38); transition: height .12s linear; }
.bio-event { --era-color: var(--bio-red); position: relative; z-index: 2; width: calc(50% - 56px); margin-bottom: 46px; opacity: .45; transform: translateY(22px); transition: opacity .55s ease, transform .55s ease; }
.bio-event.is-visible { opacity: 1; transform: none; }
.bio-event:nth-child(odd) { margin-right: auto; text-align: right; }
.bio-event:nth-child(even) { margin-left: auto; }
.bio-event::before { content: ""; position: absolute; top: 28px; width: 56px; height: 1px; background: color-mix(in srgb, var(--era-color) 70%, white 15%); }
.bio-event:nth-child(odd)::before { right: -56px; }
.bio-event:nth-child(even)::before { left: -56px; }
.bio-event::after { content: ""; position: absolute; top: 21px; width: 15px; height: 15px; border: 4px solid var(--bio-night); border-radius: 50%; background: var(--era-color); box-shadow: 0 0 0 1px var(--era-color), 0 0 20px color-mix(in srgb, var(--era-color) 48%, transparent); }
.bio-event:nth-child(odd)::after { right: -64px; }
.bio-event:nth-child(even)::after { left: -64px; }
.bio-event[data-era="altitude"] { --era-color: var(--bio-red); }
.bio-event[data-era="exploracao"] { --era-color: var(--bio-gold); }
.bio-event[data-era="legado"] { --era-color: var(--bio-blue); }
.bio-event__card { position: relative; padding: 28px 30px 30px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.045); box-shadow: 0 18px 40px rgba(0,0,0,.12); backdrop-filter: blur(10px); transition: border-color .25s ease, background .25s ease; }
.bio-event__card:hover { border-color: color-mix(in srgb, var(--era-color) 65%, white 10%); background: rgba(255,255,255,.075); }
.bio-event__when { display: inline-flex; align-items: baseline; gap: 10px; margin-bottom: 17px; }
.bio-event__year { color: #fff; font: 900 clamp(2.4rem, 4vw, 4.1rem)/.8 "Raleway", sans-serif; letter-spacing: -.055em; }
.bio-event__age { color: var(--era-color); font: 800 10px/1 "Open Sans", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.bio-event h3 { margin-bottom: 10px; color: #fff; font: 800 20px/1.3 "Raleway", sans-serif; }
.bio-event p { margin-bottom: 0; color: rgba(255,255,255,.64); font: 400 14px/1.72 "Open Sans", sans-serif; }
.bio-event__flag { display: inline-block; margin-top: 16px; padding: 7px 9px; color: var(--era-color); border: 1px solid color-mix(in srgb, var(--era-color) 45%, transparent); font: 800 9px/1 "Open Sans", sans-serif; letter-spacing: .12em; text-transform: uppercase; }

/* Amyr Klink: os barcos funcionam como personagens da biografia. */
.bio-amyr-page { --bio-red:#e5572d; --bio-gold:#dda735; --bio-blue:#20a2b5; }
.bio-amyr-page .bio-hero__contours { opacity:.2; background:repeating-radial-gradient(ellipse at 88% 12%,transparent 0 42px,rgba(255,255,255,.22) 43px 44px,transparent 45px 74px); }
.bio-amyr-page .bio-timeline-section::before { content:"27.000 NM"; }
.bio-boats { padding:125px 0 140px; color:#fff; background:#0b2732; }
.bio-boats .bio-section-title { color:#fff; }
.bio-boats .bio-section-head > p:last-child { color:rgba(255,255,255,.62); }
.bio-boats__list { display:grid; gap:28px; }
.bio-boat { display:grid; grid-template-columns:1.08fr .92fr; min-height:570px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:#071821; box-shadow:0 28px 70px rgba(0,0,0,.18); }
.bio-boat:nth-child(even) { grid-template-columns:.92fr 1.08fr; }
.bio-boat:nth-child(even) .bio-boat__media { order:2; }
.bio-boat:nth-child(even) .bio-boat__body { order:1; }
.bio-boat__media { position:relative; min-height:460px; overflow:hidden; background:#06141b; }
.bio-boat__media::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(7,24,33,.5),transparent 45%); pointer-events:none; }
.bio-boat__media img { width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.bio-boat:hover .bio-boat__media img { transform:scale(1.025); }
.bio-boat__media > span { position:absolute; z-index:2; top:25px; left:27px; color:#fff; font:900 13px/1 "Open Sans",sans-serif; letter-spacing:.17em; }
.bio-boat__body { display:flex; flex-direction:column; justify-content:center; padding:clamp(40px,6vw,76px); }
.bio-boat__body .bio-kicker { color:#ff967c; }
.bio-boat h3 { margin-bottom:20px; color:#fff; font:900 clamp(3.7rem,8vw,7.4rem)/.78 "Raleway",sans-serif; letter-spacing:-.075em; text-transform:uppercase; }
.bio-boat__manifesto { margin-bottom:22px; color:#fff; font:750 20px/1.48 "Raleway",sans-serif; }
.bio-boat__body > p:not(.bio-kicker):not(.bio-boat__manifesto) { color:rgba(255,255,255,.64); font:400 14px/1.78 "Open Sans",sans-serif; }
.bio-boat dl { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:25px 0 0; padding-top:22px; border-top:1px solid rgba(255,255,255,.14); }
.bio-boat dl div { min-width:0; }
.bio-boat dt { margin-bottom:7px; color:rgba(255,255,255,.43); font:800 9px/1.2 "Open Sans",sans-serif; letter-spacing:.13em; text-transform:uppercase; }
.bio-boat dd { margin:0; color:#fff; font:750 12px/1.35 "Open Sans",sans-serif; }

/* Grandes histórias — acordeão editorial inspirado na linguagem de /viagem/tmb/. */
.bio-stories { padding: 125px 0 135px; background: #fff; }
.bio-stories .bio-section-head { margin-bottom: 70px; }
.bio-stories__list { border-top: 1px solid rgba(22,39,46,.16); }
.bio-story { border: 0; border-bottom: 1px solid rgba(22,39,46,.16); background: transparent; }
.bio-story summary { position: relative; min-height: 230px; display: grid; grid-template-columns: 70px minmax(0,1fr) 54px; gap: clamp(20px,4vw,52px); align-items: center; padding: 44px 8px; color: var(--bio-ink); cursor: pointer; list-style: none; }
.bio-story summary::-webkit-details-marker { display: none; }
.bio-story summary::marker { content: ""; }
.bio-story summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--bio-gold) 65%, transparent); outline-offset: 5px; }
.bio-story__number { color: var(--bio-red); font: 900 13px/1 "Open Sans",sans-serif; letter-spacing: .17em; }
.bio-story__heading { min-width: 0; display: block; }
.bio-story__heading small { display: block; margin-bottom: 13px; color: #a67300; font: 800 10px/1.2 "Open Sans",sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.bio-story__heading strong { display: block; margin-bottom: 13px; color: var(--bio-ink); font: 850 clamp(1.9rem,4vw,3.35rem)/1.02 "Raleway",sans-serif; letter-spacing: -.048em; transition: color .22s ease; }
.bio-story__heading em { display: block; max-width: 760px; color: var(--bio-muted); font: 400 14px/1.65 "Open Sans",sans-serif; }
.bio-story summary > i { position: relative; width: 54px; height: 54px; display: block; border: 1px solid rgba(21,152,174,.28); background: rgba(233,244,245,.38); transition: border-color .22s ease,background .22s ease,transform .22s ease; }
.bio-story summary > i::before,.bio-story summary > i::after { content: ""; position: absolute; top: 50%; left: 50%; width: 17px; height: 2px; background: #b47c00; transform: translate(-50%,-50%); transition: transform .25s ease; }
.bio-story summary > i::after { transform: translate(-50%,-50%) rotate(90deg); }
.bio-story summary:hover .bio-story__heading strong { color: var(--bio-red); }
.bio-story summary:hover > i { border-color: var(--bio-gold); background: #fffaf0; transform: scale(1.04); }
.bio-story[open] summary > i::after { transform: translate(-50%,-50%) rotate(0); }
.bio-story[open] summary { border-bottom: 1px solid rgba(22,39,46,.12); }
.bio-story__body { padding: 70px clamp(20px,8vw,120px) 82px; background: var(--bio-snow); }
.bio-story__article { max-width: 780px; margin-inline: auto; }
.bio-story__article p { color: #43575f; font: 400 17px/1.88 "Open Sans",sans-serif; }
.bio-story__article .bio-story__lead { margin-bottom: 42px; padding-left: 27px; border-left: 4px solid var(--bio-red); color: var(--bio-ink); font: 750 clamp(1.25rem,2.3vw,1.65rem)/1.55 "Raleway",sans-serif; }
.bio-story__article h3 { margin: 46px 0 15px; color: var(--bio-ink); font: 850 clamp(1.65rem,3vw,2.25rem)/1.12 "Raleway",sans-serif; letter-spacing: -.035em; }
.bio-story__sources { margin: 54px 0 0!important; padding-top: 25px; border-top: 1px solid rgba(22,39,46,.16); color: var(--bio-muted)!important; font-size: 12px!important; line-height: 1.7!important; }
.bio-story__sources strong { color: var(--bio-ink); }
.bio-story__sources a { color: #9b6500; border-bottom: 1px solid rgba(155,101,0,.3); }
.bio-story__sources a:hover { color: var(--bio-red); text-decoration: none; }

.bio-gallery { padding: 125px 0; background: var(--bio-snow); }
.bio-gallery__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.bio-gallery__grid a { position: relative; display: block; aspect-ratio: 1; padding: 0; overflow: hidden; border: 0; background: var(--bio-night); cursor: zoom-in; }
.bio-gallery__grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease, opacity .35s ease; }
.bio-gallery__grid a::after { content: "+"; position: absolute; right: 18px; bottom: 16px; width: 36px; height: 36px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(7,24,33,.45); font: 300 24px/1 "Open Sans", sans-serif; opacity: 0; transform: scale(.8); transition: .3s ease; backdrop-filter: blur(5px); }
.bio-gallery__grid a:hover img { opacity: .76; transform: scale(1.045); }
.bio-gallery__grid a:hover::after, .bio-gallery__grid a:focus-visible::after { opacity: 1; transform: scale(1); }

/* Mesmo lightbox editorial usado em /trekking/. */
body.tk-lb-open { overflow: hidden !important; }
.tk-lightbox[hidden] { display: none !important; }
.tk-lightbox { position: fixed; inset: 0; z-index: 100500; display: flex; align-items: center; justify-content: center; color: #fff; background: #02080d; font-family: "Open Sans", Arial, sans-serif; }
.tk-lightbox::before { content: ""; position: fixed; inset: 0; background: linear-gradient(180deg, rgba(2,8,13,.72), rgba(2,8,13,0) 22%), linear-gradient(0deg, rgba(2,8,13,.88), rgba(2,8,13,0) 34%); pointer-events: none; }
.tk-lb-stage { position: relative; z-index: 1; width: 100vw; height: 100dvh; display: flex; align-items: center; justify-content: center; margin: 0; }
.tk-lb-image { display: block; width: auto; height: auto; max-width: min(86vw, 1680px); max-height: calc(100dvh - 160px); object-fit: contain; box-shadow: 0 26px 70px rgba(0,0,0,.45); }
.tk-lightbox.is-expanded .tk-lb-image, .tk-lightbox:fullscreen .tk-lb-image, .tk-lightbox:-webkit-full-screen .tk-lb-image { max-width: 100vw; max-height: 100dvh; box-shadow: none; }
.tk-lb-meta { position: fixed; z-index: 4; right: 42px; bottom: 34px; left: 42px; max-width: 820px; text-align: left; pointer-events: none; }
.tk-lb-counter { display: block; margin-bottom: 12px; color: #8795a3; font-family: "Raleway", Arial, sans-serif; font-size: 11px; font-weight: 900; line-height: 1; letter-spacing: 1.6px; text-transform: uppercase; }
.tk-lb-caption { display: block; max-width: 760px; color: #fff; font-size: 14px; font-weight: 800; line-height: 1.45; }
.tk-lb-credit { display: block; margin-top: 6px; color: #98a5b3; font-size: 11px; font-weight: 700; line-height: 1.35; }
.tk-lb-btn, .tk-lb-arrow { position: fixed; z-index: 5; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(255,255,255,.06); cursor: pointer; transition: background .18s ease, transform .18s ease, border-color .18s ease; }
.tk-lb-btn:hover, .tk-lb-arrow:hover { border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.14); transform: scale(1.04); }
.tk-lb-btn:focus-visible, .tk-lb-arrow:focus-visible { outline: 2px solid #d8b34a; outline-offset: 3px; }
.tk-lb-close, .tk-lb-full { top: 24px; width: 44px; height: 44px; }
.tk-lb-close { right: 26px; }
.tk-lb-full { right: 82px; }
.tk-lb-close::before, .tk-lb-close::after { content: ""; position: absolute; top: 20px; left: 13px; width: 18px; height: 2px; border-radius: 2px; background: #fff; }
.tk-lb-close::before { transform: rotate(45deg); }
.tk-lb-close::after { transform: rotate(-45deg); }
.tk-lb-full::before, .tk-lb-full::after { content: ""; position: absolute; width: 10px; height: 10px; border-color: #fff; border-style: solid; }
.tk-lb-full::before { top: 11px; right: 11px; border-width: 2px 2px 0 0; }
.tk-lb-full::after { bottom: 11px; left: 11px; border-width: 0 0 2px 2px; }
.tk-lightbox.is-expanded .tk-lb-full::before, .tk-lightbox:fullscreen .tk-lb-full::before, .tk-lightbox:-webkit-full-screen .tk-lb-full::before { top: 12px; right: auto; left: 12px; border-width: 2px 2px 0 0; }
.tk-lightbox.is-expanded .tk-lb-full::after, .tk-lightbox:fullscreen .tk-lb-full::after, .tk-lightbox:-webkit-full-screen .tk-lb-full::after { right: 12px; bottom: 12px; left: auto; border-width: 0 0 2px 2px; }
.tk-lb-arrow { top: 50%; width: 48px; height: 48px; margin-top: -24px; }
.tk-lb-prev { left: 26px; }
.tk-lb-next { right: 26px; }
.tk-lb-arrow::before { content: ""; width: 11px; height: 11px; border-color: #fff; border-style: solid; }
.tk-lb-prev::before { border-width: 0 0 2px 2px; transform: translateX(2px) rotate(45deg); }
.tk-lb-next::before { border-width: 2px 2px 0 0; transform: translateX(-2px) rotate(45deg); }

@media screen and (max-width: 768px) {
  .tk-lb-image { max-width: 100vw; max-height: calc(100dvh - 168px); box-shadow: none; }
  .tk-lightbox.is-expanded .tk-lb-image, .tk-lightbox:fullscreen .tk-lb-image, .tk-lightbox:-webkit-full-screen .tk-lb-image { max-height: 100dvh; }
  .tk-lb-meta { right: 18px; bottom: 22px; left: 18px; max-width: none; }
  .tk-lb-counter { margin-bottom: 9px; font-size: 10px; }
  .tk-lb-caption { font-size: 12px; line-height: 1.42; }
  .tk-lb-credit { margin-top: 5px; font-size: 10px; }
  .tk-lb-close, .tk-lb-full { top: 14px; width: 38px; height: 38px; }
  .tk-lb-close { right: 14px; }
  .tk-lb-full { right: 60px; }
  .tk-lb-close::before, .tk-lb-close::after { top: 18px; left: 11px; width: 16px; }
  .tk-lb-full::before { top: 9px; right: 9px; }
  .tk-lb-full::after { bottom: 9px; left: 9px; }
  .tk-lb-arrow { width: 38px; height: 38px; margin-top: -19px; background: rgba(255,255,255,.08); }
  .tk-lb-prev { left: 12px; }
  .tk-lb-next { right: 12px; }
}

.bio-comments { padding: 105px 0; background: #fff; }
.bio-comments__head { margin-bottom: 45px; padding-bottom: 28px; border-bottom: 1px solid rgba(22,39,46,.15); }
.bio-comments h2 { margin-bottom: 0; color: var(--bio-ink); font: 850 clamp(2.5rem, 5vw, 4.8rem)/.98 "Raleway", sans-serif; letter-spacing: -.055em; }
.bio-comments noscript { display: block; color: var(--bio-muted); font: 400 14px/1.6 "Open Sans", sans-serif; text-align: center; }

.bio-sources { padding: 85px 0; color: #fff; background: var(--bio-deep); }
.bio-sources__grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; }
.bio-sources h2 { color: #fff; font: 800 clamp(2rem, 4vw, 3.5rem)/1 "Raleway", sans-serif; letter-spacing: -.045em; }
.bio-sources ol { display: grid; gap: 13px; margin: 0; padding-left: 22px; color: rgba(255,255,255,.6); }
.bio-sources a { color: #fff; border-bottom: 1px solid rgba(255,255,255,.25); }
.bio-sources a:hover { color: #8ce4ef; text-decoration: none; }
.bio-sources p, .bio-sources li { font: 400 13px/1.65 "Open Sans", sans-serif; }

@media (max-width: 991px) {
  .bio-index-intro__grid, .bio-intro__grid, .bio-sources__grid { grid-template-columns: 1fr; gap: 38px; }
  .bio-feature-card { grid-template-columns: 1fr; }
  .bio-feature-card:nth-of-type(even) .bio-feature-card__media, .bio-feature-card:nth-of-type(even) .bio-feature-card__body { order: initial; }
  .bio-boat, .bio-boat:nth-child(even) { grid-template-columns: 1fr; min-height: 0; }
  .bio-boat:nth-child(even) .bio-boat__media, .bio-boat:nth-child(even) .bio-boat__body { order: initial; }
  .bio-numbers__grid { grid-template-columns: repeat(2, 1fr); }
  .bio-number:nth-child(2) { border-right: 0; }
  .bio-number:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.24); }
  .bio-revolution__grid { grid-template-columns: repeat(2, 1fr); }
  .bio-jump { position: relative; top: auto; }
}

@media (max-width: 767px) {
  :root { --bio-shell: min(100% - 30px, 1180px); }
  .bio-index-hero { min-height: 610px; }
  .bio-index-hero__media img { object-position: 62% center; }
  .bio-hero__media img { object-position: var(--bio-hero-x-mobile, 80%) var(--bio-hero-y-mobile, 50%); }
  .bio-index-hero__veil, .bio-hero__veil { background: linear-gradient(0deg, rgba(3,15,20,.98), rgba(3,15,20,.62) 58%, rgba(3,15,20,.12)); }
  .bio-index-hero__content { padding-block: 140px 48px; }
  .bio-index-hero h1 { max-width: none; font-size: clamp(2.65rem, 15.5vw, 4.8rem); letter-spacing: -.085em; white-space: nowrap; }
  .bio-index-intro, .bio-intro, .bio-revolution, .bio-boats, .bio-timeline-section, .bio-stories, .bio-gallery { padding-block: 82px; }
  .bio-feature-card__body { padding: 38px 27px; }
  .bio-feature-card__media img { object-position: var(--bio-card-x-mobile, var(--bio-card-x, 50%)) var(--bio-card-y-mobile, var(--bio-card-y, 50%)); }
  .bio-feature-card__facts { gap: 18px 28px; }
  .bio-button { width: 100%; }
  .bio-hero { min-height: 780px; }
  .bio-hero__content { padding-block: 200px 72px; }
  .bio-hero h1 { font-size: clamp(3rem, 15vw, 5.1rem); }
  .bio-hero__scroll { display: none; }
  .bio-jump__inner { justify-content: flex-start; padding-inline: 15px; }
  .bio-number { min-height: 158px; padding: 24px 18px; }
  .bio-number strong { font-size: clamp(2rem, 10vw, 3.3rem); }
  .bio-revolution__grid { grid-template-columns: 1fr; }
  .bio-revolution__grid article { min-height: 0; }
  .bio-revolution__grid .bio-card-no { margin-bottom: 35px; }
  .bio-boat, .bio-boat:nth-child(even) { grid-template-columns:1fr; min-height:0; }
  .bio-boat:nth-child(even) .bio-boat__media, .bio-boat:nth-child(even) .bio-boat__body { order:initial; }
  .bio-boat__media { min-height:330px; }
  .bio-boat__body { padding:38px 25px 42px; }
  .bio-boat h3 { font-size:clamp(3.25rem,18vw,5.2rem); }
  .bio-boat__manifesto { font-size:17px; }
  .bio-boat dl { grid-template-columns:1fr; gap:17px; }
  .bio-timeline { margin-top: 55px; }
  .bio-timeline::before, .bio-timeline::after { left: 12px; transform: none; }
  .bio-event, .bio-event:nth-child(odd), .bio-event:nth-child(even) { width: calc(100% - 45px); margin-right: 0; margin-left: 45px; text-align: left; }
  .bio-event::before, .bio-event:nth-child(odd)::before, .bio-event:nth-child(even)::before { left: -32px; width: 32px; }
  .bio-event::after, .bio-event:nth-child(odd)::after, .bio-event:nth-child(even)::after { left: -39px; }
  .bio-event__card { padding: 24px 22px; }
  .bio-event__year { font-size: 2.55rem; }
  .bio-stories .bio-section-head { margin-bottom: 45px; }
  .bio-story summary { min-height: 178px; grid-template-columns: 34px minmax(0,1fr) 44px; gap: 12px; padding: 28px 0; }
  .bio-story__number { align-self: start; padding-top: 4px; font-size: 10px; }
  .bio-story__heading small { margin-bottom: 9px; font-size: 9px; }
  .bio-story__heading strong { margin-bottom: 10px; font-size: clamp(1.55rem,7vw,2rem); }
  .bio-story__heading em { font-size: 12px; line-height: 1.55; }
  .bio-story summary > i { width: 44px; height: 44px; }
  .bio-story__body { margin-inline: -15px; padding: 45px 30px 55px; }
  .bio-story__article p { font-size: 15px; line-height: 1.8; }
  .bio-story__article .bio-story__lead { margin-bottom: 34px; padding-left: 20px; font-size: 1.18rem; }
  .bio-story__article h3 { margin-top: 37px; }
  .bio-gallery__grid { grid-template-columns: repeat(2, 1fr); gap: 7px; }
  .bio-gallery__grid a:last-child { grid-column: span 2; aspect-ratio: 2/1; }
  .bio-comments { padding-block: 75px; }
  .bio-comments__head { margin-bottom: 34px; }
  .bio-sources { padding-block: 70px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .bio-event { opacity: 1; transform: none; transition: none; }
  .bio-button, .bio-feature-card__media img, .bio-gallery__grid img { transition: none; }
}