/* DREADMOOR home: a full-bleed harbour scene and a compact field-notes index. */
.dreadmoor-home{--paper:#e5e0d3;--ink:#232d2b;--accent:#ceb481;background:#0b171d;color:var(--ink)}
.dreadmoor-home header{position:absolute;inset:0 0 auto;z-index:2;background:linear-gradient(#07131be6,transparent);border:0;padding:25px 4vw;min-height:94px}
.dreadmoor-home header .brand{color:#e8dfcb;font-size:22px;letter-spacing:.09em}.dreadmoor-home header small{font:10px/1.7 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#b9c3bd}.dreadmoor-home header nav a{font:12px/1.5 system-ui,sans-serif;letter-spacing:.025em;text-decoration:none;color:#e1e1d4;padding:10px 0;border-bottom:1px solid transparent}.dreadmoor-home header nav a:hover{border-color:#ceb481}.dreadmoor-home .mobile{color:#f0e5d3}
.dreadmoor-home main{padding:0;max-width:none}.dreadmoor-home .hero{height:720px;min-height:620px;max-height:950px;position:relative;isolation:isolate;background:#0e2331;color:#efe9dc;overflow:hidden}
.dreadmoor-home .harbour-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 64%;z-index:-2;border-radius:0}
.dreadmoor-home .hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#06121b30 0%,transparent 45%,#07141aeb 100%)}
.dreadmoor-home .hero-title{position:absolute;top:136px;left:0;width:100%;text-align:center;padding:0 24px}.dreadmoor-home .eyebrow{font:10px/1.6 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:0;color:inherit}.dreadmoor-home .hero-title .eyebrow{color:#d2d8cf;font-size:10px;letter-spacing:.28em}
.dreadmoor-home h1{font-family:Georgia,serif;color:#efe8d5;font-size:clamp(56px,8.6vw,132px);font-weight:normal;letter-spacing:.045em;margin:8px 0 0;line-height:1.13;text-shadow:0 3px 20px #08131f44}.dreadmoor-home h1 span{display:block;font:italic 20px/1.5 Georgia,serif;letter-spacing:.015em;margin-top:7px;color:#e1e3d8}
.dreadmoor-home .hero-bottom{position:absolute;bottom:35px;left:4vw;right:4vw;display:flex;align-items:end;justify-content:space-between;gap:24px}.dreadmoor-home .hero-bottom p{font:26px/1.3 Georgia,serif;margin:0 0 10px;max-width:28ch}.dreadmoor-home .hero-bottom div>span{font:12px/1.7 system-ui,sans-serif;color:#bcc7c1}.dreadmoor-home .chart-link{display:flex;justify-content:space-between;align-items:center;gap:50px;text-decoration:none;border-bottom:1px solid #b6b18b;padding:14px 0;font:13px/1.6 system-ui,sans-serif;color:#ebd5a7}.dreadmoor-home .chart-link span{font-size:22px}
.dreadmoor-home .harbour-strip{display:flex;justify-content:space-between;gap:20px;padding:15px 4vw;background:#0c1b20;color:#b8c4bd;font:10px/1.6 system-ui,sans-serif;letter-spacing:.05em;border-bottom:1px solid #344342}.dreadmoor-home .harbour-strip i{font-style:normal;color:#74827a;margin:0 12px}.dreadmoor-home .art-credit{font-size:9px;color:#93a49e}
.dreadmoor-home .guide-groups{background:var(--paper);padding:56px 6vw 64px;scroll-margin-top:0}.dreadmoor-home .guide-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:24px;border-bottom:1px solid #b4b7a9;padding-bottom:28px}.dreadmoor-home .guide-heading .eyebrow{color:#68726a;align-self:start;padding-top:8px}.dreadmoor-home .guide-heading h2{font:normal 42px/1.08 Georgia,serif;color:#27352f;letter-spacing:-.025em;margin:0}.dreadmoor-home .guide-heading>p:last-child{font:12px/1.8 system-ui,sans-serif;color:#646e63;max-width:22ch;justify-self:end;margin:0}
.dreadmoor-home .field-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:60px;margin-top:34px;align-items:start}.dreadmoor-home .task-row{display:grid;grid-template-columns:100px minmax(0,1fr) 24px;gap:25px;align-items:center;padding:23px 0;border-bottom:1px solid #b4b7a9;color:#26392f;text-decoration:none}.dreadmoor-home .task-row:first-child{padding-top:0}.dreadmoor-home .task-row>img{width:100px;height:100px;object-fit:cover;border-radius:0;filter:saturate(.7)}.dreadmoor-home .category{font:9px/1.6 system-ui,sans-serif;letter-spacing:.13em;color:#6c7569}.dreadmoor-home h3{font:normal 27px/1.15 Georgia,serif;letter-spacing:-.02em;margin:8px 0 10px;color:#243a30}.dreadmoor-home .task-row p{font:13px/1.7 system-ui,sans-serif;color:#59665b;margin:0;max-width:47ch}.dreadmoor-home .row-arrow{font-size:25px;color:#7c8772;transition:transform .2s}.dreadmoor-home .task-row:hover h3{text-decoration:underline;text-underline-offset:5px}.dreadmoor-home .task-row:hover .row-arrow{transform:translate(3px,-3px)}
.dreadmoor-home .dispatch{background:#263b34;padding:28px 27px;color:#e5e6d8;border-top:3px solid #bda46d}.dreadmoor-home .dispatch-label{font:9px/1.7 system-ui,sans-serif;letter-spacing:.18em;color:#c7ba93}.dreadmoor-home .dispatch h2{font:normal 27px/1.2 Georgia,serif;margin:18px 0 24px;color:#eeeadc}.dreadmoor-home .dispatch p{font:12px/1.85 system-ui,sans-serif;color:#c0cdbf;margin:0 0 17px}.dreadmoor-home .dispatch a{display:block;border-top:1px solid #667364;margin-top:27px;padding-top:17px;font:11px/1.8 system-ui,sans-serif;color:#e8d4a4;text-decoration:none}.dreadmoor-home .dispatch-note{display:block;font:10px/1.7 system-ui,sans-serif;color:#9bae9e;margin-top:16px}
.dreadmoor-home .game-context{background:#12241f;padding:48px 6vw;display:grid;grid-template-columns:1fr 1.4fr;gap:80px;color:#d4dccf}.dreadmoor-home .game-context h2{font:normal 40px/1.12 Georgia,serif;margin:16px 0 0;color:#eee7d6}.dreadmoor-home .game-context .eyebrow{color:#a9b79d}.dreadmoor-home .game-copy p{font:13px/1.9 system-ui,sans-serif;margin:0 0 14px;max-width:66ch;color:#b7c6b6}.dreadmoor-home .game-copy a{display:inline-block;font:12px/1.7 system-ui,sans-serif;color:#e3cd9d;border-bottom:1px solid #73806b;padding-bottom:8px;margin-top:10px;text-decoration:none}.dreadmoor-home .game-copy a span{padding-left:24px}.dreadmoor-home .editorial-note{background:#10211e;padding:18px 6vw;border-top:1px solid #35463b}.dreadmoor-home .editorial-note p{font:10px/1.8 system-ui,sans-serif;color:#8fa391;max-width:95ch;margin:0}.dreadmoor-home footer{padding:25px 6vw;background:#0a1917;border:0;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#91a295;font:11px/1.9 system-ui,sans-serif}.dreadmoor-home footer p{max-width:55ch;margin:0}.dreadmoor-home footer a{color:#bdc7b5}.dreadmoor-home .heartopia-ad-slot:empty{margin:0}.dreadmoor-home .heartopia-ad-slot{background:#e5e0d3;text-align:center;overflow:hidden}.dreadmoor-home :focus-visible{outline-color:#b9792a}
@media(min-width:1600px){.dreadmoor-home .hero{height:810px}.dreadmoor-home .field-layout{grid-template-columns:minmax(0,1fr) 360px;gap:100px}.dreadmoor-home .guide-groups{padding-inline:10vw}.dreadmoor-home .game-context{padding-inline:10vw}}
@media(max-width:1000px){.dreadmoor-home .field-layout{gap:30px;grid-template-columns:minmax(0,1fr) 270px}.dreadmoor-home .task-row{grid-template-columns:80px minmax(0,1fr) 18px;gap:17px}.dreadmoor-home .task-row>img{width:80px;height:95px}.dreadmoor-home .guide-heading{grid-template-columns:1fr 2fr}.dreadmoor-home .guide-heading>p:last-child{display:none}.dreadmoor-home h3{font-size:25px}}
@media(max-width:850px){.dreadmoor-home header{padding:20px 24px}.dreadmoor-home header .mobile[open]{background:#10231ef5;padding:10px 18px;margin:-10px -18px -10px 0}.dreadmoor-home header .mobile nav a{padding-block:8px}.dreadmoor-home .hero{height:650px;min-height:0}.dreadmoor-home .hero-title{top:135px}.dreadmoor-home .field-layout{grid-template-columns:1fr 250px;gap:25px}.dreadmoor-home .guide-groups{padding-inline:24px}.dreadmoor-home .task-row{grid-template-columns:minmax(0,1fr) 20px}.dreadmoor-home .task-row>img{display:none}.dreadmoor-home .game-context{padding-inline:24px;gap:40px}.dreadmoor-home .art-credit{display:none}}
@media(max-width:600px){.dreadmoor-home header .brand{font-size:19px}.dreadmoor-home header small{font-size:8px}.dreadmoor-home header summary{font:12px/1.6 system-ui,sans-serif}.dreadmoor-home .hero{height:min(560px,72svh)}.dreadmoor-home .hero-title{top:130px;padding:0 12px}.dreadmoor-home h1{font-size:clamp(38px,10vw,60px);letter-spacing:.025em;white-space:nowrap}.dreadmoor-home h1 span{font-size:16px;white-space:normal;margin-top:9px}.dreadmoor-home .hero-title .eyebrow{font-size:8px;letter-spacing:.15em}.dreadmoor-home .harbour-scene{object-position:56% 62%;opacity:.9}.dreadmoor-home .hero-bottom{left:24px;right:24px;bottom:24px;display:block}.dreadmoor-home .hero-bottom p{font-size:24px;max-width:24ch}.dreadmoor-home .hero-bottom div>span{font-size:11px}.dreadmoor-home .chart-link{margin-top:16px;font-size:12px;padding:12px 0}.dreadmoor-home .harbour-strip{padding:12px 24px;gap:8px;flex-wrap:wrap;font-size:8px}.dreadmoor-home .guide-groups{padding:32px 24px 36px}.dreadmoor-home .guide-heading{display:block;padding-bottom:24px}.dreadmoor-home .guide-heading h2{font-size:35px;margin-top:16px}.dreadmoor-home .field-layout{grid-template-columns:1fr;gap:30px;margin-top:6px}.dreadmoor-home .task-row:first-child{padding-top:23px}.dreadmoor-home .task-row{padding:23px 0;grid-template-columns:68px minmax(0,1fr) 16px;gap:16px}.dreadmoor-home .task-row>img{display:block;width:68px;height:88px}.dreadmoor-home h3{font-size:23px;margin:6px 0 8px}.dreadmoor-home .category{font-size:8px;letter-spacing:.08em}.dreadmoor-home .task-row p{font-size:13px;line-height:1.65}.dreadmoor-home .row-arrow{font-size:22px}.dreadmoor-home .dispatch{padding:25px}.dreadmoor-home .dispatch h2{font-size:28px;margin-block:16px}.dreadmoor-home .dispatch h2 br{display:none}.dreadmoor-home .dispatch p{font-size:12px}.dreadmoor-home .game-context{grid-template-columns:1fr;gap:24px;padding:34px 24px}.dreadmoor-home .game-context h2{font-size:34px}.dreadmoor-home .game-copy p{font-size:14px}.dreadmoor-home .editorial-note{padding:20px 24px}.dreadmoor-home footer{display:block;padding:24px}.dreadmoor-home footer nav{margin-top:16px;gap:20px}.dreadmoor-home footer p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dreadmoor-home .row-arrow{transition:none}}