.cph-tile{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:5 / 4;background-image:radial-gradient(ellipse 62% 58% at 50% 56%,rgba(var(--t-glow),.55),rgba(var(--t-glow),0) 72%),linear-gradient(135deg,var(--t-from),var(--t-via),var(--t-to))}.cph-tile:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.14) 1.5px,transparent 2px);background-size:22px 22px;pointer-events:none}.cph-tile:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px #0000006b;pointer-events:none}.cph-tile-book{position:relative;z-index:1;height:88%;width:auto;border-radius:4px;transform:rotate(3deg);transition:transform .4s ease;outline:2px solid rgba(255,255,255,.3);outline-offset:-2px;box-shadow:0 0 0 1px #0000008c,inset 4px 0 8px -5px #00000080,0 22px 34px -12px #000000b3,0 0 40px rgba(var(--t-glow),.35),0 6px 14px #00000059}.group:hover .cph-tile-book{transform:rotate(0) scale(1.03)}.cph-hero{position:relative;overflow:hidden;color:#f6f0e5;background-image:linear-gradient(135deg,#13201a,#154c3d,#266454)}.cph-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1.5px,transparent 2px);background-size:26px 26px;pointer-events:none}.cph-hero-muted{color:#d8cdb6}.cph-hero-eyebrow{color:#f0c066}.cph-wave{color:hsl(var(--background))}.cph-hero-btn{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));box-shadow:0 0 30px hsl(var(--secondary) / .35)}.cph-hero-btn:hover{transform:translateY(-2px)}.cph-hero-ghost{border:1px solid hsl(41 48% 93% / .35);color:#f6f0e5}.cph-hero-ghost:hover{background:#f6f0e51a}.cph-fan{display:flex;align-items:flex-end;justify-content:center}.cph-fan-book{width:26%;border-radius:5px;box-shadow:inset 5px 0 9px -6px #0000008c,0 24px 40px -16px #000000b3,0 8px 18px #00000059;transition:transform .4s ease}.cph-fan-book:nth-child(1){transform:rotate(-9deg) translateY(10px);margin-right:-3%}.cph-fan-book:nth-child(2){transform:rotate(-3deg);margin-right:-3%;z-index:1}.cph-fan-book:nth-child(3){transform:rotate(3deg);margin-right:-3%;z-index:2}.cph-fan-book:nth-child(4){transform:rotate(9deg) translateY(10px);z-index:3}.cph-fan-book:hover{transform:rotate(0) translateY(-8px);z-index:5}.cph-section-swatch{width:.75rem;height:.75rem;border-radius:9999px;flex-shrink:0}@media (prefers-reduced-motion: reduce){.cph-tile-book,.cph-fan-book,.cph-hero-btn{transition:none}.group:hover .cph-tile-book{transform:rotate(3deg)}.cph-hero-btn:hover{transform:none}}