.projects-container{width:var(--content-width);margin-inline:auto}.projects-page .site-footer{padding-top:36px}.project-fleet{isolation:isolate;background:radial-gradient(at 70% 25%,#17202b55,#0000 60%);display:block;position:relative;overflow:clip}.fleet-water-viewport{z-index:-2;pointer-events:none;position:absolute;inset:0}.fleet-water{width:100%;height:100vh;display:block;position:sticky;top:0}.fleet-ocean-fade{z-index:-1;pointer-events:none;background:linear-gradient(var(--color-canvas) 0%,transparent 9%,transparent 88%,var(--color-canvas) 100%);position:absolute;inset:0}.project-showcase{grid-template-columns:1fr 1.1fr;grid-template-areas:"copy art";align-items:center;column-gap:64px;min-height:650px;padding-block:20px 40px;display:grid;position:relative}.project-showcase.project-showcase-reverse{grid-template-areas:"art copy"}.projects-intro{z-index:2;padding-block:var(--page-intro-top) 28px;position:relative}.projects-intro h1{font-size:var(--type-page);letter-spacing:-.055em;margin:0;font-weight:400;line-height:1.07}.projects-intro h1 span{color:var(--color-accent)}.projects-intro p{color:var(--color-muted);max-width:580px;margin:26px 0 0;font-size:18px;line-height:1.65}.fleet-copy{z-index:2;grid-area:copy;max-width:400px}.project-showcase-reverse .fleet-copy{justify-self:end}.fleet-copy .fleet-meta{font:400 11px/1.8 var(--font-mono);color:var(--color-muted);letter-spacing:.045em;text-transform:uppercase;margin:0 0 20px;display:block}.fleet-copy h2{letter-spacing:-.045em;margin:0 0 22px;font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.13}.fleet-copy p{color:var(--color-muted);max-width:365px;margin:0;font-size:17px;line-height:1.7}.fleet-copy p.fleet-role{color:var(--color-muted);margin-top:25px;font-size:13px}.fleet-ship-stage{min-height:600px;color:inherit;outline-offset:6px;grid-area:art;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.fleet-vessel{--angle:34deg;z-index:1;width:249px;height:560px;transform:rotate(var(--angle));isolation:isolate;background:0 0;flex-shrink:0;padding:0;display:block}.project-showcase-reverse .fleet-vessel{--angle:-34deg}.fleet-vessel .fleet-drift{width:100%;height:100%;animation:9s ease-in-out infinite fleet-drift;display:block;position:relative}.project-showcase-reverse .fleet-drift{animation-delay:-3.6s}.fleet-vessel img{object-fit:contain;width:100%;height:100%;transition:filter .45s}.fleet-ship-stage:hover img,.fleet-ship-stage:focus-visible img{filter:brightness(1.15)}.fleet-cargo-name{width:48%;height:3%;font:9px var(--font-mono);letter-spacing:.07em;color:#a8bdf5;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;display:flex;position:absolute;top:48.4%;left:26%;overflow:hidden}.fleet-caption{font:10px var(--font-mono);letter-spacing:.04em;color:#9eafc2;z-index:2;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;bottom:6px;left:0}.fleet-view{font-family:var(--font-sans);color:var(--color-accent);letter-spacing:0;margin-left:8px;font-size:11px}.fleet-caption-line{background:#7c9eff66;width:35px;height:1px}.fleet-ship-stage:focus-visible{outline:none}.fleet-ship-stage:focus-visible:after{content:"";border:1px solid var(--color-accent);pointer-events:none;border-radius:6px;position:absolute;inset:16px 0 28px}.fleet-vessel.paused .fleet-drift{animation-play-state:paused}@keyframes fleet-drift{0%,to{transform:translate(0)rotate(-.2deg)}50%{transform:translate(2px,-5px)rotate(.2deg)}}.fleet-end{grid-template-columns:1fr 1.1fr;column-gap:64px;padding-block:0 88px;display:grid}.fleet-end p{width:100%;max-width:400px;color:var(--color-muted);grid-column:2;justify-self:end;margin:0;font-size:16px;line-height:1.7}.fleet-end a{color:var(--color-text);white-space:nowrap}.fleet-end a:hover,.fleet-end a span{color:var(--color-accent)}@media (width<=1050px){.project-showcase{column-gap:40px;min-height:610px}.fleet-ship-stage{min-height:550px}.fleet-vessel{width:204px;height:460px}.fleet-copy h2{font-size:33px}.fleet-cargo-name{font-size:8px}}@media (width<=700px){.project-showcase,.project-showcase.project-showcase-reverse{grid-template-columns:1fr;grid-template-areas:"art""copy";row-gap:28px;min-height:0;padding-block:30px 50px}.projects-intro{padding-block:var(--page-intro-top) 4px}.projects-intro h1{max-width:340px}.projects-intro p{margin-top:22px;font-size:18px}.fleet-ship-stage{min-height:470px}.fleet-vessel{width:182px;height:410px}.fleet-copy,.project-showcase-reverse .fleet-copy{justify-self:stretch;max-width:none}.fleet-copy h2{margin-bottom:15px;font-size:31px;line-height:1.13}.fleet-copy .fleet-meta{margin-bottom:14px}.fleet-copy p{max-width:100%;font-size:16px;line-height:1.65}.fleet-copy .fleet-description{line-height:1.7}.fleet-copy p.fleet-role{margin-top:18px;font-size:12px}.fleet-caption{font-size:10px;bottom:0}.fleet-cargo-name{font-size:7px}.fleet-end{padding-block:8px 50px;display:block}.fleet-end p{max-width:290px;font-size:15px}}@media (prefers-reduced-motion:reduce){.fleet-vessel .fleet-drift{animation:none}.fleet-vessel img{transition:none}}.fleet-end .ui-text-link{font:inherit;min-height:0;padding:0;display:inline}.fleet-end .ui-text-link-label{padding:0}