/* Portfolio, founder and contact presentation. Brand artwork keeps its original colours. */
.portfolio.section-space{padding:83px 0 88px;background:radial-gradient(ellipse at 0 0,#b38b3810,transparent 42%),#10110f}
.portfolio .section-heading{position:relative;align-items:center;padding:35px 37px;margin-bottom:30px;border:1px solid #d4b57827;border-radius:8px;background:linear-gradient(120deg,#d5b57509,transparent 65%);gap:45px}
.portfolio .section-heading::before{content:'';position:absolute;left:37px;top:-1px;width:65px;height:2px;background:linear-gradient(90deg,#edd398,#b38c47)}
.portfolio .section-heading .eyebrow{font-size:8px;margin-bottom:19px;letter-spacing:1.9px}
.portfolio .section-heading h2{font-size:clamp(39px,4vw,57px);line-height:1.05}
.portfolio-overview{max-width:330px;flex-shrink:0}
.portfolio-overview .section-intro{font-size:12px;line-height:1.9;max-width:none}
.portfolio-count-badge{display:inline-flex;gap:11px;align-items:center;border-top:1px solid #d4b57826;padding-top:17px;margin-top:21px;color:#d5bd8b;font-size:9px;letter-spacing:1px}
.portfolio-count-badge::before{content:'';width:5px;height:5px;background:#dfc58b;transform:rotate(45deg)}
.portfolio .portfolio-toolbar{padding-bottom:22px;margin-bottom:24px;border-bottom-color:#d4b57816}
.portfolio .filters{gap:8px}
.portfolio .filter{border:1px solid #d4b57824;border-radius:30px;background:#171812;padding:9px 17px;font-size:10px;color:#b8b6a8}
.portfolio .filter.active{background:linear-gradient(115deg,#ead3a2,#c9a566);border-color:#d7b777;color:#17160f}
.portfolio .filter:hover{border-color:#d4b57877}
.portfolio .filter.active span{color:#3d321e}
.portfolio .result-count{font-size:9px;color:#aaa38e}
.portfolio .business-grid{gap:16px;border:0;background:transparent}
.portfolio .business-card{border:1px solid #d4b57830;border-radius:7px;box-shadow:0 8px 22px #0002;transition:transform .25s,box-shadow .25s,border-color .25s}
.portfolio .business-card:hover,.portfolio .business-card:focus-within{transform:translateY(-3px);border-color:#d4b5788c;box-shadow:0 12px 28px #0004}
.portfolio .business-card::before{display:none}
.portfolio .business-open{border-radius:50%}
.portfolio-foot{margin-top:26px;padding:20px 24px;border:1px solid #d4b57825;border-radius:7px;background:#d4b57806;font-size:11px}
.about.section-space{position:relative;padding:88px 0;background:radial-gradient(ellipse at 12% 60%,#c59c4710,transparent 50%),#0c0d0c}
.about-grid{gap:65px;grid-template-columns:1fr 1fr;align-items:center}
.about .eyebrow{font-size:8px;letter-spacing:1.9px;margin-bottom:25px}
.about h2{font-size:clamp(37px,3.7vw,52px);line-height:1.12}
.about .founder{position:relative;padding:21px 22px;border:1px solid #d4b57835;border-radius:7px;background:linear-gradient(115deg,#d4b5780e,#15160f);margin-top:30px;gap:21px}
.about .founder-initials{width:80px;height:54px;border:0;letter-spacing:normal;flex-shrink:0}
.founder-initials img{width:80px;height:auto}
.about .founder h3{font-size:19px}
.about .founder p{font-size:8px;letter-spacing:1.25px;margin-top:5px}
.about-values{display:flex;gap:17px;flex-wrap:wrap;margin-top:23px;color:#aaa18d;font-size:8px;letter-spacing:.4px}
.about-values span{display:inline-flex;align-items:center;gap:7px}
.about-values span::before{content:'';width:4px;height:4px;background:#d1b274;transform:rotate(45deg)}
.about-copy{position:relative;border:1px solid #d4b57828;border-radius:9px;padding:35px;background:linear-gradient(140deg,#24221880,#11120e)}
.about-copy::before{content:'“';position:absolute;right:23px;top:3px;font:100px var(--serif);line-height:1.3;color:#d4b57813;pointer-events:none}
.about-lead{position:relative;font-size:33px;line-height:1.18;margin-bottom:23px;color:#ead7ad}
.about-copy>p:not(.about-lead){font-size:12px;line-height:1.95}
.about-copy .location-line{padding-top:20px;border-top:1px solid #d4b57825;margin-top:23px;font-size:10px}
.contact.section-space{padding:88px 0;background:radial-gradient(ellipse at 95% 80%,#9f752219,transparent 55%),#10110e}
.contact-inner{grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.contact .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:26px}
.contact h2{font-size:clamp(38px,3.8vw,54px);line-height:1.12}
.contact .contact-intro{font-size:12px;margin:24px 0 27px}
.contact .whatsapp-main{border-radius:3px;box-shadow:0 8px 30px #d2af6810}
.contact-details{padding:27px 29px 25px;border:1px solid #d4b5783d;border-radius:12px;background:linear-gradient(135deg,#24231b,#11120f 70%);box-shadow:0 18px 45px #0003}
.contact-card-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #d4b57830}
.contact-card-heading>span{font-size:8px;letter-spacing:2.2px;color:#cbb47f}
.contact-card-heading img{width:58px;height:auto}
.contact-details .contact-row{padding:21px 0;gap:17px}
.contact-details .contact-icon{width:43px;height:43px;border:1px solid #d4b5782e;background:#d4b57808;border-radius:50%;flex-shrink:0}
.contact-details .contact-icon .icon{width:18px;height:18px}
.contact-details .contact-row>span:nth-child(2){min-width:0}
.contact-details .contact-label{font-size:7px;letter-spacing:1.6px;margin-bottom:6px}
.contact-details .contact-value{font-size:clamp(18px,1.65vw,24px);color:#e4ddca}
.contact-details .row-arrow{flex-shrink:0}
.contact-details .save-contact{margin-top:20px;padding:13px 15px;border:1px solid #d4b57835;border-radius:4px;background:#d4b57809;color:#e1c896;font-size:10px}
.contact-details .save-contact:hover{background:#d4b57817;border-color:#d4b57880}
.site-footer{background:#090a09;border-top-color:#d4b57828}
@media(max-width:1000px){.portfolio .section-heading{padding:29px;gap:30px}.portfolio-overview{max-width:275px}.about-grid,.contact-inner{gap:36px}.about-copy{padding:27px}.about .founder{padding:18px 17px;gap:13px}.about .founder h3{font-size:17px}.contact-details{padding:24px}.contact-details .contact-row{gap:12px}.contact-details .contact-value{font-size:20px}}
@media(max-width:750px){.portfolio.section-space,.about.section-space,.contact.section-space{padding:62px 0}.portfolio .section-heading{display:block;padding:27px 25px}.portfolio-overview{max-width:none;margin-top:22px}.portfolio-overview .section-intro{margin-top:0}.portfolio-count-badge{margin-top:15px;padding-top:13px}.portfolio .section-heading h2{font-size:43px}.about-grid,.contact-inner{grid-template-columns:1fr;gap:31px}.about h2,.contact h2{font-size:44px}.about-copy{padding:28px}.about .founder h3{font-size:20px}.about-values{font-size:8px;gap:15px}.contact-details .contact-value{font-size:24px}.portfolio-foot{padding:18px;font-size:10px}.portfolio .filter{padding:8px 13px;font-size:9px}}
@media(max-width:450px){.portfolio .section-heading h2{font-size:37px}.portfolio .section-heading{padding:24px 21px}.portfolio .section-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.portfolio .business-grid{gap:13px}.portfolio-foot{align-items:flex-start;gap:14px;flex-direction:column}.portfolio-foot .text-link{font-size:10px}.about h2,.contact h2{font-size:38px}.about .founder{gap:15px}.about .founder-initials,.founder-initials img{width:65px}.about .founder h3{font-size:17px}.about-values{font-size:7px;gap:10px}.about-copy{padding:25px}.about-lead{font-size:31px}.contact-details{padding:23px 19px}.contact-details .contact-icon{width:35px;height:35px}.contact-details .contact-value{font-size:20px}.contact-details .contact-row{gap:11px}.contact-details .row-arrow{width:13px}.contact-details .save-contact{font-size:9px}.contact h2{overflow-wrap:normal}}
@media(prefers-reduced-motion:reduce){.portfolio .business-card{transition:none}.portfolio .business-card:hover,.portfolio .business-card:focus-within{transform:none}}
