/* Shared typography follows the home page across every route. */
:root{--font-site:Arial,Helvetica,sans-serif}
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,em,.co-mark,.quote-mark,.demo-title,.shop-window,.tag span,.choice .number,.service-row .num,.placeholder .frame p,.step .num,.demo-window .mini-label{font-family:var(--font-site)}
h1,h2,h3,h4,h5,h6{font-weight:900}
.page-intro h1,.about-hero h1{font-weight:900;line-height:1;letter-spacing:-.05em}
/* Match all carousel media boxes, regardless of destination type. */
.projects-viewport .work-link{width:100%;height:auto;aspect-ratio:4/3;border-radius:9px;border:1px solid #b5915d}
.work-page-grid .work-card{margin-top:0}
.work-link--website{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#fffdf5,#f5dfb9);isolation:isolate}
.work-link--website img{width:100%;height:100%;object-fit:contain;object-position:center;padding:28px 12px 46px;box-sizing:border-box}
.work-link--website:before{content:'● ● ●  hkfurniturestore.com';position:absolute;left:13px;right:13px;top:10px;font-size:10px;letter-spacing:.04em;color:#725435;z-index:1}
.work-link--website .project-zoom{bottom:10px;left:12px;margin:0}
.work-page-grid .work-link--website{box-shadow:4px 5px 0 #745125;border:2px solid var(--brown);border-radius:13px}

/* Supplied portfolio artwork replaces the browser screenshot. */
.work-link--website:before{content:none}
.work-link--website img{padding:0;object-fit:contain;object-position:center;background:#f5e7d4}
.work-link--website:hover img{transform:none}
.work-link--website .project-zoom{left:auto;right:8px;bottom:8px;padding:8px 10px;font-size:10px}
.team-linkedin{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px;color:var(--brown)}
.team-linkedin:hover{color:var(--orange)}
.team-linkedin:focus-visible{outline:2px solid var(--brown);outline-offset:5px}

/* Portrait artwork: consistent frames with uncropped campaign and HK images. */
.projects-viewport .project-preview,
.projects-viewport .work-link,
.work-page-grid .project-preview,
.work-page-grid .work-link,
.work-page-grid .gmb-image{height:auto;aspect-ratio:1122/1402;width:100%}
.projects-viewport .project-preview img,
.projects-viewport .ads-work .project-preview img,
.work-page-grid .project-preview img,
.work-page-grid .ads-work .project-preview img,
.projects-viewport .work-link--website img,
.work-page-grid .work-link--website img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;padding:0}
.projects-viewport .ads-work .project-preview:after{display:none}
.projects-viewport .ads-work .project-preview,
.work-page-grid .ads-work .project-preview{background:#f1f8ff}
.work-page-grid .work-card{align-self:start}

/* Growthora wordmark fits the existing responsive footer. */
.footer-wordmark{font-size:clamp(42px,12.2vw,170px);letter-spacing:-.065em}
@media(max-width:700px){.footer-wordmark{font-size:12vw}.brand{font-size:24px}.brand img{width:43px;height:43px}.intro-wordmark{letter-spacing:5px}}

/* Supplied transparent Growthora logo and consistent team social links. */
.brand img{background:transparent;object-fit:contain;mix-blend-mode:normal;filter:none}
.intro-logo-stage{filter:none}
.executive-grid .founder-info.aditya-info{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.aditya-info .linkedin-link{flex-shrink:0;margin-top:6px}

/* Logo supplies the initial G in Growthora. */
.brand img{margin-right:0}.brand{gap:0}