.hp-hero-section *{box-sizing:border-box}:root{--cream: #F5F0E4;--parchment: #EDE5D0;--mushroom-red: #C8392B;--skate-green: #7A9E3B;--olive-dark: #4A5E1A;--pink-wheel: #E87BA0;--pink-soft: #F2C4CE;--yellow-petal: #D4BE4A;--purple-spark: #7B5EA7;--ink: #1A1208;--wing-cream: #EEE8B0}.hp-hero{position:relative;min-height:88vh;background-color:var(--cream);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:60px 40px}.hp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 20% 30%,rgba(255,250,235,.5) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 85% 70%,rgba(200,185,155,.3) 0%,transparent 60%),repeating-linear-gradient(25deg,transparent 0px,transparent 55px,rgba(0,0,0,.015) 55px,rgba(0,0,0,.015) 56px),repeating-linear-gradient(-65deg,transparent 0px,transparent 75px,rgba(0,0,0,.012) 75px,rgba(0,0,0,.012) 76px)}.hp-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none}.hp-scrap{position:absolute;z-index:1}.hp-scrap-1{top:8%;left:6%;width:110px;height:70px;background:var(--pink-soft);opacity:.55;transform:rotate(-8deg);border:1px solid rgba(0,0,0,.06)}.hp-scrap-2{bottom:12%;right:8%;width:90px;height:60px;background:var(--wing-cream);opacity:.6;transform:rotate(6deg);border:1px solid rgba(0,0,0,.06)}.hp-scrap-3{top:15%;right:14%;width:50px;height:50px;border-radius:50%;background:var(--olive-dark);opacity:.18}.hp-scrap-4{bottom:18%;left:10%;width:60px;height:40px;background:var(--yellow-petal);opacity:.3;transform:rotate(-4deg)}.tape{position:absolute;width:70px;height:22px;background:var(--skate-green);opacity:.55}.hp-hero-content{position:relative;z-index:5;text-align:center;max-width:780px}.hp-hero-eyebrow-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:4px}.hp-hero-logo{width:38px;height:38px;object-fit:contain}.hp-hero-photo{position:absolute;z-index:4;width:170px;background:#fff;padding:10px 10px 34px;box-shadow:0 14px 32px #00000038}.hp-hero-photo img{width:100%;display:block;filter:sepia(8%) contrast(1.03)}.hp-hero-photo-left{top:9%;left:7%;transform:rotate(-7deg)}.hp-hero-photo-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-family:Caveat,cursive;font-size:14px;color:var(--ink)}.hp-hero-photo-tape{position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-3deg);width:56px;height:18px;background:var(--yellow-petal);opacity:.7}.hp-hero-title{font-family:Playfair Display,serif;font-size:clamp(42px,6.5vw,78px);font-weight:900;color:var(--ink);line-height:1.02;margin:4px 0 20px}.hp-hero-title em{font-style:italic;color:var(--mushroom-red)}.hp-hero-sub{font-family:Special Elite,cursive;font-size:16px;color:#5a4d38;line-height:1.7;max-width:540px;margin:0 auto 36px}.hp-hero-scroll-cue{font-family:Caveat,cursive;font-size:18px;color:var(--mushroom-red)}.hp-hero-scroll-cue:after{content:" \2193"}.hp-funnel{background:var(--cream);padding:70px 40px 90px;position:relative}.hp-funnel-heading{text-align:center;margin-bottom:56px}.hp-funnel-eyebrow{font-family:Special Elite,cursive;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--olive-dark);margin-bottom:10px}.hp-funnel-title{font-family:Playfair Display,serif;font-size:clamp(28px,4vw,44px);font-weight:900;color:var(--ink)}.hp-funnel-title span{font-style:italic;font-weight:700;color:var(--purple-spark)}.hp-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1100px;margin:0 auto}@media(max-width:800px){.hp-cards-grid{grid-template-columns:1fr}}.hp-fcard{position:relative;background:#fff;border-radius:3px;padding:36px 28px 30px;box-shadow:0 10px 30px #00000014;transition:transform .2s;cursor:pointer}.hp-fcard:hover{transform:translateY(-6px)}.hp-fcard-1{transform:rotate(-1.2deg)}.hp-fcard-2{transform:rotate(.6deg)}.hp-fcard-3{transform:rotate(-.4deg)}.hp-fcard-1:hover{transform:rotate(-1.2deg) translateY(-6px)}.hp-fcard-2:hover{transform:rotate(.6deg) translateY(-6px)}.hp-fcard-3:hover{transform:rotate(-.4deg) translateY(-6px)}.hp-fcard:before,.hp-fcard:after{content:"";position:absolute;width:46px;height:18px}.hp-fcard:before{top:-8px;left:22px;transform:rotate(-6deg)}.hp-fcard:after{top:-8px;right:22px;transform:rotate(5deg)}.hp-fcard-1:before,.hp-fcard-1:after{background:var(--mushroom-red);opacity:.75}.hp-fcard-2:before,.hp-fcard-2:after{background:var(--skate-green);opacity:.75}.hp-fcard-3:before,.hp-fcard-3:after{background:var(--purple-spark);opacity:.75}.hp-fcard-icon{font-size:30px;margin-bottom:14px;display:block}.hp-fcard-label{font-family:Special Elite,cursive;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#999;margin-bottom:6px}.hp-fcard-title{font-family:Playfair Display,serif;font-size:24px;font-weight:900;color:var(--ink);margin-bottom:10px;line-height:1.15}.hp-fcard-desc{font-family:Space Mono,monospace;font-size:12.5px;color:#666;line-height:1.6;margin-bottom:18px}.hp-fcard-cta{display:inline-flex;align-items:center;gap:6px;font-family:Caveat,cursive;font-weight:700;font-size:17px}.hp-fcard-1 .hp-fcard-cta{color:var(--mushroom-red)}.hp-fcard-2 .hp-fcard-cta{color:var(--olive-dark)}.hp-fcard-3 .hp-fcard-cta{color:var(--purple-spark)}.hp-fcard-stat{position:absolute;bottom:-10px;right:16px;font-family:Caveat,cursive;font-size:13px;color:#aaa;background:var(--cream);padding:1px 8px;transform:rotate(-3deg)}.hp-listen-row{text-align:center;margin-top:44px}.hp-listen-link{font-family:Space Mono,monospace;font-size:11px;letter-spacing:1px;color:#aaa;text-decoration:none;border-bottom:1px dotted #ccc;padding-bottom:2px}.hp-listen-link:hover{color:var(--purple-spark)}@media(max-width:749px){.hp-hero{flex-direction:column;align-items:center;padding:48px 24px 56px;min-height:auto}.hp-hero-photo,.hp-hero-photo-left{position:relative;top:auto;left:auto;transform:rotate(-3deg);margin:0 auto 28px;width:150px}.hp-hero-content{width:100%}.hp-hero-title{font-size:clamp(32px,9vw,52px)}.hp-hero-sub{font-size:14px}.hp-scrap{display:none}.hp-funnel{padding:48px 20px 64px}.hp-cards-grid{gap:48px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hipness-hero-funnel.css.map */