:root{--ink:#18394c;--paper:#f7fafb;--inset:clamp(24px,5vw,96px);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}button[hidden]{display:none}h1,h2,h3,p,figure{margin:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4}img{display:block;max-width:100%}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;top:16px;left:16px;z-index:10;padding:14px;background:white}
.poster{user-select:none;-webkit-user-select:none;isolation:isolate;position:relative;min-height:720px;height:100svh;max-height:1250px;overflow:hidden;background:radial-gradient(ellipse at 73% 52%,#e4edf2,transparent 53%),linear-gradient(140deg,#d7e3eb,#8baec4 75%,#c4d9e4);display:flex;flex-direction:column;padding:32px var(--inset) 30px}#surface,.poster-light{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.poster-light{z-index:-1;background:linear-gradient(100deg,#e8eff528,transparent 60%);pointer-events:none}.masthead{display:flex;justify-content:space-between;align-items:start;font-size:14px;line-height:1.5}.masthead nav{display:flex;gap:38px}.masthead a{text-decoration:none;padding:4px 0}.masthead a:hover{text-decoration:underline}.title{margin-block:auto;display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;padding:38px 0 60px;pointer-events:none}.title h1{font-size:clamp(100px,16.2vw,290px);font-weight:500;line-height:.79;letter-spacing:-.055em;margin-left:-.065em}.title h1:first-line{line-height:.9}.title p{font-size:clamp(16px,1.5vw,23px);line-height:1.4;letter-spacing:-.02em;max-width:290px;padding-bottom:7px}.poster-bottom{display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:20px;font-size:14px}.work-link{display:flex;align-items:center;gap:32px;text-decoration:none;min-height:44px}.work-link svg{transition:transform .35s cubic-bezier(.2,.65,.3,1)}.work-link:hover svg{transform:translateY(4px)}.surface-controls{display:flex;align-items:center;gap:24px}.surface-controls button{border:0;background:none;padding:12px 0;min-height:44px;font-size:13px}.surface-controls button:hover{text-decoration:underline;text-underline-offset:4px}#ripple span{margin-left:12px;font-size:21px;vertical-align:-2px}#motion{opacity:.75;min-width:78px;text-align:right}
.work{padding:100px var(--inset) 0;scroll-margin-top:24px;max-width:1800px;margin:auto}.work-intro{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:54px}h2{font-size:clamp(34px,4.3vw,70px);line-height:1.02;font-weight:400;letter-spacing:-.05em}.work-intro p{max-width:390px;font-size:18px;line-height:1.5}.project-media{position:relative;overflow:hidden;display:block;aspect-ratio:1.8;background:#d9e7ee}.ferry-media{background:#c6d8e2;isolation:isolate}.map-art{position:absolute;inset:0;background:url('../../assets/aweigh/sanjuans.svg') center/cover no-repeat;opacity:.23;mix-blend-mode:multiply;z-index:-1}.ferry-media::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#dbe6ec80,transparent 55%)}.watch{position:absolute;height:85%;aspect-ratio:1120/1760;left:24%;top:8%}.watch>img{position:relative;width:100%;height:100%;filter:drop-shadow(4px 18px 13px #18394c29)}.watch video{position:absolute;left:12.768%;top:21.818%;width:74.464%;height:56.477%;object-fit:fill;background:#101b29;border-radius:24%}.phone{position:absolute;left:53%;height:110%;top:14%;width:auto;aspect-ratio:1320/2868;border:7px solid #233644;border-radius:clamp(24px,3vw,48px);overflow:hidden;box-shadow:10px 16px 30px #1c374738;background:#233644}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.project-caption{position:relative;display:grid;grid-template-columns:1fr 1fr auto;align-items:start;gap:30px;padding:27px 0 0}.project-caption h3{font-size:26px;letter-spacing:-.035em;font-weight:500;margin-bottom:8px}.project-caption h3 a{text-decoration:none}.project-caption h3 a:hover{text-decoration:underline}.project-caption h3 a::after{content:"";position:absolute;inset:0}.project-caption h3+span{font-size:13px;color:#526b7b}.project-caption p{font-size:16px;line-height:1.55;max-width:410px}.project-link{font-size:14px;padding-top:8px;white-space:nowrap}.project-link span{font-size:20px;margin-left:12px;color:inherit}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:88px}.project-pair .project-caption{display:block}.project-pair .project-caption p{margin-top:15px;max-width:64ch}.project-pair .project-link{margin-top:20px}.project-pair .project-media{aspect-ratio:4/3;background:#e8edf0}.image-link img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1)}.image-link:hover img{transform:scale(1.025)}.more{margin-top:130px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:40px}.section-heading h2{font-size:clamp(30px,3.3vw,48px)}.section-heading>a{font-size:14px}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.more-grid>a{text-decoration:none}.more-grid img{width:100%;aspect-ratio:1.3;height:auto;object-fit:cover;background:#e8eef2}.more-grid h3{font-size:21px;font-weight:500;letter-spacing:-.025em;margin:20px 0 8px}.more-grid a:hover h3{text-decoration:underline;text-underline-offset:4px}.more-grid p{font-size:15px;line-height:1.5;color:#526b7b}.more-grid .project-link{margin-top:14px}.engine{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:110px 0 100px;margin-top:100px;border-top:1px solid #d4dfe5}.engine h2{font-size:clamp(34px,4vw,60px)}.engine p{font-size:20px;line-height:1.5;max-width:500px;margin-bottom:26px}.engine a{font-size:15px}footer{background:#dce7ee;padding:65px var(--inset) 30px;display:grid;grid-template-columns:1fr auto;gap:50px}footer p{font-size:clamp(32px,4vw,58px);letter-spacing:-.045em;line-height:1.08;margin-bottom:26px}footer nav{display:flex;gap:28px;align-items:start;font-size:14px}footer>span{grid-column:1/-1;font-size:13px;margin-top:25px}
@media(min-width:1500px){.title{grid-template-columns:1fr}.title p{justify-self:end;margin-top:-65px}.poster{padding-top:42px;padding-bottom:38px}}
@media(max-width:1050px){.title{grid-template-columns:1fr;gap:36px}.title h1{font-size:20vw}.title p{justify-self:end}.project-caption{grid-template-columns:1fr 1fr}.project-link{grid-column:1/-1;padding-top:0}.poster{min-height:660px}.project-pair{gap:24px}}
@media(max-width:600px){.poster{min-height:620px;max-height:950px;padding-top:25px;padding-bottom:20px}.masthead{font-size:12px}.masthead nav{gap:25px}.title{gap:40px;padding:40px 0}.title h1{font-size:22vw;line-height:.83}.title p{font-size:17px;justify-self:start;margin-left:1px}.poster-bottom{align-items:end;font-size:12px}.work-link{gap:14px}.surface-controls{gap:0;align-items:end;flex-direction:column}.surface-controls button{font-size:12px;padding:7px 0;min-height:36px}.work{padding-top:64px}.work-intro{display:block;margin-bottom:30px}.work-intro p{margin-top:25px;font-size:16px;max-width:320px}.ferry-media{aspect-ratio:1.05}.watch{height:72%;left:5%;top:10%}.phone{height:99%;left:51%;top:12%;border-width:4px;border-radius:24px}.project-caption{display:block;padding-top:22px}.project-caption h3{font-size:24px}.project-caption p{margin-top:18px}.project-link{display:inline-block;margin-top:20px}.project-pair{grid-template-columns:1fr;margin-top:55px;gap:50px}.more{margin-top:72px}.section-heading{align-items:start}.section-heading h2{max-width:220px}.section-heading>a{white-space:nowrap;font-size:12px;padding-top:6px}.more-grid{grid-template-columns:1fr;gap:32px}.more-grid img{aspect-ratio:1.5}.more-grid h3{margin-top:14px}.engine{grid-template-columns:1fr;gap:28px;margin-top:65px;padding:56px 0 64px}.engine p{font-size:18px}footer{grid-template-columns:1fr;padding-top:45px;gap:35px}footer nav{flex-wrap:wrap}footer>span{margin-top:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.image-link:hover img,.work-link:hover svg{transform:none}}

.surface-controls{min-height:44px}.surface-controls button:disabled{opacity:.45;cursor:default;text-decoration:none}@media(max-width:600px){.surface-controls{min-height:72px}}