.work-page{--work-bg:var(--surface);--work-fg:var(--ink-950);--work-body:var(--body);isolation:isolate;background:var(--work-bg);min-height:100vh;color:var(--work-fg);font-family:var(--font-sans);font-size:17px;line-height:1.65;position:relative;overflow-x:clip}.work-page :is(h1,h2){font-weight:600}.portfolio-three-scene{z-index:0;opacity:.76;pointer-events:none;width:min(72vw,1100px);height:100svh;position:fixed;top:0;right:-5vw;overflow:hidden}.portfolio-three-scene canvas{width:100%;height:100%;display:block}.work-hero,.slab,.work-more{z-index:1;position:relative}.portfolio-header:not(.is-scrolled) .brand-copy strong,.portfolio-header:not(.is-scrolled) .brand-copy small,.portfolio-header:not(.is-scrolled) .brand-copy small b,.portfolio-header:not(.is-scrolled) .desktop-nav,.portfolio-header:not(.is-scrolled) .mobile-menu summary,.portfolio-header:not(.is-scrolled) .mobile-menu summary span{color:var(--ink-900)}.portfolio-header:not(.is-scrolled) .brand-copy small span:last-child{color:var(--muted)}.portfolio-header:not(.is-scrolled) .brand-copy strong,.portfolio-header:not(.is-scrolled) .brand-copy small b{color:var(--blue-700)}.portfolio-header:not(.is-scrolled) .desktop-nav a:hover{color:var(--blue-800)}.portfolio-header:not(.is-scrolled) .header-action,.portfolio-header:not(.is-scrolled) .header-action:hover{color:var(--ink-950);background:var(--accent-apricot);box-shadow:none}.work-hero{--hero-edge-space:max(clamp(20px, 3.5vw, 80px), calc((100vw - 1520px) / 2));isolation:isolate;min-height:100svh;padding:clamp(112px, 16svh, 184px) 0 var(--hero-edge-space);background:radial-gradient(at 88% 5%,#f2c58f33,#0000 38%),linear-gradient(135deg,#f8fbfda8 0%,#e8f4fc9e 55%,#f3f8fba8 100%);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative;overflow:hidden}.work-hero-content{flex-direction:column;align-items:flex-start;gap:clamp(24px,3.5vw,44px);display:flex}.work-hero-title{color:var(--blue-700);font-family:var(--font-brand-name), Georgia, serif;letter-spacing:.16em;margin:0;font-size:clamp(72px,11vw,144px);font-weight:700;line-height:.96}.work-hero-title span{display:inline-block}.work-hero-lede{max-width:660px;color:var(--work-body);margin:0;font-size:clamp(17px,1.5vw,19px);line-height:1.65}.work-hero-cta{margin-top:2px}.work-hero-scroll{display:none}.slab{color:var(--ink-900);background:#ffffffa3;align-items:center;gap:clamp(36px,7vw,100px);padding:clamp(144px,14vw,216px) max(24px,50% - 610px);display:grid;position:relative}.slab:nth-child(2n){background:#f2f7faad}.slab[data-side=left]{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.slab[data-side=right]{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}.slab[data-side=right] .slab-inner{order:2}.slab[data-side=right] .slab-shot{order:1}.slab-inner{flex-direction:column;align-items:flex-start;gap:26px;max-width:490px;display:flex}.slab-title{color:var(--ink-950);letter-spacing:-.035em;margin:0;font-size:clamp(34px,4vw,54px);line-height:1.08}.slab-copy{max-width:470px;color:var(--work-body);margin:0;font-size:17px;line-height:1.7}.slab-actions{flex-wrap:wrap;gap:12px;display:flex}.slab-cta{border:1px solid var(--line-300);min-height:48px;color:var(--blue-800);background:var(--surface);border-radius:9px;align-items:center;margin-top:2px;padding:0 18px;font-size:15px;font-weight:600;transition:border-color .2s,background-color .2s,transform .2s;display:inline-flex}.slab-cta:hover{border-color:var(--blue-700);background:var(--blue-100);transform:translateY(-2px)}.slab-cta-project{background:var(--canvas-100);cursor:pointer}.slab-shot{border:1px solid var(--line-200);background:var(--surface);border-radius:8px;min-width:0;transition:box-shadow .45s;display:block;overflow:hidden;box-shadow:0 5px 18px #0c2d4a0d}.slab-shot:hover{box-shadow:0 12px 28px #0c2d4a1f}.slab-frame{border-radius:inherit;display:block;overflow:hidden}.slab-frame img{width:100%;height:auto;transition:scale .5s cubic-bezier(.2,.8,.2,1);display:block}.slab-shot:is(:hover,:focus-visible) .slab-frame img{scale:1.025}.work-more{background:linear-gradient(150deg,#f2f7faad,#f8fbfdb8 72%);padding:clamp(72px,9vw,120px) max(24px,50% - 610px) clamp(80px,10vw,132px)}.work-more-head{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.work-more-title{color:var(--ink-950);letter-spacing:-.035em;margin:0;font-size:clamp(34px,4vw,48px);line-height:1.1}.work-more-sub{color:var(--muted);margin:0 0 5px;font-size:15px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}.cell{flex-direction:column;gap:13px;min-width:0;display:flex}.cell-shot{border:1px solid var(--line-200);background:var(--surface);border-radius:8px;transition:box-shadow .3s,transform .3s;display:block;position:relative;overflow:hidden;box-shadow:0 5px 18px #0c2d4a0d}.cell-shot img{width:100%;height:auto;transition:scale .5s cubic-bezier(.2,.8,.2,1);display:block}.cell:is(:hover,:focus-within) .cell-shot{transform:translateY(-3px);box-shadow:0 12px 28px #0c2d4a1f}.cell:is(:hover,:focus-within) .cell-shot img{scale:1.025}.cell-label{align-items:baseline;padding-inline:2px;display:flex}.cell-name{color:var(--ink-950);font-size:19px;font-weight:600;line-height:1.3;transition:color .2s}.cell:is(:hover,:focus-within) .cell-name{color:var(--blue-700)}.work-more-cta{justify-content:center;margin-top:clamp(38px,5vw,64px);display:flex}.slab-cta:focus-visible,.slab-shot:focus-visible,.cell-shot:focus-visible{outline:3px solid var(--accent-blue-focus);outline-offset:4px}@media (max-width:900px){.slab,.slab[data-side=right],.slab[data-side=left]{grid-template-columns:minmax(0,1fr);gap:34px;padding-block:120px}.slab[data-side=right] .slab-inner,.slab[data-side=right] .slab-shot{order:initial}.slab-inner{max-width:680px}.slab-shot{width:100%}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.portfolio-three-scene{opacity:.46;width:100vw;height:76svh;top:2vh;right:0}.work-hero{min-height:100svh;padding:88px 0 var(--hero-edge-space)}.work-hero-content{gap:28px}.work-hero-title{font-size:clamp(64px,18vw,96px)}.work-hero-lede{font-size:16px}.slab,.slab[data-side=right],.slab[data-side=left]{gap:30px;padding:92px 24px}.slab-title{font-size:clamp(32px,9vw,44px)}.slab-copy{font-size:16px}.work-more{padding:58px 24px 72px}.work-more-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px}.work-grid{grid-template-columns:minmax(0,1fr);gap:22px}}@media (min-width:1900px){.work-hero{--hero-edge-space:max(clamp(80px, 6vw, 120px), calc((100vw - 1600px) / 2))}}@media (prefers-reduced-motion:reduce){.slab-cta,.slab-shot,.slab-frame img,.cell-shot,.cell-shot img,.cell-name{transition:none}}