.work-page{--work-paper:#f8f7f3;--work-ink:#162a2d;--work-primary:#245c63;--work-deep:#183c42;--work-line:#cbd8d5;--work-muted:#52676a;background:var(--work-paper);color:var(--work-ink);min-height:100svh;font-family:Manrope,Arial,sans-serif;font-size:1rem;line-height:1.65;isolation:isolate;overflow-wrap:anywhere}.work-page ::selection{background:#cddfe1;color:#183c42}.work-page svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.work-page a{text-underline-offset:5px}.work-page :is(a,button,summary):focus-visible{outline:3px solid #347e85;outline-offset:5px}.work-page button:active:not(:disabled){transform:scale(.98)}.work-page button:disabled{opacity:.35;cursor:not-allowed}.work-page .work-skip{position:absolute;left:1.25rem;top:-5rem;z-index:50;padding:.8rem 1rem;background:white}.work-page .work-skip:focus{top:1rem}.work-page main{padding:0 clamp(1.25rem,4vw,4.5rem)}.work-page .work-intro{display:flex;align-items:end;justify-content:space-between;gap:3rem;padding:clamp(2.5rem,5vw,5rem) 0 2.5rem}.work-page h1{font-size:clamp(3rem,6.2vw,5.5rem);font-weight:500;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}.work-page h1 em{font-style:normal;color:var(--work-primary)}.work-page .work-intro>p{max-width:33ch;color:var(--work-muted);font-size:1rem;line-height:1.75;padding-bottom:.25rem}.work-page .work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 0 1.5rem}.work-page .work-toolbar>div{display:flex;gap:clamp(.75rem,2vw,2rem)}.work-page .work-toolbar button{background:none;border:0;border-bottom:2px solid transparent;padding:.5rem 0;min-height:44px;color:var(--work-muted);font-weight:650;font-size:.875rem}.work-page .work-toolbar button[aria-pressed=true]{border-color:var(--work-primary);color:var(--work-primary)}.work-page .work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;row-gap:3rem}.work-page .work-project:first-child{grid-column:1/-1}.work-page .work-image-button{display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:#edece5;position:relative;aspect-ratio:1.5;color:var(--work-ink);text-align:left}.work-page .work-project:first-child .work-image-button{aspect-ratio:1.85}.work-page .work-grid-pair .work-project:first-child{grid-column:auto}.work-page .work-grid-pair .work-project:first-child .work-image-button{aspect-ratio:1.5}.work-page .work-image-button>img{width:100%;height:100%;display:block;object-fit:cover}.work-page .work-enlarge{position:absolute;bottom:1.25rem;right:1.25rem;display:flex;gap:.65rem;align-items:center;min-height:44px;padding:.6rem 1rem;border-radius:8px;background:var(--work-paper);color:var(--work-deep);font-size:.8125rem;font-weight:700}.work-page .work-project-caption{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:1rem}.work-page .work-project-caption h2{font-size:clamp(1.125rem,1.7vw,1.5rem);font-weight:600;letter-spacing:-.025em;line-height:1.4}.work-page .work-project-caption p{font-size:.8125rem;color:var(--work-muted)}.work-page .work-attribution{font-size:.75rem;color:var(--work-muted);max-width:75ch;line-height:1.7;margin-top:2rem}.work-page .work-empty{padding:4rem 0 5rem;border-top:1px solid var(--work-line)}.work-page .work-empty h2{font-weight:500;font-size:1.75rem;letter-spacing:-.025em}.work-page .work-empty p{color:var(--work-muted);margin-top:.75rem}.work-page .work-empty button{display:flex;gap:1rem;align-items:center;min-height:44px;padding:.5rem 0;margin-top:1rem;background:none;border:0;border-bottom:1px solid;color:var(--work-primary)}.work-page .work-contact{margin-top:clamp(4rem,7vw,7rem);padding:clamp(2rem,5vw,4.5rem);background:var(--work-deep);color:var(--work-paper);display:flex;align-items:end;justify-content:space-between;gap:3rem}.work-page .work-contact h2{font-size:clamp(2.25rem,4.8vw,4.5rem);font-weight:500;line-height:1.05;letter-spacing:-.04em;text-wrap:balance}.work-page .work-contact p{color:#c7dbd7;margin-top:1.25rem;max-width:40ch}.work-page .work-contact>a{display:flex;align-items:center;justify-content:space-between;gap:3rem;min-height:48px;min-width:180px;text-decoration:none;border-bottom:1px solid #a6c4bf;font-size:.875rem;font-weight:700}.work-page .work-contact>a:focus-visible{outline-color:#b7d6d2}.work-page .work-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem clamp(1.25rem,4vw,4.5rem);font-size:.8125rem;color:var(--work-muted)}.work-page .work-footer>a{display:inline-flex;align-items:center;gap:1rem;min-height:44px;text-decoration:none;color:var(--work-primary);font-weight:700}.work-page .work-viewer{margin:0;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));border:0;background:#142d30;color:#f8f7f3;overflow:hidden;overscroll-behavior:contain}.work-page .work-viewer::backdrop{background:#142d30}.work-page .work-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem}.work-page .work-viewer :is(a,button):focus-visible{outline-color:#b7d6d2}.work-page .work-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-width:0}.work-page .work-viewer-header>div:first-child{min-width:0}.work-page .work-viewer-header h2{font-weight:600;font-size:1.125rem;line-height:1.4;letter-spacing:-.02em}.work-page .work-viewer-header p{color:#bdd3d0;font-size:.8125rem;margin-top:.25rem}.work-page .work-viewer-actions{display:flex;gap:.75rem;flex-shrink:0}.work-page .work-viewer :is(button,a){color:inherit}.work-page .work-viewer-actions :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:44px;min-height:44px;background:none;border:1px solid #6b8b88;border-radius:8px;padding:.6rem .9rem;font-size:.8125rem;text-decoration:none}.work-page .work-viewer-stage{min-height:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:1rem;align-items:center}.work-page .work-viewer-stage>button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #6b8b88;border-radius:50%;background:none}.work-page .work-viewer-stage figure{margin:0;min-height:0;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}.work-page .work-viewer-stage img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}.work-page .work-viewer-stage img[hidden]{display:none}.work-page .work-viewer-stage figcaption{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);max-width:min(100%,60ch);padding:.75rem 1rem;background:#142d30;color:#d4e3df;font-size:.875rem;text-align:center}.work-page .work-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-width:0}.work-page .work-viewer-position{flex-shrink:0}.work-page .work-viewer-position p:first-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.875rem}.work-page #work-viewer-help{font-size:.75rem;color:#bdd3d0;margin-top:.25rem}.work-page .work-thumbnails{display:flex;gap:.5rem;overflow-x:auto;max-width:65%;padding:6px;scrollbar-color:#86aaa5 #142d30;scrollbar-width:thin}.work-page .work-thumbnails button{width:72px;height:50px;flex-shrink:0;padding:2px;border:2px solid transparent;border-radius:6px;background:none}.work-page .work-thumbnails button[aria-pressed=true]{border-color:#e1eeea}.work-page .work-thumbnails img{width:100%;height:100%;object-fit:cover;display:block;border-radius:2px}@media(hover:hover) and (pointer:fine){.work-page .work-image-button>img{transition:transform .22s cubic-bezier(.22,1,.36,1)}.work-page .work-image-button:hover>img{transform:scale(1.015)}.work-page .work-toolbar button:hover{color:var(--work-primary)}.work-page .work-viewer button:hover:not(:disabled){background:#2b4c50}}@media(max-width:900px){.work-page .work-intro{align-items:start;gap:2rem}.work-page .work-intro>p{max-width:27ch}.work-page .work-project-caption{display:block}.work-page .work-project-caption p{margin-top:.35rem}.work-page .work-grid{gap:2rem 1.25rem}.work-page .work-contact{align-items:start;flex-direction:column;gap:2rem}}@media(max-width:650px){.work-page .work-intro{display:block;padding-block:2.5rem 2rem}.work-page h1{font-size:clamp(2.8rem,10.5vw,4rem)}.work-page .work-intro>p{max-width:36ch;margin-top:1.5rem;font-size:.9375rem}.work-page .work-toolbar{gap:.5rem;align-items:end}.work-page .work-toolbar>div{gap:1rem}.work-page .work-toolbar button{font-size:.8125rem}.work-page .work-grid{grid-template-columns:1fr;row-gap:2rem}.work-page .work-project:first-child .work-image-button{aspect-ratio:1.5}.work-page .work-enlarge{bottom:.75rem;right:.75rem;padding:.5rem .75rem}.work-page .work-project-caption{display:flex;align-items:start;flex-wrap:wrap;gap:.25rem 1rem}.work-page .work-project-caption p{margin-top:.1rem}.work-page .work-footer{align-items:start;flex-wrap:wrap;gap:.75rem 2rem;padding-block:2rem}.work-page .work-footer p{order:3;width:100%}.work-page .work-viewer{padding:1rem}.work-page .work-viewer-header{gap:.75rem;align-items:start}.work-page .work-viewer-header h2{font-size:1rem}.work-page .work-viewer-actions{gap:.5rem}.work-page .work-viewer-actions :is(button,a){padding:.6rem}.work-page .work-viewer-actions span{display:none}.work-page .work-viewer-stage{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) 44px;gap:1rem}.work-page .work-viewer-stage figure{grid-column:1/-1;grid-row:1}.work-page .work-previous{grid-row:2;justify-self:end}.work-page .work-next{grid-row:2;justify-self:start}.work-page .work-viewer-footer{display:block}.work-page .work-viewer-position{display:flex;gap:1rem;justify-content:space-between;align-items:baseline}.work-page #work-viewer-help{max-width:24ch;text-align:right}.work-page .work-thumbnails{max-width:100%;justify-content:start;margin-top:.5rem}.work-page .work-viewer-stage figcaption{min-width:85%;font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.work-page *,.work-page :after,.work-page :before{transition:none!important;animation:none!important;scroll-behavior:auto!important}.work-page button:active:not(:disabled){transform:none}}.work-page .work-toolbar>div{flex-wrap:wrap;gap:.5rem 1.5rem}.work-page .work-index-grid>.work-project:last-child:nth-child(2n){grid-column:1/-1}.work-page .work-index-grid>.work-project:last-child:nth-child(2n) .work-image-button{aspect-ratio:1.85}.work-page .work-grid-pair>.work-project:last-child{grid-column:auto}.work-page .work-grid-pair>.work-project:last-child .work-image-button{aspect-ratio:1.5}.work-page .work-image-button{text-decoration:none}.work-page .work-project-caption{flex-wrap:wrap;gap:.25rem 1rem}.work-page .work-project-caption h2 a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.work-page .work-load-more{margin-top:3rem;text-align:center}.work-page .work-load-more button{display:inline-flex;align-items:center;gap:2rem;min-height:48px;padding:.8rem 1.25rem;border:1px solid var(--work-line);border-radius:8px;background:transparent;color:var(--work-primary);font-weight:700;font-size:.875rem}.work-page .work-load-more p{font-size:.8125rem;color:var(--work-muted);margin-top:.75rem}.work-page .work-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.5rem;padding-top:2rem;font-size:.8125rem;color:var(--work-muted)}.work-page .work-breadcrumb a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;color:var(--work-primary);font-weight:650;text-decoration:none}.work-page .work-detail-intro{padding-top:1.5rem;padding-bottom:2.5rem}.work-page .work-detail-intro h1{max-width:15ch}.work-page .work-project-description{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;border-top:1px solid var(--work-line);padding:2rem 0;font-size:1rem;line-height:1.85;color:var(--work-muted)}.work-page .work-project-description p{max-width:65ch}.work-page .work-project-meta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 0 1.5rem;font-size:.8125rem;color:var(--work-primary);font-weight:650}.work-page .work-detail-grid>.work-project{margin:0;min-width:0}@media(hover:hover) and (pointer:fine){.work-page .work-load-more button:hover{background:#e5edef}.work-page .work-project-caption a:hover{text-decoration:underline}}@media(max-width:650px){.work-page .work-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.work-page .work-toolbar>div{gap:.3rem 1.1rem}.work-page .work-index-grid>.work-project:last-child:nth-child(2n) .work-image-button{aspect-ratio:1.5}.work-page .work-project-description{grid-template-columns:1fr;gap:1.25rem;padding-block:1.5rem;font-size:.9375rem}.work-page .work-project-meta{font-size:.75rem;align-items:start}.work-page .work-detail-intro{padding-top:1rem;padding-bottom:1.5rem}.work-page .work-breadcrumb{padding-top:1rem}.work-page .work-project-caption{display:block}.work-page .work-project-caption p{margin-top:.1rem}.work-page .work-viewer{padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}}@media(max-width:360px){.work-page h1{font-size:2.4rem}}.work-page .work-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.work-page .work-index-grid>.work-project:first-child,.work-page .work-index-grid>.work-project:last-child:nth-child(2n){grid-column:auto}.work-page .work-index-grid .work-image-button,.work-page .work-index-grid>.work-project:first-child .work-image-button,.work-page .work-index-grid>.work-project:last-child:nth-child(2n) .work-image-button{aspect-ratio:4/3;border-radius:14px}@media(max-width:1099px){.work-page .work-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}@media(max-width:650px){.work-page .work-index-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.work-page .work-index-grid .work-image-button,.work-page .work-index-grid>.work-project:first-child .work-image-button,.work-page .work-index-grid>.work-project:last-child:nth-child(2n) .work-image-button{aspect-ratio:1.4}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.work-page .work-index-grid>.work-project{animation:work-card-in linear both;animation-timeline:view();animation-range:entry 0 cover 18%}.work-page .work-index-grid>.work-project:nth-child(3n+2){animation-range:entry 6% cover 24%}.work-page .work-index-grid>.work-project:nth-child(3n){animation-range:entry 12% cover 30%}}@media(hover:hover) and (pointer:fine){.work-page .work-index-grid .work-image-button img{transition:transform .6s cubic-bezier(.23,1,.32,1)}.work-page .work-index-grid .work-image-button:focus-visible img,.work-page .work-index-grid .work-image-button:hover img{transform:scale(1.04)}}}@keyframes work-card-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.work-page section.work-contact{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:radial-gradient(70% 90% at 0 0,#3E7E83 0,transparent 55%),radial-gradient(60% 90% at 100% 100%,rgba(110,159,176,.55) 0,transparent 60%),linear-gradient(160deg,#245C63,#183C42 58%,#14302F);box-shadow:0 26px 60px rgba(24,60,66,.22),inset 0 1px 0 rgba(255,255,255,.08)}.work-page section.work-contact:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 85% 10%,rgba(229,237,239,.14),transparent 70%)}@media(max-width:899px){.work-page section.work-contact{border-radius:22px}}