.port-hero{background:#1b1f1a;color:#fff;padding:95px 0 100px;position:relative;overflow:hidden}.port-hero:after{content:"";position:absolute;right:-9vw;top:-130px;width:42vw;height:42vw;border:1px solid #c4a57944;transform:rotate(33deg);pointer-events:none}.port-hero .eyebrow{color:#dfba81}.port-hero h1{font-size:clamp(64px,7.8vw,120px);letter-spacing:-5px;line-height:1.06;font-weight:500;margin:22px 0}.port-hero h1 em{font-style:normal;color:#cbaa76}.port-hero p:not(.eyebrow){max-width:650px;color:#cdd1c9;font-size:15px;line-height:1.9}.port-list{padding:98px 0 105px;background:#f7f6f2}.portfolio-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:50px}.portfolio-heading h2{font-size:clamp(38px,4.15vw,62px);letter-spacing:-2.1px;line-height:1.15;font-weight:600;margin:19px 0 0}.portfolio-heading h2 span{color:#a98454}.portfolio-heading>p{max-width:320px;color:#76776e;line-height:1.85;font-size:13px}.portfolio-card{display:grid;grid-template-columns:1.13fr 1fr;min-height:450px;background:#fff;border:1px solid #e1dfd8;overflow:hidden;transition:box-shadow .2s}.portfolio-card:hover{box-shadow:0 18px 45px #17191718}.portfolio-image{position:relative;min-height:420px;background:#232923;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .3s}.portfolio-card:hover .portfolio-image img{transform:scale(1.02)}.portfolio-image span{position:absolute;bottom:20px;left:20px;background:#1b1f1adb;padding:10px 16px;font-size:10px;letter-spacing:1.4px;color:#e8ce9e;font-weight:800}.portfolio-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(26px,4vw,64px)}.portfolio-content h3{font-size:clamp(40px,4.5vw,68px);line-height:1.05;margin:17px 0 23px;letter-spacing:-2.5px;font-weight:600}.portfolio-content p{font-size:13px;color:#70756b;line-height:1.95;margin:0 0 25px}.portfolio-numbers{width:100%;display:flex;gap:30px;padding:22px 0;border-top:1px solid #e6e3db;border-bottom:1px solid #e6e3db}.portfolio-numbers span{font-size:11px;color:#5e635d;display:flex;flex-direction:column;gap:6px}.portfolio-numbers b{font-size:34px;color:#292e27;letter-spacing:-1.5px}.portfolio-open{margin-top:27px;font-size:11px;color:#9d7741;letter-spacing:1.3px;font-weight:800}.portfolio-open b{margin-left:14px}.portfolio-bottom{border-top:1px solid #ddd9cd;display:flex;align-items:center;justify-content:space-between;padding:30px 0;margin-top:48px;font-size:12px;letter-spacing:1.1px}.portfolio-bottom span{font-weight:800;color:#b59562}.portfolio-bottom p{color:#6a6e66;letter-spacing:0}.portfolio-cta{background:#212622;color:#fff;padding:72px 0}.portfolio-cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.portfolio-cta .eyebrow{color:#cfac74}.portfolio-cta h2{font-size:clamp(27px,3vw,43px);line-height:1.25;letter-spacing:-1.2px;margin:14px 0}.portfolio-cta .btn{flex-shrink:0}
@media(max-width:850px){.portfolio-card{grid-template-columns:1fr}.portfolio-image{min-height:340px}.portfolio-heading{align-items:flex-start;flex-direction:column}.portfolio-cta .container{align-items:flex-start;flex-direction:column}}
@media(max-width:550px){.port-hero{padding:75px 0 78px}.port-hero h1{letter-spacing:-2.7px}.port-list{padding:70px 0}.portfolio-content{padding:27px}.portfolio-image{min-height:250px}.portfolio-bottom{align-items:flex-start;flex-direction:column}.portfolio-numbers b{font-size:28px}}