/* Bounded layouts with independent type scales; no legacy kit/studio selectors. */
.brand-offer{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:48px;border-radius:30px;background:radial-gradient(ellipse at 92% 6%,#bdff003b,transparent 60%),radial-gradient(ellipse at 15% 100%,#ff3c951b,transparent 60%),#fafbf6;border:1px solid #dedfd233;box-shadow:inset 0 1px 0 #fff;color:#1a1a1a;scroll-margin-top:110px}.offer-visual{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.offer-visual img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:20px}.offer-label{margin:0 0 16px;color:#53564b;font-size:12px;font-weight:600;letter-spacing:.09em}.offer-content h2{font-size:42px;line-height:1.04;letter-spacing:-.045em;margin:0 0 16px}.offer-description{font-size:16px;line-height:1.55;color:#535650;margin:0 0 14px;max-width:360px}.offer-includes{list-style:none;padding:0;margin:0 0 24px;font-size:14px;line-height:1.7;color:#535650}.offer-includes li+li{margin-top:2px}.offer-purchase{border-top:1px solid #1a1a1a18;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.offer-pricing p{margin:0}.offer-pricing .offer-was{font-size:14px;color:#666;line-height:1.6}.offer-pricing .offer-final{font-size:40px;font-weight:650;line-height:1.25;letter-spacing:-.045em;color:#1a1a1a;white-space:nowrap}.offer-final span{font-size:13px;font-weight:400;letter-spacing:0}.offer-pricing .offer-discount{font-size:13px;color:#51564b;margin-top:6px;line-height:1.5}.offer-cta{font-size:14px;white-space:nowrap;padding:13px 20px;min-height:46px}.real-catalog>.brand-offer{margin-top:48px}.catalog-help-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0 0;color:#5f5f5f;font-size:15px}.catalog-help-line p{margin:0;line-height:1.5}.catalog-help-line a{color:#1a1a1a;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}body[data-page=catalogo] .real-catalog{padding-bottom:48px}body[data-page=catalogo] .site-footer{margin-top:0;padding-top:40px}
.club-entry{padding-top:60px;padding-bottom:70px}.club-teaser{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:40px 58px;border-radius:30px;background:linear-gradient(176deg,#e71942,#ce163b 54%,#650e22);color:#f4e9da}.club-teaser-brand{font-size:14px;font-weight:650;letter-spacing:.04em;margin:0 0 24px}.club-entry .club-teaser h2{font-size:48px;line-height:1.02;letter-spacing:-.045em;margin:0 0 18px}.club-entry .club-teaser-copy>p:not(.club-teaser-brand){font-size:16px;color:#f4e9da;line-height:1.5;max-width:275px;margin:0 0 25px}.club-teaser .button{background:#f4e9da;color:#58151c;padding:13px 20px;font-size:14px}.club-teaser-art{display:block;max-width:500px;justify-self:center;width:100%}.club-teaser-art img{display:block;width:100%;height:auto}.club-teaser-art:focus-visible{outline-color:#f4e9da}
/* Studio background and foreground must be set together, including the footer. */
body[data-page=studio]{--ink:#f4f3e7;--muted:#c0c0b9;background:#1a1a1a;color:#f4f3e7}body[data-page=studio] #studio.studio-page{padding:0 6% 0;max-width:1350px;margin:0 auto!important;background:#1a1a1a;width:auto}body[data-page=studio] .studio-hero{display:grid;grid-template-columns:1.5fr .8fr;align-items:center;gap:45px;min-height:550px;padding:60px 0 80px}.studio-label{font-size:12px;letter-spacing:.11em;color:#d1d1cb;font-weight:500;margin:0 0 26px}.studio-hero h1{font-size:clamp(48px,6vw,80px);line-height:1.03;letter-spacing:-.05em;color:#f4f3e7;margin:0 0 28px}.studio-hero h1 span{color:#ff3c95}.studio-description{font-size:19px;line-height:1.6;color:#ccccc5;max-width:510px;margin:0 0 30px}.studio-project{background:#f5ee4f;color:#1a1a1a;font-size:15px}.studio-hero-mascot{display:block;width:100%;height:auto;max-width:330px;justify-self:end}.studio-services{padding:55px 0 70px;border-top:1px solid #ffffff26}.studio-services h2{font-size:42px;line-height:1.1;letter-spacing:-.04em;color:#f4f3e7;margin:0 0 42px}.studio-service-row{display:grid;grid-template-columns:50px 1fr 1.15fr;gap:25px;align-items:start;padding:28px 0;border-top:1px solid #ffffff26}.studio-service-row>span{color:#ff84bb;font-size:14px;padding-top:5px}.studio-service-row h3{font-size:26px;line-height:1.25;font-weight:500;margin:0;letter-spacing:-.03em;color:#f4f3e7}.studio-service-row p{font-size:16px;line-height:1.65;color:#ccccc5;margin:0;max-width:440px}body[data-page=studio] .site-footer{background:#1a1a1a;color:#f4f3e7;--muted:#c0c0b9;padding-top:40px;margin-top:0;border-top-color:#ffffff26}body[data-page=studio] .site-footer .footer-top{background:transparent}body[data-page=studio] .site-footer .footer-brand p{color:#c0c0b9}body[data-page=studio] .site-footer .footer-manifesto{padding:32px 36px;background:#252525;border:1px solid #ffffff15;margin-bottom:40px}body[data-page=studio] .site-footer .footer-manifesto>p{font-size:42px;line-height:1.1;letter-spacing:-.04em;margin-top:16px;color:#f4f3e7}body[data-page=studio] .site-footer .footer-manifesto>a{background:#f5ee4f;color:#1a1a1a;border:0;margin:0}body[data-page=studio] .footer-social a{border-bottom-color:#ffffff26}body[data-page=studio] .footer-contact h2{font-size:25px;color:#f4f3e7}body[data-page=studio] .footer-bottom{color:#c0c0b9}body[data-page=studio] .header nav>a:first-child{color:#f4f3e7}body[data-page=studio] .kapa-dialog,body[data-page=studio] .ecosystem-dialog{--ink:#1a1a1a;--muted:#68686d;color:#1a1a1a}body[data-page=studio] a:focus-visible,body[data-page=studio] button:focus-visible{outline-color:#f5ee4f}
/* Give the full Color Club a stable stack height and legible labels. */
.cherry-stage .swatch-stack{height:440px;align-self:center}.cherry-stage .folder-heading{padding-top:47px;display:flex;gap:7px;align-items:center}.cherry-stage .folder-heading strong{font-size:17px;line-height:1.2}.cherry-stage .folder-heading>span{font-size:11px;line-height:1.2}.cherry-stage .folder-swatch{transition:top 550ms var(--motion-ease),transform 550ms var(--motion-ease)}.color-library .library-color{border-color:#e3e3e3;box-shadow:none}.color-library .library-color>strong{font-size:17px;color:#1a1a1a}.color-library .library-color>span:not(.library-swatch){color:#585858}
@media(max-width:1000px){.brand-offer{padding:34px;gap:30px}.offer-content h2{font-size:38px}.offer-visual{grid-template-columns:1fr;gap:12px}.offer-visual img{aspect-ratio:2;max-height:200px}.club-teaser{padding:38px;gap:30px}.club-entry .club-teaser h2{font-size:42px}body[data-page=studio] .studio-hero{gap:25px;grid-template-columns:1.5fr .7fr}.studio-hero h1{font-size:58px}.cherry-stage .swatch-stack{height:360px}.cherry-stage .folder-heading{padding:37px 18px 0}.cherry-stage .folder-heading strong{font-size:15px}.cherry-stage .folder-heading>span{font-size:10px}}
@media(max-width:700px){.brand-offer{grid-template-columns:1fr;padding:27px;gap:27px}.offer-visual{grid-template-columns:1fr 1fr;order:1}.offer-visual img{aspect-ratio:1.25;height:auto;max-height:none;border-radius:16px}.offer-content{order:0}.offer-content h2{font-size:38px}.offer-pricing .offer-final{font-size:38px}.offer-purchase{gap:20px}.catalog-help-line{display:block;padding-top:24px}.catalog-help-line a{display:inline-block;margin-top:12px}.club-teaser{grid-template-columns:1fr;padding:30px;gap:30px}.club-entry .club-teaser h2{font-size:42px}.club-teaser-art{max-width:350px}.club-entry{padding-top:35px;padding-bottom:45px}body[data-page=studio] .studio-hero{grid-template-columns:1fr;gap:30px;min-height:0;padding:45px 0 50px}.studio-hero h1{font-size:clamp(44px,9vw,62px)}.studio-description{font-size:17px}.studio-hero-mascot{width:180px;justify-self:center}.studio-services{padding:40px 0}.studio-services h2{font-size:35px;margin-bottom:30px}.studio-service-row{grid-template-columns:30px 1fr;gap:10px 15px;padding:24px 0}.studio-service-row h3{font-size:24px}.studio-service-row p{grid-column:2;font-size:16px}body[data-page=studio] .site-footer .footer-manifesto{padding:27px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}body[data-page=studio] .site-footer .footer-manifesto>p{font-size:35px;margin:0}body[data-page=studio] .site-footer .footer-manifesto>a{margin:0;font-size:14px}.cherry-stage .swatch-stack{height:405px}.cherry-stage .folder-heading{padding:44px 20px 0}.cherry-stage .folder-heading strong{font-size:17px}}
@media(max-width:400px){.cherry-stage .swatch-stack{height:335px}.cherry-stage .folder-heading{padding:36px 16px 0}.cherry-stage .folder-heading strong{font-size:15px}.cherry-stage .folder-heading>span{font-size:10px}.brand-offer{padding:24px}.offer-content h2{font-size:35px}.offer-pricing .offer-final{font-size:36px}}

/* User-provided Color Club illustration. */
.club-teaser-art img[src$="kapa-color-club-folders.png"] { max-height: 620px; object-fit: contain; filter: drop-shadow(0 20px 25px #4d061d45); }
@media (max-width:700px) { .club-teaser-art img[src$="kapa-color-club-folders.png"] { max-height: 420px; } }