:root{--ink:#152023;--deep:#062f3b;--deep-2:#0b4350;--sea:#0f5965;--foam:#edf3ef;--paper:#f6f3eb;--sand:#efc879;--rust:#b94f35;--line:rgba(21,32,35,.17);--serif:"Newsreader",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.75rem 1rem;z-index:100}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:82px;padding:0 clamp(1.25rem,4vw,5rem);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}.site-header.scrolled{position:fixed;background:rgba(6,47,59,.96);backdrop-filter:blur(12px);animation:drop .25s ease}@keyframes drop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem}.brand svg{width:42px;fill:none;stroke:currentColor;stroke-width:2}.brand strong{font-weight:700}.main-nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.4rem)}.main-nav>a{text-decoration:none;font-size:.88rem;font-weight:600}.main-nav>a:not(.button):hover{color:var(--sand)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:.8rem 1.5rem;border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;font-weight:700;letter-spacing:.01em;transition:.2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.16)}.button-small{min-height:42px;padding:.5rem 1.1rem;background:transparent;border-color:rgba(255,255,255,.6)}.button-sand{background:var(--sand);border-color:var(--sand);color:var(--deep)}.menu-button{display:none;background:none;border:0;color:#fff;padding:.6rem}.menu-button span:not(.sr-only){display:block;width:24px;height:2px;background:currentColor;margin:5px}.hero{min-height:820px;height:100vh;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 25%,rgba(69,145,151,.5),transparent 25%),linear-gradient(125deg,#052b37 15%,#0b4a56 60%,#0a3944);display:flex;align-items:center;padding:8rem clamp(1.25rem,7vw,8rem) 9rem}.hero:after{content:"";position:absolute;inset:auto -10% -28% -10%;height:46%;background:var(--paper);border-radius:50% 50% 0 0/15% 15% 0 0;transform:rotate(-2deg)}.hero-noise{position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.hero-inner{position:relative;z-index:2;max-width:890px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;margin:0 0 1.2rem}.light{color:var(--sand)}h1,h2,blockquote{font-family:var(--serif);font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(3.7rem,8vw,8.3rem);line-height:.82;margin:0 0 2.2rem;max-width:1050px}h1 em,h2 em{font-weight:500;color:var(--sand)}.hero-lead{font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.6;max-width:680px;color:rgba(255,255,255,.82)}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.4rem}.text-link{display:inline-flex;gap:.65rem;align-items:center;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.2rem}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-2px)}.light-link{color:#fff;border-color:rgba(255,255,255,.45)}.hero-stats{position:absolute;z-index:3;right:clamp(1.25rem,5vw,6rem);bottom:10.5rem;display:flex;gap:clamp(1.3rem,3vw,4rem)}.hero-stats div{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.35);padding-left:1.1rem}.hero-stats strong{font-family:var(--serif);font-size:2rem;font-weight:500;color:var(--sand);line-height:1}.hero-stats span{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;margin-top:.6rem;color:rgba(255,255,255,.7)}.hero-note{position:absolute;z-index:3;right:clamp(1.25rem,5vw,6rem);bottom:8rem;font-size:.65rem;color:rgba(255,255,255,.55)}.section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,7vw,8rem)}.section-label{display:flex;align-items:center;gap:1rem;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:700;margin-bottom:clamp(3rem,6vw,6rem)}.section-label:after{content:"";height:1px;background:var(--line);flex:1}.section-label span{color:var(--rust)}.section-label.light{color:rgba(255,255,255,.76)}.section-label.light:after{background:rgba(255,255,255,.2)}.intro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:8vw;align-items:start}h2{font-size:clamp(3rem,5.8vw,6.2rem);line-height:.95;margin:0}h2 em{color:var(--rust)}.prose p{margin:0 0 1.5rem}.large-prose{font-size:clamp(1.08rem,1.4vw,1.3rem)}.contrast-section{display:grid;grid-template-columns:1fr 1fr;min-height:690px;background:#e6e3da}.contrast-copy{padding:clamp(4rem,9vw,9rem);display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.contrast-copy blockquote{font-size:clamp(2.3rem,4.3vw,5rem);line-height:1.02;margin:0 0 3rem;max-width:760px}.sea-card{position:relative;overflow:hidden;background:linear-gradient(#96c6c4 0 47%,#d8dbc8 47% 51%,#437a79 51% 70%,#1b5961 70%);margin:clamp(1.5rem,3vw,3.5rem)}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:#f1d28b;right:18%;top:14%;box-shadow:0 0 60px rgba(241,210,139,.5)}.boat{position:absolute;width:110px;height:22px;background:var(--deep);bottom:37%;clip-path:polygon(0 0,100% 0,82% 100%,18% 100%)}.boat:before{content:"";position:absolute;width:45px;height:30px;background:var(--deep);left:34px;bottom:14px;clip-path:polygon(0 100%,15% 15%,85% 15%,100% 100%)}.boat-one{left:20%}.boat-two{right:10%;bottom:31%;transform:scale(.58);opacity:.75}.sea-line{position:absolute;height:2px;background:rgba(255,255,255,.4);bottom:25%}.line-one{left:5%;width:35%}.line-two{right:8%;width:43%;bottom:20%}.line-three{left:27%;width:55%;bottom:12%}.timeline{background:var(--paper)}.timeline-heading,.facts-heading,.sources-heading{display:grid;grid-template-columns:1.2fr .6fr;gap:8vw;align-items:end;margin-bottom:5rem}.timeline-heading>p,.facts-heading>p,.sources-heading>p{font-size:1.12rem;max-width:500px}.timeline-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.timeline-list li{display:grid;grid-template-columns:190px 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line);position:relative}.timeline-list time{font-family:var(--serif);font-size:1.35rem;color:var(--rust)}.timeline-list h3{margin:0 0 .4rem;font-size:1.1rem}.timeline-list p{margin:0;color:#536063;max-width:760px}.timeline-list li.active:before{content:"";position:absolute;left:-2rem;top:2.55rem;width:8px;height:8px;border-radius:50%;background:var(--rust)}.facts{background:#e8eee9}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.fact-grid article{padding:clamp(2rem,4vw,4rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:280px}.fact-grid h3{font-family:var(--serif);font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:1.1;margin:2rem 0 1rem}.fact-grid p{color:#536063}.fact-type{font-size:.67rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.verified{color:#197052}.open{color:var(--rust)}.fisher-section{background:var(--deep);color:#fff}.fisher-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw}.fisher-grid h2 em{color:var(--sand)}.light-prose{color:rgba(255,255,255,.72);font-size:1.13rem}.editor-note{border-left:2px solid var(--sand);padding-left:1rem;font-size:.82rem;color:var(--sand)}.story-placeholder{margin-top:6rem;border:1px solid rgba(255,255,255,.22);display:grid;grid-template-columns:38% 1fr;min-height:410px}.portrait-placeholder{background:linear-gradient(150deg,#1f6670,#082c35);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:rgba(255,255,255,.5)}.story-placeholder>div:last-child{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center}.story-placeholder h3{font-family:var(--serif);font-size:clamp(2rem,4vw,4.2rem);line-height:1.05;font-weight:500;margin:0 0 1.5rem}.story-placeholder p:last-child{color:rgba(255,255,255,.65)}.source-list{border-top:1px solid var(--line)}.source-list>a{display:grid;grid-template-columns:70px 1fr 40px;gap:1rem;align-items:center;text-decoration:none;padding:1.7rem .5rem;border-bottom:1px solid var(--line);transition:.2s}.source-list>a:hover{background:#fff;padding-left:1.2rem}.source-number{font-family:var(--serif);color:var(--rust);font-size:1.2rem}.source-list small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;color:#687275;margin-bottom:.2rem}.source-list strong{font-size:1.05rem}.source-arrow{font-size:1.4rem}.support{background:var(--rust);color:#fff;text-align:center;padding:clamp(6rem,12vw,11rem) 1.5rem}.support-inner{max-width:900px;margin:auto}.support h2 em{color:var(--sand)}.support p:not(.eyebrow){max-width:650px;margin:2rem auto;font-size:1.18rem}.support small{display:block;max-width:610px;margin:1rem auto;color:rgba(255,255,255,.7)}.button-disabled{opacity:.7;cursor:not-allowed}.button-disabled:hover{transform:none;box-shadow:none}.site-footer{background:#031f27;color:#fff;padding:4rem clamp(1.25rem,7vw,8rem);display:grid;grid-template-columns:1fr 1fr auto;gap:4rem;align-items:start}.footer-brand{align-self:start}.site-footer p{margin:0;color:rgba(255,255,255,.7)}.site-footer .footer-meta{font-size:.75rem;margin-top:1rem;color:rgba(255,255,255,.4)}.site-footer nav{display:flex;flex-direction:column;gap:.7rem}.site-footer nav a{text-decoration:none;font-size:.85rem}
@media(max-width:850px){.site-header{height:70px}.menu-button{display:block}.main-nav{position:absolute;top:70px;left:0;right:0;background:var(--deep);padding:1.5rem;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:.5rem}.hero{min-height:760px;height:auto;padding-top:9rem;align-items:flex-start}.hero:after{display:none}.hero-stats{position:relative;right:auto;bottom:auto;margin-top:5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.hero-note{position:relative;right:auto;bottom:auto}.intro-grid,.timeline-heading,.facts-heading,.sources-heading,.fisher-grid{grid-template-columns:1fr;gap:2.5rem}.contrast-section{grid-template-columns:1fr}.sea-card{min-height:470px}.fact-grid{grid-template-columns:1fr}.story-placeholder{grid-template-columns:1fr}.portrait-placeholder{min-height:320px}.site-footer{grid-template-columns:1fr;gap:2.5rem}}
@media(max-width:560px){h1{font-size:clamp(2.9rem,14vw,3.45rem)}.site-header{padding-left:.85rem;padding-right:.85rem}.brand{gap:.42rem;font-size:.65rem;letter-spacing:.1em}.brand .boat-logo{width:43px;height:43px}.hero{padding-left:1.1rem;padding-right:1.1rem}.hero-lead{font-size:1rem;line-height:1.55}.hero-actions{align-items:stretch;flex-direction:column;gap:1.25rem}.hero-actions .button{width:100%}.hero-stats{grid-template-columns:1fr}.hero-stats div{padding:.6rem 0 .6rem 1rem}.section{padding:5rem 1.25rem}.contrast-copy{padding:5rem 1.25rem}.sea-card{margin:0;min-height:400px}.timeline-list li{grid-template-columns:1fr;gap:.4rem;padding:1.5rem 0}.timeline-list li.active:before{display:none}.fact-grid article{min-height:0;padding:2rem 1.25rem}.story-placeholder{margin-top:3rem}.source-list>a{grid-template-columns:42px 1fr 24px}.site-footer{padding:3rem 1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Proposal mode: concise, donation-led presentation. Detailed background remains in the markup for later use. */
.background-detail{display:none}
.hero-stats,.hero-note{display:none}
.hero{background-image:linear-gradient(90deg,rgba(3,31,39,.94) 0%,rgba(3,31,39,.76) 50%,rgba(3,31,39,.24) 100%),url("assets/hv16-paa-havet-redigeret.jpg");background-size:cover;background-position:center}
.image-disclaimer{position:absolute;z-index:4;right:2rem;bottom:7.5rem;font-size:.62rem;letter-spacing:.08em;color:rgba(255,255,255,.55)}
.fact-grid{grid-template-columns:repeat(3,1fr)}
.facts,.sources{padding-top:6rem;padding-bottom:6rem}
.fact-grid article{min-height:310px}
.donation-card{max-width:480px;margin:2.5rem auto 1.5rem;background:#fff;color:var(--ink);padding:2rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 22px 55px rgba(60,18,9,.25)}
.donation-card .donation-label{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700;color:var(--rust)}
.donation-card strong{font-family:var(--serif);font-size:4rem;line-height:1;margin:.8rem 0 .2rem;color:var(--deep)}
.donation-card>span:nth-child(3){font-size:.75rem;color:#687275;margin-bottom:1.5rem}
.donation-card .button{width:100%}
.bank-transfer{max-width:480px;margin:1rem auto 1.5rem;padding:1.3rem 1.5rem;border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;gap:.35rem;text-align:left}
.bank-transfer .donation-label{text-transform:uppercase;letter-spacing:.14em;font-size:.67rem;font-weight:700;color:var(--sand)}
.bank-transfer strong{font-size:1.05rem}
.bank-transfer span:last-child{font-size:.75rem;color:rgba(255,255,255,.72)}
.mobile-support{display:none}
.portrait-placeholder{background-image:linear-gradient(rgba(6,47,59,.08),rgba(6,47,59,.28)),url("assets/arbejdet-paa-havet-redigeret.jpg");background-size:cover;background-position:center}
.portrait-placeholder span{background:rgba(3,31,39,.78);padding:.45rem .7rem}
.harbour-image{margin:0;background:var(--deep);position:relative;min-height:620px;overflow:hidden}
.harbour-image img{display:block;width:100%;height:620px;object-fit:cover;filter:saturate(.8) contrast(1.03)}
.harbour-image figcaption{position:absolute;left:clamp(1.25rem,7vw,8rem);right:clamp(1.25rem,7vw,8rem);bottom:clamp(1.5rem,4vw,4rem);background:rgba(3,31,39,.9);color:#fff;padding:1.4rem 1.7rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}
.harbour-image figcaption strong{font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:500;line-height:1.05}
.harbour-image figcaption span{font-size:.68rem;max-width:300px;color:rgba(255,255,255,.62)}

@media(max-width:850px){
  .fact-grid{grid-template-columns:1fr}
  .mobile-support{display:block;position:fixed;z-index:20;left:1rem;right:1rem;bottom:1rem;padding:.85rem 1rem;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;color:var(--deep);background:var(--sand);box-shadow:0 10px 30px rgba(0,0,0,.28);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 2rem));transition:opacity .22s ease,transform .22s ease,visibility .22s}
  .mobile-support.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  .site-footer{padding-bottom:7rem}
  .hero{background-position:64% center}
  .image-disclaimer{left:1.25rem;right:1.25rem;bottom:1.5rem}
  .harbour-image,.harbour-image img{height:520px;min-height:520px}
  .harbour-image figcaption{flex-direction:column;align-items:flex-start}
}

/* Give the two-line campaign headline room to breathe at large viewport sizes. */
.hero h1{line-height:.91}
.hero h1 em{display:inline-block;margin-top:.08em}
@media(max-width:560px){.hero h1{line-height:.88}.hero h1 em{margin-top:.04em}}

.brand .boat-logo{width:50px;height:49px;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.association-logo{display:block;width:220px;height:auto}
.footer-brand .association-logo{width:280px;max-width:100%}
.footer-contact{margin-top:1rem!important;font-size:.82rem;line-height:1.65}
.footer-contact strong{color:#fff}
.footer-contact a{color:#fff;text-decoration:none}
.footer-contact a:hover{text-decoration:underline}
.language-nav{display:flex;align-items:center;gap:.65rem}
.language-nav a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;font-size:1.35rem;line-height:1;text-decoration:none;opacity:.68;filter:saturate(.82);transition:opacity .2s ease,filter .2s ease,transform .2s ease}
.language-nav a:hover,.language-nav a.active{opacity:1;filter:saturate(1.08);transform:translateY(-1px)}
.site-footer .language-nav{margin-top:.6rem}
.header-tools,.mobile-language-nav{display:none}

@media(max-width:560px){html[lang="de"] .hero h1{font-size:clamp(2.35rem,11.7vw,2.85rem)}}

/* Approved fisher material: concise explanation with optional depth. */
.method-section{background:var(--deep);color:#fff;overflow:hidden}
.method-copy{padding-bottom:4.5rem}
.method-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}
.method-heading h2 em{color:var(--sand)}
.method-gallery{display:grid;grid-template-columns:1.35fr .65fr .65fr;gap:2px;background:rgba(255,255,255,.16)}
.method-gallery figure{margin:0;min-height:440px;position:relative;overflow:hidden;background:#082b34}
.method-gallery img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.82) contrast(1.05)}
.method-gallery figcaption{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;padding:.7rem .85rem;background:rgba(3,31,39,.86);font-size:.72rem;letter-spacing:.04em}
.research-note{max-width:980px;margin:0 auto;padding:2rem clamp(1.25rem,7vw,8rem) 2.5rem;color:rgba(255,255,255,.72);font-size:.92rem}
.research-note strong{color:var(--sand)}
.people-photo{background-image:linear-gradient(rgba(6,47,59,.1),rgba(6,47,59,.28)),url("assets/samtale-ved-kajen.jpeg");background-size:cover;background-position:center}

@media(max-width:850px){
  .method-heading{grid-template-columns:1fr;gap:2.5rem}
  .method-gallery{grid-template-columns:1fr 1fr}
  .method-gallery .method-main{grid-column:1/-1;min-height:420px}
  .method-gallery figure{min-height:340px}
  .site-header{height:110px;align-items:center;padding-top:.35rem;padding-bottom:.35rem}
  .brand{flex:0 1 auto;min-width:0;white-space:nowrap}
  .brand span{display:flex;align-items:baseline;gap:.38rem}
  .header-tools{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:126px;margin-left:auto;transform:translateY(-4px)}
  .mobile-language-nav{display:flex;justify-content:center;gap:0;width:126px}
  .mobile-language-nav a{width:44px;height:40px;margin:0 -1px;font-size:1.35rem}
  .desktop-language-nav{display:none}
  .menu-button{width:48px;height:48px;padding:.45rem;border:1px solid rgba(255,255,255,.7)}
  .menu-button span:not(.sr-only){width:25px;margin:5px auto}
  .main-nav{top:110px}
  .hero{padding-top:9.75rem}
}

@media(max-width:560px){
  .site-header{padding-left:1rem;padding-right:1rem}
  .brand{gap:.5rem;font-size:.62rem;letter-spacing:.08em}
  .brand .boat-logo{width:48px;height:48px}
  .brand .association-logo{width:188px;height:auto}
  .method-copy{padding-bottom:3rem}
  .method-gallery{grid-template-columns:1fr}
  .method-gallery .method-main{grid-column:auto}
  .method-gallery figure,.method-gallery .method-main{min-height:280px}
  .research-note{padding-top:1.5rem;padding-bottom:2rem}
}