.collection-section{margin-bottom:64px}
[data-cfl-home-products]{position:relative}
.cfl-home-loading{display:none;position:absolute;inset:0 0 auto;min-height:330px;padding:50px 24px;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;color:var(--purple-dark);font-size:13px;isolation:isolate}
.cfl-home-loading:before{content:"";position:absolute;inset:12px 0;z-index:-1;background:var(--campaign-surface,var(--lavender));-webkit-mask-image:var(--cfl-watercolor-mask,none);mask-image:var(--cfl-watercolor-mask,none);-webkit-mask-size:100% 100%;mask-size:100% 100%}
.cfl-home-loading-spinner{width:36px;height:36px;border:3px solid var(--campaign-line,var(--line));border-top-color:var(--campaign-primary,var(--purple));border-radius:50%;animation:cfl-home-loading-spin .85s linear infinite}
html.cfl-home-personalizing .home-content .collection-section:not([data-cfl-personalization-ready])>[data-cfl-home-products]{min-height:450px}
html.cfl-home-personalizing .home-content .collection-section:not([data-cfl-personalization-ready])>[data-cfl-home-products]>ul.products{visibility:hidden;pointer-events:none}
html.cfl-home-personalizing .home-content .collection-section:not([data-cfl-personalization-ready]) .cfl-home-loading{display:flex}
html.cfl-home-personalizing .home-content [data-cfl-personalization-wide][hidden]:not([data-cfl-personalization-ready]){display:block!important}
@keyframes cfl-home-loading-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){html.cfl-home-personalizing .home-content .collection-section:not([data-cfl-personalization-ready])>[data-cfl-home-products]{min-height:600px}.cfl-home-loading{min-height:360px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.cfl-home-loading-spinner{animation:none;border-top-color:var(--campaign-primary,var(--purple));border-right-color:var(--campaign-primary,var(--purple))}}
.collection-section>.section-heading{align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line,#e9e4eb);margin-bottom:24px}
.collection-heading-title{display:flex;align-items:center;gap:16px;min-width:0}
.collection-heading-art{display:grid;place-items:center;width:72px;height:76px;flex:none;position:relative;isolation:isolate}
.collection-heading-art:before{content:"";position:absolute;inset:8px -4px 3px;border-radius:44% 37% 42% 32%;background:var(--lavender,#f1ebf7);opacity:.72;z-index:-1}
.collection-heading-art img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.collection-heading-copy{min-width:0}
.collection-heading-copy .eyebrow{font-size:10px;line-height:1.5;margin-bottom:7px}
.collection-heading-copy h2{font-size:clamp(1.9rem,3.3vw,2.8rem);line-height:1.15;text-wrap:balance}
.collection-section>.section-heading>.text-link{min-height:44px;font-size:12px}
.character-section{margin:10px 0 60px}
.character-featured{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 24px}
.character-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:190px;min-height:225px;padding:18px 16px 22px;text-align:center;color:var(--ink);text-decoration:none}
.character-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--character-wash,var(--lavender));-webkit-mask:url('../images/watercolor-ui/wash-mask.webp') center/100% 100% no-repeat;mask:url('../images/watercolor-ui/wash-mask.webp') center/100% 100% no-repeat}
.character-card:hover:before{filter:saturate(1.15)}
.character-card img{display:block;width:144px;height:144px;object-fit:contain;margin-bottom:7px;mix-blend-mode:multiply}
.character-card strong{font-size:15px;line-height:1.5}
.character-card>span{font-size:11px;color:var(--muted)}
.character-card:focus-visible,.character-more>summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.character-card:focus-visible{outline-color:var(--character-primary,var(--purple))}
.character-more{margin-top:26px}
.character-more>summary{display:flex;align-items:center;justify-content:center;gap:16px;width:fit-content;max-width:100%;min-height:56px;margin-inline:auto;padding:14px 18px 14px 25px;border:1px solid var(--purple);border-radius:32px;background:var(--purple);color:#fff;box-shadow:0 6px 18px #30293912;font-size:13px;font-weight:650;line-height:1.5;text-align:center;list-style:none;cursor:pointer}
.character-more>summary::-webkit-details-marker{display:none}
.character-more>summary::marker{content:""}
.character-more>summary:hover{background:var(--purple-dark);border-color:var(--purple-dark)}
.character-more-copy{min-width:0}
.character-more-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #ffffff66;border-radius:50%}
.character-more-icon .cfl-icon{width:17px;height:17px;transform:rotate(90deg)}
.character-more-collapse,.character-more[open] .character-more-expand{display:none}
.character-more[open] .character-more-collapse{display:inline}
.character-more[open]>.character-featured{margin-top:28px}
.character-more[open] .character-more-icon .cfl-icon{transform:rotate(-90deg)}
@media(max-width:700px){.character-more>summary{width:100%;gap:12px;padding:13px 16px;border-radius:24px;font-size:12px}.character-more[open]>.character-featured{margin-top:22px}}
@media(forced-colors:active){.character-more>summary{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}.character-more-icon{border-color:ButtonText}}
.character-more .character-links{margin-top:12px}
@media(prefers-reduced-motion:no-preference){.character-card img{transition:transform .18s ease}.character-card:hover img{transform:translateY(-3px)}}
@media(max-width:700px){.character-featured{gap:10px;margin-bottom:18px}.character-card{width:calc(50% - 5px);min-height:190px;padding:14px 10px 20px}.character-card img{width:112px;height:112px}.character-card strong{font-size:13px}.character-card>span{font-size:10px}}
@media(forced-colors:active){.character-card{border:1px solid CanvasText}.character-card:before{display:none}}
.character-links{display:flex;flex-wrap:wrap;gap:11px}
.character-links a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:11px 16px;border-radius:30px;font-size:12px;min-height:44px}
.character-links a:hover{background:var(--lavender);border-color:var(--campaign-strong-line,#dccde7)}
.character-links span{font-size:10px;color:var(--muted)}
.story-note{position:relative;isolation:isolate;background:var(--lavender);border-radius:38% 29% 35% 24% / 8% 13% 10% 14%;padding:48px;text-align:center;margin:50px 0}
.story-note h2{font-size:2.7rem;text-wrap:balance}
.story-note>p:not(.eyebrow){color:var(--muted,#756280);line-height:1.8;font-size:14px}
.story-note .button{margin-top:12px;color:var(--purple)}
.browse-all{text-align:center;margin-bottom:60px}
@media(max-width:1000px){.collection-heading-title{gap:11px}.collection-heading-art{width:62px;height:68px}}
@media(max-width:700px){.collection-section{margin-bottom:43px}.collection-section>.section-heading{align-items:center;gap:10px;padding-bottom:14px;margin-bottom:18px}.collection-heading-title{gap:9px}.collection-heading-art{width:48px;height:57px}.collection-heading-copy .eyebrow{font-size:8px;margin-bottom:5px;letter-spacing:.1em}.collection-heading-copy h2{font-size:1.8rem;line-height:1.13}.collection-section>.section-heading>.text-link{gap:7px;font-size:10px;flex:none}.collection-section>.section-heading>.text-link .cfl-icon{width:14px;height:14px}.character-links{gap:8px}.character-links a{font-size:11px;padding:9px 13px;gap:8px}.character-section{margin-bottom:40px}.story-note{padding:32px 22px;margin:35px 0}.story-note h2{font-size:2rem}.story-note>p:not(.eyebrow){font-size:12px}}
@media(max-width:380px){.collection-heading-art{width:38px;height:48px}.collection-heading-copy h2{font-size:1.55rem}.collection-section>.section-heading>.text-link{font-size:9px}}
/* A single small alpha texture makes colored washes without cropping the artwork. */
.group-tile.tint-peach{--tile-wash:var(--peach);--tile-wash:color-mix(in srgb,var(--campaign-accent) 24%,white)}
.group-tile.tint-lavender{--tile-wash:var(--lavender);--tile-wash:color-mix(in srgb,var(--campaign-primary) 22%,white)}
.group-tile.tint-sage{--tile-wash:var(--sage);--tile-wash:color-mix(in srgb,var(--campaign-secondary) 22%,white)}
.group-tile.tint-sand{--tile-wash:var(--sand);--tile-wash:color-mix(in srgb,var(--campaign-accent) 17%,white)}
.group-tile:before,.group-tile:after,.collection-heading-art:before,.story-note:before,.story-note:after{border-radius:0;-webkit-mask:url('../images/watercolor-ui/wash-mask.webp') center/100% 100% no-repeat;mask:url('../images/watercolor-ui/wash-mask.webp') center/100% 100% no-repeat}
.group-tile:before{inset:0;background:var(--tile-wash);opacity:.96}
.group-tile:after{inset:6% 3% 4%;background:var(--tile-wash);opacity:.5;transform:rotate(-2deg)}
.group-tile-art{display:flex;align-items:center;justify-content:center;min-height:0}
.group-tile-art img{display:block;flex:none;width:auto;max-width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;mix-blend-mode:multiply}
.collection-section>.section-heading{position:relative;isolation:isolate;border:0;padding-bottom:20px}
.collection-section>.section-heading:after{content:"";position:absolute;inset:auto 0 0;height:8px;z-index:-1;background:var(--campaign-tint-strong,var(--lavender));-webkit-mask:url('../images/watercolor-ui/wash-mask.webp') center/100% 100% no-repeat;mask:url('../images/watercolor-ui/wash-mask.webp') center/100% 100% no-repeat;opacity:.8;pointer-events:none}
.collection-heading-art:before{inset:7px -6px 3px;background:var(--campaign-tint-strong,var(--lavender));opacity:.8}
.collection-heading-art img{min-height:0;mix-blend-mode:multiply}
.story-note{background:none;border-radius:0;padding:52px 48px;margin:50px 0 60px}
.story-note:before,.story-note:after{content:"";position:absolute;z-index:-1;pointer-events:none;background:var(--campaign-tint-strong,var(--lavender))}
.story-note:before{inset:-9px -8px;opacity:.84}
.story-note:after{inset:10px 17px;opacity:.38;transform:rotate(-1deg);background:var(--peach)}
.story-note .eyebrow{color:var(--purple-dark)}
.character-links a{border-color:var(--campaign-strong-line);background:var(--campaign-surface);color:var(--purple-dark)}
.character-links a:hover{background:var(--lavender);border-color:var(--purple)}
@media(max-width:700px){.group-tile:before{inset:0}.group-tile:after{inset:7px 5px;transform:rotate(-1deg)}.story-note{padding:35px 22px;margin:35px 0 46px}.story-note:before{inset:-3px -5px}.story-note:after{inset:9px 6px}.collection-section>.section-heading:after{height:6px}}
@media(forced-colors:active){.group-tile,.story-note{border:1px solid CanvasText}.group-tile:before,.group-tile:after,.story-note:before,.story-note:after{display:none}}
/* Give complete illustrations and readable labels their own desktop rows. */
@media(min-width:1001px){.group-tile{grid-template-rows:200px minmax(80px,1fr) 34px;row-gap:12px;min-height:380px;padding:18px 18px 24px;align-content:stretch}.group-tile-art{height:200px;align-self:stretch}.group-tile-art img{width:100%;height:100%;max-width:218px;max-height:200px;object-fit:contain;object-position:center}.group-tile-copy{align-self:start}.group-tile-arrow{margin-top:0}}