/* Maritime direction: cinematic coastal landscape, fine rules, generous typography. */
:root{--ink:#142e38;--muted:#64767a;--paper:#f0f1eb;--line:#cdd3cd;--accent:#a9b8a6}
body{background:var(--paper)}h1,h2{letter-spacing:-.045em}em{font-style:normal;color:inherit;font-weight:300}.eyebrow{font-size:10px;letter-spacing:.19em}header{height:108px;padding:20px 5.2%;background:transparent;backdrop-filter:none;border-bottom:1px solid #142e3826;gap:32px}header .brand{font-size:12px;letter-spacing:.08em}header .brand small{font-size:9px}header .brand img{width:45px;height:56px}nav{font-size:12px;gap:25px}.join{font-size:11px;padding:11px 18px;border-radius:0;gap:28px}.is-home header{color:#fff;border-color:#ffffff28}.is-home header .brand img{filter:brightness(0) invert(1)}.is-home header .join{border-color:#ffffff75}.is-home header a:hover{color:#dbe7dd}.is-home header .join:hover{background:white;color:#142e38}.is-home footer{margin-top:0}.footer-social{display:inline-flex;align-items:center;gap:9px;width:max-content;margin-top:4px;border-bottom:1px solid #ffffff3d;padding-bottom:3px;transition:border-color .3s}.footer-social:hover{border-color:#fff;text-decoration:none!important}
.ocean-story{position:relative;background:#061e2d;color:#f8f8f2;isolation:isolate}.ocean-stage{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;z-index:-1;background:linear-gradient(180deg,#e7edf1 0%,#dde5ea 55%,#cfd9e0 100%)}.scene-fallback{opacity:1;background:linear-gradient(180deg,#e7edf1 0%,#d3dde4 60%,#b9c7d0 100%)}#scene{display:block;width:100%;height:100%;touch-action:pan-y;opacity:0;transition:opacity .85s ease-out}#scene[data-scene=ready]{opacity:1}.ocean-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0c283335,transparent 30%,#00172318 55%,#00142085)}.chapter{min-height:100svh;position:relative;padding:130px 8% 75px}.opening{height:100svh;min-height:720px;padding:0 5.2%}.hero-meta{position:absolute;left:5.2%;right:5.2%;top:140px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;opacity:.76}.hero-title{position:absolute;left:0;right:0;top:42%;text-align:center;pointer-events:none}.hero-title .eyebrow{margin-bottom:20px;font-size:10px;letter-spacing:.23em}.hero-title h1{font-size:clamp(64px,7.6vw,125px);line-height:1.02;font-weight:400;letter-spacing:-.045em;margin:0;text-shadow:0 3px 35px #01152122}.hero-title h1 br{display:none}.hero-title h1 em{margin-left:.16em;font-weight:300}.hero-description{font-size:13px;line-height:1.8;letter-spacing:.015em;margin:27px 0 0;opacity:.88}.hero-baseline{position:absolute;bottom:44px;left:5.2%;right:5.2%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.15em}.discover{display:flex;align-items:center;gap:17px}.round-arrow{height:43px;width:43px;border:1px solid #ffffff55;border-radius:50%;display:inline-grid;place-items:center;font-size:18px;font-weight:400;transition:background .3s,transform .3s}.discover:hover .round-arrow{background:#ffffff25;transform:translateY(4px)}.location-label{display:flex;align-items:center;gap:10px}.location-label i{width:5px;height:5px;border-radius:50%;background:#b8d4c2}.chapter-count{font-variant-numeric:tabular-nums}.chapter-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.chapter-top .eyebrow{margin:0}.tiny{font-size:9px;letter-spacing:.18em;opacity:.6}.purpose{padding-top:130px}.purpose-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:11%;align-items:start}.purpose h2,.possibilities h2{font-size:clamp(46px,5.2vw,80px);line-height:1.12;font-weight:400}.purpose h2 em,.possibilities h2 em{color:#b7c8cb}.purpose-copy{padding-top:85px;max-width:430px}.purpose-copy p:first-child{font-size:24px;line-height:1.45;color:white}.purpose-copy p{font-size:15px;line-height:1.9;color:#b4c6cc}.ocean-story .text-link{color:#fff;border-color:#ffffff65;margin-top:15px;font-size:12px;gap:40px}.ocean-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;border-top:1px solid #ffffff30;margin-top:65px;padding-top:27px}.ocean-stats strong{font-family:Manrope,sans-serif;display:block;font-size:47px;line-height:1.4;font-weight:300;letter-spacing:-.04em}.ocean-stats span{font-size:11px;color:#b4c6cc;letter-spacing:.03em}.possibilities{padding-top:110px;min-height:105svh}.possibilities h2{max-width:1000px}.possibility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:90px}.possibility-grid>a{border-top:1px solid #ffffff45;padding-top:23px;transition:transform .3s}.possibility-grid>a:hover{color:white;transform:translateY(-7px)}.card-index{font-size:9px;letter-spacing:.15em;display:flex;justify-content:space-between}.card-index b{font-size:19px;font-weight:400}.possibility-grid h3{font-size:28px;font-weight:400;line-height:1.25;letter-spacing:-.03em;margin:34px 0 20px}.possibility-grid p{font-size:13px;line-height:1.8;color:#b4c6cc;max-width:290px}.scene-controls{position:absolute;bottom:22px;right:5.2%;display:flex;align-items:center;gap:8px}.scene-controls button{background:transparent;color:white;border:1px solid #ffffff45;width:auto;height:30px;border-radius:20px;padding:0 11px;font-size:10px}.scene-controls button span{margin-left:9px}.scene-status{font-size:8px;letter-spacing:.13em;opacity:.6;margin-left:8px}.gatherings{padding:105px 8% 80px}.section-head{margin-bottom:48px}.section-head h2{font-size:clamp(40px,4.5vw,68px);line-height:1.1}.section-head h2 em{color:#76847d}.text-link{font-size:12px;gap:35px}.gathering-feature{display:grid;grid-template-columns:1.18fr 1fr;background:#e3e7df;overflow:hidden}.gathering-image{position:relative;overflow:hidden;min-height:420px}.gathering-image img{width:100%;height:100%;object-fit:cover;position:absolute;transition:transform .9s}.gathering-feature:hover .gathering-image img{transform:scale(1.035)}.image-label{position:absolute;bottom:20px;left:23px;color:#fff;font-size:8px;letter-spacing:.16em;text-shadow:0 1px 10px #000}.gathering-copy{padding:40px 42px}.event-kicker{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;gap:15px}.gathering-copy h3{font-family:Manrope,sans-serif;font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-.045em;margin:53px 0 20px}.gathering-copy p{font-size:14px;line-height:1.8;color:#5c716e;max-width:370px}.event-place{display:flex;justify-content:space-between;align-items:center;margin-top:35px;font-size:9px;letter-spacing:.13em}.event-place .round-arrow{border-color:#7e90877a}.gathering-note{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:21px 0;font-size:11px;color:#64767a}.gathering-note a{color:var(--ink)}.belong{padding:45px 8% 115px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.belong-image{height:590px;overflow:hidden}.belong-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.68)}.belong-copy h2{font-size:clamp(35px,3.6vw,53px);line-height:1.15}.belong-copy h2 em{color:#76847d}.values-list{margin:36px 0 24px}.values-list details{border-top:1px solid var(--line);padding:17px 0}.values-list summary{display:flex;align-items:center;gap:22px;cursor:pointer;font-size:20px;list-style:none}.values-list summary::-webkit-details-marker{display:none}.values-list summary>span{font-size:9px;color:#76847d}.values-list summary>b{margin-left:auto;font-size:19px;font-weight:300}.values-list details[open] summary>b{transform:rotate(45deg)}.values-list p{padding:17px 20px 0 35px;margin:0;color:#64767a;font-size:13px;line-height:1.8}.membership-invite{text-align:center;position:relative;overflow:hidden;background:#ced8d0;padding:110px 7% 70px}.membership-invite:before,.membership-invite:after{content:'';position:absolute;border:1px solid #9cafa34d;border-radius:50%;width:650px;height:650px;top:-100px;left:-430px;pointer-events:none}.membership-invite:after{left:auto;right:-430px;top:70px}.membership-invite h2{font-size:clamp(40px,5.2vw,80px);line-height:1.1}.membership-invite h2 em{color:#637d70}.membership-invite .button{border-radius:0;font-size:12px;padding:15px 25px;gap:75px}.invite-coordinates{display:block;margin-top:75px;font-size:8px;letter-spacing:.2em;color:#637d70}footer{background:#0b2530;padding:64px 8% 23px}.footer-top p{font-size:clamp(40px,4.5vw,67px)}.footer-top{padding-bottom:38px}.circle-link{width:70px;height:70px;font-size:28px}.footer-grid{gap:25px}.footer-grid .brand{font-size:12px}.footer-grid>div{font-size:12px}.footer-bottom{font-size:10px}.page{padding-top:170px}.page-heading h1{font-weight:300}.price-card{background:#e0e6de;border-color:var(--line)}.price-card .button{border-radius:0}.filters button{border-radius:0}.chip{border-radius:0}.event-row h2{font-size:26px}.news-grid img{filter:saturate(.8)}
@media(min-width:1700px){.chapter{padding-left:12%;padding-right:12%}.hero-title{top:43%}}
@media(max-width:1100px){nav{gap:16px}.hero-title h1{font-size:8vw}.purpose-grid{gap:6%}.purpose-copy{padding-top:45px}.gathering-copy{padding:30px}.gathering-copy h3{font-size:30px}.belong{gap:6%}.belong-image{height:520px}.footer-grid{grid-template-columns:1fr 1.5fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:720px){header{height:87px;padding:15px 6%}header .brand img{width:39px;height:48px}.is-home nav{background:#102d38;color:white;top:87px}.is-home nav a:hover{color:#d4e6da}.is-home .menu-toggle{color:white}.hero-meta{top:115px;left:6%;right:6%;font-size:8px}.hero-meta span:last-child{display:none}.opening{min-height:690px}.hero-title{top:38%;padding:0 5%}.hero-title .eyebrow{font-size:8px;letter-spacing:.18em;max-width:260px;margin:0 auto 24px}.hero-title h1{font-size:clamp(55px,12.7vw,89px);line-height:1.04}.hero-title h1 br{display:block}.hero-title h1 em{margin-left:0}.hero-description{font-size:11px;margin-top:25px}.hero-baseline{left:6%;right:6%;bottom:32px;font-size:8px}.location-label{display:none}.round-arrow{height:36px;width:36px}.chapter:not(.opening){padding:82px 7% 70px;min-height:100svh}.chapter-top{margin-bottom:42px}.tiny{display:none}.purpose-grid{display:block}.purpose h2,.possibilities h2{font-size:43px}.purpose-copy{padding-top:10px;max-width:360px}.purpose-copy p:first-child{font-size:19px}.purpose-copy p{font-size:13px}.ocean-stats{margin-top:42px;gap:15px}.ocean-stats strong{font-size:34px}.ocean-stats span{font-size:9px;line-height:1.5;display:block}.possibility-grid{margin-top:35px;grid-template-columns:1fr;gap:27px}.possibility-grid>a{display:grid;grid-template-columns:1fr 1.5fr;column-gap:25px;padding-top:18px}.card-index{grid-column:1/-1}.possibility-grid h3{font-size:21px;margin:17px 0 0}.possibility-grid p{font-size:11px;margin:17px 0 0}.possibilities h2{font-size:38px}.scene-controls{right:7%;bottom:15px}.scene-status{font-size:7px}.gatherings{padding:65px 6% 40px}.section-head h2{font-size:42px}.gathering-feature{display:block}.gathering-image{min-height:280px}.gathering-copy{padding:27px}.gathering-copy h3{margin:30px 0 17px;font-size:30px}.event-kicker{font-size:8px}.gathering-copy p{font-size:13px}.gathering-note{font-size:10px;gap:20px;line-height:1.7}.gathering-note>span{max-width:180px}.gathering-note>a{max-width:100px}.belong{padding:25px 6% 65px;display:flex;flex-direction:column;gap:40px;align-items:stretch}.belong-image{height:360px}.belong-copy h2{font-size:40px}.membership-invite{padding:70px 6% 50px}.membership-invite h2{font-size:42px}.invite-coordinates{font-size:7px;margin-top:50px}footer{padding:50px 6% 22px}.footer-top p{font-size:39px}.circle-link{width:52px;height:52px;flex-shrink:0}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:last-child{display:flex}.footer-grid .brand{font-size:11px}.footer-grid>div{font-size:11px;overflow-wrap:anywhere}.footer-bottom{font-size:9px}.page{padding-top:135px}.page-heading h1{font-size:53px}.contact-big{font-size:24px}.content-layout{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js-reveal{opacity:1;transform:none}}

.scene-controls{position:fixed;right:5.2%;bottom:20px;z-index:6;pointer-events:none}.scene-controls[hidden]{display:none}.scene-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero-baseline .chapter-count{visibility:hidden}
.ocean-story{overflow:clip}.gatherings,.belong{position:relative;background:var(--paper)}

.button{border-radius:0}.student-feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:25px 0 55px}.student-feature>img{width:100%;max-height:460px;object-fit:cover}.student-feature h2{font-size:42px;line-height:1.15}.student-feature p,.student-benefits p{color:var(--muted);font-size:15px}.student-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;padding:40px 0}.student-benefits article{border-top:1px solid var(--line);padding-top:28px}.student-benefits h2{font-size:31px;letter-spacing:-.04em}.student-feature .button{margin-top:15px}@media(max-width:720px){.student-feature{grid-template-columns:1fr;gap:30px}.student-feature h2{font-size:35px}.student-benefits{grid-template-columns:1fr;gap:25px}.student-benefits h2{font-size:29px}.student-feature .button{gap:20px}.possibility-grid{column-gap:18px}.possibility-grid h3{font-size:19px}}
/* A continuous camera journey with space for the ocean and vessel. */
.sea-transition{height:55svh;pointer-events:none}.purpose{min-height:100svh}.vessel-chapter{min-height:110svh;display:flex;justify-content:flex-end;align-items:flex-start;padding-top:14svh}.vessel-copy{width:36%;max-width:470px}.vessel-copy h2{font-size:clamp(43px,4.2vw,66px);line-height:1.1;font-weight:300}.vessel-copy h2 em{color:#b7c8cb}.vessel-copy p{font-size:16px;line-height:1.85;color:#c5d1d4}.possibilities{min-height:120svh;display:flex;flex-direction:column}.possibility-grid{margin-top:auto;padding-top:42svh}.closing-chapter{height:95svh;display:flex;flex-direction:column;justify-content:space-between;padding-top:8svh;padding-bottom:10svh}.closing-copy{display:flex;justify-content:space-between;align-items:flex-start}.closing-copy .eyebrow{max-width:250px;line-height:1.8}.closing-copy h2{font-size:clamp(40px,4.5vw,70px);font-weight:300;line-height:1.1;margin:0}.closing-chapter>.text-link{align-self:flex-end}.ocean-story.is-still .sea-transition{height:20svh}
@media(max-width:720px){.sea-transition{height:45svh}.chapter.vessel-chapter{min-height:115svh;padding-top:8svh}.vessel-copy{width:100%;max-width:360px}.vessel-copy h2{font-size:43px}.vessel-copy p{font-size:13px;max-width:300px}.chapter.possibilities{min-height:135svh}.possibility-grid{padding-top:37svh;margin-top:auto}.chapter.closing-chapter{height:100svh;min-height:100svh;padding-top:7svh;padding-bottom:11svh}.closing-copy{display:block}.closing-copy .eyebrow{font-size:8px}.closing-copy h2{font-size:45px;margin-top:22px}.closing-chapter>.text-link{align-self:flex-start}.ocean-shade{background:linear-gradient(180deg,#0c283326,transparent 30%,#00142038)}}

/* Editorial layouts for The Club, Students and Journal. */
.about-page,.student-page-v2,.journal-page{padding-bottom:0}.about-page .page-heading,.student-page-v2 .page-heading,.journal-page .page-heading{margin-bottom:0}.about-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:10%;padding:78px 0 105px;align-items:end}.about-intro h2{font-size:clamp(40px,4.6vw,68px);line-height:1.08;margin:0}.about-intro h2 em,.about-history h2 em,.about-map h2 em,.about-people h2 em,.student-hero-card h2 em,.student-partner h2 em{color:#748a7c}.about-intro>p{max-width:500px;margin:0;color:var(--muted);font-size:20px;line-height:1.65}.about-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.about-history article{padding:50px 12% 62px 0;border-bottom:1px solid var(--line)}.about-history article:nth-of-type(even){padding-left:12%;padding-right:0;border-left:1px solid var(--line)}.about-history h2{font-size:clamp(32px,3.1vw,48px);line-height:1.14}.about-history p{color:var(--muted);font-size:15px;line-height:1.8}.about-history>img{width:100%;min-height:410px;height:100%;object-fit:cover;border-bottom:1px solid var(--line);filter:saturate(.78)}.about-history .about-norway{background:#d9e1d7;padding-left:12%}.about-map{margin:100px 0;min-height:470px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px 8%;color:#fff;background:linear-gradient(110deg,#0c2b36eF,#173f48bf),url('/wp-content/uploads/propellerclub-site/_assets/assets/source-7003f1ced69c.jpg') center/cover}.about-map h2{font-size:clamp(44px,5.3vw,78px);line-height:1.05;margin:0 0 20px}.about-map h2 em{color:#d3e1d3}.about-map p{max-width:360px;color:#deeaeb}.about-map .button{margin-top:20px;border-color:#fff;background:#fff;color:var(--ink)}.about-map .button:hover{background:transparent;color:#fff;border-color:#fff}.about-partners{padding:0 0 95px;display:grid;grid-template-columns:.8fr 1.6fr;gap:10%;align-items:start}.about-partners h2{font-size:clamp(38px,4vw,56px);line-height:1.1}.about-partners .partner-grid{margin:0;grid-template-columns:repeat(3,1fr);gap:10px}.about-partners .partner-grid .source-image{height:125px;padding:25px;background:#fbfcf8;border:1px solid #e0e3dc}.about-people{padding:90px 0;background:#e2e8e1;margin:0 -8%;padding-left:8%;padding-right:8%}.about-people-head{display:flex;justify-content:space-between;align-items:flex-end;max-width:750px;margin-bottom:70px}.about-people h2{font-size:clamp(43px,5vw,70px);line-height:1.05;margin:0}.team-group{border-top:1px solid #9eaca222;padding:28px 0 55px}.team-group>h3{font-size:13px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 27px}.team-group .people{grid-template-columns:repeat(5,1fr);gap:22px;margin:0}.team-group .person img{aspect-ratio:1/1.13;object-position:50% 20%;filter:saturate(.72)}.team-group .person h4{font-size:15px;font-weight:500;line-height:1.25;margin:11px 0 0}.team-group .person p{font-size:11px;margin:4px 0;color:var(--muted)}.about-cta{background:#183945;color:#f4f4ef;margin:0 -9.5238%;padding:100px 9.5238%;text-align:center}.about-cta h2{font-size:clamp(42px,5vw,72px);line-height:1.06;margin:0 0 35px}.about-cta .button{background:#f4f4ef;color:var(--ink);border-color:#f4f4ef}.about-cta .button:hover{background:transparent;color:#f4f4ef;border-color:#f4f4ef}
.student-hero-card{display:grid;grid-template-columns:1.15fr .85fr;background:#dce4dd;min-height:490px}.student-hero-card>img{width:100%;height:100%;min-height:490px;object-fit:cover;filter:saturate(.83)}.student-hero-card>div{padding:62px 14%;display:flex;flex-direction:column;justify-content:center}.student-hero-card h2{font-size:clamp(38px,4.2vw,62px);line-height:1.07;margin:0 0 25px}.student-hero-card p{font-size:16px;line-height:1.75;color:#55706e}.student-hero-card .button{width:max-content;margin-top:15px}.student-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;padding:70px 0 95px}.student-paths article{border-top:1px solid var(--line);padding-top:23px}.student-paths span{font-size:11px;letter-spacing:.16em;color:#71877e}.student-paths h3{font-size:27px;font-weight:400;letter-spacing:-.04em;line-height:1.2;margin:30px 0 14px}.student-paths p{color:var(--muted);font-size:14px;line-height:1.75}.student-story{border-top:1px solid var(--line)}.student-story-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:90px 0;border-bottom:1px solid var(--line);align-items:start}.student-story-section:nth-child(even) .student-story-copy{order:2}.student-story-section:nth-child(even) figure{order:1}.student-story-section h2{font-size:clamp(34px,3.5vw,52px);line-height:1.12;margin:0 0 30px}.student-story-section p{max-width:650px;color:var(--muted);font-size:16px;line-height:1.8}.student-story-section p.lead{font-size:20px;color:var(--ink);line-height:1.55}.student-story-section p.quote{font-family:Manrope,sans-serif;color:var(--ink);font-size:19px;line-height:1.55;border-left:2px solid #9eb0a2;padding-left:22px;margin:28px 0}.student-story-section figure{margin:0;position:sticky;top:30px}.student-story-section figure img{width:100%;max-height:590px;object-fit:cover;aspect-ratio:4/5;filter:saturate(.8)}.student-join{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:95px 0}.student-join h2{font-size:clamp(42px,4.7vw,67px);line-height:1.07;margin:0}.student-join p{color:var(--muted);font-size:16px;line-height:1.8}.student-join .button{margin-top:15px}.student-partner{background:#cbd8cc;margin:0 -9.5238%;padding:105px 26% 105px 9.5238%;position:relative}.student-partner:after{content:'';position:absolute;right:9%;top:50%;width:100px;height:100px;background-color:#77917f;-webkit-mask:var(--arrow) no-repeat center/contain;mask:var(--arrow) no-repeat center/contain}.student-partner h2{font-size:clamp(45px,5.4vw,78px);line-height:1.04;margin:0 0 25px}.student-partner p{font-size:17px;line-height:1.75;max-width:500px;color:#4d6961}.student-partner .button{margin-top:13px}
.journal-page{padding-bottom:95px}.journal-grid{padding:58px 0 75px}.journal-feature>a{display:grid;grid-template-columns:1.18fr .82fr;background:#e0e6df;min-height:440px}.journal-feature img{width:100%;height:100%;object-fit:cover;min-height:440px;filter:saturate(.78)}.journal-feature a>div{display:flex;flex-direction:column;justify-content:center;padding:48px 12%}.journal-feature h2{font-size:clamp(33px,3.5vw,52px);line-height:1.1;margin:0 0 20px}.journal-feature p{color:var(--muted);font-size:15px;line-height:1.7}.journal-feature .text-link{margin-top:12px;width:max-content}.journal-divider{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em}.journal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:62px 28px;padding:55px 0}.journal-card{border-bottom:1px solid var(--line);padding-bottom:25px}.journal-card img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.78);transition:transform .5s}.journal-card a:hover img{transform:scale(1.02)}.journal-card a{display:block;overflow:hidden}.journal-card a>div{padding-top:22px}.journal-card .eyebrow{margin-bottom:15px}.journal-card h2{font-family:Manrope,sans-serif;font-size:25px;line-height:1.2;margin:0 0 13px}.journal-card p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.journal-card .text-link{margin-top:20px;font-size:12px}.journal-card .text-link b{font-size:18px;font-weight:400}.is-story .page{max-width:1180px;margin:auto;padding-top:165px}.is-story .page-heading{max-width:970px;margin:0 auto 48px;display:block}.is-story .page-heading h1{font-size:clamp(42px,5.3vw,80px);max-width:940px;line-height:1.06}.is-story .page-heading .eyebrow:after{content:'ARTICLE';margin-left:12px;color:#83928b}.is-story .article-content{max-width:760px;margin:auto}.is-story .article-content p{font-size:18px;line-height:1.85;color:#526a6f;margin:0 0 25px}.is-story .article-content p:first-of-type{font-size:23px;line-height:1.55;color:var(--ink);margin-bottom:40px}.is-story .article-content .source-image{display:block;width:min(100%,1000px);max-width:1000px;max-height:none;aspect-ratio:16/10;object-fit:cover;margin:55px auto;transform:translateX(min(0px,calc((760px - 100vw + 160px)/2)))}.is-story .article-content .source-link{margin:5px 0 35px}.is-story .text-link[href='/blog/']{display:flex;max-width:760px;margin:55px auto 0}
@media(max-width:900px){.about-intro,.about-partners,.student-story-section,.student-join{gap:6%}.team-group .people{grid-template-columns:repeat(4,1fr)}.student-hero-card>div{padding:45px 9%}.journal-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.about-intro,.about-history,.about-partners,.student-hero-card,.student-paths,.student-story-section,.student-join,.journal-feature>a{grid-template-columns:1fr}.about-intro{padding:55px 0 65px;gap:25px}.about-intro>p{font-size:16px}.about-history article,.about-history article:nth-of-type(even){padding:42px 0;border-left:0}.about-history>img{min-height:270px}.about-history .about-norway{padding:42px 6.8182%;margin:0 -6.8182%}.about-map{margin:65px 0;min-height:390px;padding:45px 8%}.about-partners{padding-bottom:60px}.about-partners .partner-grid{margin-top:10px;grid-template-columns:repeat(2,1fr)}.about-partners .partner-grid .source-image{height:100px;padding:18px}.about-people{padding-top:65px;padding-bottom:50px}.about-people-head{display:block;margin-bottom:50px}.about-people h2{margin-top:18px}.team-group .people{grid-template-columns:repeat(2,1fr);gap:20px 14px}.about-cta{padding-top:70px;padding-bottom:70px}.student-hero-card>img{min-height:300px;max-height:370px}.student-hero-card>div{padding:43px 8%}.student-paths{gap:28px;padding:55px 0 65px}.student-paths h3{margin:18px 0 10px}.student-story-section{padding:62px 0;gap:35px}.student-story-section:nth-child(even) .student-story-copy,.student-story-section:nth-child(even) figure{order:initial}.student-story-section p{font-size:15px}.student-story-section p.lead{font-size:18px}.student-story-section figure{position:static}.student-story-section figure img{aspect-ratio:4/3;max-height:400px}.student-join{padding:65px 0;gap:25px}.student-partner{padding:70px 17% 70px 8%}.student-partner:after{width:60px;height:60px;right:6%}.journal-page{padding-bottom:55px}.journal-grid{padding:45px 0}.journal-feature>a{min-height:0}.journal-feature img{min-height:280px}.journal-feature a>div{padding:33px 8%}.journal-divider{font-size:8px}.journal-list{grid-template-columns:1fr;gap:45px;padding:42px 0}.journal-card h2{font-size:25px}.is-story .page{padding-top:135px}.is-story .page-heading{margin-bottom:35px}.is-story .article-content p{font-size:16px;line-height:1.8}.is-story .article-content p:first-of-type{font-size:20px}.is-story .article-content .source-image{margin:40px 0;aspect-ratio:4/3;transform:none}.is-story .text-link[href='/blog/']{margin-top:38px}}

/* Individual journal stories: source pages arrive as unstructured blocks, so
   give prose, images, quotations and member offers a consistent hierarchy. */
.is-story .article-content{padding-bottom:12px}.is-story .story-byline{font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:#71827d!important;margin:0 0 35px!important}.is-story .story-figure{width:min(1000px,calc(100% + 300px));margin:42px 50% 52px;transform:translateX(-50%)}.is-story .story-figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.82)}.is-story .story-figure figcaption{max-width:760px;margin:10px auto 0;color:#71827d;font-size:11px;line-height:1.55}.is-story .article-content h2{font-size:clamp(30px,3.2vw,45px);line-height:1.13;margin:78px 0 25px;letter-spacing:-.045em}.is-story .article-content h3{font-size:22px;line-height:1.25;margin:52px 0 18px;letter-spacing:-.025em}.is-story .article-content blockquote{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(23px,2.25vw,32px);letter-spacing:-.035em;line-height:1.35;color:var(--ink);padding:4px 0 4px 28px;margin:35px -7% 40px;border-left:2px solid #8da195}.is-story .article-content .answer{font-size:17px;color:#536a6d;border-top:1px solid var(--line);padding-top:23px;margin-top:30px}.is-story .story-list{padding:25px 30px 22px;margin:32px 0 48px;background:#e0e7df;list-style:none}.is-story .story-list li{position:relative;padding:10px 0 10px 24px;color:#40595d;font-size:16px;line-height:1.55;border-bottom:1px solid #b8c7ba}.is-story .story-list li:last-child{border-bottom:0}.is-story .story-list li:before{content:'';position:absolute;left:0;top:.95em;width:.8em;height:.8em;background-color:#607a6c;-webkit-mask:var(--arrow) no-repeat center/contain;mask:var(--arrow) no-repeat center/contain}.is-story .story-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid var(--ink);padding:7px 0;margin:4px 0 25px;font-size:14px}.is-story .story-link span{font-size:18px}.is-story .article-content .lead+blockquote{margin-top:12px}.is-story .article-content .story-figure+ h2{margin-top:70px}
@media(max-width:720px){.is-story .story-figure{width:100%;margin:35px 0 40px;transform:none}.is-story .story-figure img{aspect-ratio:4/3}.is-story .article-content h2{font-size:31px;margin-top:58px}.is-story .article-content h3{font-size:20px;margin-top:42px}.is-story .article-content blockquote{font-size:23px;margin:30px 0 35px;padding-left:20px}.is-story .story-list{padding:18px 20px}.is-story .story-list li{font-size:15px}}

/* The opening content fades itself in as the page arrives, rather than being
   simply present. This is a CSS animation and not a class the script
   toggles, so it does not depend on the scene loading, on WebGL working, or
   on JavaScript running at all - the words are always going to appear. Only
   the direct children animate, so anything inside them keeps its own
   opacity: the hero meta line stays at its designed 0.76. */
@keyframes scene-content-in{from{opacity:0}to{opacity:1}}
.ocean-story>*:not(.ocean-stage),.scene-controls{animation:scene-content-in 1s ease-out .2s both}

/* The header stays with the visitor instead of scrolling away with the page,
   and tucks itself out of sight while they are reading downward. Fixed rather
   than absolute: absolute means it is only ever at the very top, so there is
   nothing to bring back. It is outside the flow either way, so the layout is
   unchanged. */
header{position:fixed;transition:transform .45s cubic-bezier(.4,0,.2,1),background-color .3s ease,color .3s ease,border-color .3s ease}
header.is-tucked{transform:translateY(-100%)}

/* Legibility over the section currently passing beneath it. The home page sets
   white header text and every other page dark ink, while the sections travel
   from near-white paper to the almost black footer - so on any page one of
   those pairings ends up unreadable. app.js measures the contrast under the
   header and asks for this state when it falls too low: a dark fill with the
   text, logo, underline and outlines turned white, which answers both cases. */
/* The colour the header text would have with no fill, kept in a custom
   property so app.js can read it even while the fill state is applied or
   its transition is still running. */
header{--header-ink:var(--ink)}
.is-home header{--header-ink:#fff}
header.needs-fill{background:#0d2731f2;backdrop-filter:blur(14px);border-bottom-color:#ffffff21;color:#fff}
header.needs-fill nav a[aria-current=page]:after{background:#fff}
header.needs-fill a:hover{color:#dbe7dd}
header.needs-fill .menu-toggle{color:#fff}
header.needs-fill .join{border-color:#ffffff75;color:#fff}
header.needs-fill .join:hover{background:#fff;color:#142e38}

/* Mobile pass for the editorial pages. The home journey deliberately keeps
   its own responsive treatment; these rules only cover the pages rebuilt as
   reading and information screens. */
@media(max-width:760px){
  .about-page,.student-page-v2,.journal-page,.is-story .page{padding-left:6%;padding-right:6%}
  .about-page .page-heading,.student-page-v2 .page-heading,.journal-page .page-heading,.is-story .page-heading{padding-bottom:28px}
  .about-page .page-heading h1,.student-page-v2 .page-heading h1,.journal-page .page-heading h1{font-size:clamp(43px,13vw,58px);line-height:1.02}
  .about-page .page-heading p,.student-page-v2 .page-heading p,.journal-page .page-heading p{font-size:15px;line-height:1.6;max-width:31ch}
  .about-intro{padding:48px 0 58px}.about-intro h2{font-size:clamp(35px,10vw,48px)}.about-intro>p{font-size:16px;line-height:1.65}
  .about-history h2{font-size:31px}.about-history p{font-size:15px;line-height:1.75}.about-history>img{min-height:250px;max-height:350px}.about-map{min-height:340px;padding:42px 8%;background-position:center}.about-map h2{font-size:clamp(38px,11vw,52px)}.about-map p{font-size:15px}.about-map .button{width:100%;min-height:48px}
  .about-partners{gap:25px}.about-partners h2{font-size:37px;margin:0}.about-partners .partner-grid{gap:8px}.about-partners .partner-grid .source-image{height:88px;padding:14px}.about-people{margin-left:-6%;margin-right:-6%;padding-left:6%;padding-right:6%}.about-people-head{margin-bottom:38px}.about-people h2{font-size:42px}.team-group{padding:23px 0 38px}.team-group>h3{font-size:11px;line-height:1.5}.team-group .person h4{font-size:14px;overflow-wrap:anywhere}.team-group .person p{font-size:10px}.about-cta{margin-left:-6.8182%;margin-right:-6.8182%;padding:64px 6.8182%}.about-cta h2{font-size:44px}.about-cta .button{min-height:48px;width:min(100%,290px)}
  .student-hero-card{margin-left:-1px;margin-right:-1px}.student-hero-card>img{min-height:260px;height:260px;max-height:none}.student-hero-card>div{padding:35px 8% 40px}.student-hero-card h2{font-size:clamp(35px,10vw,47px);margin-bottom:18px}.student-hero-card p{font-size:15px;line-height:1.65}.student-hero-card .button{width:100%;min-height:50px;margin-top:10px}.student-paths{padding:48px 0 55px}.student-paths article{padding-top:17px}.student-paths h3{font-size:24px}.student-paths p{font-size:14px}.student-story-section{padding:52px 0}.student-story-section h2{font-size:31px;margin-bottom:22px}.student-story-section p{font-size:15px;line-height:1.72}.student-story-section p.lead{font-size:18px}.student-story-section p.quote{font-size:18px;padding-left:17px}.student-story-section figure img{width:100%;aspect-ratio:16/10;max-height:none}.student-join{padding:55px 0}.student-join h2{font-size:43px}.student-join p{font-size:15px;line-height:1.72}.student-join .button{width:100%;min-height:50px}.student-partner{margin-left:-6.8182%;margin-right:-6.8182%;padding:62px 15% 62px 6.8182%}.student-partner h2{font-size:44px}.student-partner p{font-size:15px;line-height:1.7}.student-partner .button{min-height:50px;width:100%;gap:12px}.student-partner:after{right:6.8182%;top:58px;bottom:auto;width:34px;height:34px}
  .journal-grid{padding:38px 0 46px}.journal-feature img{min-height:235px;height:235px}.journal-feature a>div{padding:30px 8% 34px}.journal-feature h2{font-size:clamp(31px,9vw,43px);margin-bottom:14px}.journal-feature p{font-size:14px}.journal-feature .text-link{min-height:42px;align-items:center}.journal-divider{padding:13px 0;font-size:8px;letter-spacing:.12em}.journal-list{padding:36px 0;gap:38px}.journal-card{padding-bottom:21px}.journal-card img{aspect-ratio:16/10}.journal-card a>div{padding-top:17px}.journal-card h2{font-size:24px}.journal-card p{font-size:14px}.journal-card .text-link{min-height:42px;align-items:center}
  .is-story .page{padding-top:118px}.is-story .page-heading{margin-bottom:29px}.is-story .page-heading h1{font-size:clamp(37px,11vw,47px);line-height:1.04;overflow-wrap:anywhere}.is-story .page-heading .eyebrow{font-size:9px;letter-spacing:.15em}.is-story .article-content{max-width:none}.is-story .story-byline{font-size:10px!important;margin-bottom:27px!important}.is-story .article-content p{font-size:16px;line-height:1.78;margin-bottom:22px}.is-story .article-content p:first-of-type{font-size:19px;line-height:1.52;margin-bottom:31px}.is-story .story-figure{margin:30px 0 34px}.is-story .story-figure img{aspect-ratio:4/3}.is-story .story-figure figcaption{font-size:10px;padding-right:3px}.is-story .article-content h2{font-size:30px;line-height:1.14;margin:50px 0 20px}.is-story .article-content h3{font-size:20px;margin:40px 0 15px}.is-story .article-content blockquote{font-size:22px;line-height:1.38;margin:27px 0 31px;padding-left:17px}.is-story .article-content .answer{font-size:16px;padding-top:18px;margin-top:24px}.is-story .story-list{margin:25px 0 37px;padding:14px 18px}.is-story .story-list li{font-size:15px;padding:9px 0 9px 22px}.is-story .story-link{display:flex;justify-content:space-between;gap:12px;min-height:46px;align-items:center;margin-bottom:19px}.is-story .text-link[href='/blog/']{min-height:46px;margin-top:31px;align-items:center}
}
@media(max-width:390px){
  .about-page .page-heading h1,.student-page-v2 .page-heading h1,.journal-page .page-heading h1{font-size:42px}.about-intro h2{font-size:35px}.about-map{padding-left:7%;padding-right:7%}.about-map h2,.student-join h2,.student-partner h2,.about-cta h2{font-size:39px}.team-group .people{gap:16px 10px}.student-paths h3{font-size:22px}.is-story .page-heading h1{font-size:37px}.is-story .article-content h2{font-size:28px}.is-story .article-content blockquote{font-size:21px}
}

/* The crest now carries its own transparency, so a dark header only has to
   tint it rather than reconstruct it from luminance - which is what used to
   leave a pale fringe around every anti-aliased line. */
header .brand img{object-fit:contain;mix-blend-mode:normal;filter:none;transition:filter .3s ease}
.is-home header .brand img,header.needs-fill .brand img{filter:brightness(0) invert(1)}

/* Page-to-page transition.
   The site is a set of separate documents, so the browser's own behaviour is a
   cut: it keeps the old page on screen until the new one is parsed, then
   replaces it in one frame. Where two pages differ in colour that lands as a
   flash, which is what made moving around feel abrupt. The two halves are split
   between the pages - app.js fades the outgoing one, this fades the arriving
   one in - and the paper colour behind them both keeps the moment in between
   quiet instead of white.

   The fade-in is an animation rather than a transition on purpose: it needs no
   JavaScript to start, so a page still appears if a script fails. It is also
   why the reduced-motion rule further up leaves the page at full opacity - with
   `animation:none` there is nothing to hold it invisible. */
html{background:var(--paper)}
@keyframes page-in{from{opacity:0}to{opacity:1}}
html{animation:page-in .38s ease-out both}
html.is-leaving{opacity:0;transition:opacity .2s ease-in;pointer-events:none}

/* Ambient sound toggle, in the corner the motion button used to occupy.
   The state is carried by the icon rather than by a word: a wave travelling
   across the button while sound is playing, a flat line when it is not. The
   wave is one path several periods wide, shifted by exactly one period and
   looped, so the motion is continuous and has no seam; the button's own bounds
   clip it. Under prefers-reduced-motion the rule further up stops the travel
   and the wave simply holds its shape, which still reads as "on". */
.scene-controls{gap:10px}
.scene-controls .ambient-toggle{pointer-events:auto;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ffffff45;border-radius:50%;background:transparent;color:#fff;transition:border-color .3s ease,background-color .3s ease}
.scene-controls .ambient-toggle:hover{border-color:#ffffffa0;background-color:#ffffff14}
.scene-controls .ambient-toggle svg{width:16px;height:12px;display:block}
.scene-controls .ambient-toggle path{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.ambient-wave{opacity:0;transition:opacity .4s ease}
.ambient-line{opacity:1;transition:opacity .4s ease}
.scene-controls .ambient-toggle[aria-pressed=true] .ambient-wave{opacity:1;animation:ambient-travel 2.6s linear infinite}
.scene-controls .ambient-toggle[aria-pressed=true] .ambient-line{opacity:0}
@keyframes ambient-travel{from{transform:translateX(0)}to{transform:translateX(8px)}}


/* ---------------------------------------------------------------------------
   Client review, 16 September 2026. Footer LinkedIn, live states on the filled
   buttons, aligned journal cards, and the mobile fixes: a larger menu control,
   arrows that cannot fall back to a colour emoji, and a locked horizontal axis.
   --------------------------------------------------------------------------- */

/* The page never scrolls sideways. `clip` rather than `hidden` so it does not
   become a scroll container and break the sticky figures on the student page. */
html{overflow-x:hidden}
body{overflow-x:clip;max-width:100%}
@supports(overflow:clip){html{overflow-x:clip}}

/* The Club: the three history blocks should each finish on a partial line.
   `pretty` balances the ending, the tail keeps the last line clear of the
   right edge, and noWidow() in app.js holds the final two words together. */
.about-history article p{text-wrap:pretty}
.about-history article p:after{content:'';display:inline-block;width:5.5em}
/* With the cargo photograph removed the closing row holds a single picture;
   let it run the full width rather than leave half the row empty. */
.about-history>img:last-child{grid-column:1/-1;min-height:0;max-height:430px}

/* Membership: the PDF link is a separate action, not a tail on the button. */
.apply-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 40px;margin-top:8px}
.apply-actions .source-link{margin:0}

/* Journal: fixed picture, title and excerpt heights so every card's Read story
   sits on the same line across the row. */
.journal-card{display:flex;flex-direction:column}
.journal-card>a{display:flex;flex-direction:column;flex:1}
.journal-card a>div{display:flex;flex-direction:column;flex:1}
.journal-card h2{min-height:3.6em}
.journal-card p{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.journal-card .text-link{margin-top:auto}

@media(max-width:760px){
  /* Menu control: about a fifth larger, per review note. */
  .menu-toggle{font-size:17px;gap:11px;padding:4px 0}
  .menu-toggle span{font-size:19px}
  /* One card per row on a phone, so the reserved heights only waste space. */
  .journal-card h2{min-height:0}
  .journal-card p{-webkit-line-clamp:none;line-clamp:none;display:block;overflow:visible}
  .apply-actions{flex-direction:column;align-items:flex-start;gap:22px}
  .apply-actions .button{width:100%;min-height:50px}
  .about-history article p:after{width:0}
}

/* Inner pages: an opaque ground only while page text is passing under the
   header's own text (app.js sets is-solid); see-through everywhere else. The
   dark contrast fill turns fully opaque in the same situation. */
header.is-solid{background:var(--paper)}
header.needs-fill.is-solid{background:#0d2731}

/* Partner logos open the company's site; Andreas Enger, Glenn Edvardsen and
   Trond Bårdsen open their LinkedIn, the whole card being the link as on the
   club's original page. The arrow beside the name says it is one. */
.about-partners .partner-grid .partner-link{display:block;color:inherit}
.about-partners .partner-grid .source-image{transition:border-color .3s ease,background-color .3s ease}
.about-partners .partner-grid .partner-link:hover .source-image,.about-partners .partner-grid .partner-link:focus-visible .source-image{border-color:#8fa39a;background:#fff}
.person-link{display:block;color:inherit}
.person-link:hover{color:inherit}
.person-link h4 .ar{width:.6em;height:.6em;margin-left:7px;opacity:.5;transition:opacity .3s ease,transform .3s ease}
.person-link:hover h4 .ar,.person-link:focus-visible h4 .ar{opacity:1;transform:translate(2px,-2px)}
.person-link:hover h4,.person-link:focus-visible h4{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.team-group .person-link img{transition:filter .4s ease}
.team-group .person-link:hover img,.team-group .person-link:focus-visible img{filter:saturate(1)}

/* ---------------------------------------------------------------------------
   Board requests, 17 September 2026: mission and vision on the home page, the
   club's sections under "The club", Charity of the Year, dated events.
   --------------------------------------------------------------------------- */

/* "The club" submenu: the sections of the club page, as on the original site.
   Hover or keyboard focus opens it; the chevron is for touch screens. */
.nav-club{position:relative;display:flex;align-items:center;gap:3px}
.nav-club-toggle{display:inline-grid;place-items:center;width:18px;height:22px;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.nav-club-toggle:before{content:'';width:5px;height:5px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s ease}
.nav-club.open .nav-club-toggle:before{transform:translateY(1px) rotate(225deg)}
.nav-club-menu{position:absolute;top:calc(100% + 20px);left:-24px;min-width:240px;padding:10px 0;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 18px 40px #0b253018;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;z-index:30}
.nav-club-menu:before{content:'';position:absolute;left:0;right:0;top:-21px;height:21px}
.nav-club:hover .nav-club-menu,.nav-club:focus-within .nav-club-menu,.nav-club.open .nav-club-menu{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .22s ease}
.nav-club.suppress .nav-club-menu,.nav-club.suppress:hover .nav-club-menu,.nav-club.suppress:focus-within .nav-club-menu{opacity:0;visibility:hidden}
header .nav-club-menu a,header .nav-club-menu a:hover{display:block;padding:9px 24px;font-size:12px;color:var(--ink);white-space:nowrap}
header .nav-club-menu a:hover,header .nav-club-menu a:focus-visible{background:#e2e8e1}
@media(max-width:720px){
  .nav-club{flex-direction:column;align-items:flex-start;gap:14px}
  .nav-club-toggle{display:none}
  .nav-club-menu,.nav-club:hover .nav-club-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;padding:0 0 2px 16px;background:none;border:0;border-left:1px solid currentColor;box-shadow:none;color:inherit;display:flex;flex-direction:column;gap:13px}
  .nav-club-menu:before{display:none}
  header .nav-club-menu a,header .nav-club-menu a:hover{padding:0;font-size:13px;color:inherit;opacity:.78;white-space:normal}
  header .nav-club-menu a:hover{background:none;opacity:1}
}

/* Home: mission and vision in the club's own words. */
.mission-vision{position:relative;background:var(--paper);padding:110px 8% 50px;display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:start}
.mv-mission,.mv-vision{border-top:1px solid var(--line);padding-top:26px}
.mv-mission{position:sticky;top:130px}
.mv-statement{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(28px,2.9vw,42px);line-height:1.22;letter-spacing:-.035em;color:var(--ink);margin:26px 0 0}
.mv-vision h2{font-size:clamp(30px,3vw,44px);line-height:1.15;margin:26px 0 22px}
.mv-vision h2 em{color:#76847d}
.mv-vision p{color:var(--muted);font-size:15px;line-height:1.8;max-width:620px}
.mv-vision .mv-aims-title{margin:26px 0 0;color:var(--ink)}
.mv-aims{list-style:none;margin:14px 0 0;padding:0;max-width:620px}
.mv-aims li{position:relative;padding:13px 0 13px 30px;border-top:1px solid var(--line);color:#40595d;font-size:15px;line-height:1.6}
.mv-aims li:last-child{border-bottom:1px solid var(--line)}
.mv-aims li:before{content:'';position:absolute;left:0;top:19px;width:.8em;height:.8em;background-color:#607a6c;-webkit-mask:var(--arrow) no-repeat center/contain;mask:var(--arrow) no-repeat center/contain}

/* The club: Charity of the Year, and the anchor the "Committees" item lands on. */
.section-anchor{display:block;height:0}
.about-charity{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-top:1px solid var(--line);padding:90px 0 100px}
.about-charity h2{font-size:clamp(38px,4.2vw,62px);line-height:1.08;margin:22px 0 26px}
.about-charity-emblem{background:#fbfcf8;border:1px solid #e0e3dc;display:grid;place-items:center;padding:48px;transition:border-color .3s ease}
.about-charity-emblem a{display:block;width:100%}
.about-charity-emblem:hover{border-color:#8fa39a}
.about-charity-emblem img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}

@media(max-width:760px){
  .mission-vision{grid-template-columns:1fr;gap:48px;padding:65px 6% 25px}
  .mv-mission{position:static}
  .mv-statement{font-size:28px}
  .mv-vision h2{font-size:31px}
  .about-charity{grid-template-columns:1fr;gap:34px;padding:60px 0 70px}
  .about-charity h2{font-size:39px}
  .about-charity-emblem{padding:28px}
}

/* The link arrow travels with the last word of a name, never onto a line alone. */
.name-end{white-space:nowrap}

/* A portrait photograph in a story keeps its own shape: the 16:9 band the wide
   pictures use would cut the people in half. */
.is-story .story-figure.is-portrait{width:min(560px,100%);margin-left:auto;margin-right:auto;transform:none}
.is-story .story-figure.is-portrait img{aspect-ratio:auto;height:auto}
@media(max-width:760px){.is-story .story-figure.is-portrait{width:100%}}
.is-story .story-figure.is-natural img{aspect-ratio:auto;height:auto}
.is-story .story-link+.story-link{margin-left:34px}
@media(max-width:720px){.is-story .story-link+.story-link{margin-left:0;display:flex;width:max-content}}