.portfolio-contact{position:relative;isolation:isolate;overflow:hidden;background:#ebe5dd;padding:clamp(88px,9vw,146px) 0;color:#211e22}
.portfolio-contact::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(to right,#b8ada1 1px,transparent 1px);background-size:clamp(80px,10vw,160px) 100%;mask-image:linear-gradient(to right,#000,transparent 72%)}
.portfolio-contact__inner{width:min(1440px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(450px,1fr);gap:clamp(70px,8vw,150px);align-items:start}
.portfolio-contact__intro{padding-top:27px;position:relative}
.portfolio-contact__eyebrow,.portfolio-contact__route,.portfolio-contact__card-top,.portfolio-contact__card-foot{font-size:11px;font-weight:800;letter-spacing:.15em}
.portfolio-contact__eyebrow{display:flex;align-items:center;gap:14px;color:#8e3b1f}
.portfolio-contact__eyebrow::before{content:"";display:block;width:30px;height:2px;background:#f46426}
.portfolio-contact__intro h2{font-size:clamp(62px,6.3vw,104px);line-height:.99;letter-spacing:-.075em;max-width:780px;margin:50px 0 32px}
.portfolio-contact__intro h2 em{font-style:normal;color:#e45b25}
.portfolio-contact__intro p{font-size:clamp(18px,1.5vw,22px);line-height:1.6;color:#5a504b;max-width:490px;margin:0}
.portfolio-contact__route{display:flex;gap:18px;align-items:center;margin-top:84px;color:#736762}
.portfolio-contact__route i{display:block;width:45px;height:1px;background:#bbaea3;position:relative}
.portfolio-contact__route i::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #bbaea3;border-right:1px solid #bbaea3;transform:rotate(45deg)}
.portfolio-contact__card{background:#faf8f5;border:1px solid #d5c9be;border-radius:12px;box-shadow:18px 18px 0 #d8cbbf,0 24px 62px #211e2212;overflow:hidden;position:relative}
.portfolio-contact__card::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:#f46426}
.portfolio-contact__card-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 38px 24px;border-bottom:1px solid #e3dad1;color:#5d514b}
.portfolio-contact__card-top strong{font-size:11px;color:#211e22}
.portfolio-contact__card-top span:last-child{display:flex;align-items:center;gap:9px;color:#8e3b1f}
.portfolio-contact__card-top span:last-child::before{content:"";width:7px;height:7px;background:#f46426;border-radius:50%;box-shadow:0 0 0 4px #f4642620}
.portfolio-contact__form{padding:34px 38px 20px;background:#fff}
.portfolio-contact__form iframe{display:block;width:100%;height:460px;border:0;background:#fff}
.portfolio-contact__card-foot{border-top:1px solid #e3dad1;padding:22px 38px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#80736b;letter-spacing:.04em;line-height:1.5}
.portfolio-contact__card-foot a{color:#211e22;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;transition:color .2s}
.portfolio-contact__card-foot a:hover{color:#d64d18}
.portfolio-footer{background:#1f1c21;color:#f5f1eb;padding:0;position:relative;overflow:hidden}
.portfolio-footer::before{content:"";position:absolute;right:-4%;bottom:-20%;width:42vw;height:42vw;border:1px solid #ffffff0d;border-radius:50%;box-shadow:0 0 0 6vw #ffffff05,0 0 0 12vw #ffffff04;pointer-events:none}
.portfolio-footer__inner{width:min(1440px,calc(100% - 80px));margin:auto;position:relative}
.portfolio-footer__brand-row{padding:62px 0 43px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff30}
.portfolio-footer__brand{display:inline-flex;align-items:center;gap:16px;color:#fff;text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-.055em;line-height:1}
.portfolio-footer__brand img{width:44px;height:44px;border-radius:9px}
.portfolio-footer__brand-row>span{font-size:10px;font-weight:800;letter-spacing:.22em;color:#beb5af}
.portfolio-footer__headline-row{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:72px 0 85px}
.portfolio-footer__headline-row h2{font-size:clamp(58px,7.4vw,116px);line-height:.98;letter-spacing:-.075em;font-weight:800;margin:0;color:#f5f1eb}
.portfolio-footer__headline-row h2 em{font-style:normal;color:#f46426}
.portfolio-footer__primary{display:inline-flex;justify-content:space-between;align-items:center;gap:60px;min-width:260px;padding:19px 22px;background:#f46426;color:#1f1c21!important;border-radius:6px;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s}
.portfolio-footer__primary:hover{background:#ff8453;transform:translateY(-3px)}
.portfolio-footer__primary span{font-size:22px;line-height:.6}
.portfolio-footer__directory{display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:42px;border-top:1px solid #ffffff30;padding:44px 0 80px}
.portfolio-footer__directory>div,.portfolio-footer__directory nav{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.portfolio-footer__directory span{font-size:10px;letter-spacing:.2em;font-weight:800;color:#f3936b;margin-bottom:16px}
.portfolio-footer__statement p{color:#d5ccc6;line-height:1.6;max-width:260px;font-size:15px;margin:0}
.portfolio-footer__directory a{color:#f5f1eb;font-size:14px;font-weight:600;line-height:1.55;text-decoration:none;transition:color .2s,transform .2s}
.portfolio-footer__directory a:hover{color:#ff9b73;transform:translateX(3px)}
.portfolio-footer__bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff30;padding:24px 0 31px;color:#bdb3ac;font-size:11px;letter-spacing:.04em}
.portfolio-footer__bottom a{color:#f5f1eb;text-decoration:none;font-weight:700}
.portfolio-footer__bottom a:hover{color:#ff9b73}
.portfolio-contact :focus-visible,.portfolio-footer :focus-visible{outline:3px solid #f46426;outline-offset:4px}
@media(max-width:980px){.portfolio-contact__inner{grid-template-columns:1fr;gap:48px}.portfolio-contact__intro h2{margin:28px 0}.portfolio-contact__route{margin-top:32px}.portfolio-contact__card{max-width:760px;width:100%}.portfolio-footer__directory{grid-template-columns:repeat(3,1fr)}.portfolio-footer__statement{grid-column:1/-1}.portfolio-footer__headline-row{align-items:start;flex-direction:column}}
@media(max-width:640px){.portfolio-contact{padding:78px 0 96px}.portfolio-contact__inner,.portfolio-footer__inner{width:calc(100% - 36px)}.portfolio-contact__intro{padding-top:0}.portfolio-contact__intro h2{font-size:clamp(50px,12vw,72px);margin:27px 0}.portfolio-contact__intro p{font-size:17px}.portfolio-contact__route{font-size:9px;gap:9px}.portfolio-contact__route i{width:20px}.portfolio-contact__card{box-shadow:9px 9px 0 #d8cbbf}.portfolio-contact__card-top{padding:25px 23px 19px;font-size:10px}.portfolio-contact__form{padding:27px 22px 12px}.portfolio-contact__form iframe{height:600px}.portfolio-contact__card-foot{padding:17px 22px 22px;align-items:flex-start;flex-direction:column;gap:8px;font-size:10px}.portfolio-footer__brand-row{padding:45px 0 35px}.portfolio-footer__brand-row>span{font-size:8px}.portfolio-footer__headline-row{padding:56px 0 66px;gap:30px}.portfolio-footer__headline-row h2{font-size:clamp(50px,12vw,78px)}.portfolio-footer__primary{min-width:0;width:100%}.portfolio-footer__directory{grid-template-columns:1fr 1fr;gap:38px 22px;padding:38px 0 56px}.portfolio-footer__statement{grid-column:1/-1}.portfolio-footer__bottom{flex-wrap:wrap;gap:12px}.portfolio-footer__bottom span:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){.portfolio-footer__primary,.portfolio-footer__directory a,.portfolio-contact__card-foot a{transition:none}}