.ex-collage{--g-head:var(--font-serif);--g-hw:400;--g-ht:-.01em;--g-r:2px;--g-btn-r:2px;--g-bw:0px;--g-card:color-mix(in srgb,#fff 55%,var(--gp));--g-sh:3px 4px 0 color-mix(in srgb,var(--gk) 14%,transparent);--tape:color-mix(in srgb,var(--gb) 45%,transparent);--torn:polygon(0 6%,4% 0,9% 5%,15% 1%,21% 6%,27% 2%,33% 7%,40% 1%,46% 5%,52% 0,59% 6%,65% 2%,71% 7%,78% 1%,84% 6%,90% 2%,96% 6%,100% 1%,100% 100%,0 100%)}.ex-collage:has(.ex-dark:checked){--g-card:color-mix(in srgb,#fff 6%,var(--gp))}.g-collage{background:radial-gradient(color-mix(in srgb,var(--gk) 8%,transparent) 1px,transparent 1.5px) 0 0 /7px 7px,var(--gp)}.g-collage .g-logo{font:italic 400 26px var(--font-serif)}.g-collage .g-head{background:var(--gp)}.tp-hero{padding:64px 0 90px}.tp-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}.tp-hero h1{display:flex;flex-wrap:wrap;gap:4px;font-size:clamp(48px,6.2vw,96px);line-height:1}.tp-c.sp{min-width:.25em;background:none;box-shadow:none}.tp-c{display:inline-grid;place-items:center;min-width:.55em;padding:0 .06em;box-shadow:2px 3px 0 color-mix(in srgb,#000 18%,transparent)}.tp-c.c0{background:var(--gk);color:var(--gp);font-family:var(--font-serif);rotate:-4deg}.tp-c.c1{background:var(--ga);color:var(--ga-on);font:900 .9em var(--font-sans);rotate:3deg}.tp-c.c2{background:#fffdf6;color:#1a1a1a;font:italic 400 1em var(--font-serif);rotate:-2deg}.tp-c.c3{background:var(--gb);color:var(--gb-on);font:700 .8em var(--font-mono);rotate:5deg}.tp-c.c4{background:#f1e7cf;color:#222;font:800 1em var(--font-sans);rotate:-6deg}.tp-board{position:relative;aspect-ratio:1}.tp-board b,.tp-board i{position:absolute;display:block}.tp-board .p1{left:4%;top:6%;width:56%;height:64%;background:repeating-linear-gradient(0deg,transparent 0 18px,color-mix(in srgb,var(--gk) 18%,transparent) 18px 19px),#fffdf6;rotate:-6deg;box-shadow:var(--g-sh);clip-path:var(--torn)}.tp-board .p2{right:4%;top:14%;width:46%;height:52%;background:radial-gradient(circle at 60% 40%,var(--ga) 0 22%,transparent 23%),linear-gradient(var(--gb) 62%,color-mix(in srgb,var(--gb) 60%,#000) 62%);rotate:5deg;box-shadow:var(--g-sh)}.tp-board .p3{left:18%;bottom:6%;width:50%;height:36%;background:repeating-linear-gradient(45deg,var(--gk) 0 2px,transparent 2px 9px),#f1e7cf;rotate:3deg;clip-path:polygon(2% 0,100% 4%,97% 100%,0 95%)}.tp-board .p4{right:10%;bottom:12%;width:26%;aspect-ratio:1;border-radius:50%;background:var(--ga);rotate:-10deg}.tp-board .t1,.tp-board .t2{width:26%;height:8%;background:var(--tape)}.tp-board .t1{left:20%;top:2%;rotate:-12deg}.tp-board .t2{right:14%;top:10%;rotate:18deg}.tp-board b{left:46%;top:66%;padding:4px 10px;background:var(--gk);color:var(--gp);font:700 15px var(--font-mono);rotate:-8deg}.tp-tear{height:26px;background:var(--g-card);clip-path:var(--torn)}.tp-tear.down{rotate:180deg}.tp-paper{background:var(--g-card);padding-block:60px}.g-collage .tp-paper+.tp-tear+.g-sec{padding-top:90px}.g-collage .g-list-n b{font:400 28px var(--font-serif)}.g-collage .g-list-v{padding:4px 12px;background:var(--ga);color:var(--ga-on);rotate:-3deg}.tp-sell-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.tp-note{position:relative;padding:40px 36px 36px;background:#fffdf6;color:#1a1a1a;rotate:-1.5deg;box-shadow:var(--g-sh)}.tp-note h2{font-size:clamp(36px,4.4vw,60px);color:#1a1a1a}.tp-note p{margin-top:14px;font-size:17px;color:#3a3a3a}.tp-note .tape{position:absolute;left:40%;top:-14px;width:120px;height:30px;background:var(--tape);rotate:4deg}.tp-scraps{display:flex;flex-wrap:wrap;gap:12px}.tp-scraps li{padding:12px 18px;background:var(--g-card);box-shadow:var(--g-sh);font:400 22px var(--font-serif)}.tp-scraps li:nth-child(odd){rotate:-2deg}.tp-scraps li:nth-child(2n){rotate:2.5deg}.tp-scraps li:nth-child(3){background:var(--ga);color:var(--ga-on)}@media (max-width:1000px){.tp-hero-in,.tp-sell-in{grid-template-columns:minmax(0,1fr)}.tp-board{max-width:460px}}