@font-face{font-family:Newsreader;src:url('assets/newsreader.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:light;--paper:#f6f4ef;--ink:#302f2a;--muted:#68665e;--rule:#d7d4ca;--accent:#96624e;--serif:Newsreader,Georgia,serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#d9bfa8;color:var(--ink)}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}a:hover{color:var(--accent)}.page{width:min(1200px,calc(100% - 112px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;letter-spacing:-.025em}.brand img{display:block}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.intro{padding:67px 0 68px;display:flex;align-items:baseline;justify-content:space-between;gap:35px}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(4rem,7.1vw,6rem);line-height:1.05}.period{color:var(--accent)}.intro p{color:var(--muted);font-size:15px}.project{border-top:1px solid var(--rule);padding:64px 0 82px;display:grid;grid-template-columns:1fr 1.65fr;gap:70px;align-items:center;scroll-margin-top:30px}.project-copy{padding-bottom:30px}h2{font-size:clamp(2.8rem,4vw,4.2rem);line-height:1.1}.project-copy p{font-size:16px;line-height:1.65;max-width:25ch;color:var(--muted);margin-top:18px}.status{display:block;margin-top:25px;font-size:12px;color:var(--muted)}.gallery{display:flex;gap:26px;align-items:flex-start;max-width:590px;justify-self:end;width:100%;padding:0 18px}.shot{display:block;width:calc(50% - 13px);transition:transform .3s cubic-bezier(.16,1,.3,1);line-height:0;border-radius:14px;box-shadow:0 12px 26px #302f2a16;overflow:hidden;background:#e7e2d7}.shot:hover{transform:translateY(-5px)}.shot img{display:block;width:100%;height:auto}.offset{margin-top:44px}.songsea{padding-top:82px}.songsea .project-copy{order:2}.songsea{grid-template-columns:1.65fr 1fr}.songsea .gallery{order:1;justify-self:start}.sea-gallery .shot{background:#173a43}.visit{display:inline-flex;align-items:center;gap:12px;margin-top:27px;font-size:14px}.related{display:flex;align-items:center;gap:8px;width:fit-content;margin-top:30px;font-size:12px;color:var(--muted)}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.related svg{width:13px;height:13px}.spawna-shot{display:block;line-height:0;overflow:hidden;border-radius:4px;background:#111420}.spawna-shot img{display:block;width:100%;height:auto}footer{border-top:1px solid var(--rule);display:flex;gap:26px;align-items:center;padding:33px 0 42px;font-size:12px;color:var(--muted)}footer span{margin-right:auto}footer a{display:flex;align-items:center;gap:6px;text-decoration:none}footer a:hover{text-decoration:underline}.skip{position:fixed;top:12px;left:12px;background:var(--ink);color:var(--paper);padding:12px 18px;z-index:10;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}
@media(min-width:1600px){.intro{padding-top:90px;padding-bottom:90px}}
@media(max-width:900px){.page{width:calc(100% - 64px)}.intro{display:block;padding:52px 0}.intro p{margin-top:17px}.project{gap:32px;grid-template-columns:1fr 1.6fr}.songsea{grid-template-columns:1.6fr 1fr}.gallery{gap:16px;padding:0}.shot{width:calc(50% - 8px)}.project-copy p{font-size:14px}}
@media(max-width:600px){html{scroll-padding-top:20px}.page{width:calc(100% - 40px)}header{padding:24px 0;gap:20px;flex-wrap:wrap}.brand{font-size:16px}.brand img{width:26px;height:26px}nav{gap:18px;font-size:12px;width:100%;justify-content:space-between;padding-top:5px}.intro{padding:38px 0 40px}h1{font-size:clamp(3.7rem,14vw,5rem)}.intro p{font-size:13px;margin-top:14px}.project,.songsea{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:38px 0 47px;scroll-margin-top:15px}.project-copy,.songsea .project-copy{order:0;padding:0}h2{font-size:2.8rem}.project-copy p{font-size:14px;margin-top:10px;max-width:32ch}.status{font-size:11px;margin-top:13px}.gallery,.songsea .gallery{order:1;gap:14px;padding:0 2px;width:100%}.shot{width:calc(50% - 7px);border-radius:10px}.offset{margin-top:25px}.visit{margin-top:17px}.related{margin-top:18px}footer{padding:25px 0 32px;gap:18px;flex-wrap:wrap;font-size:11px}footer span{width:100%}footer a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shot{transition:none}.shot:hover{transform:none}}