.px-project-brand-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:36px 24px;background:linear-gradient(145deg,#f1f7f3,#e5eee8);border:1px solid #ccded5;border-radius:20px;min-width:0;min-height:420px;text-align:center;overflow:hidden;color:#084c3e}
.px-project-brand-panel:before{content:"";position:absolute;inset:0;background:url('/assets/brekmen-k-original.svg') 90% 80% / 65% auto no-repeat;opacity:.025;pointer-events:none}
.px-project-brand-panel>*{position:relative;max-width:100%}.px-project-brand-name{font-size:clamp(26px,3vw,44px);line-height:1.2;overflow-wrap:anywhere}.px-project-brand-area,.px-project-brand-developer{margin:0}.px-project-logo{width:180px;height:110px;object-fit:contain}.px-developer-logo{width:140px;height:72px;object-fit:contain}.px-brekmen-logo{width:200px;height:auto;object-fit:contain;margin-block-start:8px}.px-logo-missing{font-size:12px;color:#61756b}
.px-unit-picker{display:block;margin-block:0 18px;text-align:start}.px-unit-picker select{display:block;width:100%;min-height:48px;margin-block-start:8px;border:1px solid #b8d2c4;border-radius:12px;background:#fff;color:#084c3e;font:inherit;padding:10px 12px}.px-unit-picker select:focus-visible{outline:2px solid #1b7660;outline-offset:3px}
.px-project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.px-gallery-item{display:block;position:relative;min-width:0;border-radius:16px;overflow:hidden;background:#eef3f0}.px-gallery-item img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .2s}.px-gallery-item:hover img{transform:scale(1.03)}.px-gallery-item:focus-visible{outline:3px solid #217a61;outline-offset:3px}.px-gallery-caption{position:absolute;inset-inline-start:12px;bottom:12px;padding:5px 9px;border-radius:6px;background:#fff;color:#084c3e;font-size:12px}
.px-gallery-dialog{width:min(1100px,95vw);max-width:1100px;padding:52px 24px 24px}.px-gallery-viewer{text-align:center}.px-gallery-viewer>img{display:block;max-width:100%;max-height:68vh;width:auto;height:auto;margin:auto;object-fit:contain}.px-gallery-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.px-other-area-results{margin-block-start:28px;padding:24px;border:1px solid #c8dbce;border-radius:20px;background:#f2f6f1}.px-other-area-results h3{margin-block-start:0}.px-other-area-badge{margin:0 0 8px;padding:7px 10px;background:#deeee3;border-radius:8px;color:#154d3b;font-size:13px}.px-other-area-card{min-width:0}
@media(max-width:700px){.px-project-brand-panel{min-height:340px;padding:24px 16px;gap:14px}.px-project-brand-name{font-size:28px}.px-project-logo{height:88px}.px-developer-logo{height:58px}.px-gallery-dialog{padding:48px 14px 18px}.px-gallery-viewer>img{max-height:58vh}.px-other-area-results{padding:16px}}
@media(prefers-reduced-motion:reduce){.px-gallery-item img{transition:none}.px-gallery-item:hover img{transform:none}}

/* Keep the gallery heading above the full-width responsive image grid. */
.app-project-workspace .pr-gallery > :is(.pr-label,h2,.px-project-gallery){grid-column:1/-1}

/* Shared project cards and original inline wordmarks. */
body.pr-site .pr-project-grid{grid-template-columns:minmax(0,1fr);gap:18px}
body.pr-site .pr-project-grid>.pr-project-card{min-width:0}
@media(min-width:768px){body.pr-site .pr-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1200px){body.pr-site .pr-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px) and (max-width:1050px){body.pr-site .app-discovery-workspace .pr-project-grid{grid-template-columns:minmax(0,1fr)}}
body.pr-site .app-inline-wordmark{width:auto!important;min-width:0!important;max-width:none!important;height:1.05em!important;aspect-ratio:auto!important;vertical-align:-.14em;line-height:0;direction:ltr;unicode-bidi:isolate;margin-inline:.14em}
body.pr-site .app-inline-wordmark>img{width:auto!important;min-width:0!important;max-width:none!important;height:100%!important;object-fit:contain}
body.pr-site .brekmen-ask-wordmark{width:auto!important;min-width:0!important;max-width:none!important;height:1.05em!important;object-fit:contain;flex:none}

/* Shared website button contrast: secondary buttons always define both colors. */
body.pr-site .pr-button:not(.pr-primary){color:var(--green-deep,#123d33);background-color:var(--paper,#fff)}
body.pr-site .pr-button:not(.pr-primary):hover{color:var(--green-deep,#123d33);background-color:var(--surface,#f3f6f4)}
body.pr-site .pr-button.pr-primary{color:var(--white,#fff);background-color:var(--app-green,var(--green,#17614f))}
body.pr-site .pr-button.pr-primary:hover{color:var(--white,#fff);background-color:var(--green-deep,#123d33)}
body.pr-site .pr-button:not(.pr-primary)[aria-pressed=true]{color:var(--green-deep,#123d33);background-color:var(--green-soft,#e8f1ed)}
body.pr-site .pr-button:disabled{cursor:not-allowed;opacity:.65}
@media(forced-colors:active){body.pr-site .pr-button{border:1px solid ButtonText;color:ButtonText;background:ButtonFace}}

/* Remove only the extra language-side K; retain the original logo prefix and Ask icon. */
.pr-header .brekmen-header-k,.pr-header .brekmen-header-k-home,.topbar .crm-topbar-k{display:none!important}

/* Sparse buyer fit must not stretch to the expanded evidence checklist beside it. */
.app-project-assessment .app-insight-grid{align-items:start}
.app-project-assessment .app-fit-card{align-self:start;min-width:0}
.public-ai-payment{margin-block:16px;padding:14px;border:1px solid #c8dbd1;border-radius:14px;background:#f6f9f6;min-width:0}
.public-ai-payment h3{font-size:16px;margin:0 0 12px}.public-ai-payment p{font-size:13px;line-height:1.7;margin-block-end:0}
.public-ai-payment-scroll{overflow-x:auto;overscroll-behavior-inline:contain}.public-ai-payment table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.6;text-align:start}
.public-ai-payment caption{text-align:start;font-size:12px;color:#52665b;margin-block-end:8px}.public-ai-payment th,.public-ai-payment td{padding:10px 8px;border-block-end:1px solid #dce6df;text-align:start;vertical-align:top}
.public-ai-payment th{color:#084c3e}.public-ai-payment td small{display:block;color:#52665b}.public-ai-payment td{overflow-wrap:anywhere;min-width:85px}

/* A neutral black image layer keeps white hero text legible on bright project photography. */
body.pr-site[data-project] .pr-project-hero>.lp-hero-photo+.lp-hero-shade{background:rgba(0,0,0,.58)!important;pointer-events:none;z-index:1}
body.pr-site[data-project] .pr-project-hero>.lp-hero-photo~.lp-hero-inside{position:relative;z-index:2}
