@font-face{font-family:"Libre Barcode 128 Text";src:url("assets/libre-barcode-128-text.ttf") format("truetype");font-style:normal;font-weight:400;font-display:block}
:root{--boat-width:63.96vh}
*{box-sizing:border-box;font-family:sans-serif}
[hidden]{display:none!important}
html{scroll-behavior:auto;scroll-snap-type:none}
body{margin:0;font-family:system-ui;font-weight:100;font-size:1em;color:#000;background:#fff}
a{color:#000;text-decoration:none}
.boat-stage{position:fixed;inset:0;z-index:0;background:#fff;overflow:hidden;pointer-events:none}
#ship-video{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100vh;width:auto}
main{position:relative;z-index:1}
.page-section{height:100vh;min-height:600px;display:grid;grid-template-columns:minmax(0,1fr) var(--boat-width) minmax(0,1fr);scroll-snap-align:start}
.side-panel{height:100%;min-width:0;padding:20px 40px;display:flex;flex-direction:column;justify-content:center;background:#fff;text-align:center}
.boat-space{grid-column:2;background:transparent;pointer-events:none}.side-left{grid-column:1}.side-right{grid-column:3}.empty-panel{padding:0}
.home-copy{font-size:.9em;text-align:left}.home-copy p{margin:2em 0}.home-copy strong{font-weight:bold}.quoted{text-align:right;width:100%;display:block}
.home-nav{width:100%;text-align:center}.home-nav nav{display:flex;flex-direction:column;align-items:center}.home-nav nav a{font-size:24px;line-height:1.15;text-align:center}.home-nav nav a:hover,.home-nav nav a:focus-visible{text-decoration:underline;outline:none}
.logotype{display:block;font-weight:200!important;font-family:"Libre Barcode 128 Text",monospace;font-size:3em!important;text-align:center;user-select:none;white-space:nowrap;line-height:1}
.content-panel>div{width:100%}.section-link{font-size:20px;line-height:20px;margin:0 0 1em;font-weight:500}.section-text{font-size:20px;line-height:20px;padding:5px 0}.section-text p{margin:0}.section-logo{font-size:3em!important;margin:14px auto 0}
.project-panel{padding-left:28px;padding-right:28px}.project-index{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.project-index button{appearance:none;border:0;background:#fff;color:#000;font:inherit;font-size:24px;line-height:1.15;text-align:center;width:100%;min-height:40px;padding:5px 0;cursor:pointer}.project-index button b{font-weight:bold}.project-index button:hover,.project-index button:focus-visible{text-decoration:underline}.project-panel>.section-logo{width:100%}
.legal-dialog{width:min(680px,calc(100vw - 40px))}.legal-dialog .legal-text{font-size:14px;line-height:1.35;text-align:left}.legal-dialog .legal-text p{margin:0 0 1.35em;text-align:left}.legal-dialog .legal-text p:last-child{margin-bottom:0}.legal-backlink{margin:28px auto 0}

dialog{width:min(600px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;border:0;padding:52px 40px 40px;background:#fff;color:#000;box-shadow:0 0 18px rgba(0,0,0,.22);font-size:14px;line-height:1.35}dialog::backdrop{background:rgba(255,255,255,.9)}dialog h2{font-size:30px;line-height:1.05;text-align:center;margin:0 0 8px}.dialog-image{display:block;width:100%;max-height:60vh;object-fit:contain;margin:20px auto;background:#f3f3f3}dialog .subtitle{text-align:center;text-transform:uppercase;font-size:12px;margin:0 0 2rem}.close{position:absolute;right:16px;top:10px;border:0;background:none;font:200 32px/1 sans-serif;cursor:pointer}dialog p{text-align:justify}dialog:focus{outline:none}
:focus-visible{outline:2px solid #000;outline-offset:4px}
@media(max-width:1100px){
 html{scroll-snap-type:none}.boat-stage{position:absolute;height:100vh;inset:0 auto auto 0;width:100%;background:#000}#ship-video{left:0;transform:none;width:100%;height:100%;object-fit:cover}
 .page-section{height:100vh;min-height:640px;display:flex;align-items:center;justify-content:center;padding:7vh 16px}.boat-space,.empty-panel{display:none}
 .side-panel{grid-column:auto}.home-section{position:relative;display:block;padding:0}.home-section .side-panel{position:absolute;width:100%;height:auto;min-height:0;padding:20px 50px;background:transparent}.home-section .side-right{top:50%;transform:translateY(-55%)}.home-section .side-left{bottom:2vh}.home-copy{font-size:.9em}.home-copy p{max-width:700px;margin:20px auto}.home-nav{max-width:700px;margin:auto}
 .content-panel{width:min(600px,100%);height:auto;min-height:68vh;padding:42px 34px;background:#fff;box-shadow:none}.section-text{font-size:18px;line-height:20px}.project-index button{font-size:20px;min-height:40px}.project-panel{padding-left:26px;padding-right:26px}.legal-dialog .legal-text{font-size:14px;line-height:1.4}
}
@media(max-width:520px){.home-section .side-panel{padding:16px 24px}.home-section .side-right{top:47%}.home-section .side-left{bottom:1vh}.home-copy{font-size:.78em}.home-copy p{margin:14px auto}.logotype{font-size:2.75em!important}.home-nav nav a{font-size:24px}.content-panel{min-height:70vh;padding:34px 20px}.project-panel{padding-left:14px;padding-right:14px}.project-index button{font-size:20px}.section-text{padding:5px 0}dialog{padding:48px 22px 28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}