:root{--ink:#03131d;--dark:#061a25;--dark2:#0a2935;--panel:#0b2531;--line:rgba(176,233,223,.19);--mint:#b0f3e1;--teal:#75cbd2;--light:#edf8f6;--muted:#97b0b8;--warm:#dec3a0;font-family:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--light)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:4px}img{display:block;max-width:100%}.container{max-width:1370px;width:calc(100% - 104px);margin:auto}.skip{position:absolute;z-index:50;left:10px;top:-90px;background:#fff;color:#111;padding:12px}.skip:focus{top:10px}.topbar{min-height:84px;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(18px,4vw,62px);background:#061925ed;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:14px;letter-spacing:1px;line-height:1.04;font-weight:800}.brand img{border-radius:13px;border:1px solid rgba(125,227,227,.25);object-fit:cover;box-shadow:0 0 17px #43bfd42a}.brand strong{display:block;color:var(--mint);font-weight:800;letter-spacing:1.6px}.brand small{display:block;color:#8caeb6;font-size:7px;letter-spacing:1.25px;margin-top:6px}.topbar nav{display:flex;gap:28px;align-items:center}.topbar nav a{font-size:11px;letter-spacing:1.6px;color:#b3c4c7;font-weight:700;white-space:nowrap}.topbar nav .is-here,.topbar nav a:hover{color:var(--mint)}.kicker,.eyebrow{color:var(--mint);font-size:10px;letter-spacing:3px;font-weight:800;text-transform:uppercase}.dot{display:inline-block;width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 7px #b0f3e119;margin-right:10px}.sep{color:#71929b;padding:0 8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.055em}h1 em,h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.035em;color:var(--mint)}.sc-hero{min-height:670px;position:relative;isolation:isolate;overflow:hidden}.sc-hero-sea,.sc-lines{position:absolute;inset:0;z-index:-1}.sc-hero-sea{background:linear-gradient(90deg,#03121edb 2%,#03121eba 42%,#02263579),linear-gradient(0deg,#02141e 0%,transparent 35%),url('assets/ocean-wreck.jpg') center 46%/cover no-repeat;filter:saturate(.8)}.sc-lines{opacity:.36;background:repeating-radial-gradient(circle at 85% 70%,transparent 0 84px,#57bcb03b 86px 87px,transparent 90px 150px);mix-blend-mode:screen}.hero-inner{min-height:670px;position:relative;padding:94px 0 38px;display:flex;flex-direction:column;justify-content:space-between}.giant-numeral{position:absolute;right:-16px;bottom:70px;font-size:clamp(220px,32vw,500px);line-height:1;font-weight:800;letter-spacing:-.15em;color:#d5f1f108;pointer-events:none;font-family:Manrope}.hero-copy{z-index:1;max-width:860px;margin:74px 0 46px}.hero-copy h1{font-size:clamp(54px,6.5vw,103px);line-height:1.04;margin:0 0 26px;font-weight:800}.hero-copy p{max-width:620px;font-size:17px;line-height:1.75;color:#c2d3d7;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:53px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 23px;font-size:11px;font-weight:800;letter-spacing:1px;border:1px solid #a4e8d6}.button.main{background:var(--mint);color:#062532}.button.main:hover{background:#e0fff3}.button.ghost{background:#04273470;color:var(--mint);border-color:#6caaa599}.button.ghost:hover{background:#124e5a}.hero-bottom{display:flex;justify-content:space-between;gap:20px;color:#9daeb7;font-size:10px;letter-spacing:2px}.facts-strip{border-block:1px solid var(--line);background:#08202c}.facts-grid{display:grid;grid-template-columns:repeat(5,1fr)}.facts-grid>div{display:flex;flex-direction:column;gap:4px;padding:27px 14px;border-right:1px solid var(--line)}.facts-grid>div:first-child{padding-left:0}.facts-grid>div:last-child{border-right:0}.facts-grid b{font-size:33px;letter-spacing:-2px;font-family:Manrope;color:#d8faf0}.facts-grid small{font-size:9px;letter-spacing:1.5px;color:#a3b9bd;font-weight:700}.about-scapa{padding:110px 0;background:linear-gradient(140deg,#051a25,#03131c)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-grid h2,.section-head h2,.feature-content h2,.next h2,.story-next h2{font-size:clamp(43px,4.5vw,73px);line-height:1.11;margin:22px 0}.about-text{padding-top:23px}.about-text p{font-size:16px;line-height:1.85;color:#b5c7cc;margin-bottom:15px}.about-text a{display:inline-block;margin-top:16px;color:var(--mint);font-size:11px;font-weight:800;letter-spacing:1.3px;border-bottom:1px solid #9edbce;padding-bottom:9px}.sc-archive{background:#071d29;padding:95px 0 115px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head h2{margin-bottom:0}.section-head p{max-width:430px;color:#a8bfc5;line-height:1.7;font-size:14px;margin-bottom:7px}.collection-toolbar{border:1px solid var(--line);background:#0b2733;padding:17px;margin-bottom:18px}.search{height:54px;display:flex;align-items:center;gap:14px;background:#08202b;border:1px solid #65939b5c;padding:0 19px}.search span[aria-hidden]{font-size:32px;line-height:1;color:var(--mint)}.search input{width:100%;background:transparent;border:0;color:#e5f9f3;outline:0;font-size:15px}.search input::placeholder{color:#8daab2}.cat-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.cat-filters button{border:1px solid #466b7388;background:#0a202b;padding:11px 14px;font-size:11px;color:#a9c1c8;font-weight:700}.cat-filters button.chosen{background:var(--mint);border-color:var(--mint);color:#07313a}.archive-layout{display:grid;grid-template-columns:minmax(250px,.36fr) minmax(0,1fr);gap:19px;align-items:start}.sector-panel{background:#082632;border:1px solid var(--line);position:sticky;top:14px}.panel-top{padding:24px 23px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-top div{display:flex;flex-direction:column;gap:7px}.panel-top div span{color:var(--mint);letter-spacing:2px;font-size:9px;font-weight:800}.panel-top strong{font-size:19px;letter-spacing:-.5px}.panel-top small{font-size:8px;max-width:100px;text-align:right;line-height:1.4;color:#9dafb4;letter-spacing:1px}.region-schematic{margin:0 13px 13px;position:relative;background:radial-gradient(ellipse at 55% 46%,#0d4350,#071e2c 71%);border:1px solid var(--line);overflow:hidden}.region-schematic svg{width:100%;display:block}.schematic-caption{position:absolute;bottom:9px;left:9px;font-size:8px;color:#cff2e6;letter-spacing:1.1px;background:#051b25c9;padding:8px}.sector-list{padding:0 13px 13px;display:flex;flex-direction:column;max-height:400px;overflow:auto}.sector-list button{background:transparent;text-align:left;color:#b7c7c9;border:0;border-bottom:1px solid var(--line);padding:12px 9px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;font-weight:700;line-height:1.35}.sector-list button span{color:var(--mint)}.sector-list button.active{color:#031d26;background:var(--mint)}.sector-list button.active span{color:#031d26}.sector-disclaimer{font-size:11px;line-height:1.65;color:#a3b9bd;padding:2px 19px 20px;margin:0}.results-column{min-width:0}.results-meta{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 17px;gap:12px}.results-meta>span,.results-meta label{font-size:10px;letter-spacing:2px;color:#b7d4d1;font-weight:800}.results-meta select{background:#0d2b37;color:#d6ece7;border:1px solid #3e6870;margin-left:8px;font-size:11px;padding:9px 5px}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.record{display:flex;flex-direction:column;justify-content:space-between;min-height:258px;background:linear-gradient(145deg,#10323e,#071f2b);border:1px solid #47656c73;padding:23px;position:relative;transition:border-color .2s,background .2s,transform .2s}.record:hover{border-color:#acefdd;transform:translateY(-2px);background:linear-gradient(145deg,#164251,#07222d)}.record:focus-visible{outline:3px solid var(--mint)}.record:before{position:absolute;content:"";top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--mint),transparent);opacity:.55}.record-kind{font-size:9px;letter-spacing:1.65px;color:var(--mint);font-weight:800}.record-kicker{display:flex;justify-content:space-between;gap:10px}.record-index{font-size:10px;color:#91aab0;letter-spacing:1px}.record h3{font-size:clamp(21px,2vw,28px);letter-spacing:-.04em;line-height:1.2;margin:23px 0 10px}.record p{color:#bacad0;font-size:12px;line-height:1.6;margin:0 0 14px}.record-foot{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-top:14px;border-top:1px solid #b0f3e124}.record-foot span{font-size:9px;letter-spacing:1.1px;color:#9dbabc;line-height:1.5}.record-foot b{font-size:20px;color:var(--mint)}.record-war{background:linear-gradient(140deg,#302522,#0c2229)}.record-war:before{background:linear-gradient(90deg,#f2cb98,transparent)}.record-war .record-kind{color:#efd0a8}.nothing{padding:32px;color:#abc4cb;border:1px solid var(--line)}.sc-feature{background:#04141e;border-top:1px solid var(--line);padding:98px 0}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-image{height:500px;background:linear-gradient(180deg,#03121d5c,#03121df2),url('assets/ocean-wreck.jpg') 52%/cover;border:1px solid #699a9d78;display:flex;flex-direction:column;justify-content:space-between;padding:26px}.feature-image>span,.feature-image small{font-size:10px;letter-spacing:2px;color:#c0e4df;font-weight:800}.feature-outline{font-size:clamp(100px,13vw,200px);color:#cee5d81b;font-family:Manrope;font-weight:800;letter-spacing:-.08em}.feature-content h2{margin:22px 0}.feature-content>p{font-size:15px;line-height:1.85;color:#bdd2d7}.feature-content .button{margin:19px 0 25px}.feature-content .safety{font-size:12px;border-top:1px solid var(--line);padding-top:19px;color:#a4afb2}.next{padding:85px 0;background:#0b2d38;border-top:1px solid var(--line)}.next-flex{display:flex;align-items:center;justify-content:space-between;gap:30px}.next h2{margin:14px 0}.footer-inner{padding:38px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner>span,.footer-inner>a:last-child{font-size:10px;color:#91afb2;letter-spacing:1px}.story-hero{min-height:485px;position:relative;isolation:isolate;overflow:hidden}.story-sea{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#051622e8,#0516228f),linear-gradient(0deg,#04131d,transparent 44%),url('assets/ocean-wreck.jpg') center 60%/cover}.story-hero-inner{padding:70px 0 34px;min-height:485px;display:flex;flex-direction:column;align-items:start}.back-link{font-size:10px;letter-spacing:1.5px;color:#b3d8d3;font-weight:800}.story-hero .kicker{margin-top:63px}.story-hero h1{font-size:clamp(49px,6.8vw,98px);line-height:1.05;margin:17px 0 12px;max-width:1050px}.story-hero h1 em{display:block}.story-hero-inner>p{color:#c3d1d4;font-size:18px;line-height:1.6;max-width:700px}.story-hero-foot{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:auto;color:#adbec2;font-size:10px;letter-spacing:2px;gap:16px}.story-layout{padding:90px 0 120px;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,370px);gap:10%}.story-article h2{font-size:clamp(39px,4vw,65px);line-height:1.12;margin:20px 0 27px}.story-article>p{font-size:17px;line-height:1.95;color:#b5cbd0}.story-article>p.lead{font-size:19px;color:#e1f0ee}.timeline-panel{border-left:2px solid var(--mint);padding:22px 28px 27px;margin:60px 0;background:#10313d}.timeline-row{display:flex;gap:20px;align-items:baseline;margin:23px 0 10px;flex-wrap:wrap}.timeline-row span{color:var(--mint);font-weight:800;font-family:Manrope;font-size:20px}.timeline-row strong{letter-spacing:1px;font-size:12px}.timeline-panel p{color:#b5cbd0;line-height:1.75;margin:0;font-size:14px}.sources{margin-top:68px;border-top:1px solid var(--line);padding-top:33px}.sources>p{color:#b1c4c7;line-height:1.85;max-width:570px}.sources>a{display:block;padding:17px;margin-top:10px;background:#0e3440;border:1px solid var(--line);font-weight:800;color:var(--mint);font-size:12px;letter-spacing:.6px}.sources>a:hover{border-color:var(--mint)}.story-sidebar{align-self:start;background:#0b2935;border:1px solid var(--line);position:sticky;top:20px}.side-head{padding:22px;background:#133a45;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:2px;font-weight:800;color:var(--mint)}.story-sidebar dl{margin:0;padding:0 22px}.story-sidebar dl>div{padding:18px 0;border-bottom:1px solid var(--line)}.story-sidebar dt{font-size:9px;letter-spacing:1.3px;color:#8ca5ae;font-weight:700;margin-bottom:8px}.story-sidebar dd{font-size:15px;color:#e8f7f1;margin:0}.legal-note{margin:19px;background:#193e44;padding:17px;border-left:2px solid #cde9c5}.legal-note strong{font-size:11px;color:#e4f2ce;letter-spacing:1px}.legal-note p{font-size:12px;line-height:1.7;color:#b5c9c8;margin:9px 0 0}.legal-note.protected{border-left-color:#f2c58e;background:#47342a}.legal-note.protected strong{color:#f9ddac}.legal-note.protected p{color:#e0ccbb}.share{display:block;width:calc(100% - 38px);margin:0 19px 14px;background:var(--mint);color:#082531;border:0;font-weight:800;font-size:11px;letter-spacing:1px;padding:15px}.another{display:block;margin:0 20px 24px;color:var(--mint);font-size:12px;text-align:center}.story-next{background:#0c2b36;padding:80px 0;border-top:1px solid var(--line)}.story-next>.container{display:flex;justify-content:space-between;align-items:center;gap:30px}.story-next h2{margin:15px 0 0}@media (max-width:1000px){.container{width:calc(100% - 50px)}.record-grid{grid-template-columns:1fr}.archive-layout{grid-template-columns:270px minmax(0,1fr)}.feature-layout{gap:35px}.topbar nav{gap:15px}.topbar nav a{font-size:10px}.story-layout{gap:35px}.giant-numeral{font-size:36vw}}@media (max-width:720px){.container{width:calc(100% - 38px)}.topbar{min-height:74px;padding:12px 19px;flex-wrap:wrap;gap:12px}.topbar nav{width:100%;overflow:auto;gap:20px;padding-bottom:5px}.topbar nav a{font-size:9px}.sc-hero,.hero-inner{min-height:620px}.hero-inner{padding-top:60px}.hero-copy{margin:85px 0 58px}.hero-copy h1{font-size:clamp(44px,10vw,70px)}.hero-copy p{font-size:15px;line-height:1.7}.hero-bottom{font-size:8px;letter-spacing:1px}.giant-numeral{right:4px;bottom:95px;font-size:55vw}.eyebrow{letter-spacing:1.8px;font-size:9px}.facts-grid{grid-template-columns:repeat(3,1fr)}.facts-grid>div{padding:17px 8px 19px!important;border-bottom:1px solid var(--line)}.facts-grid b{font-size:28px}.facts-grid small{font-size:8px;letter-spacing:.6px}.about-scapa{padding:70px 0}.about-grid{grid-template-columns:1fr;gap:10px}.about-text{padding-top:0}.about-grid h2,.section-head h2,.feature-content h2,.next h2,.story-next h2{font-size:clamp(39px,10vw,60px)}.sc-archive{padding:70px 0 80px}.section-head{display:block}.section-head p{margin-top:20px}.collection-toolbar{padding:11px}.cat-filters{gap:6px}.cat-filters button{font-size:10px;padding:10px}.archive-layout{grid-template-columns:1fr}.sector-panel{position:relative;top:auto}.region-schematic{max-height:215px}.region-schematic svg{max-height:215px}.sector-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;gap:5px}.sector-list button{border:1px solid var(--line);font-size:9px;padding:9px 6px}.sector-disclaimer{font-size:10px}.record-grid{grid-template-columns:1fr}.record{min-height:230px}.record h3{font-size:27px}.sc-feature{padding:65px 0}.feature-layout{grid-template-columns:1fr}.feature-image{height:270px}.feature-outline{font-size:100px}.next-flex{display:block}.next-flex .button{margin-top:18px}.footer-inner{flex-wrap:wrap;gap:25px}.footer-inner>span{width:100%}.story-hero,.story-hero-inner{min-height:415px}.story-hero-inner{padding:45px 0 25px}.story-hero .kicker{margin-top:58px}.story-hero h1{font-size:clamp(44px,10vw,65px)}.story-hero-inner>p{font-size:15px}.story-hero-foot{font-size:8px;letter-spacing:1px}.story-layout{grid-template-columns:1fr;padding:60px 0;gap:35px}.story-article h2{font-size:46px}.story-article>p{font-size:16px}.story-sidebar{position:relative;top:auto}.story-next>.container{display:block}.story-next .button{margin-top:25px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* Accessible labels and compact search input */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search{position:relative}.search input{min-width:0;flex:1}

/* V7 Scapa Flow flagship feature */
.markgraf-feature{background:linear-gradient(115deg,#0a2c38,#051821);padding:100px 0;border-top:1px solid #9bf7d420;border-bottom:1px solid #9bf7d420}.markgraf-feature-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:65px;align-items:center}.markgraf-feature-copy h2{font-size:clamp(44px,5vw,75px);margin:18px 0}.markgraf-feature-copy p{color:#aac5c8;font-size:16px;line-height:1.8;max-width:470px;margin-bottom:28px}.markgraf-feature-art{display:block;position:relative;min-height:290px;border:1px solid #aad7ce45;background:#082634;overflow:hidden}.markgraf-feature-art img{width:100%;height:100%;min-height:290px;object-fit:cover;display:block}.markgraf-feature-art span{position:absolute;right:14px;bottom:15px;background:#051b25d8;padding:11px 15px;color:#beece0;font-weight:800;font-size:10px;letter-spacing:.17em}@media(max-width:800px){.markgraf-feature-grid{gap:28px}}@media(max-width:640px){.markgraf-feature{padding:65px 0}.markgraf-feature-grid{grid-template-columns:1fr}.markgraf-feature-art{min-height:220px}.markgraf-feature-art img{min-height:220px}}

.markgraf-story-link:not([hidden]){padding:20px 0;border-bottom:1px solid #86cabc55}.markgraf-story-link a{display:block;padding:18px 14px;background:#b9efe0;color:#0b2f38;font-size:12px;font-weight:800;letter-spacing:.08em}