.ex-cottagecore{--g-head:var(--font-serif);--g-hw:400;--g-ht:0;--g-hl:1;--g-r:18px;--g-btn-r:99px;--g-bw:1.5px;--g-bc:color-mix(in srgb,var(--ga) 35%,transparent);--g-card:color-mix(in srgb,#fff 55%,var(--gp));--gingham:repeating-linear-gradient(90deg,color-mix(in srgb,var(--gb) 22%,transparent) 0 14px,transparent 14px 28px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--gb) 22%,transparent) 0 14px,transparent 14px 28px)}.ex-cottagecore:has(.ex-dark:checked){--g-card:color-mix(in srgb,#fff 6%,var(--gp));--gingham:repeating-linear-gradient(90deg,color-mix(in srgb,var(--gb) 14%,transparent) 0 14px,transparent 14px 28px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--gb) 14%,transparent) 0 14px,transparent 14px 28px)}.g-cottage .g-kick{font:italic 400 18px var(--font-serif);letter-spacing:.02em;text-transform:none;color:var(--gat)}.g-cottage .g-kick:before{content:"\273F  ";font-style:normal}.cl-logo{display:inline-flex;align-items:center;gap:10px;font:400 24px var(--font-serif)}.cl-logo i{width:24px;aspect-ratio:1;background:radial-gradient(circle at 50% 22%,var(--gb) 0 22%,transparent 23%),radial-gradient(circle at 22% 56%,var(--gb) 0 22%,transparent 23%),radial-gradient(circle at 78% 56%,var(--gb) 0 22%,transparent 23%),linear-gradient(var(--gb),var(--gb)) 50% 100% /2px 40% no-repeat}.cl-hero{padding:64px 0 80px;background:var(--gingham),var(--gp)}.cl-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}.cl-card{padding:44px;border-radius:24px;background:var(--gp);box-shadow:0 0 0 1.5px var(--g-bc),0 0 0 8px var(--gp),0 0 0 9.5px var(--g-bc)}.cl-hero h1{margin-top:10px;font-size:clamp(54px,7vw,108px)}.cl-hero h1 em{display:block;color:var(--gat)}.cl-scene{position:relative;aspect-ratio:1}.cl-scene i{position:absolute;display:block}.cl-scene .window{inset:4% 8% 18%;border-radius:999px 999px 12px 12px;background:linear-gradient(90deg,transparent 48.5%,var(--gp) 48.5% 51.5%,transparent 51.5%),linear-gradient(transparent 48%,var(--gp) 48% 51%,transparent 51%),linear-gradient(180deg,color-mix(in srgb,#9fd0ee 70%,var(--gp)),color-mix(in srgb,#cfe8c0 80%,var(--gp)));box-shadow:inset 0 0 0 10px var(--gp),0 0 0 1.5px var(--g-bc)}.cl-scene .pie{left:22%;bottom:10%;width:56%;height:22%;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;background:color-mix(in srgb,#d99a52 90%,var(--gp));box-shadow:inset 0 -10px 0 color-mix(in srgb,#a8662a 70%,transparent),0 6px 0 color-mix(in srgb,var(--gk) 12%,transparent)}.cl-scene .lattice{left:28%;bottom:17%;width:44%;height:12%;border-radius:50%;background:repeating-linear-gradient(45deg,color-mix(in srgb,#f2cc8a 90%,var(--gp)) 0 6px,transparent 6px 16px),repeating-linear-gradient(-45deg,color-mix(in srgb,#f2cc8a 90%,var(--gp)) 0 6px,color-mix(in srgb,#7a2a4a 80%,var(--gp)) 6px 16px)}.cl-scene .steam{left:44%;bottom:36%;width:12%;height:20%;border:3px solid color-mix(in srgb,var(--gk) 35%,transparent);border-color:color-mix(in srgb,var(--gk) 35%,transparent) transparent;border-radius:50%}.cl-scene .flower{width:30px;aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,#ffd65a 90%,var(--gp)) 0 18%,transparent 19%),radial-gradient(circle at 50% 18%,var(--c) 0 20%,transparent 21%),radial-gradient(circle at 82% 50%,var(--c) 0 20%,transparent 21%),radial-gradient(circle at 50% 82%,var(--c) 0 20%,transparent 21%),radial-gradient(circle at 18% 50%,var(--c) 0 20%,transparent 21%);--c:color-mix(in srgb,#f4a6b8 90%,var(--gp))}.cl-scene .f0{left:2%;bottom:8%}.cl-scene .f1{left:10%;bottom:2%;--c:#fff}.cl-scene .f2{right:4%;bottom:6%}.cl-scene .f3{right:12%;bottom:0;--c:color-mix(in srgb,#b8a6f4 90%,var(--gp))}.cl-scene .f4{left:0;top:20%;--c:#fff;width:22px}.cl-scene .f5{right:0;top:30%;width:22px}@media (prefers-reduced-motion:no-preference){.cl-scene .steam{animation:cl-steam 3s ease-in-out infinite alternate}.cl-scene .flower{animation:cl-nod 4s ease-in-out infinite alternate}.cl-scene .flower:nth-child(2n){animation-delay:-2s}}@keyframes cl-steam{to{translate:0 -10px;opacity:.4}}@keyframes cl-nod{to{rotate:20deg}}.cl-scallop{height:22px;background:radial-gradient(circle at 50% 0,var(--gp) 0 11px,transparent 12px) 0 0 /28px 22px,var(--gp);margin-top:-1px;position:relative}.cl-scallop:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,transparent 0 11px,var(--g-bc) 11px 12.5px,transparent 13px) 0 0 /28px 22px}.g-cottage .g-list>li{border-bottom:1.5px dotted var(--g-bc)}.g-cottage .g-list-n b{font:400 26px var(--font-serif)}.g-cottage .g-list-v{font:italic 400 20px var(--font-serif);color:var(--gat)}.g-cottage .g-quotes li,.g-cottage .g-steps li{border-radius:24px;border:1.5px dashed var(--g-bc);background:var(--g-card)}@media (max-width:1000px){.cl-hero-in{grid-template-columns:minmax(0,1fr)}.cl-scene{max-width:420px}}@media (max-width:640px){.cl-card{padding:28px 22px}}