@font-face{font-family:Atkinson;src:local("Atkinson Hyperlegible");font-display:swap}
:root{--navy:#092b3e;--deep:#062637;--ink:#102d3a;--cream:#fff6dc;--paper:#fff9e8;--gold:#f5cc5a;--orange:#f38e5d;--blue:#1a6981;--aqua:#8ed3cb;--line:rgba(15,53,67,.24)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:4rem}
body{margin:0;background:var(--deep);color:var(--ink);font-family:Atkinson,"Trebuchet MS",Arial,sans-serif;font-size:1.125rem;line-height:1.55;overflow-x:hidden}
button,a{touch-action:manipulation}
a{color:inherit}button{font:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.skip-link{position:fixed;z-index:100;top:-100px;left:1rem;padding:.7rem 1rem;background:#fff;color:#000}.skip-link:focus{top:1rem}
.site-header{position:fixed;z-index:50;left:0;right:0;top:0;height:4.7rem;display:flex;align-items:center;gap:1rem;padding:0 clamp(1rem,3vw,3rem);background:rgba(6,38,55,.95);color:#fff;border-bottom:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;line-height:1}.brand-mark{display:grid;place-items:center;position:relative;width:2.45rem;height:2.45rem;background:var(--gold);color:var(--navy);border-radius:50%;font:900 1.35rem Georgia,serif;transform:rotate(-8deg)}.brand-mark span{position:absolute;font:1rem Georgia,serif;right:-.16rem;top:-.24rem;color:#fff}.brand-name{font-weight:900;letter-spacing:.12em;font-size:.82rem}.brand-name small{display:block;margin-top:.33rem;font-size:.53rem;letter-spacing:.15em;font-weight:700;color:#c4e3e1}
.chapters-toggle{margin-left:auto;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:10rem;padding:.42rem .85rem;font-size:.82rem;font-weight:800;cursor:pointer}.chapters-toggle span{font-size:1.1rem;margin-left:.4rem}.chapters-toggle:hover{background:#ffffff20}.chapter-count{font-size:.78rem;font-weight:800;white-space:nowrap;letter-spacing:.08em;color:var(--gold)}
.progress-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff1c}.progress-track span{display:block;height:100%;width:0;background:var(--gold);transition:width .15s linear}
.chapter-menu{position:absolute;right:clamp(1rem,3vw,3rem);top:calc(100% + .5rem);background:var(--paper);color:var(--ink);width:min(22rem,calc(100vw - 2rem));padding:.55rem;border:2px solid var(--navy);box-shadow:9px 9px 0 var(--gold);border-radius:.9rem}.chapter-menu[hidden]{display:none}.chapter-menu a{display:block;text-decoration:none;padding:.55rem .8rem;border-radius:.45rem;font-size:.88rem;font-weight:800}.chapter-menu a:hover,.chapter-menu a:focus-visible{background:#d9eee7}
.scene{position:relative;min-height:790px;min-height:max(790px,100svh);isolation:isolate;overflow:hidden}.scene-art{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;z-index:-3}.art--harbour{background-image:linear-gradient(90deg,rgba(4,34,50,.22),transparent 70%),url('assets/harbour.webp');background-position:center center;background-color:#327c8b}.art--harbour-close{background-position:center 70%;transform:scale(1.22)}.art--harbour-sea{background-position:center 85%;transform:scale(1.3)}.art--makers{background-image:url('assets/makers.webp');background-position:center;background-color:#9b654b}.art--future{background-image:url('assets/future.webp');background-color:#1c6e82}.art--future-under{background-position:center 90%;transform:scale(1.22)}.art--future-above{background-position:center 17%;transform:scale(1.15)}
.scene::after{content:"";pointer-events:none;position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 68%,rgba(6,38,55,.42) 100%)}
.opening{display:flex;align-items:center;padding:7rem clamp(1rem,5vw,6rem) 4rem}.opening::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,31,45,.8),rgba(4,31,45,.35) 47%,transparent 77%)}.opening-copy{position:relative;z-index:3;width:min(42rem,66%);color:#fff}.eyebrow,.chapter-tag,.detail-kicker,.dialog-kicker{font-size:.78rem;font-weight:900;letter-spacing:.18em;line-height:1.2}.eyebrow{color:var(--gold);margin:0 0 1.1rem}.opening h1{margin:0 0 1.3rem;color:#fff;font:900 clamp(4.4rem,8.6vw,8.5rem)/.86 Georgia,"Times New Roman",serif;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 3px 18px #06263755}.opening h1 em{font-weight:400;font-style:italic;color:var(--gold)}.opening-copy>p:not(.eyebrow){max-width:34rem;margin:1.6rem 0 2rem;font-size:clamp(1.1rem,1.6vw,1.32rem);line-height:1.53;text-shadow:0 2px 10px #062637}.primary-link{display:inline-flex;align-items:center;gap:2rem;padding:.75rem 1rem .75rem 1.2rem;background:var(--gold);color:var(--navy);border-radius:50rem;text-decoration:none;font-weight:900;box-shadow:4px 5px 0 var(--navy);transition:transform .2s,box-shadow .2s}.primary-link:hover{transform:translateY(-3px);box-shadow:4px 8px 0 var(--navy)}.primary-link span{display:grid;place-items:center;background:var(--navy);color:#fff;width:2rem;height:2rem;border-radius:50%}
.map-stamp{position:absolute;z-index:2;right:6%;bottom:14%;width:10.7rem;height:10.7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #fff;border-radius:50%;background:rgba(6,38,55,.77);color:#fff;text-align:center;transform:rotate(9deg);box-shadow:0 0 0 6px rgba(255,255,255,.12)}.map-stamp span,.map-stamp small{font-size:.63rem;letter-spacing:.13em;font-weight:900}.map-stamp b{font:900 1.25rem/.95 Georgia,serif;color:var(--gold);margin:.55rem 0}.scene-credit{position:absolute;z-index:4;left:clamp(1rem,5vw,6rem);bottom:1rem;color:#fff;font-size:.7rem;opacity:.82;max-width:20rem;line-height:1.3;margin:0}
.route{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(2px 3px 0 #092b3e80)}.route path{fill:none;stroke:var(--gold);stroke-width:.8;stroke-linecap:round;stroke-dasharray:1.4 1.2}.route--opening{opacity:.95}.route--left,.route--right,.route--under{opacity:.85}
.route-traveller{position:absolute;z-index:1;width:2rem;height:2rem;display:grid;place-items:center;border:3px solid var(--navy);border-radius:50%;background:var(--gold);color:var(--navy);box-shadow:0 0 0 4px #fff9e8aa,2px 4px 0 #06263788;font-size:1.1rem;line-height:1;pointer-events:none;transform:translate(-50%,-50%);transition:left .1s linear,top .1s linear}.route-traveller[hidden]{display:none}
.story-block{position:relative;z-index:2;width:min(38rem,46vw);padding:clamp(1.7rem,3vw,3rem);background:var(--paper);border:2px solid var(--navy);box-shadow:12px 12px 0 rgba(6,38,55,.55);border-radius:1.2rem 1.2rem 3.5rem 1.2rem}.story-block h2,.together-section h2,.possibilities-heading h2{margin:.6rem 0 1.1rem;font:900 clamp(2.6rem,4vw,4.5rem)/1 Georgia,"Times New Roman",serif;letter-spacing:-.055em;text-wrap:balance}.story-block p:not(.chapter-tag){margin:.75rem 0;font-size:clamp(1.04rem,1.28vw,1.18rem);line-height:1.58}.chapter-tag{display:flex;align-items:center;gap:.8rem;color:#a74729;margin:0}.chapter-tag span{padding-left:.8rem;border-left:1px solid currentColor}.story-block--right{margin:clamp(8rem,15vh,13rem) 6% 7rem auto}.story-block--left{margin:clamp(8rem,15vh,13rem) auto 7rem 6%}.story-block--light{color:#fff;background:rgba(6,38,55,.94);border-color:var(--gold);box-shadow:12px 12px 0 #01192370}.story-block--light .chapter-tag{color:var(--gold)}
.discovery{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.1rem;padding:.45rem .9rem .45rem .48rem;border:2px solid var(--navy);border-radius:10rem;background:#e4f3e9;color:var(--navy);font-size:.85rem;font-weight:900;line-height:1.25;text-align:left;cursor:pointer;transition:transform .2s,background .2s}.discovery:hover{transform:translateY(-2px);background:var(--gold)}.discovery-spark{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--navy);color:var(--gold);font-size:1.2rem}.discovery--light{background:var(--gold)}.discovery--light:hover{background:#fff}
.harbour-scene{background:#6ab9bd}.harbour-scene::before,.makers-scene::before,.today-scene::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 25%,rgba(5,36,53,.22))}.scene-note{position:absolute;left:8%;bottom:8%;display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;background:var(--gold);color:var(--navy);border:2px solid var(--navy);border-radius:5rem;font:900 1rem/1.1 Georgia,serif;transform:rotate(-7deg)}.note-number{font:900 1.6rem Georgia,serif;border-right:2px solid var(--navy);padding-right:.6rem}
.crossings-scene{background:#23667d}.sea-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,31,45,.62),rgba(4,31,45,.08) 75%)}.quote-ribbon{position:absolute;z-index:2;right:5%;bottom:10%;max-width:24rem;background:var(--gold);color:var(--navy);padding:.9rem 1.3rem;transform:rotate(3deg);font:900 clamp(1.2rem,2vw,2rem)/1.1 Georgia,serif;box-shadow:5px 6px 0 var(--navy)}
.makers-scene{background:#9f7057}.story-block--makers{margin-top:10rem}.maker-label{position:absolute;left:5%;bottom:9%;display:flex;gap:.2rem;transform:rotate(-6deg)}.maker-label span{background:var(--navy);color:var(--gold);padding:.4rem .65rem;font-size:.78rem;font-weight:900;letter-spacing:.1em}
.beneath-scene{background:#125971}.underwater-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,35,54,.82),rgba(3,35,54,.15) 70%),linear-gradient(0deg,rgba(3,35,54,.36),transparent)}.depth-label{position:absolute;right:8%;bottom:8%;color:#fff;font-size:.85rem;font-weight:900;letter-spacing:.17em;transform:rotate(-5deg)}
.today-scene{background:#5da8ac}.today-scene::before{background:linear-gradient(90deg,transparent 20%,rgba(4,31,45,.28))}.signal-tag{position:absolute;bottom:9%;left:6%;background:var(--navy);color:#fff;letter-spacing:.13em;font-size:.78rem;font-weight:900;padding:.6rem .9rem;transform:rotate(-4deg)}
.together-section{position:relative;overflow:hidden;display:flex;align-items:center;min-height:30rem;padding:5rem clamp(1.3rem,8vw,9rem);background:var(--gold);color:var(--navy)}.together-section::before{content:"";position:absolute;inset:0;opacity:.2;background:repeating-radial-gradient(circle at 85% 50%,transparent 0 2.6rem,var(--navy) 2.65rem 2.75rem)}.together-inner{position:relative;z-index:1;width:min(51rem,72%)}.together-section h2{font-size:clamp(3.2rem,6vw,6rem);margin:.5rem 0 1rem}.together-section p:not(.chapter-tag){max-width:47rem;font-size:1.19rem;line-height:1.57}.together-orbit{position:absolute;right:10%;top:50%;width:13rem;height:13rem;border:3px dashed var(--navy);border-radius:50%;transform:translateY(-50%) rotate(-12deg)}.together-orbit span{position:absolute;background:var(--navy);color:#fff;padding:.35rem .55rem;font-size:.7rem;font-weight:900;letter-spacing:.13em}.together-orbit span:nth-child(1){top:-1rem;left:40%}.together-orbit span:nth-child(2){right:-1rem;top:45%}.together-orbit span:nth-child(3){bottom:-1rem;left:40%}.together-orbit span:nth-child(4){left:-1rem;top:45%}
.possibilities-section{padding:6rem clamp(1.2rem,7vw,8rem) 4rem;background:var(--paper);min-height:100vh;position:relative}.possibilities-section::before{content:"";position:absolute;inset:0 0 auto;height:12px;background:repeating-linear-gradient(90deg,var(--navy) 0 3rem,var(--gold) 3rem 6rem,var(--orange) 6rem 9rem,var(--aqua) 9rem 12rem)}.possibilities-heading{max-width:58rem}.possibilities-heading h2{font-size:clamp(3.4rem,6vw,6rem)}.possibilities-heading>p:last-child{font-size:1.22rem;max-width:47rem}.interest-layout{display:grid;grid-template-columns:minmax(17rem,.95fr) minmax(20rem,1.05fr);gap:clamp(1.5rem,5vw,6rem);align-items:start;margin-top:3rem}.interest-list{border-top:2px solid var(--navy)}.interest{width:100%;display:grid;grid-template-columns:2.2rem 1fr 1.5rem;align-items:center;gap:1rem;padding:1rem .8rem;border:0;border-bottom:2px solid var(--navy);background:transparent;color:var(--navy);text-align:left;cursor:pointer;font:900 clamp(1.18rem,2vw,1.75rem) Georgia,serif;transition:background .2s,padding-left .2s}.interest span{align-self:start;font:900 .76rem Atkinson,"Trebuchet MS",sans-serif;letter-spacing:.1em;padding-top:.25rem}.interest b{font:900 1.1rem Atkinson,"Trebuchet MS",sans-serif}.interest:hover,.interest.is-active{background:#d7eee6;padding-left:1.35rem}.interest.is-active b{transform:rotate(45deg)}.interest-detail{background:var(--navy);color:#fff;border-radius:1rem 1rem 4rem 1rem;padding:clamp(1.5rem,3vw,3rem);box-shadow:12px 12px 0 var(--gold);min-height:26rem}.detail-kicker{color:var(--gold);margin:0 0 1rem}.interest-detail h3{margin:0 0 .8rem;font:900 clamp(2.5rem,4vw,4.5rem)/1 Georgia,serif;letter-spacing:-.05em}.interest-detail>p:not(.detail-kicker):not(.detail-foot){font-size:1.18rem;line-height:1.55}.interest-detail dl{display:grid;gap:1rem;margin:1.8rem 0}.interest-detail dl div{border-top:1px solid rgba(255,255,255,.33);padding-top:.75rem}.interest-detail dt{color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.interest-detail dd{margin:.3rem 0 0}.detail-foot{font-size:.88rem;color:#d1e6e6}.closing-line{max-width:62rem;margin:5rem 0 0;font:900 clamp(2.2rem,4.3vw,4.4rem)/1.12 Georgia,serif;letter-spacing:-.04em}.closing-line span{color:#23768a}
.site-footer{display:flex;justify-content:space-between;gap:3rem;padding:3rem clamp(1.2rem,7vw,8rem);background:var(--deep);color:#e4f3ec;font-size:.82rem}.site-footer>div:first-child{min-width:11rem}.site-footer b{display:block;font:900 1.6rem Georgia,serif}.site-footer span{display:block;color:var(--gold);font-style:italic}.footer-right{max-width:44rem}.footer-right p{margin:0 0 1rem}.footer-right summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-weight:800}.footer-right details p{margin-top:1rem;line-height:1.65}.footer-right a{color:var(--gold)}
.discovery-dialog{position:fixed;width:min(38rem,calc(100vw - 2rem));max-height:min(80vh,48rem);overflow:auto;border:3px solid var(--navy);border-radius:1.2rem 1.2rem 3rem 1.2rem;padding:clamp(1.4rem,3vw,2.8rem);background:var(--paper);color:var(--navy);box-shadow:12px 12px 0 var(--gold)}.discovery-dialog::backdrop{background:rgba(2,22,34,.78);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:1rem;top:1rem;width:2.5rem;height:2.5rem;border:2px solid var(--navy);border-radius:50%;background:var(--gold);color:var(--navy);font-size:1.7rem;line-height:1;cursor:pointer}.dialog-kicker{color:#a74729}.discovery-dialog h2{font:900 clamp(2.2rem,4vw,3.7rem)/1 Georgia,serif;letter-spacing:-.05em;margin:.8rem 0 1.2rem;padding-right:2rem}.discovery-dialog p{line-height:1.58}.dialog-return{border-top:1px solid var(--line);padding-top:1rem;font-weight:900;font-size:.9rem}
.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}
.next-steps{display:grid;grid-template-columns:minmax(13rem,.8fr) minmax(17rem,1.2fr);gap:clamp(1.5rem,5vw,5rem);margin-top:4rem;padding:2.2rem;border:2px solid var(--navy);border-radius:1rem 1rem 3rem 1rem;background:#dcefe9;box-shadow:10px 10px 0 var(--gold)}.next-steps h3{font:900 clamp(2rem,3vw,3rem)/1 Georgia,serif;letter-spacing:-.04em;margin:.6rem 0}.next-steps p{margin:.6rem 0;line-height:1.5}.next-steps .chapter-tag{font-size:.72rem}.next-links{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:.4rem 1rem}.next-links p{grid-column:1/-1;font-size:.73rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#a74729;margin:.55rem 0 0}.next-links a{display:flex;justify-content:space-between;gap:.7rem;align-items:start;padding:.65rem 0;border-top:1px solid var(--line);font-size:.9rem;font-weight:800;text-decoration:none;line-height:1.3}.next-links a:hover{text-decoration:underline;text-underline-offset:3px}.next-links a span{color:#a74729}.closing-line{margin-top:4rem}
.mission-dialog{width:min(59rem,calc(100vw - 1.5rem));max-height:min(90vh,58rem);padding:clamp(1.2rem,2.4vw,2.1rem)}.mission-dialog h2{font-size:clamp(2.2rem,3.5vw,3.4rem);max-width:47rem;margin-bottom:.6rem}.mission-intro{font-size:1rem;max-width:46rem;margin:.5rem 0 1rem}.mission-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:.8rem}.mission-controls button{border:2px solid var(--navy);border-radius:.55rem;background:#e2f0e9;color:var(--navy);padding:.7rem .5rem;min-height:3.3rem;text-align:left;font-size:.84rem;font-weight:900;cursor:pointer;line-height:1.2}.mission-controls button span{display:inline-block;color:#a74729;margin-right:.3rem;font-size:.7rem}.mission-controls button[aria-pressed="true"]{background:var(--gold);box-shadow:3px 3px 0 var(--navy)}.mission-controls button:hover{background:#fff}.mission-controls button[aria-pressed="true"]:hover{background:var(--gold)}.mission-visual{position:relative;overflow:hidden;height:14rem;border:3px solid var(--navy);border-radius:.8rem;background:linear-gradient(90deg,#062637aa,#06263711),url('assets/future.webp') center 76%/cover;color:#fff}.mission-visual svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(1px 2px 1px #062637)}.mission-visual svg path{fill:none;stroke:var(--gold);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:2 1.8}.mission-pin{position:absolute;z-index:2;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid #fff;background:var(--navy);color:#fff;font-size:.7rem;font-weight:900;box-shadow:0 2px 8px #062637b3;transition:transform .2s,background .2s,color .2s}.mission-pin--question{left:9%;top:61%}.mission-pin--craft{left:36%;top:27%}.mission-pin--software{left:63%;top:44%}.mission-pin--people{left:86%;top:66%}.mission[data-stage="question"] .mission-pin--question,.mission[data-stage="craft"] .mission-pin--craft,.mission[data-stage="software"] .mission-pin--software,.mission[data-stage="people"] .mission-pin--people{transform:scale(1.28);background:var(--gold);color:var(--navy);border-color:var(--navy);box-shadow:0 0 0 4px #fff9e899,0 3px 10px #062637}.mission-display{position:absolute;z-index:3;left:1rem;top:1rem;max-width:18rem;padding:.55rem .8rem;background:rgba(6,38,55,.92);border:1px solid var(--gold);border-radius:.55rem}.mission-display small{display:block;color:var(--gold);font-size:.6rem;font-weight:900;letter-spacing:.15em}.mission-display strong{display:block;font:900 1.12rem/1.15 Georgia,serif;margin:.22rem 0}.mission-display span{display:block;font-size:.78rem}.mission-explanation{padding:.9rem 0 .2rem;min-height:7.2rem}.mission-explanation h3{font:900 1.55rem/1.1 Georgia,serif;letter-spacing:-.035em;margin:0 0 .4rem}.mission-explanation p{font-size:.98rem;margin:.3rem 0}.mission-foot{border-top:1px solid var(--line);font-size:.78rem;color:#46616a;margin:.8rem 0 0;padding-top:.55rem}.mission-dialog .dialog-return{margin:.7rem 0 0}
@media(max-width:750px){.next-steps{grid-template-columns:1fr}.mission-controls{grid-template-columns:repeat(2,1fr)}.mission-visual{height:12rem}.mission-display{max-width:13rem}.mission-display strong{font-size:.94rem}.mission-display span{font-size:.7rem}}
@media(max-width:650px){.next-steps{margin-top:3rem;padding:1.4rem;gap:1rem;box-shadow:6px 6px 0 var(--gold)}.next-links{grid-template-columns:1fr}.next-links p{margin-top:.8rem}.mission-dialog{max-height:calc(100dvh - 1.4rem);padding:1.15rem}.mission-dialog h2{font-size:2.2rem;padding-right:2.1rem}.mission-intro{font-size:.9rem}.mission-controls button{font-size:.8rem;min-height:3rem}.mission-visual{height:11.5rem}.mission-pin{width:1.8rem;height:1.8rem;font-size:.6rem}.mission-display{max-width:11.5rem;left:.55rem;top:.55rem;padding:.45rem .55rem}.mission-display strong{font-size:.85rem}.mission-display span{font-size:.65rem}.mission-explanation{min-height:0}.mission-explanation h3{font-size:1.35rem}.mission-explanation p{font-size:.9rem}.mission-foot{font-size:.73rem}}
@media(max-width:900px){.scene{min-height:780px}.story-block{width:min(38rem,67vw)}.opening-copy{width:min(40rem,75%)}.map-stamp{width:8rem;height:8rem;right:3%;bottom:11%}.map-stamp b{font-size:1rem}.together-orbit{right:-3%}}
@media(max-width:650px){.site-header{height:4rem;padding:0 .8rem}.brand-mark{width:2.2rem;height:2.2rem}.brand-name{font-size:.72rem}.brand-name small{font-size:.47rem}.chapters-toggle{font-size:.7rem;padding:.34rem .52rem}.chapters-toggle span{font-size:1rem;margin-left:.15rem}.chapter-count{font-size:.68rem}.scene{min-height:770px;min-height:max(770px,100svh);padding-bottom:14rem}.opening{padding-bottom:3rem}.scene-art{background-size:auto 100%}.art--harbour{background-position:53% center}.art--harbour-close{background-position:59% 62%;transform:scale(1.1)}.art--harbour-sea{background-position:67% center;transform:scale(1.06)}.art--makers{background-position:37% center}.art--future-under{background-position:60% center;transform:scale(1.08)}.art--future-above{background-position:42% center;transform:scale(1.07)}.opening{align-items:flex-start;padding:7rem 1.2rem 3rem}.opening::before{background:linear-gradient(180deg,rgba(4,31,45,.9),rgba(4,31,45,.62) 53%,rgba(4,31,45,.07))}.opening-copy{width:100%}.opening h1{font-size:clamp(3.5rem,13vw,5.8rem)}.opening-copy>p:not(.eyebrow){font-size:1.05rem;max-width:27rem}.map-stamp{bottom:7%;right:6%;width:7.5rem;height:7.5rem}.scene-credit{bottom:1.2rem;left:1.2rem;max-width:13rem;font-size:.58rem}.route{opacity:.7!important}.route path{stroke-width:1.4}.story-block{width:calc(100% - 2.6rem);max-width:31rem;margin:6rem 1.3rem 4rem!important;padding:1.5rem;border-radius:1rem 1rem 2.4rem 1rem;box-shadow:7px 7px 0 #06263799}.story-block h2{font-size:clamp(2.55rem,9vw,3.5rem)}.story-block p:not(.chapter-tag){font-size:1rem;line-height:1.52}.harbour-scene .story-block,.makers-scene .story-block,.today-scene .story-block{margin-left:auto!important;margin-right:1.3rem!important}.crossings-scene .story-block,.beneath-scene .story-block{margin-left:1.3rem!important;margin-right:auto!important}.scene-note,.quote-ribbon,.maker-label,.depth-label,.signal-tag{bottom:2.2rem;left:1.3rem;right:auto;max-width:calc(100% - 2.6rem)}.quote-ribbon{font-size:1.2rem;width:15rem}.maker-label{gap:0}.maker-label span{font-size:.6rem}.together-section{padding:4rem 1.4rem;min-height:32rem}.together-inner{width:100%}.together-section h2{font-size:clamp(3rem,10vw,4.2rem)}.together-section p:not(.chapter-tag){font-size:1.05rem}.together-orbit{display:none}.possibilities-section{padding:4.5rem 1.3rem 4rem}.possibilities-heading h2{font-size:3.3rem}.possibilities-heading>p:last-child{font-size:1.07rem}.interest-layout{grid-template-columns:1fr;margin-top:2rem;gap:1.8rem}.interest{font-size:1.25rem;padding:.8rem .45rem}.interest-detail{box-shadow:7px 7px 0 var(--gold);min-height:0;scroll-margin-top:5rem}.interest-detail h3{font-size:2.8rem}.closing-line{margin-top:4rem;font-size:2.4rem}.site-footer{display:block;padding:2.5rem 1.3rem}.footer-right{margin-top:1.8rem}}
@media(max-width:390px){.brand-name small{letter-spacing:.08em}.chapters-toggle span{display:none}.story-block{margin-top:5.2rem!important;padding:1.25rem}.story-block h2{font-size:2.42rem}.story-block p:not(.chapter-tag){font-size:.98rem}.discovery{font-size:.77rem}.opening h1{font-size:3.25rem}.map-stamp{bottom:5%}}
@media(max-width:650px){.chapters-toggle{font-size:0}.chapters-toggle::before{content:"Chapters";font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.route-traveller{display:none!important}}