/* Giraffe to Market: one identity across discovery, the free list and private results. */
:root{--giraffe-orange:#e95832;--giraffe-ink:#252722}
.brand.giraffe-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:var(--giraffe-ink);font-size:21px;letter-spacing:-.75px;font-weight:750;line-height:1.05;white-space:nowrap}
.giraffe-brand .giraffe-mark{display:block;flex:none;width:38px;height:43px;object-fit:contain}
.giraffe-brand .giraffe-wordmark{display:block;width:auto;height:auto;background:none;border-radius:0;font:inherit;color:inherit;letter-spacing:inherit}
.giraffe-wordmark>span{display:block;font-size:.68em;font-weight:550;letter-spacing:.02em;margin-top:4px}
.giraffe-scene{margin:0;min-width:0;position:relative}
.giraffe-scene>img{width:100%;height:auto;display:block}
.giraffe-scene figcaption{text-align:center;font-size:11px;letter-spacing:.2px;color:#77776b;margin-top:10px}
.discovery-giraffe{align-self:center;min-width:0}
.discovery-giraffe .giraffe-scene{transform:rotate(-1deg);transition:transform .3s ease}
.discovery-giraffe:hover .giraffe-scene{transform:rotate(0)}
.discovery-giraffe .scene-link{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;color:#a94025;font-size:12px;font-weight:600;margin-top:18px}
.hero.giraffe-discovery{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:42px}
.giraffe-discovery h1{font-size:clamp(37px,4vw,54px);letter-spacing:-.045em}
.giraffe-discovery h1 span{color:var(--giraffe-orange)}
.freebie-giraffe{margin-top:24px;max-width:360px}
.freebie-giraffe .giraffe-scene figcaption{display:none}
.freebie-giraffe .giraffe-scene>img{width:100%;max-height:176px;object-fit:contain;object-position:left}
.loading-giraffe{width:54px;height:62px;margin:0 auto 18px;display:block}
.brand.giraffe-brand:focus-visible{outline:3px solid #e98460;outline-offset:5px;border-radius:4px}
/* The longer wordmark keeps breathing room in every existing header. */
.header-inner:has(.giraffe-brand){gap:24px}
.header-inner:has(.giraffe-brand) .nav{gap:19px}
.app-header-inner:has(.giraffe-brand){gap:24px}
.site-footer .giraffe-brand{font-size:18px}
.site-footer .giraffe-mark{width:32px;height:38px}
.legacy-brand{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.legacy-brand .giraffe-mark{width:38px;height:43px}
.legacy-brand strong{font-size:18px;line-height:1.2;max-width:130px}
.legacy-brand small{width:100%;margin-top:5px}
@media(max-width:1200px) and (min-width:781px){.header-inner:has(.giraffe-brand){gap:19px}.header-inner:has(.giraffe-brand) .nav{gap:13px}.header-inner:has(.giraffe-brand) .inbox-link{display:none}.brand.giraffe-brand{font-size:19px}.giraffe-brand .giraffe-mark{width:34px;height:40px}}
@media(max-width:780px){.brand.giraffe-brand{font-size:19px;gap:8px;letter-spacing:-.55px}.giraffe-brand .giraffe-mark{width:32px;height:38px}.hero.giraffe-discovery{grid-template-columns:1fr;gap:27px}.giraffe-discovery h1{font-size:40px}.discovery-giraffe{max-width:540px;width:100%;margin:auto}.giraffe-scene figcaption{font-size:10px}.header-inner:has(.giraffe-brand){gap:0}.header-inner:has(.giraffe-brand) .nav{gap:20px}.freebie-giraffe{max-width:320px;margin:20px auto 0}.app-header-inner:has(.giraffe-brand){gap:12px}.app-header-inner:has(.giraffe-brand) .workspace-label{display:none}}
@media(max-width:450px){.brand.giraffe-brand{font-size:17px;gap:6px}.giraffe-brand .giraffe-mark{width:29px;height:35px}.header-inner:has(.giraffe-brand) .nav{gap:14px}.app-header-inner:has(.giraffe-brand){padding-inline:16px}.app-header-inner:has(.giraffe-brand) nav{gap:12px;font-size:11px}.app-header-inner:has(.giraffe-brand) nav .button{font-size:11px;padding:9px}.site-header .nav-cta{padding:10px;font-size:10px;gap:8px}.giraffe-discovery h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){.discovery-giraffe .giraffe-scene{transform:none;transition:none}}

/* Reaching giraffe identity — approved fence-and-envelope character. */
:root{--giraffe-orange:#e96d3e;--giraffe-ink:#292b25;--giraffe-cream:#faf8f2}
.brand.giraffe-brand{gap:10px;font-size:22px;font-weight:800;letter-spacing:-.8px}
.giraffe-brand .giraffe-mark,.legacy-brand .giraffe-mark{width:58px;height:46px}
.giraffe-wordmark>span{font-size:11px;font-weight:600;letter-spacing:.055em;margin-top:5px}
.reach-scene .reach-art{aspect-ratio:2.08;overflow:hidden;isolation:isolate}
.reach-art img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.reach-scene figcaption{margin-top:14px;font-size:13px;letter-spacing:0;color:#74776b}
.reach-scene.compact .reach-art{aspect-ratio:2.2}
.loading-giraffe{width:74px;height:58px;object-fit:contain}
.site-footer .giraffe-brand{font-size:20px}.site-footer .giraffe-mark{width:52px;height:42px}
@media(max-width:780px){.brand.giraffe-brand{font-size:20px;gap:8px}.giraffe-brand .giraffe-mark{width:51px;height:41px}.giraffe-wordmark>span{font-size:10px}.reach-scene figcaption{font-size:12px}}
@media(max-width:450px){.brand.giraffe-brand{font-size:18px;gap:6px}.giraffe-brand .giraffe-mark{width:46px;height:37px}.giraffe-wordmark>span{font-size:9px;margin-top:4px}.site-header .nav-cta{min-height:40px;font-size:11px;padding:10px 12px}.app-header-inner:has(.giraffe-brand) nav{gap:14px}.app-header-inner:has(.giraffe-brand) nav .button{font-size:12px;padding:10px}}