.project-collection{padding:85px 0;border-top:1px solid var(--line)}.collection-filter{display:flex;gap:20px;align-items:flex-end;padding:23px 0 30px;border-top:1px solid var(--line);margin-bottom:20px}.collection-filter label{font-size:8px;color:var(--muted);min-width:180px}.collection-filter select{display:block;margin-top:9px;width:100%;padding:13px 16px;border:1px solid #d3d9c8;border-radius:6px;background:#eeefe5;font-size:12px;color:#495540}.collection-filter .button{font-size:10px;padding:14px 20px;border-radius:7px}.collection-filter>span{font-size:9px;color:var(--muted);margin-left:auto;align-self:center}.collection-empty{padding:40px;display:flex;gap:25px;align-items:center;border:1px solid #d9dfce;border-radius:13px;background:#e9eddf}.collection-empty>span{font-size:55px;color:var(--orange)}.collection-empty h3{font-size:25px;font-weight:500;letter-spacing:-.8px}.collection-empty p{font-size:12px;color:#899478;margin-top:13px;max-width:620px}.collection-empty>a{margin-left:auto;white-space:nowrap}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.portfolio-card{display:block;border:1px solid #d8dfcb;border-radius:13px;overflow:hidden;background:#f0f2e8;transition:transform .3s,box-shadow .3s}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #4253220b}.portfolio-cover{position:relative;height:300px;overflow:hidden}.portfolio-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.portfolio-card:hover .portfolio-cover>img{transform:scale(1.035)}.portfolio-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:radial-gradient(ellipse,#9bb2712e,transparent 65%),#213124;color:#ccdfaa}.portfolio-placeholder>span{font-size:110px}.portfolio-placeholder small{font-size:7px;letter-spacing:2px}.project-state{position:absolute;top:19px;left:19px;padding:9px 13px;border-radius:20px;background:#f7f8ecd9;border:1px solid #e0e6d0;backdrop-filter:blur(7px);font-size:9px;color:#5e7447}.project-state.ongoing{background:#fee6d8ed;border-color:#f6b398;color:#af5d3d}.portfolio-copy{padding:25px}.portfolio-copy>.eyebrow{font-size:7px;color:#94a17f;letter-spacing:1px}.portfolio-copy>div:not(.project-progress){display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:16px}.portfolio-copy h3{font-size:26px;font-weight:500;letter-spacing:-.7px;overflow-wrap:anywhere}.portfolio-copy p{font-size:12px;color:#839173;margin-top:14px}.project-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:11px;margin-top:24px}.project-progress>span{font-size:6px;letter-spacing:1px;color:#8d9b7d}.project-progress>strong{font-size:8px;color:#be724d;font-weight:400}.project-progress>div{width:100%;height:3px;background:#dce3cf;border-radius:3px;overflow:hidden}.project-progress i{display:block;height:100%;background:var(--orange)}.social-strip{border-top:1px solid var(--line);padding:27px 0;display:flex;align-items:center;gap:30px}.social-strip>span{font-size:7px;letter-spacing:1px;color:#94a07e}.social-strip nav{display:flex;gap:25px;margin-left:auto;font-size:11px;color:#64784c}.social-strip .studio-admin-link{font-size:8px;color:#9ca88b;white-space:nowrap}.project-detail{max-width:1120px;padding:70px 0}.project-detail h1{font-size:clamp(40px,5vw,70px);font-weight:500;line-height:1.1;letter-spacing:-2.5px;margin:24px 0;overflow-wrap:anywhere}.project-lead{font-size:17px;max-width:780px;color:#849370;line-height:1.8}.project-detail-meta{display:flex;flex-wrap:wrap;gap:30px;font-size:11px;color:#889b75;padding:25px 0 30px;margin-top:20px;border-bottom:1px solid var(--line)}.project-detail-meta a{margin-left:auto;text-decoration:underline;text-underline-offset:4px}.detail-progress{height:4px;border-radius:3px;background:#dce5ce;margin:25px 0 40px;overflow:hidden}.detail-progress span{display:block;height:100%;background:var(--orange)}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:45px}.project-gallery figure{margin:0}.project-gallery figure:first-child{grid-column:1/-1}.project-gallery img{width:100%;height:auto;display:block;border-radius:12px;background:#e7edde;border:1px solid #d6dfc8}.project-gallery figcaption{font-size:8px;color:#a0ad8c;letter-spacing:1px;margin-top:12px}.project-detail-placeholder{height:320px;margin:40px 0;background:#dfe8d2;color:#8fab69;border-radius:13px;display:grid;place-items:center;font-size:130px}.project-story{padding:50px 0;display:grid;grid-template-columns:1fr 2fr;gap:30px}.project-story>.eyebrow{font-size:8px;color:#8da078}.project-story p{font-size:15px;color:#778a63;line-height:1.9;overflow-wrap:anywhere}.project-next{margin-top:45px;padding:45px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.project-next h2{font-size:45px;line-height:1.1;font-weight:500;letter-spacing:-1.5px}.project-detail>p:not(.project-lead){font-size:14px;color:var(--muted);margin:20px 0}.project-detail>.button{margin-top:25px}
@media(max-width:800px){.collection-filter{gap:15px}.collection-filter label{min-width:150px}.collection-empty{padding:30px;gap:20px;flex-wrap:wrap}.collection-empty>a{margin-left:72px}.collection-empty>div{flex:1}.portfolio-cover{height:250px}.portfolio-grid{gap:23px}.portfolio-copy{padding:22px}.portfolio-copy h3{font-size:22px}.project-story{grid-template-columns:1fr;gap:22px}.project-next h2{font-size:37px}.social-strip{gap:20px}.social-strip>span{font-size:6px}.social-strip nav{font-size:10px;gap:20px}}
@media(max-width:620px){.project-collection{padding:60px 0}.collection-filter{flex-wrap:wrap;gap:15px}.collection-filter label{min-width:0;flex:1;font-size:7px}.collection-filter select{font-size:16px;padding:12px 9px}.collection-filter>span{font-size:8px}.collection-empty{padding:25px;gap:15px}.collection-empty>span{font-size:34px}.collection-empty h3{font-size:22px;line-height:1.2}.collection-empty p{font-size:11px}.collection-empty>a{margin-left:48px;font-size:10px}.portfolio-grid{grid-template-columns:1fr;gap:24px}.portfolio-cover{height:250px}.portfolio-copy h3{font-size:24px}.social-strip{flex-wrap:wrap;padding:24px 0;gap:18px}.social-strip>span{width:100%;font-size:6px}.social-strip nav{margin-left:0;font-size:10px;gap:20px}.social-strip .studio-admin-link{margin-left:auto;font-size:7px}.project-detail{padding:45px 0}.project-detail h1{font-size:43px;letter-spacing:-1.7px}.project-lead{font-size:14px}.project-detail-meta{font-size:10px;gap:20px}.project-detail-meta a{margin-left:0}.project-gallery{grid-template-columns:1fr;gap:25px;margin-top:35px}.project-gallery figure:first-child{grid-column:auto}.project-gallery img{border-radius:8px}.project-story{padding:35px 0}.project-story p{font-size:13px}.project-next{flex-direction:column;align-items:flex-start;gap:25px;padding:30px 0;margin-top:25px}.project-next h2{font-size:36px}.project-detail-placeholder{height:250px}}