/* Portfolio collections and project pages */
.portfolio-intro{padding-top:38px;padding-bottom:64px}.breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:9px;letter-spacing:.04em;color:#8d9782}.breadcrumb a:hover{color:var(--accent)}.portfolio-intro-grid{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:100px;margin-top:68px}.portfolio-intro h1{font-size:clamp(56px,6.5vw,96px);letter-spacing:-.065em;line-height:1.08;margin-top:24px}.portfolio-intro-side>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:330px}.collection-size{font-family:var(--display);font-size:66px;font-weight:400;line-height:1.1;display:flex;align-items:center;gap:25px;margin-top:36px;color:var(--accent);letter-spacing:-.06em}.collection-size small{font-family:var(--font);font-size:9px;color:var(--muted);letter-spacing:.15em;max-width:110px;line-height:1.7}.portfolio-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:23px 0;gap:30px}.category-filters{display:flex;gap:8px;flex-wrap:wrap}.category-filters a{display:flex;gap:15px;align-items:center;padding:9px 15px;border:1px solid transparent;font-size:11px;border-radius:22px;color:#b4bcaa;transition:background .2s}.category-filters a:hover{border-color:#57634a}.category-filters a.active{background:var(--accent);color:#1a2413}.category-filters sup{font-size:8px}.view-switch{display:flex;gap:8px}.view-switch button{display:grid;place-items:center;width:36px;height:36px;background:transparent;border:1px solid var(--line);color:#738266}.view-switch button.active{color:var(--accent);border-color:#768965}.view-switch svg{width:15px;height:15px;fill:currentColor}.search-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:28px 0 40px}.search-row>p{font-size:10px;color:var(--muted)}.portfolio-search{margin:0;display:flex;align-items:center;border-bottom:1px solid var(--line);width:300px;gap:10px}.portfolio-search>span:first-child{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.portfolio-search input{margin:0;border:0;padding:9px 0;font-size:11px}.portfolio-search>span:last-child{font-size:24px;color:var(--accent)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 30px}.portfolio-card{min-width:0}.portfolio-card-image{display:block;position:relative;overflow:hidden;height:390px;background:var(--panel)}.portfolio-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.portfolio-card:hover .portfolio-card-image img{transform:scale(1.035)}.portfolio-card:nth-child(4n+2) .portfolio-card-image{height:470px}.portfolio-card:nth-child(4n+2){padding-top:60px}.portfolio-card:nth-child(4n+3){margin-top:-80px}.portfolio-tag{position:absolute;left:18px;top:18px;background:#161e17b8;backdrop-filter:blur(8px);padding:6px 10px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#e3e9da}.card-arrow{position:absolute;right:18px;bottom:18px;background:#1b2219a8;border:1px solid #ffffff55;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:23px}.portfolio-card-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#a7b09c;margin-top:19px}.portfolio-card h2{font-size:29px;letter-spacing:-.04em;margin-top:9px}.portfolio-card>p{color:#929e86;font-size:12px;margin-top:8px}.list-open{display:none}.portfolio-empty{padding:70px 10px;text-align:center;background:#20261c}.portfolio-empty[hidden]{display:none}.portfolio-empty h2{font-size:34px}.portfolio-empty p{color:var(--muted);margin:20px 0;font-size:13px}.portfolio-empty .text-link{margin-left:25px}.portfolio-grid.list-view{display:block}.list-view .portfolio-card{display:grid;grid-template-columns:230px 1fr auto;column-gap:36px;padding:25px 0;margin:0;border-bottom:1px solid var(--line);align-items:center}.list-view .portfolio-card-image{grid-column:1;grid-row:1/5;height:160px}.list-view .portfolio-card-meta{grid-column:2;grid-row:1;margin:0;align-self:end}.list-view .portfolio-card-meta>span:last-child{display:none}.list-view .portfolio-card h2{grid-column:2;grid-row:2}.list-view .portfolio-card>p{grid-column:2;grid-row:3;align-self:start;margin-top:0}.list-view .list-open{display:block;grid-column:3;grid-row:1/5;font-size:11px;color:var(--accent)}.portfolio-card[hidden]{display:none!important}.portfolio-cta{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;padding-top:110px;padding-bottom:110px;border-bottom:1px solid var(--line)}.portfolio-cta h2{font-size:38px;margin-top:22px}.portfolio-cta .button{flex-shrink:0}.project-intro{padding-top:38px;padding-bottom:50px}.project-topline{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:64px}.project-topline .eyebrow{color:var(--accent);font-size:9px}.back-to-portfolio{font-size:11px;color:var(--muted)}.project-intro h1{font-size:clamp(56px,6.9vw,103px);letter-spacing:-.07em;line-height:1.1;margin-top:23px}.project-intro h1>span{display:block;font-size:19px;color:var(--muted);letter-spacing:-.025em;margin-top:20px}.project-cover button{display:block;position:relative;width:100%;padding:0;border:0;background:#22271f}.project-cover img{width:100%;height:min(700px,74vh);object-fit:cover}.project-cover .expand-photo{position:absolute;bottom:22px;right:22px;background:#171e13c9;border:1px solid #c3d2b35c;padding:12px 18px;font-size:10px;backdrop-filter:blur(8px)}.project-story{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;padding-top:92px;padding-bottom:65px}.project-story h2{font-size:44px;margin-top:21px}.project-lead{font-family:var(--display);font-size:23px;line-height:1.6;letter-spacing:-.035em}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);margin-top:35px;padding-top:24px}.project-facts span{display:block;color:var(--muted);font-size:8px;letter-spacing:.15em;margin-bottom:9px}.project-facts strong{font-weight:400;font-size:12px}.inspiration-notice{font-size:11px;color:#a3b194;margin-top:22px;border-left:2px solid #8b9f6d;padding-left:14px}.project-story .text-link{font-size:11px;gap:25px}.project-details{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding-bottom:95px}.project-details article{border-top:1px solid var(--line);padding-top:25px}.project-details article>span{font-size:9px;color:#8da871}.project-details h3{font-size:22px;margin-top:26px}.project-details p{color:var(--muted);font-size:13px;line-height:1.8;margin-top:13px;max-width:300px}.project-enquiry{padding:76px 0;background:#242c1e}.project-enquiry>.shell{position:relative}.project-enquiry h2{font-size:42px;margin-top:24px;max-width:75%}.project-enquiry .button{position:absolute;right:0;bottom:0}.related-projects{padding-top:96px;padding-bottom:70px}.related-grid .portfolio-card{padding:0;margin:0}.related-grid .portfolio-card-image{height:330px}.project-pagination{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding:30px 0}.project-pagination>a:last-child{text-align:right}.project-pagination>a>span{display:block;font-size:8px;letter-spacing:.1em;color:var(--muted)}.project-pagination strong{display:block;font-size:14px;font-weight:400;margin-top:10px}.project-pagination .all-projects-link{align-self:center;font-size:11px;color:var(--accent)}.home-portfolio{grid-template-columns:repeat(3,1fr);gap:25px}.home-portfolio .portfolio-card{padding:0;margin:0}.home-portfolio .portfolio-card-image{height:350px}.home-portfolio .portfolio-card:nth-child(2){padding-top:65px}.home-portfolio .portfolio-card h2{font-size:24px}.portfolio-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-top:60px}.portfolio-strip h3{font-size:24px;margin-top:10px}.portfolio-strip>span{color:var(--accent);font-size:11px}.hero-feature-link{font-size:9px!important;letter-spacing:.13em}.hero-feature-link span{font-size:22px;color:var(--accent)}#photo-dialog{max-width:96vw;width:1450px;max-height:96svh;border:0;background:#10150f;padding:22px}#photo-dialog .photo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 18px;font-size:11px;color:var(--muted)}.photo-toolbar button{background:transparent;border:1px solid #58694a;font-size:11px;padding:7px 14px}.photo-toolbar button span{font-size:20px;margin-left:25px}#photo-dialog .photo-stage{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0}.photo-stage>button{border:1px solid #58694a;background:#1c2517;flex-shrink:0;width:42px;height:42px;font-size:20px}.photo-stage>button:disabled{opacity:.25;cursor:default}#photo-dialog img{max-width:calc(100% - 124px);max-height:73svh;object-fit:contain;margin:auto}#photo-dialog>p{font-size:11px;margin:18px 62px 0;color:var(--muted)}
@media(max-width:1100px){.portfolio-intro-grid{gap:50px}.portfolio-intro h1{font-size:68px}.portfolio-card-image{height:300px}.portfolio-card:nth-child(4n+2) .portfolio-card-image{height:380px}.portfolio-tools{gap:10px}.category-filters{gap:0}.category-filters a{padding:8px 10px;gap:8px;font-size:10px}.project-story{gap:50px}.project-enquiry .button{position:static;margin-top:30px}.project-enquiry h2{max-width:100%}.home-portfolio .portfolio-card-image{height:270px}.home-portfolio .portfolio-card h2{font-size:20px}nav{gap:24px}.nav-contact{margin-left:0}}
@media(max-width:760px){.portfolio-intro{padding-top:25px;padding-bottom:37px}.breadcrumb{font-size:8px;gap:8px}.portfolio-intro-grid{grid-template-columns:1fr;gap:28px;margin-top:43px}.portfolio-intro h1{font-size:clamp(43px,10vw,65px);margin-top:20px}.portfolio-intro-side{display:flex;gap:25px;align-items:center}.portfolio-intro-side>p{font-size:11px;flex:1}.collection-size{font-size:42px;display:block;margin:0;min-width:72px}.collection-size small{display:block;font-size:6px;margin-top:8px;letter-spacing:.08em;max-width:80px}.portfolio-tools{align-items:flex-start;gap:12px;padding:17px 0}.category-filters{gap:5px;flex:1}.category-filters a{font-size:9px;padding:7px 10px;gap:9px}.category-filters sup{font-size:7px}.view-switch{gap:4px;flex-direction:column}.view-switch button{width:28px;height:28px}.view-switch svg{width:12px;height:12px}.search-row{gap:20px;margin:20px 0 25px}.search-row>p{font-size:8px;white-space:nowrap}.portfolio-search{width:210px}.portfolio-search input{font-size:10px}.portfolio-grid{gap:30px 16px;grid-template-columns:1fr}.portfolio-card:nth-child(n){padding:0;margin:0}.portfolio-card:nth-child(n) .portfolio-card-image{height:320px}.portfolio-card:nth-child(n) h2{font-size:27px}.portfolio-card>p{font-size:11px}.portfolio-card-meta{font-size:7px;margin-top:14px}.portfolio-tag{left:12px;top:12px;font-size:7px}.portfolio-cta{display:block;padding-top:65px;padding-bottom:65px}.portfolio-cta h2{font-size:30px}.portfolio-cta .button{margin-top:27px;font-size:11px}.portfolio-empty{padding:45px 16px}.portfolio-empty h2{font-size:26px}.portfolio-empty .text-link{margin-left:0}.list-view .portfolio-card{grid-template-columns:100px 1fr;gap:5px 16px;padding:18px 0}.list-view .portfolio-card:nth-child(n) .portfolio-card-image{height:115px;grid-row:1/5}.list-view .portfolio-card:nth-child(n) h2{font-size:20px;margin-top:0}.list-view .portfolio-card>p{font-size:9px}.list-view .list-open{grid-row:4;grid-column:2;font-size:9px}.list-view .portfolio-tag{display:none}.list-view .card-arrow{display:none}.project-intro{padding-top:25px;padding-bottom:30px}.project-topline{margin-top:35px;align-items:flex-start;gap:15px}.project-topline .eyebrow{font-size:7px;max-width:230px}.back-to-portfolio{font-size:9px;white-space:nowrap}.project-intro h1{font-size:48px;margin-top:25px;line-height:1.07}.project-intro h1>span{font-size:14px;line-height:1.5;margin-top:16px;letter-spacing:-.02em}.project-cover img{height:380px}.project-cover .expand-photo{bottom:14px;right:14px;font-size:8px;padding:9px 12px}.project-story{grid-template-columns:1fr;padding-top:50px;padding-bottom:42px;gap:28px}.project-story h2{font-size:34px;margin-top:17px}.project-lead{font-size:19px}.project-facts{gap:17px;margin-top:27px;padding-top:20px}.project-facts strong{font-size:10px}.project-facts span{font-size:7px}.project-story .text-link{font-size:10px;gap:12px}.project-details{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.project-details article{display:grid;grid-template-columns:25px 1fr;column-gap:10px;padding-top:20px}.project-details article>span{grid-column:1;grid-row:1/3;margin-top:6px}.project-details h3{grid-column:2;font-size:21px;margin:0}.project-details p{grid-column:2;font-size:12px;margin-top:9px;max-width:100%}.project-enquiry{padding:50px 0}.project-enquiry h2{font-size:32px}.project-enquiry .button{font-size:10px}.related-projects{padding-top:57px;padding-bottom:45px}.related-grid{grid-template-columns:1fr 1fr;gap:17px}.related-grid .portfolio-card:nth-child(n) .portfolio-card-image{height:180px}.related-grid .portfolio-card:nth-child(n) h2{font-size:20px}.related-grid .portfolio-card>p{font-size:9px}.related-grid .portfolio-tag{font-size:6px;padding:5px;left:8px;top:8px}.related-grid .card-arrow{width:28px;height:28px;font-size:16px;right:10px;bottom:10px}.project-pagination{gap:25px;flex-wrap:wrap;padding:24px 0}.project-pagination>a{max-width:45%}.project-pagination strong{font-size:12px}.project-pagination .all-projects-link{display:none}.home-portfolio{grid-template-columns:1fr}.home-portfolio .portfolio-card:nth-child(n){padding:0;margin:0}.home-portfolio .portfolio-card:nth-child(n) .portfolio-card-image{height:310px}.home-portfolio .portfolio-card:nth-child(n) h2{font-size:26px}.portfolio-strip{display:block;margin-top:37px;padding:25px 0}.portfolio-strip h3{font-size:22px}.portfolio-strip>span{display:block;margin-top:17px;font-size:10px}.hero-feature-link{letter-spacing:.07em;font-size:7px!important}.hero-feature-link span{font-size:17px}.hero-bottom{gap:15px}#photo-dialog{padding:15px}.photo-stage>button{width:28px;height:34px;font-size:15px}#photo-dialog .photo-stage{gap:8px}#photo-dialog img{max-width:calc(100% - 72px);max-height:73svh}#photo-dialog>p{margin:16px 36px 0;font-size:10px}.photo-toolbar button{font-size:10px;padding:5px 10px}.photo-toolbar button span{margin-left:15px}}

.project-cover.portrait-cover img{height:auto;width:auto;max-width:100%;max-height:900px;margin:auto;object-fit:contain}