.portfolio-intro{padding:65px 0 50px}.portfolio-intro-top{justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px;display:flex}.portfolio-intro-top .eyebrow{margin:0;font-size:11px}.portfolio-intro-top .eyebrow>span{color:var(--blue);letter-spacing:0;font-size:25px}.portfolio-intro-top>span{letter-spacing:.1em;color:var(--muted);font-size:10px}.portfolio-intro h1{font-family:var(--display);letter-spacing:-4.5px;margin:0 0 35px;font-size:clamp(48px,5.8vw,84px);font-weight:600;line-height:1.05}.portfolio-intro h1>span{color:var(--blue)}.portfolio-intro-bottom{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.portfolio-intro-bottom>p{color:var(--muted);margin:0;font-size:15px;line-height:1.9}.portfolio-intro-bottom>span{letter-spacing:.11em;text-align:right;color:var(--muted);font-size:9px;line-height:1.9}.portfolio-gallery-page{padding-bottom:95px}.portfolio-disclaimer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:35px;margin-bottom:38px;padding:22px 0;display:flex}.portfolio-disclaimer>span{letter-spacing:.09em;color:var(--blue);white-space:nowrap;font-size:9px;font-weight:600}.portfolio-disclaimer>p{color:var(--muted);max-width:850px;margin:0;font-size:12px;line-height:1.9}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 28px;display:grid}.portfolio-project{min-width:0;position:relative}.portfolio-featured{grid-column:1/-1}.portfolio-preview{isolation:isolate;aspect-ratio:1.35;background:#dfe5e8;border-radius:6px;padding:47px 45px 62px;display:block;position:relative;overflow:hidden}.portfolio-featured .portfolio-preview{aspect-ratio:1.9;padding:55px 90px 55px 65px}.portfolio-garden .portfolio-preview{background:#dbdfcf}.portfolio-salon .portfolio-preview{background:#e4d8cc}.portfolio-consulting .portfolio-preview{background:#d3dce2}.portfolio-wellness .portfolio-preview{background:#e4e5d5}.portfolio-community .portfolio-preview{background:#d5e7e2}.portfolio-preview-label{letter-spacing:.1em;color:#4f5b61;justify-content:space-between;gap:20px;font-size:8px;font-weight:500;line-height:1.6;display:flex;position:absolute;top:18px;left:23px;right:23px}.portfolio-preview-label>span:last-child{text-transform:uppercase;letter-spacing:.065em}.portfolio-desktop{transform-origin:50%;width:89%;height:auto;transition:transform .5s;position:relative;transform:rotate(-2deg);box-shadow:0 14px 45px #22373e2e}.portfolio-desktop img{aspect-ratio:1.44;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.portfolio-featured .portfolio-desktop{width:84%;transform:rotate(-2deg)}.portfolio-mobile{z-index:2;aspect-ratio:390/844;background:#1d2425;border:5px solid #1d2425;border-radius:20px;width:21%;transition:transform .5s;position:absolute;bottom:23px;right:20px;overflow:hidden;transform:rotate(7deg);box-shadow:8px 16px 25px #1d242530}.portfolio-mobile img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.portfolio-featured .portfolio-mobile{border-width:7px;border-radius:25px;width:18%;bottom:33px;right:67px}.portfolio-explore{color:#273638;opacity:0;background:#ffffffbd;border-radius:20px;padding:7px 12px;font-size:10px;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;bottom:18px;left:24px;transform:translateY(8px)}.portfolio-preview:hover .portfolio-desktop{transform:rotate(0)translateY(-5px)}.portfolio-preview:hover .portfolio-mobile{transform:rotate(3deg)translateY(-7px)}.portfolio-preview:hover .portfolio-explore,.portfolio-preview:focus-visible .portfolio-explore{opacity:1;transform:none}.portfolio-caption{justify-content:space-between;align-items:flex-start;gap:20px;padding-top:25px;display:flex}.portfolio-sector{color:var(--blue);margin:0 0 9px;font-size:11px;font-weight:500}.portfolio-sector>span{color:var(--muted);font-weight:400}.portfolio-caption h3{font-family:var(--display);letter-spacing:-1.2px;margin:0 0 12px;font-size:26px;font-weight:600;line-height:1.2}.portfolio-featured .portfolio-caption h3{letter-spacing:-1.6px;font-size:36px}.portfolio-description{color:var(--muted);max-width:490px;margin:0;font-size:13px;line-height:1.9}.portfolio-palette{gap:6px;padding-top:7px;display:flex}.portfolio-palette i{border:1px solid #11111120;border-radius:50%;width:15px;height:15px;display:block}.portfolio-project-link{width:fit-content;color:var(--ink);border-bottom:1px solid var(--ink);align-items:center;gap:13px;margin-top:19px;padding-bottom:6px;font-size:12px;font-weight:600;display:flex}.portfolio-project-link>span{color:var(--blue);font-size:18px;line-height:1}.portfolio-project-link:hover{color:var(--blue);border-color:var(--blue)}.portfolio-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.portfolio-compact .portfolio-preview{aspect-ratio:1.13;padding:35px 22px 28px}.portfolio-compact .portfolio-desktop{width:100%;transform:rotate(-3deg)}.portfolio-compact .portfolio-preview-label{gap:8px;font-size:7px;top:12px;left:15px;right:15px}.portfolio-compact .portfolio-preview-label>span:last-child{display:none}.portfolio-compact .portfolio-explore{padding:5px 9px;font-size:9px;bottom:12px;left:15px}.portfolio-compact .portfolio-caption{gap:10px;padding-top:20px}.portfolio-compact .portfolio-caption h3{letter-spacing:-.8px;margin-bottom:0;font-size:19px;line-height:1.25}.portfolio-compact .portfolio-sector{font-size:10px}.portfolio-compact .portfolio-sector>span{display:none}.portfolio-compact .portfolio-palette{gap:4px;padding-top:5px}.portfolio-compact .portfolio-palette i{width:11px;height:11px}.portfolio-compact .portfolio-project-link{margin-top:15px;font-size:11px}.portfolio-compact .portfolio-project-link>span{font-size:15px}@media (max-width:1100px){.portfolio-intro h1{font-size:65px}.portfolio-grid{gap:45px 24px}.portfolio-preview{padding:40px 26px 55px}.portfolio-featured .portfolio-preview{padding:45px 65px 45px 40px}.portfolio-featured .portfolio-mobile{border-width:6px;border-radius:20px;bottom:25px;right:42px}.portfolio-mobile{border-width:4px;border-radius:14px;bottom:18px;right:12px}.portfolio-caption h3{font-size:23px}.portfolio-featured .portfolio-caption h3{font-size:31px}.portfolio-caption{gap:15px}.portfolio-preview-label{font-size:7px;top:15px;left:18px;right:18px}.portfolio-compact .portfolio-caption h3{font-size:18px}.portfolio-compact .portfolio-caption{flex-wrap:wrap}.portfolio-compact .portfolio-palette{padding:0}}@media (max-width:767px){.portfolio-intro{padding:40px 0 32px}.portfolio-intro-top{align-items:flex-start;gap:18px;margin-bottom:26px}.portfolio-intro-top .eyebrow{letter-spacing:.05em;gap:8px;font-size:8px}.portfolio-intro-top .eyebrow>span{font-size:20px}.portfolio-intro-top>span{text-align:right;max-width:77px;font-size:8px;line-height:1.7}.portfolio-intro h1{letter-spacing:-2.3px;margin-bottom:24px;font-size:clamp(40px,10.4vw,65px);line-height:1.08}.portfolio-intro-bottom{display:block}.portfolio-intro-bottom>p{font-size:13px;line-height:1.85}.portfolio-intro-bottom>span{display:none}.portfolio-disclaimer{margin-bottom:25px;padding:18px 0;display:block}.portfolio-disclaimer>span{margin-bottom:9px;font-size:8px;display:block}.portfolio-disclaimer>p{font-size:11px;line-height:1.85}.portfolio-gallery-page{padding-bottom:58px}.portfolio-grid,.portfolio-compact{grid-template-columns:1fr;gap:38px}.portfolio-featured{grid-column:auto}.portfolio-preview,.portfolio-featured .portfolio-preview{aspect-ratio:1.16;border-radius:4px;padding:45px 25px 45px 22px}.portfolio-preview-label{gap:8px;font-size:7px;top:15px;left:15px;right:15px}.portfolio-desktop,.portfolio-featured .portfolio-desktop{width:94%;transform:rotate(-3deg)}.portfolio-mobile,.portfolio-featured .portfolio-mobile{border-width:4px;border-radius:13px;width:23%;bottom:18px;right:15px}.portfolio-caption{gap:14px;padding-top:20px}.portfolio-caption h3,.portfolio-featured .portfolio-caption h3{letter-spacing:-1px;margin-bottom:10px;font-size:24px}.portfolio-sector{margin-bottom:8px;font-size:10px}.portfolio-description{font-size:12px;line-height:1.8}.portfolio-palette{gap:5px;padding-top:4px}.portfolio-palette i{width:12px;height:12px}.portfolio-project-link{margin-top:16px;font-size:12px}.portfolio-explore{opacity:1;font-size:9px;bottom:15px;left:15px;transform:none}.portfolio-compact .portfolio-preview{aspect-ratio:1.4;padding:35px 25px 25px}.portfolio-compact .portfolio-caption{flex-wrap:nowrap}.portfolio-compact .portfolio-caption h3{font-size:22px}.portfolio-compact .portfolio-sector{font-size:10px}.portfolio-compact .portfolio-palette{padding-top:4px}.portfolio-compact .portfolio-palette i{width:12px;height:12px}.portfolio-compact .portfolio-project-link{font-size:12px}.portfolio-compact .portfolio-preview-label{font-size:8px}}@media (prefers-reduced-motion:reduce){.portfolio-desktop,.portfolio-mobile,.portfolio-explore{transition:none}.portfolio-preview:hover .portfolio-desktop{transform:rotate(-2deg)}.portfolio-preview:hover .portfolio-mobile{transform:rotate(7deg)}}
