:root{--bg:#f8f1e7;--surface:#fffdf8;--ink:#29231f;--muted:#756a62;--line:rgba(76,55,47,.13);--red:#ee1420;--charcoal:#474747;--hero-white:#fffdf8;--shell:min(1180px,calc(100vw - 40px));--shadow:0 30px 90px rgba(101,64,48,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.shell{width:var(--shell);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:6px max(20px,calc((100vw - 1180px)/2));background:var(--bg);border-bottom:1px solid transparent;transition:.25s}
.site-header.scrolled{border-color:var(--line)}
.brand-logo-link{display:inline-flex;align-items:center;line-height:0;flex:none}
.brand-symbol{display:block;width:46px;height:46px;flex:none;background-color:var(--charcoal);-webkit-mask:url("assets/cherrypark-logomark.png?v=20261015-black") center/contain no-repeat;mask:url("assets/cherrypark-logomark.png?v=20261015-black") center/contain no-repeat}
.site-nav{display:flex;gap:28px;font-size:14px;color:#5d554f}
.site-nav a{transition:color .2s,transform .2s}
.site-nav a:hover{color:var(--red);transform:translateY(-1px)}
.menu-toggle{display:none;border:0;background:none;color:var(--ink);font:600 14px "DM Sans";cursor:pointer}
.home-main{flex:1;padding:24px 20px 34px;background:#fff}
.stock-banner{position:relative;width:min(1380px,100%);height:clamp(430px,62vh,720px);margin:0 auto;overflow:hidden;border-radius:34px;background:#d9d2c9;box-shadow:var(--shadow)}
.stock-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.025);transition:opacity 1.1s ease,transform 7s ease}
.stock-slide.is-active{opacity:1;transform:scale(1)}
.banner-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,21,18,.12),rgba(28,21,18,.28) 70%,rgba(28,21,18,.48))}
.banner-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center}
.coming-soon{margin:0;color:var(--hero-white);font:600 clamp(34px,5vw,68px)/1 "Manrope",sans-serif;letter-spacing:-.055em;text-shadow:0 4px 28px rgba(0,0,0,.28)}
.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:26px;padding:44px 28px 26px;border-top:1px solid var(--line);border-radius:28px 28px 0 0;background:transparent;color:#776c64}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:0;max-width:100%;margin-left:auto}
.footer-brand-lockup{display:flex;flex-direction:column;align-items:center;gap:0;width:max-content;max-width:100%}
.footer-mark{display:block;width:76px;height:76px;flex:none;margin-bottom:-3px;background-color:var(--red);-webkit-mask:url("assets/cherrypark-logomark.png?v=20261015-black") center/contain no-repeat;mask:url("assets/cherrypark-logomark.png?v=20261015-black") center/contain no-repeat}
.footer-logo{display:block;width:auto;height:44px;max-width:280px;object-fit:contain}
.site-footer p{margin:10px 0 0;font-size:13px}
.footer-links{display:flex;justify-content:flex-end;column-gap:18px;row-gap:10px;font-size:13px;margin-top:16px}
.footer-links a:hover{color:var(--red)}
/* Secondary identity lives in the copyright strip rather than competing with the primary wordmark. */
.footer-bottom{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:24px;row-gap:12px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.footer-bottom-identity{display:inline-flex;align-items:center;gap:10px}
.footer-bottom-mark{display:block;width:22px;height:22px;flex:none;background-color:var(--charcoal);-webkit-mask:url("assets/cherrypark-secondary-c-v5.svg?v=20261018-primary-red-upload") center/contain no-repeat;mask:url("assets/cherrypark-secondary-c-v5.svg?v=20261018-primary-red-upload") center/contain no-repeat}
.footer-bottom-links{display:flex;align-items:center;gap:20px}
.footer-bottom-links a:hover{color:var(--red)}
/* Nonblocking secondary-mark transition on entry. No page-loading delay. */
.page-entry-mark{position:fixed;right:22px;bottom:22px;z-index:40;width:30px;height:30px;pointer-events:none;background-color:var(--charcoal);-webkit-mask:url("assets/cherrypark-secondary-c-v5.svg?v=20261018-primary-red-upload") center/contain no-repeat;mask:url("assets/cherrypark-secondary-c-v5.svg?v=20261018-primary-red-upload") center/contain no-repeat;opacity:0;animation:cherrypark-entry-mark 1.05s ease-out both}
@keyframes cherrypark-entry-mark{0%{opacity:0;transform:translateY(9px) scale(.92)}24%{opacity:.78;transform:translateY(0) scale(1)}65%{opacity:.78;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-4px) scale(1)}}
.subpage-header-note{font:600 14px "DM Sans";color:#5d554f}
.cherrybase-main{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 20px;background:#fff}
.cherrybase-card{width:min(720px,100%);padding:52px;border:1px solid var(--line);border-radius:28px;background:rgba(255,253,248,.78);box-shadow:0 20px 60px rgba(92,62,48,.05)}
.cherrybase-kicker{margin:0 0 14px;color:var(--red);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.cherrybase-card h1{margin:0;font:600 clamp(42px,6vw,70px)/.98 "Manrope",sans-serif;letter-spacing:-.055em}
.cherrybase-card p{max-width:600px;margin:24px 0 0;color:var(--muted);font-size:17px;line-height:1.65}
.cherrybase-card .small-status{font-size:13px;color:#8a817a}
@media(max-width:900px){.menu-toggle{display:block}.site-nav{position:absolute;left:20px;right:20px;top:calc(100% + 8px);display:none;flex-direction:column;gap:0;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{padding:13px}.site-footer{flex-direction:column}.footer-right{align-self:flex-end;max-width:100%}.footer-links{flex-wrap:wrap}}
@media(max-width:560px){:root{--shell:min(100% - 28px,1180px)}.brand-symbol{width:39px;height:39px}.site-header{padding:5px 14px}.home-main{padding:14px}.stock-banner{height:56vh;min-height:390px;border-radius:24px}.site-footer{padding:36px 22px 22px}.footer-bottom{row-gap:10px}.page-entry-mark{right:14px;bottom:14px}.footer-logo{height:36px}.cherrybase-card{padding:34px 26px}.subpage-header-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stock-slide{transition:none;transform:none}.page-entry-mark{animation:none;display:none}}

/* Keep both emblem shapes, presented in white over the photography. */
.banner-copy{flex-direction:column;gap:24px}
.hero-mark{display:block;width:clamp(190px,28vw,300px);aspect-ratio:1;max-height:48%;flex:none;background-color:var(--hero-white);-webkit-mask:url("assets/cherrypark-logomark-white.png?v=20261015-white-banner") center/contain no-repeat;mask:url("assets/cherrypark-logomark-white.png?v=20261015-white-banner") center/contain no-repeat;filter:drop-shadow(0 4px 18px rgba(0,0,0,.45));opacity:1;transition:opacity .4s ease}
.hero-mark[data-logo-shape="primary"]{transform:scale(1.04)}
.hero-mark[data-logo-shape="secondary"]{-webkit-mask-image:url("assets/cherrypark-secondary-c-v5.svg?v=20261018-primary-red-upload");mask-image:url("assets/cherrypark-secondary-c-v5.svg?v=20261018-primary-red-upload");-webkit-mask-size:auto 88%;mask-size:auto 88%}
.hero-mark.is-changing{opacity:0}
@media(max-width:560px){.hero-mark{width:clamp(185px,54vw,236px);max-height:47%}.banner-copy{gap:18px}}
@media(prefers-reduced-motion:reduce){.hero-mark{transition:none}}

/* Centered, understated Cherrypark wordmark behind the header controls. */
.site-header::before{content:"Cherrypark";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 clamp(15px,1.6vw,20px)/1 "Manrope",sans-serif;letter-spacing:-.045em;color:rgba(41,35,31,.28);white-space:nowrap;pointer-events:none;user-select:none}
.site-header>.brand-logo-link,.site-header>.menu-toggle,.site-header>.site-nav{position:relative;z-index:1}
@media(max-width:560px){.site-header::before{font-size:15px;color:rgba(41,35,31,.24)}}