/* The Character Collective — scoped storefront components. */
:root{--cc-ivory:#f6f0e7;--cc-sand:#ddccb4;--cc-taupe:#ae9780;--cc-ink:#3d2b20;--cc-line:#b8a795;--cc-serif:'CC Cormorant',Georgia,serif;--cc-sans:'CC Jost',Arial,sans-serif}
.cc{color:var(--cc-ink);background:var(--cc-ivory);font-family:var(--cc-sans);font-size:16px;line-height:1.5;letter-spacing:0;font-weight:400}
.cc *{box-sizing:border-box}.cc a{color:inherit;text-decoration:none}.cc button,.cc input,.cc select,.cc textarea{font:inherit}.cc h1,.cc h2,.cc h3,.cc p{margin:0}.cc h1,.cc h2,.cc h3{color:inherit;font-weight:400}.cc a:focus-visible,.cc button:focus-visible,.cc summary:focus-visible,.cc input:focus-visible,.cc select:focus-visible,.cc textarea:focus-visible{outline:2px solid var(--cc-ink);outline-offset:5px}.cc img{max-width:100%;display:block}.cc-shell{max-width:1560px;padding-inline:clamp(24px,4.3vw,76px);margin-inline:auto}.cc-kicker{font-size:11px;letter-spacing:.27em;text-transform:uppercase;line-height:1.8}.cc-heading{font-family:var(--cc-serif);font-size:clamp(40px,4.6vw,68px);line-height:1.02;letter-spacing:-.035em}.cc-btn{min-height:48px;padding:14px 29px;display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--cc-ink);color:var(--cc-ivory)!important;border:1px solid var(--cc-ink);font-size:14px;line-height:1.4;cursor:pointer;text-align:center;transition:background .2s,transform .2s}.cc-btn:hover{background:#584131;transform:translateY(-2px)}.cc-text-link{font-size:14px;border-bottom:1px solid currentColor;padding-block:10px 4px;display:inline-flex;align-items:center;gap:16px;line-height:1.5}.cc-text-link:hover{opacity:.7}.cc-arrow{font-family:Arial,sans-serif;font-size:18px;font-weight:400}.cc-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}
.cc-header{position:relative;z-index:10;border-bottom:1px solid transparent}.cc-header__inner{min-height:106px;display:flex;align-items:center;gap:30px;justify-content:space-between}.cc-brand{flex-shrink:0;display:block}.cc-brand img{width:222px;height:80px;object-fit:contain;object-position:left}.cc-nav{display:flex;align-items:center;gap:clamp(24px,3vw,48px);font-size:14px}.cc-nav>a{padding-block:15px}.cc-nav>a:hover{box-shadow:0 1px 0 var(--cc-ink)}.cc-header__actions{display:flex;align-items:center;gap:22px}.cc-pill{border:1px solid var(--cc-ink);border-radius:50px;padding:10px 26px;font-size:14px;white-space:nowrap}.cc-cart{position:relative;display:flex;align-items:center;min-height:44px;gap:5px;font-size:11px}.cc-mobile-menu{display:none}.cc-mobile-menu>summary{list-style:none;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.cc-mobile-menu>summary::-webkit-details-marker{display:none}.cc-mobile-menu__panel{position:absolute;left:0;right:0;top:100%;background:var(--cc-ivory);border-bottom:1px solid var(--cc-line);padding:22px 24px 30px;box-shadow:0 20px 20px #3d2b200a}.cc-mobile-menu__panel a{display:block;padding:13px 0;font-size:18px}.cc-subnav{position:relative}.cc-subnav summary{cursor:pointer}.cc-subnav ul{position:absolute;background:var(--cc-ivory);border:1px solid var(--cc-line);padding:18px 25px;min-width:210px;list-style:none}.cc-subnav li a{display:block;padding:8px 0}
.cc-hero{position:relative;min-height:650px;min-height:clamp(600px,49vw,800px);overflow:hidden;isolation:isolate}.cc-hero__art{position:absolute;inset:0;z-index:-2}.cc-hero__art img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.cc-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f6f0e7ee 0%,#f6f0e7bd 25%,#f6f0e745 43%,transparent 57%)}.cc-hero__content{padding-top:clamp(65px,7vw,120px);padding-bottom:100px}.cc-hero__copy{max-width:49%}.cc-hero h1{font-family:var(--cc-serif);font-size:clamp(58px,6.25vw,96px);line-height:.98;letter-spacing:-.045em;margin-top:23px}.cc-hero h1 span{display:block}.cc-hero__description{max-width:400px;font-size:19px;line-height:1.45;margin-top:25px!important}.cc-hero__buttons{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:33px}.cc-hero__buttons .cc-text-link{padding-bottom:4px}.cc-hero__art--mobile{display:none}
.cc-collection{padding-top:40px;padding-bottom:65px}.cc-divider{display:flex;align-items:center;gap:24px;text-align:center;font-size:9px;letter-spacing:.29em;line-height:1.6}.cc-divider:before,.cc-divider:after{content:'';height:1px;background:var(--cc-line);flex:1}.cc-section-top{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-top:38px;margin-bottom:24px}.cc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.cc-card{display:block;min-width:0}.cc-card__image{position:relative;aspect-ratio:1 / 1.12;overflow:hidden;background:var(--cc-sand)}.cc-card__image>img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.cc-card:hover .cc-card__image>img{transform:scale(1.035)}.cc-card__sprite{position:absolute!important;width:200%!important;max-width:none!important;height:200%!important;object-fit:fill!important;left:0;top:0}.cc-card__image--concept{aspect-ratio:1}.cc-card__image--nutcracker .cc-card__sprite{left:0;top:0}.cc-card__image--gorilla .cc-card__sprite{left:-100%;top:0}.cc-card__image--giraffe .cc-card__sprite{left:0;top:-100%}.cc-card__image--gator .cc-card__sprite{left:-100%;top:-100%}.cc-card:hover .cc-card__sprite{transform:none}.cc-card__image--concept:after{content:'';position:absolute;inset:0;border:0 solid #fff4;transition:border-width .2s}.cc-card:hover .cc-card__image--concept:after{border-width:6px}.cc-card__meta{text-align:center;padding-top:17px}.cc-card__number{font-size:10px;letter-spacing:.15em}.cc-card h3{font-family:var(--cc-sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;line-height:1.6;margin-top:5px}.cc-card__price{font-size:13px;margin-top:7px!important}.cc-card__status{position:absolute;bottom:12px;left:12px;background:var(--cc-ivory);padding:4px 10px;font-size:12px}.cc-card__empty{width:100%;height:100%;background:#ddccb4}.cc-collection__note{text-align:center;font-size:12px;margin-top:25px!important;color:#6b5848}.cc-editor-note{margin:16px 0!important;padding:14px;border:1px dashed var(--cc-line);font-size:13px}
.cc-custom{background:var(--cc-taupe);scroll-margin-top:25px}.cc-custom__inner{display:grid;grid-template-columns:170px 1fr auto;column-gap:45px;align-items:center;padding-block:58px}.cc-custom__mark{width:155px;height:auto}.cc-custom__copy{border-left:1px solid #f6f0e785;padding-left:45px}.cc-custom h2{font-family:var(--cc-serif);font-size:clamp(38px,4.3vw,64px);line-height:.99;letter-spacing:-.025em}.cc-custom .cc-kicker{margin-top:19px;font-size:10px;letter-spacing:.3em}.cc-enquiry{grid-column:1 / -1;margin-top:0;scroll-margin-top:32px}.cc-enquiry:not([open]){display:none}.cc-enquiry[open]{display:block;margin-top:42px;border-top:1px solid #3d2b2040;padding-top:32px}.cc-enquiry>summary{display:none}.cc-form-wrap{max-width:850px;margin:auto}.cc-form-wrap h3{font-family:var(--cc-serif);font-size:38px;margin-bottom:8px}.cc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.cc-field{display:flex;flex-direction:column;gap:7px;font-size:14px}.cc-field input,.cc-field select,.cc-field textarea{border:1px solid #3d2b205c;border-radius:0;background:var(--cc-ivory);color:var(--cc-ink);padding:13px;width:100%;font-size:16px}.cc-field textarea{min-height:120px;resize:vertical}.cc-field--wide{grid-column:1 / -1}.cc-form-actions{display:flex;align-items:center;gap:22px;margin-top:20px}.cc-form-close{background:none;border:0;border-bottom:1px solid var(--cc-ink);cursor:pointer;padding:8px 0;color:var(--cc-ink)}.cc-form-status{background:var(--cc-ivory);border:1px solid var(--cc-ink);padding:16px;margin:20px 0}.cc-story{padding-block:38px}.cc-story__inner{display:grid;grid-template-columns:1fr 1.8fr;gap:65px;align-items:start}.cc-story h2{font-family:var(--cc-serif);font-size:30px;line-height:1.1}.cc-story p{font-size:14px;max-width:690px;line-height:1.7}.cc-footer__inner{border-top:1px solid var(--cc-line);padding-block:25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cc-footer__brand{font-size:9px;letter-spacing:.28em}.cc-footer__links{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:12px}.cc-footer__instagram{display:inline-flex;align-items:center;gap:8px}.cc-footer__links a:hover{text-decoration:underline}.cc-footer__policies{padding-bottom:20px;display:flex;gap:20px;flex-wrap:wrap;font-size:11px}
@media(min-width:801px){.cc-hero{min-height:clamp(640px,55vw,840px)}.cc-hero__art img{width:auto;max-width:none;position:absolute;right:0;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 24%)}}
@media(max-width:1100px){.cc-nav{gap:22px}.cc-brand img{width:195px}.cc-header__inner{gap:18px}.cc-header__actions{gap:15px}.cc-pill{padding:9px 19px}.cc-hero__copy{max-width:53%}.cc-hero h1{font-size:clamp(55px,6.5vw,75px)}.cc-custom__inner{grid-template-columns:115px 1fr;gap:28px}.cc-custom__mark{width:110px}.cc-custom__copy{padding-left:28px}.cc-custom__action{grid-column:2;padding-left:28px}.cc-custom__inner{row-gap:25px}}
@media(max-width:800px){.cc-header__inner{min-height:85px}.cc-brand img{width:176px;height:67px}.cc-nav,.cc-header__actions>.cc-pill{display:none}.cc-mobile-menu{display:block}.cc-header__actions{gap:10px}.cc-hero{min-height:0;display:flex;flex-direction:column}.cc-hero:after{display:none}.cc-hero__content{padding-top:38px;padding-bottom:35px;order:0}.cc-hero__copy{max-width:100%}.cc-hero h1{font-size:clamp(49px,8.2vw,68px);margin-top:16px;letter-spacing:-.04em}.cc-hero__description{font-size:17px;max-width:450px;margin-top:18px!important}.cc-hero__buttons{gap:17px;margin-top:25px}.cc-hero__buttons .cc-btn{padding:13px 20px}.cc-hero__buttons .cc-text-link{font-size:13px;gap:8px}.cc-hero__art{position:relative;order:1;z-index:0;width:100%;aspect-ratio:1.4}.cc-hero__art img{object-position:70% 65%;object-fit:cover}.cc-hero:has(.cc-hero__art--mobile) .cc-hero__art--desktop{display:none}.cc-hero__art--mobile{display:block}.cc-kicker{font-size:9px;letter-spacing:.2em}.cc-collection{padding-top:26px;padding-bottom:37px}.cc-divider{font-size:8px;letter-spacing:.17em;gap:12px}.cc-section-top{margin-top:25px;align-items:start;gap:12px;flex-direction:column;margin-bottom:23px}.cc-heading{font-size:43px}.cc-section-top .cc-text-link{font-size:12px;padding-top:0}.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.cc-card__meta{padding-top:11px}.cc-card h3{font-size:10px;letter-spacing:.15em}.cc-card__number{font-size:9px}.cc-custom__inner{padding-block:35px;grid-template-columns:65px 1fr;column-gap:20px}.cc-custom__mark{width:65px}.cc-custom__copy{padding-left:20px}.cc-custom h2{font-size:38px}.cc-custom .cc-kicker{font-size:8px;letter-spacing:.17em;margin-top:13px}.cc-custom__action{padding-left:0;grid-column:1 / -1}.cc-custom__action .cc-btn{width:100%}.cc-enquiry[open]{margin-top:5px}.cc-story__inner{grid-template-columns:1fr;gap:14px}.cc-story{padding-block:30px}.cc-story p{font-size:13px}.cc-footer__inner{align-items:start;flex-direction:column;gap:14px;padding-block:22px}.cc-footer__links{font-size:11px;gap:14px}.cc-form-grid{grid-template-columns:1fr}.cc-field--wide{grid-column:auto}.cc-form-wrap h3{font-size:32px}.cc-form-actions{align-items:stretch}.cc-form-actions .cc-btn{flex:1}.cc-custom__inner{row-gap:22px}}
@media(prefers-reduced-motion:reduce){.cc *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:800px){.cc-custom__inner{grid-template-columns:48px 1fr;column-gap:16px}.cc-custom__mark{width:48px}.cc-custom__copy{padding-left:16px}.cc-custom h2{font-size:34px}}
