.portfolio-page{color:#181818;background:#f1f1f1}.portfolio-intro{padding:66px 0 34px}.portfolio-intro .shell{grid-template-columns:1fr 1fr;align-items:end;gap:28px;display:grid}.portfolio-intro .eyebrow{color:#606060;margin-bottom:13px}.portfolio-intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(38px,4.8vw,64px);font-weight:600;line-height:1.03}.portfolio-intro p{color:#636363;justify-self:end;max-width:390px;margin:0;font-size:15px;line-height:1.7}.portfolio-body{padding:12px 0 62px}.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:142px;grid-auto-flow:dense;gap:22px;width:100%;display:grid}.portfolio-tile{color:#1c1c1c;background:#e6e6e6;flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden}.portfolio-tile-wide{grid-area:span 3/span 8}.portfolio-tile-portrait{grid-area:span 4/span 4}.portfolio-tile-compact{grid-area:span 2/span 4}.portfolio-tile-landscape{grid-area:span 3/span 6}.portfolio-photo-button{color:#fff;cursor:zoom-in;background:#d4d4d4;border:0;flex:1;width:100%;min-height:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.portfolio-photo-button img{object-fit:cover;transition:transform .55s}.portfolio-photo-button:hover img{transform:scale(1.025)}.portfolio-photo-button:focus-visible{outline-offset:-7px;outline:3px solid #fff}.portfolio-expand{opacity:.9;background:#0c0c0ca6;border:1px solid #ffffff73;place-items:center;width:34px;height:34px;transition:background .2s;display:grid;position:absolute;bottom:14px;right:14px}.portfolio-expand svg,.portfolio-close svg{stroke:currentColor;stroke-width:1.5px;width:18px;height:18px}.portfolio-photo-button:hover .portfolio-expand{background:#111}.portfolio-caption{background:#ededed;justify-content:space-between;align-items:center;gap:10px;min-height:70px;padding:13px 17px;display:flex;position:static}.portfolio-caption span:not(.portfolio-number){letter-spacing:.09em;text-transform:uppercase;color:#636363;font-size:9px;font-weight:600;line-height:1.45;display:block}.portfolio-caption :is(h2,h3){letter-spacing:-.01em;text-transform:none;color:#191919;margin:4px 0 0;font-size:14px;font-weight:600;line-height:1.25}.portfolio-number{color:#757575;font-variant-numeric:tabular-nums;flex:none;font-size:10px}.portfolio-grid-compact{grid-auto-rows:122px;gap:18px}.portfolio-grid-compact .portfolio-caption{min-height:65px;padding:11px 14px}.portfolio-footer-note{border-top:1px solid #d1d1d1;justify-content:space-between;gap:24px;margin-top:30px;padding-top:23px;display:flex}.portfolio-footer-note p{color:#666;max-width:520px;margin:0;font-size:13px}.portfolio-footer-note a{color:#222;border-bottom:1px solid #888;flex-shrink:0;height:fit-content;font-size:13px}.portfolio-dialog{color:#f5f5f5;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:30px;position:fixed;inset:0;overflow:auto}.portfolio-dialog::backdrop{background:#080808ed}.portfolio-dialog[open]{justify-content:center;align-items:center;display:flex}.portfolio-dialog-content{background:#151515;flex-direction:column;width:min(1200px,100%);max-height:100%;display:flex;position:relative}.portfolio-close{z-index:2;color:#fff;cursor:pointer;background:#171717;border:1px solid #777;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:12px;right:12px}.portfolio-close:hover{color:#111;background:#eee}:is(.portfolio-close:focus-visible,.portfolio-inquiry:focus-visible){outline-offset:4px;outline:2px solid #fff}.portfolio-full-photo{background:#101010;flex:auto;width:100%;height:min(70dvh,820px);min-height:180px;position:relative}.portfolio-full-photo img{object-fit:contain}.portfolio-dialog-caption{flex:none;justify-content:space-between;align-items:center;gap:28px;padding:20px 26px 24px;display:flex}.portfolio-dialog-caption>div{max-width:770px}.portfolio-dialog-caption>div>span{color:#b5b5b5;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.portfolio-dialog-caption h2{letter-spacing:-.025em;text-transform:none;margin:6px 0 8px;font-size:clamp(20px,2.5vw,28px);font-weight:600;line-height:1.15}.portfolio-dialog-caption p{color:#b7b7b7;margin:0;font-size:13px;line-height:1.6}.portfolio-inquiry{color:#fff;border-bottom:1px solid #777;flex:none;padding-bottom:5px;font-size:13px}.portfolio-inquiry span{margin-left:9px}@media (min-width:1440px){.portfolio-grid{grid-auto-rows:158px}.portfolio-grid-compact{grid-auto-rows:134px}}@media (max-width:900px){.portfolio-grid,.portfolio-grid-compact{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:125px;gap:16px}.portfolio-tile-wide{grid-area:span 3/span 6}.portfolio-tile-portrait{grid-area:span 3/span 3}.portfolio-tile-compact,.portfolio-tile-landscape{grid-area:span 2/span 3}.portfolio-dialog{padding:18px}.portfolio-dialog-caption{gap:18px;padding:18px}}@media (max-width:640px){.portfolio-intro{padding:39px 0 24px}.portfolio-intro .shell{display:block}.portfolio-intro p{max-width:360px;margin-top:17px;font-size:14px}.portfolio-grid,.portfolio-grid-compact{flex-direction:column;gap:20px;display:flex}.portfolio-tile .portfolio-photo-button{aspect-ratio:4/3;flex:none}.portfolio-tile-portrait .portfolio-photo-button{aspect-ratio:4/4.5}.portfolio-caption{min-height:66px}.portfolio-footer-note{gap:14px;display:grid}.portfolio-footer-note a{width:fit-content}.portfolio-dialog{padding:10px}.portfolio-full-photo{height:55dvh;min-height:150px}.portfolio-dialog-caption{gap:15px;padding:16px;display:grid}.portfolio-dialog-caption p{font-size:12px}.portfolio-inquiry{width:fit-content}}@media (prefers-reduced-motion:reduce){.portfolio-photo-button img,.portfolio-expand{transition:none}.portfolio-photo-button:hover img{transform:none}}.project-carousel{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:18px;padding-bottom:14px;display:flex;overflow-x:auto}.project-carousel .portfolio-tile{scroll-snap-align:start;flex:0 0 calc(50% - 9px)}.project-carousel .portfolio-photo-button{aspect-ratio:4/3;flex:none}.project-carousel .portfolio-caption{min-height:78px}.project-carousel-controls{justify-content:space-between;align-items:center;gap:18px;margin-top:12px;font-size:14px;display:flex}.project-carousel-controls>div{gap:8px;display:flex}.project-carousel-controls button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #888;font-size:22px}.project-carousel:focus-visible{outline-offset:3px;outline:2px solid}.project-carousel-controls button:focus-visible{outline-offset:3px;outline:2px solid}@media (max-width:760px){.project-carousel .portfolio-tile{flex-basis:88%}.project-carousel-controls{font-size:12px}}.portfolio-page{background:#fff}.portfolio-page .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row;gap:40px 28px;display:grid}.portfolio-page .portfolio-tile{background:#fff;grid-area:auto}.portfolio-page .portfolio-photo-button{aspect-ratio:4/3;flex:none}.portfolio-page .portfolio-caption{background:#fff;border-bottom:1px solid #ddd;align-items:start;min-height:80px;padding:18px 0}.portfolio-page .portfolio-caption h2{font-size:20px}.portfolio-page .portfolio-number{display:none}@media (max-width:640px){.portfolio-page .portfolio-grid{grid-template-columns:1fr;gap:25px}.portfolio-page .portfolio-caption h2{font-size:19px}}