.work-page{--work-rule:#d1d3c8;--work-muted:#647066}.work-page .masthead{max-width:1536px;width:calc(100% - 88px);min-height:100px;padding:0;border-bottom:1px solid var(--work-rule)}.work-page .masthead nav{gap:36px}.work-page .masthead nav a{font-size:14px}.work-page .masthead .wordmark{font-size:38px}.work-wrap{width:calc(100% - 88px);max-width:1448px;margin-inline:auto}.work-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:40px 0 30px}.work-intro h1{font-size:clamp(48px,5.3vw,80px);line-height:1;letter-spacing:-.03em}.work-intro>p{font-size:14px;line-height:1.7;color:var(--work-muted)}.work-image{display:block;position:relative;width:100%;border:0;background:#e1e0d8;padding:0;cursor:zoom-in;text-align:left;overflow:hidden}.work-photo{display:block;width:100%;height:100%;overflow:hidden;position:relative}.work-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-image:hover .work-photo:not(.reference-photo) img{transform:scale(1.012)}.reference-photo{aspect-ratio:var(--frame-ratio)}.reference-photo img{position:absolute;width:var(--image-width);max-width:none;height:auto;left:var(--image-left);top:var(--image-top)}.image-corner{position:absolute;bottom:14px;right:14px;background:var(--paper);color:var(--ink);width:34px;height:34px;display:grid;place-items:center;opacity:0;transition:opacity .2s;font-size:18px}.work-image:hover .image-corner,.work-image:focus-visible .image-corner{opacity:1}.kitchen-opening{display:grid;grid-template-columns:1.28fr 1fr;gap:7.6%;align-items:start}.kitchen-cover{aspect-ratio:3/4}.kitchen-cover img{object-position:50% 45%}.kitchen-introduction{display:flex;flex-direction:column}.project-copy{padding:12px 0 36px}.work-label{font-size:12px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:var(--work-muted)}.project-copy h2{font-size:clamp(40px,4vw,62px);line-height:1.03;margin:18px 0 20px;letter-spacing:-.025em}.project-copy>p:last-of-type{font-size:16px;line-height:1.8;max-width:290px}.gallery-link{display:inline-flex;align-items:center;gap:36px;padding:8px 0;min-height:44px;background:transparent;border:0;border-bottom:1px solid var(--work-rule);border-radius:0;font:14px/1.4 var(--body);color:var(--ink);cursor:pointer;text-decoration:none}.gallery-link:hover{text-decoration:none;border-color:var(--ink)}.project-copy .gallery-link{margin-top:20px}.gallery-link span{font-size:18px}.cabinet-view{width:70%;align-self:flex-end;aspect-ratio:4/5}.cabinet-view img{object-position:50% 100%}.kitchen-sequence{display:grid;grid-template-columns:1fr .55fr .52fr;gap:5%;align-items:center;padding:72px 0 84px}.island-view{align-self:start}.pattern-view{align-self:end;margin-bottom:20px}.kitchen-sequence figcaption{font-size:12px;color:var(--work-muted);padding-top:12px}.kitchen-sequence .work-image{aspect-ratio:2/3}.sequence-note .work-label{font-size:12px;letter-spacing:.08em}.sequence-note>p{font:28px/1.2 var(--display);margin-top:16px;max-width:230px}.bedroom-feature{background:#e8e8de;padding:64px 0 46px}.project-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.project-heading h2{font-size:clamp(35px,3.5vw,54px);line-height:1.1;margin-top:14px;letter-spacing:-.025em}.project-heading>p{font-size:14px;line-height:1.75;color:var(--work-muted);max-width:250px}.bedroom-images{display:grid;grid-template-columns:1.36fr 1fr;gap:22px;align-items:end}.retreat-view{aspect-ratio:4/3}.canopy-view{aspect-ratio:1}.canopy-view img{object-position:50% 80%}.project-end{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:14px}.project-end>p{font-size:12px;color:var(--work-muted)}.living-feature{padding:74px 0 64px}.living-images{display:grid;grid-template-columns:1fr 1fr;gap:22px}.living-images .work-image{aspect-ratio:4/5}.living-images .work-image:first-child img{object-position:center 65%}.living-images .work-image:last-child img{object-position:center 75%}.work-invitation{padding:44px 0 54px;border-top:1px solid var(--work-rule)}.work-invitation>div{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:16px}.work-invitation h2{font-size:clamp(36px,4vw,60px);letter-spacing:-.03em}.work-footer{padding:34px 0;background:var(--ink);color:var(--paper)}.work-footer .work-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.work-footer .wordmark{font-size:30px}.work-footer p{font-size:13px;line-height:1.8}.work-footer a:last-child{font-size:14px}.portfolio-viewer{background:var(--paper);color:var(--ink);width:100%;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:0}.portfolio-viewer::backdrop{background:#203027e8}.viewer-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:20px 32px}.viewer-shell header,.viewer-shell footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.viewer-shell header button,.viewer-shell footer button{background:transparent;border:1px solid var(--work-rule);min-height:44px;min-width:44px;padding:8px 16px;color:var(--ink);font-size:12px}.viewer-shell header button span{padding-left:18px;font-size:18px}.viewer-picture{min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer-picture .work-photo{max-width:100%;max-height:100%;width:auto;height:auto}.viewer-picture .work-photo:not(.reference-photo){width:100%;height:100%}.viewer-picture img{object-fit:contain}.viewer-picture .reference-photo{width:min(70vh,640px);height:auto;aspect-ratio:1}.viewer-shell footer>div{display:flex;gap:8px}.viewer-shell footer>p{max-width:75%;font-size:13px;color:var(--work-muted)}.viewer-shell footer button{font-size:20px}.work-page:has(.portfolio-viewer[open]){overflow:hidden}
@media(min-width:1600px){.kitchen-cover{max-height:none}.kitchen-opening{grid-template-columns:1.3fr 1fr;gap:8%}.project-copy{padding-top:30px}.project-copy h2{font-size:66px}}
@media(max-width:900px){.work-wrap,.work-page .masthead{width:calc(100% - 48px)}.kitchen-opening{gap:6%;grid-template-columns:1.15fr 1fr}.project-copy h2{font-size:40px}.project-copy{padding-top:0}.cabinet-view{width:76%}.kitchen-sequence{gap:4%;grid-template-columns:1.2fr .8fr}.sequence-note{display:none}.bedroom-images{gap:16px}.living-images{gap:16px}}
@media(max-width:600px){.work-wrap,.work-page .masthead{width:calc(100% - 36px)}.work-page .masthead{display:flex;flex-wrap:wrap;min-height:78px;gap:4px 16px;padding:16px 0 10px}.work-page .masthead .wordmark{font-size:clamp(25px,7.4vw,30px)}.work-page .masthead nav{gap:18px;margin:0;flex-wrap:wrap}.work-page .masthead nav a{font-size:13px;min-height:44px}.work-intro{padding:30px 0 24px;display:block}.work-intro h1{font-size:46px}.work-intro>p{margin-top:14px;font-size:14px}.kitchen-opening{display:flex;flex-direction:column;gap:26px}.kitchen-introduction{display:flex;flex-direction:column;gap:28px;align-items:start}.project-copy{padding:0}.project-copy h2{font-size:42px;margin:14px 0 18px}.project-copy>p:last-of-type{font-size:16px;line-height:1.75;max-width:30ch}.project-copy .gallery-link{margin-top:18px;font-size:14px;gap:28px}.work-label{font-size:12px;letter-spacing:.09em}.cabinet-view{width:76%;align-self:flex-end}.image-corner{opacity:1;width:28px;height:28px;bottom:10px;right:10px}.kitchen-sequence{padding:30px 0 40px;gap:18px;grid-template-columns:1.2fr .8fr}.pattern-view{margin-bottom:0}.kitchen-sequence figcaption{font-size:12px;line-height:1.5;padding-top:10px}.bedroom-feature{padding:36px 0 28px}.project-heading{display:block;margin-bottom:24px}.project-heading h2{font-size:35px;margin-top:12px;max-width:330px}.project-heading>p{font-size:14px;margin-top:16px}.bedroom-images{display:flex;flex-direction:column;gap:14px}.retreat-view{aspect-ratio:4/3}.canopy-view{width:78%;aspect-ratio:1;align-self:flex-end}.project-end{gap:12px}.project-end .gallery-link{gap:18px;font-size:14px}.project-end>p{font-size:12px;line-height:1.5;max-width:160px}.living-feature{padding:42px 0 34px}.living-images{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.living-images .work-image{aspect-ratio:4/5}.living-images .work-image:last-child{width:80%;align-self:flex-end}.work-invitation{padding:30px 0 36px}.work-invitation>div{display:block;margin-top:14px}.work-invitation h2{font-size:38px;max-width:280px}.work-invitation .gallery-link{margin-top:22px}.work-footer .work-wrap{display:block}.work-footer .wordmark{font-size:29px}.work-footer p{margin:18px 0 10px}.viewer-shell{padding:14px;gap:14px}.viewer-shell header{font-size:13px}.viewer-shell header button{padding:8px 12px}.viewer-shell header button span{padding-left:8px}.viewer-shell footer>p{font-size:12px;line-height:1.5;max-width:68%}.viewer-shell footer button{padding:8px 12px}.viewer-picture .reference-photo{width:100%}}
@media(prefers-reduced-motion:reduce){.work-photo img,.image-corner{transition:none}}