/* Occasion landing pages (custom hoodies, fest merch, wedding merch, corporate gifting, polaroids, candles).
   Reuses styles.css tokens; only the page-specific layout lives here. */
.lp-crumbs{max-width:1320px;margin:0 auto;padding:18px clamp(16px,4vw,48px) 0;font-size:14px;color:var(--muted)}
.lp-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lp-crumbs li+li::before{content:"/";margin-right:6px;color:var(--mustard)}
.lp-crumbs a{text-decoration:none;color:var(--terra-d)}.lp-crumbs a:hover{text-decoration:underline}

.lp-hero{max-width:1320px;margin:0 auto;padding:clamp(22px,4vw,56px) clamp(16px,4vw,48px) clamp(48px,7vw,96px);
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center}
.lp-hero h1{font-size:clamp(40px,5.6vw,76px);line-height:1.02;margin:0 0 20px}
.lp-hero h1 .hand{font-size:1.02em;color:var(--terra);display:inline-block;transform:rotate(-2deg)}
.lp-hero .lead{max-width:600px}
.lp-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.lp-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.lp-chips li{font-size:14px;font-weight:600;padding:7px 14px;border-radius:999px;background:var(--paper);border:1px solid rgba(168,112,94,.25);color:var(--ink-2)}
.lp-art{position:relative;min-height:440px}
.lp-art .pola{position:absolute;width:62%}
.lp-art .pola:first-child{left:0;top:4%;transform:rotate(-4deg);z-index:1}
.lp-art .pola:nth-child(2){right:0;bottom:0;width:52%;transform:rotate(5deg);z-index:2}
.lp-art .tape{position:absolute;z-index:3;left:42%;top:0;transform:rotate(-8deg)}

.lp-band{background:var(--paper)}
.lp-split{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,72px);align-items:start}
.lp-prose h2,.lp-head h2{font-size:clamp(32px,4.2vw,52px);margin:0 0 20px}
.lp-prose p{margin:0 0 18px;color:var(--ink-2);max-width:68ch}
.lp-prose a,.lp-idea a,.faq-a a,.lp-note a{color:var(--terra-d);text-underline-offset:3px}
.lp-aside{background:var(--cream);border-radius:22px;padding:26px 24px 8px;box-shadow:0 10px 30px -18px rgba(110,60,52,.4)}
.lp-aside h3{font-size:22px;margin:0 0 14px}
.lp-head{text-align:center;max-width:760px;margin:0 auto clamp(30px,4vw,52px)}
.lp-head p{color:var(--ink-2);margin:0}

.lp-ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lp-idea{background:var(--paper);border-radius:22px;padding:24px 22px;box-shadow:0 10px 30px -18px rgba(110,60,52,.4);position:relative}
.lp-idea::before{content:"✦";position:absolute;right:18px;top:16px;color:var(--mustard);font-size:18px}
.lp-idea h3{font-size:23px;margin:0 0 8px;padding-right:22px}
.lp-idea p{margin:0;color:var(--ink-2);font-size:16px}
.lp-band .lp-idea{background:var(--cream)}

.lp-steps{grid-template-columns:repeat(3,1fr)}
.lp-steps::before{left:12%;right:12%}
.lp-note{text-align:center;max-width:680px;margin:32px auto 0;color:var(--ink-2)}

.lp-tips{max-width:860px;margin:0 auto}
.lp-tips h2{font-size:clamp(30px,3.8vw,46px);margin:0 0 22px}
.lp-tips .ticks{gap:12px}

.faq{max-width:860px;margin:0 auto;display:grid;gap:12px}
.faq details{background:var(--paper);border-radius:18px;box-shadow:0 8px 24px -18px rgba(110,60,52,.45);border:1px solid rgba(168,112,94,.14)}
.faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 22px;font:600 18px/1.35 "Inter",sans-serif;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;background:var(--blush-soft);color:var(--terra-d);font:600 20px/1 "Inter",sans-serif;transition:transform .3s var(--ease)}
.faq details[open] summary::after{content:"\2212"}
.faq-a{padding:0 22px 20px;color:var(--ink-2)}
.faq-a p{margin:0}

.lp-cta{background:var(--deep);color:var(--cream);text-align:center;padding:clamp(56px,8vw,96px) clamp(16px,4vw,48px)}
.lp-cta h2{font-size:clamp(34px,4.6vw,58px);margin:0 0 14px}
.lp-cta h2 .hand{color:var(--blush)}
.lp-cta p{margin:0 auto;max-width:560px;color:#e3cfc8}
.lp-cta .lp-ctas{justify-content:center}
.lp-cta .wa-note{color:#e3cfc8;margin:0}

.lp-more{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;list-style:none;margin:0;padding:0}
.lp-more a{display:block;text-decoration:none;background:var(--paper);border-radius:18px;padding:10px 10px 16px;box-shadow:0 10px 26px -18px rgba(110,60,52,.45);transition:transform .35s var(--ease)}
.lp-more a:hover{transform:translateY(-5px) rotate(-.6deg)}
.lp-more img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;margin-bottom:12px}
.lp-more b{display:block;font:600 19px/1.15 "Fraunces",Georgia,serif;padding:0 4px}
.lp-more span{display:block;font-size:14px;color:var(--muted);padding:4px 4px 0;line-height:1.4}

@media (max-width:1020px){
  .lp-more{grid-template-columns:repeat(3,1fr)}
  .lp-ideas{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .lp-hero,.lp-split{grid-template-columns:1fr}
  .lp-art{min-height:0;height:min(84vw,420px);max-width:520px;width:100%;margin:0 auto}
  .lp-steps{grid-template-columns:1fr}
  .lp-steps::before{display:none}
}
@media (max-width:520px){
  .lp-crumbs{padding-top:14px;font-size:13px}
  .lp-hero{padding-top:14px}
  .lp-hero .eyebrow{font-size:12px;letter-spacing:.1em}
  .lp-hero h1{font-size:clamp(36px,10.4vw,46px);margin-bottom:14px}
  .lp-ctas{margin:20px 0 18px}
  .lp-ctas .btn{flex:1 1 100%}
  .lp-chips li{font-size:13px;padding:6px 12px}
  .lp-art{height:86vw}
  .lp-art .pola figcaption{font-size:16px}
  .lp-ideas{grid-template-columns:1fr;gap:14px}
  .lp-more{grid-template-columns:repeat(2,1fr);gap:12px}
  .lp-more b{font-size:17px}
  .faq summary{font-size:16px;padding:16px 50px 16px 18px}
  .faq-a{padding:0 18px 18px}
}