/* Multi-page reference board, September 2026. Pure presentation; no catalog values. */
body[data-page] {--display:"Chewy","Creepster",sans-serif;--body:"Barlow Condensed","Nunito",sans-serif;--cream:#fff3df;--cream-2:#eee1cc;--maxw:1120px;font-family:var(--body);font-size:20px;font-weight:500;background-color:#020e0b;background-image:linear-gradient(#03100e88,#03100eb8),url('/img/seasons/halloween/collection.webp');background-position:center top;background-size:100% auto;background-repeat:repeat-y}
[data-page] h1,[data-page] h2,[data-page] h3 {font-family:var(--display)}
[data-page] .mainnav a {font-family:var(--body);font-size:18px;letter-spacing:0;font-weight:600}
[data-page] .site-head {min-height:78px}
[data-page] .wordmark {font-size:39px}
[data-page] .site-head::after {opacity:.7}
[data-page] .btn {font:700 21px/1.1 var(--body);letter-spacing:.015em;min-height:48px;padding:13px 24px;border-radius:9px;clip-path:polygon(1% 12%,4% 4%,9% 5%,15% 2%,22% 4%,28% 1%,36% 4%,44% 1%,53% 3%,62% 1%,71% 4%,81% 2%,90% 4%,96% 3%,99% 13%,98% 31%,100% 46%,98% 61%,99% 81%,96% 95%,87% 97%,78% 95%,68% 99%,59% 96%,48% 99%,38% 96%,29% 98%,19% 96%,10% 98%,3% 94%,1% 80%,2% 63%,0 47%,2% 29%)}
[data-page] .btn:focus-visible {clip-path:none}
[data-page] .sec {background-color:transparent}
[data-page] .card,[data-page] .qagroup,[data-page] .pack,[data-page] .step {border:2px solid transparent;border-image:url('/img/seasons/halloween/frame.svg') 12 / 8px / 0 stretch;background:#02110de8;border-radius:0}
[data-page] .card h3 {font-size:25px}
[data-page] .card p {font-size:19px;line-height:1.35}
[data-page] .card__ico {width:48px;margin:0 auto 12px}
[data-page] .cards {gap:22px}
[data-page] .card {text-align:center;padding:24px 18px}
[data-page] .site-foot {background:#020d0c;border-top:1px solid #706347;padding:28px 0}
[data-page] .foot__links a {font-size:16px}
[data-page] .foot__note {font-size:13px;line-height:1.4;color:#c3bdac}
[data-page] .torn::before {height:6px;background:#a76b25;opacity:.7}

/* Homepage keeps the compact illustrated sequence from the new board. */
body[data-page] {background-repeat:no-repeat;background-size:cover;background-attachment:fixed}
[data-page="index"] .introduction {background:#03100eee}
[data-page="index"] .flow__ring svg {color:#101d10}
[data-page="how-it-works"].subpage main {max-width:860px}
[data-page="contact"].subpage main,[data-page="faq"].subpage main {max-width:800px}
[data-page="about"].subpage main {max-width:930px}
[data-page="policies"].subpage main {max-width:860px}
[data-page="shipping"].subpage main,[data-page="returns"].subpage main {max-width:1000px}
[data-page="about"].subpage main>.hero {background:linear-gradient(#03100e77,#03100e00),url('/img/seasons/halloween/collection.webp') center 72%/cover;padding-bottom:0}
[data-page="faq"] .qagroup:nth-of-type(n) {position:relative;border:2px solid transparent;border-image:url('/img/seasons/halloween/frame.svg') 12 / 9px / 0 stretch;background-color:#02130eea}
[data-page="faq"] .qagroup:nth-child(even)::after {content:"";position:absolute;pointer-events:none;right:-18px;top:-16px;width:67px;height:80px;background:url('/img/seasons/halloween/friendly-ghost.svg') center/contain no-repeat;transform:rotate(12deg)}
[data-page="faq"] .qagroup:nth-child(odd)::after {content:"";position:absolute;pointer-events:none;left:-18px;top:-15px;width:43px;height:49px;background:url('/img/scene/jack-lantern.webp') center/contain no-repeat}
@media(max-width:900px){[data-page="faq"] .qagroup:nth-child(even)::after {right:0;width:50px;height:60px}[data-page="faq"] .qagroup:nth-child(odd)::after {left:0;width:34px}}
.service-strip {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:min(calc(100% - 64px),1120px);margin:0 auto;padding:18px 0;border-top:1px solid #7e6037}
.service-strip a {color:var(--cream);text-decoration:none;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;font-size:17px;line-height:1.25}
.service-strip svg {width:32px;height:32px;color:#efd5a5}
.service-strip b {display:block;font-weight:700}.service-strip span {font-size:15px}
@media(max-width:600px){.service-strip {gap:12px;width:calc(100% - 32px)}.service-strip a {display:block;text-align:center;font-size:15px}.service-strip svg {margin:0 auto 7px}.service-strip span {font-size:14px}}
[data-page="index"] #packs {padding:22px 0 25px;background:linear-gradient(#02120dea,#03100ed9);border-top:1px solid #96511e}
[data-page="index"] #packs>.wrap {width:min(100% - 2 * var(--gut),1120px)}
[data-page="index"] #packs .sec__head {text-align:left;margin-bottom:18px}
[data-page="index"] #packs h2 {font-size:40px}
[data-page="index"] #packs .sec__lede {margin:0;max-width:800px;font-size:17px}
[data-page="index"] .packs {grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
[data-page="index"] .pack {display:flex;flex-direction:column;text-align:center;align-items:center;padding:12px 12px 18px}
[data-page="index"] .pack-photo {width:155px;height:116px;object-fit:contain;filter:drop-shadow(0 7px 7px #000)}
[data-page="index"] .pack__flag {position:static;order:0;margin:5px 0 -2px;font-size:11px;padding:3px 9px}
[data-page="index"] .pack__name {font:700 23px var(--body);margin-top:8px}
[data-page="index"] .pack__fig {font:700 25px var(--body);color:var(--cream);margin:0}
/* Halloween cutoff sale. These were the real prices until 2026-10-12;
   take the <s> out of the markup when the sale ends rather than leaving a
   permanent "was" that stops being true. */
[data-page="index"] .pack__was {opacity:.55;font-size:.62em;font-weight:600;text-decoration-thickness:.08em;margin-right:.15em}
[data-page="index"] .pack__each,[data-page="index"] .pack__ship {font-size:16px;margin:1px 0;line-height:1.2}
[data-page="index"] .pack .btn {margin-top:auto;align-self:stretch;min-height:44px;font:700 18px var(--body);padding:11px 10px}
[data-page="index"] .pack__ship {padding-bottom:12px}
[data-page="index"] .pack--feature .pack-photo {height:95px}
[data-page="index"] .wrapper-story {padding-block:18px}
[data-page="index"] .wrapper-story .flow {border:1px solid #be6e26;padding:14px;border-radius:7px}
[data-page="index"] .flow__ring {border:0;border-radius:4px;background:#fa811d;color:#07110c;width:58px;height:55px;transform:rotate(-5deg);padding:10px}
[data-page="index"] .flow__item:nth-of-type(2) .flow__ring {transform:rotate(5deg)}
[data-page="index"] .flow__item b {font:700 17px var(--body)}
.home-help {position:relative;display:grid;grid-template-columns:1fr 1.4fr;gap:28px;padding:35px max(40px,calc((100vw - 1120px)/2));min-height:285px;background:linear-gradient(90deg,#03100e33,#03100e99),url('/img/seasons/halloween/moonlit-path.webp') center 57%/cover;border-top:1px solid #ab622d}
.home-help__cta {display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
[data-page="index"] .home-help h2 {font-size:37px}
.home-help__faq {display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.home-help__faq>div {background:#03100ee8;padding:8px 12px;border:1px solid #9e7b40}
.home-help__faq .qa {border:0;border-bottom:1px solid #785b36;background:none;border-radius:0;margin:0}
.home-help__faq .qa summary {font-size:17px;padding:9px 26px 9px 0;min-height:40px}
.home-help__faq .qa__body {font-size:17px}
.home-help__faq a {font-size:16px;display:inline-block;padding:8px 0}

/* Each secondary page is its own narrow illustrated scene, not a generic hero. */
[data-page].subpage main {max-width:1100px;margin:auto;position:relative;padding-bottom:20px;background:linear-gradient(90deg,#03100e55,#03100e11 20%,#03100e11 80%,#03100e55)}
[data-page].subpage main>.hero {width:100%;padding:54px 24px 36px;text-align:center;min-height:200px;background:linear-gradient(#03100e30,#03100e88),url('/img/seasons/halloween/forest.webp') center 24%/cover}
[data-page].subpage .hero::before,[data-page].subpage .hero::after {display:none}
[data-page].subpage .hero .eyebrow {display:none}
[data-page].subpage .hero h1 {font-size:clamp(40px,5vw,62px);line-height:1.02;margin-bottom:12px;text-shadow:2px 3px #000}
[data-page].subpage .hero__lede {font-size:22px;line-height:1.3;max-width:620px;margin:auto}
[data-page].subpage .sec {padding:24px 0}
[data-page].subpage .sec>.wrap {width:calc(100% - 60px)}
[data-page].subpage .sec__head h2 {font-size:37px}
.story-finale {position:relative;isolation:isolate;display:grid;place-items:start center;min-height:325px;text-align:center;padding:35px 25px 150px;background:linear-gradient(#03100e22,#03100e00),url('/img/seasons/halloween/collection.webp') center 72%/cover;border-top:1px solid #8c652c}
.story-finale h2 {font-size:40px;line-height:1.05;text-shadow:2px 3px #000}.story-finale p {font-size:20px}.story-finale .btn {margin-top:8px}

/* How it works: five torn-paper illustrations. */
[data-page="how-it-works"] main {max-width:900px}
[data-page="how-it-works"] .sec>.wrap {width:calc(100% - 60px)}
.story-steps {display:grid;gap:22px}
.story-step {display:grid;grid-template-columns:58px 1fr 35%;gap:16px;align-items:center;min-height:175px;padding:20px 28px;position:relative;isolation:isolate;color:#0d170e}
.story-step::before {content:"";position:absolute;inset:0;z-index:-1;background:#edc38f url('/img/seasons/halloween/paper.svg') center/cover;clip-path:polygon(1% 6%,8% 3%,15% 5%,23% 1%,32% 4%,40% 1%,50% 4%,58% 2%,67% 5%,75% 1%,85% 3%,94% 1%,99% 5%,98% 19%,100% 29%,98% 43%,100% 58%,98% 75%,99% 94%,93% 98%,84% 95%,75% 99%,64% 96%,53% 99%,42% 96%,31% 99%,20% 96%,10% 99%,2% 94%,3% 79%,0 65%,2% 49%,0 33%,2% 19%)}
.story-step__number {align-self:start;background:#111b10;color:#ffda91;font:700 36px/1 var(--body);padding:8px 5px;text-align:center;border-radius:4px;margin-top:5px}
.story-step h2 {font:700 27px/1.05 var(--body);margin:0 0 8px;text-transform:uppercase;color:#11190e}
.story-step p {font-size:20px;line-height:1.25;margin:0;color:#182013;font-weight:600}
.story-step__art {height:145px;display:grid;place-items:center}
.step-products {display:flex;align-items:center;justify-content:center;width:100%;height:145px}.step-products img {width:35%;height:140px;object-fit:contain;transform:rotate(-12deg);filter:drop-shadow(3px 7px 4px #37200a55)}.step-products img:nth-child(2) {transform:rotate(4deg);margin-left:-10%}.step-products img:nth-child(3) {transform:rotate(15deg);margin-left:-10%}
.step-products--single img {width:70%;transform:rotate(14deg)}
.mystery-bag {width:100px;height:110px;background:#f08024;border:6px double #1b231a;border-radius:4px 4px 15px 15px;transform:rotate(6deg);box-shadow:12px 8px #18201888;display:grid;place-items:center}
.mystery-bag span {font:70px var(--display);color:#142014}

/* About: packaged stock is the illustration, never a made-up loose toy. */
[data-page="about"] main {max-width:980px}
[data-page="about"] main>.hero {background:linear-gradient(#03100e77,#03100e00),url('/img/seasons/halloween/collection.webp') center 72%/cover;padding-bottom:0}
.about-hero-products {display:flex;justify-content:center;align-items:end;height:210px;margin-top:20px;overflow:hidden;padding-top:10px}.about-hero-products img {width:100px;height:205px;object-fit:contain;transform:rotate(-15deg);filter:drop-shadow(5px 8px 8px #000)}.about-hero-products img:nth-child(2n) {transform:rotate(9deg)}
.about-intro {text-align:center;max-width:700px;margin:0 auto 23px}.about-intro h2 {font-size:43px}.about-intro p {font-size:21px;line-height:1.4}
[data-page="about"] .coll {grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;background:linear-gradient(#03100eaa,#03100e55),url('/img/seasons/halloween/collection.webp') center bottom/cover;padding:10px 20px 28px}
[data-page="about"] .coll li {border:0;background:none;padding:0;box-shadow:none}
[data-page="about"] .coll img {height:230px;width:100%;object-fit:contain;filter:drop-shadow(4px 7px 5px #0008)}
[data-page="about"] .coll b {font:600 16px var(--body);color:var(--cream)}

/* FAQ orange frames and scenic lower callout. */
[data-page="faq"] main {max-width:850px}
[data-page="faq"] .qagroup {margin-bottom:22px;padding:22px 25px;background:#01120eed}
[data-page="faq"] .qagroup h2 {font:400 30px var(--display);color:var(--cream);margin-bottom:10px}
[data-page="faq"] .qa {background:transparent;border:0;border-bottom:1px solid #9c6a3480;border-radius:0;margin:0}
[data-page="faq"] .qa>summary {padding:12px 30px 12px 4px;font:500 21px var(--body);color:var(--cream);min-height:48px}
[data-page="faq"] .qa__body {font-size:20px;line-height:1.45;color:var(--cream-2)}
[data-page="faq"] .qagroup:nth-child(even) {background-image:url('/img/art/web.svg');background-size:115px;background-repeat:no-repeat;background-position:top right}

/* Contact: cream fields and a moonlit pumpkin path beneath the form. */
[data-page="contact"] main {max-width:850px}
[data-page="contact"] .cards {grid-template-columns:repeat(3,minmax(0,1fr))}
[data-page="contact"] .card p {font-size:17px}
[data-page="contact"] .form {max-width:none;gap:16px}
[data-page="contact"] .form label {font:600 19px var(--body)}
[data-page="contact"] .form input,[data-page="contact"] .form textarea {background:#e3d8c1;color:#101b15;border:1px solid #8b795c;border-radius:3px;font:500 20px var(--body)}
[data-page="contact"] .sec__head {margin-bottom:20px}
[data-page="contact"] .form__hint {font-size:17px}
.contact-landscape {height:420px;background:linear-gradient(#03100e,transparent 28%),url('/img/seasons/halloween/moonlit-path.webp') center 68%/cover}

/* Shipping and returns retain the actual policy wording beneath the artwork. */
[data-page="shipping"] main,[data-page="returns"] main {max-width:1050px}
.shipping-journey {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:12px 0 35px}
.shipping-journey>div {position:relative;border:1px solid #bf8c45;border-radius:8px;background:#02150ded;text-align:center;padding:32px 20px 20px}
.shipping-journey span {position:absolute;top:-20px;left:calc(50% - 25px);background:#f98625;color:#0a160e;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font:700 29px var(--body)}
.shipping-journey h2 {font:700 28px var(--body);margin:5px 0}.shipping-journey p {font-size:20px;line-height:1.25;margin:0}
[data-page="shipping"] .facts {grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
[data-page="shipping"] .facts li {display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #b08b48;background:#02150ddd;padding:22px 15px;border-radius:6px}
[data-page="shipping"] .facts b {font:700 24px var(--body)}[data-page="shipping"] .facts span {font-size:18px;line-height:1.3}
[data-page="returns"] .note-paper,[data-page="shipping"] .note-paper {background:#38291bda;color:var(--cream);border:2px solid #ac6228;border-radius:4px}
[data-page="returns"] .note-paper p,[data-page="shipping"] .note-paper p,[data-page="returns"] .note-paper h3,[data-page="shipping"] .note-paper h3 {color:var(--cream-2)}
[data-page="returns"] main>.sec:last-child {background:linear-gradient(#03100ed9,#03100eaa),url('/img/seasons/halloween/collection.webp') center bottom/cover;padding-bottom:80px}

/* Policy cards are parchment, with the complete original text kept below. */
[data-page="policies"] main {max-width:900px}
[data-page="policies"] .polgrid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:740px;margin:0 auto 40px}
[data-page="policies"] .pol {background:#edc58e url('/img/seasons/halloween/paper.svg') center/cover;color:#101b10;text-align:center;justify-items:center;border:0;border-radius:4px;padding:25px}
[data-page="policies"] .pol b {font:700 30px var(--body)}[data-page="policies"] .pol span,[data-page="policies"] .pol em {font-size:20px}
[data-page="policies"] .prose {max-width:740px;margin:auto;padding:24px;background:#02140deb;border:1px solid #967846}
[data-page="policies"] .prose h2 {font-size:34px}
[data-page="404"] .lost-scene {min-height:720px;display:grid;place-items:center;background:linear-gradient(#03100e55,#03100e11),url('/img/seasons/halloween/collection.webp') center bottom/cover}
[data-page="404"] .lost-scene h1 {font-size:80px}
[data-page="404"] .lost-scene p {max-width:550px;margin-inline:auto;font-size:23px}

@media(max-width:768px) {
 [data-page].subpage .hero h1 {font-size:42px}
 [data-page].subpage main>.hero {min-height:170px;padding:35px 20px 25px}
 [data-page].subpage .hero__lede {font-size:20px}
 [data-page].subpage .sec>.wrap,[data-page="how-it-works"] .sec>.wrap {width:calc(100% - 32px)}
 [data-page] .mainnav a {font-size:18px}
 [data-page="index"] .packs {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 [data-page="index"] .pack-photo {height:105px}
 [data-page="index"] .pack--feature .pack-photo {height:84px}
 [data-page="index"] .pack__name {font-size:21px}
 [data-page="index"] .pack__ship {font-size:14px}
 .home-help {grid-template-columns:1fr;padding:30px 20px;gap:25px;background-position:center bottom}
 .home-help__faq {grid-template-columns:1fr;gap:10px}.home-help__faq>h2 {margin:0}
 .story-step {grid-template-columns:42px 1fr 28%;gap:10px;padding:20px 14px;min-height:160px}
 .story-step__number {font-size:27px}.story-step h2 {font-size:23px}.story-step p {font-size:18px}
 .story-step__art,.step-products {height:125px}.step-products img {height:120px;width:49%}
 .mystery-bag {width:65px;height:85px;border-width:4px}.mystery-bag span {font-size:50px}
 [data-page="about"] .coll {grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 8px 25px}
 [data-page="about"] .coll img {height:190px}
 .about-hero-products {height:180px}.about-hero-products img {width:75px;height:175px}
 .about-intro h2 {font-size:34px}
 [data-page="about"] .cards,[data-page="returns"] .cards {grid-template-columns:1fr}
 [data-page="contact"] .cards {gap:10px}[data-page="contact"] .card {padding:18px 6px}[data-page="contact"] .card h3 {font-size:20px}[data-page="contact"] .card p {font-size:15px}
 [data-page="faq"] .qagroup {padding:17px 15px}[data-page="faq"] .qa>summary {font-size:19px}
 .contact-landscape {height:320px}
 .shipping-journey {gap:10px}.shipping-journey>div {padding:30px 10px 12px}.shipping-journey p {font-size:17px}
 [data-page="shipping"] .facts {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 [data-page="policies"] .polgrid {gap:14px}[data-page="policies"] .pol {padding:20px 12px}
 [data-page="policies"] .pol span,[data-page="policies"] .pol em {font-size:18px}
 .story-finale h2 {font-size:34px}.story-finale {min-height:300px}
}
@media(max-width:380px) {
 .story-step {grid-template-columns:35px 1fr}.story-step__art {grid-column:2;height:100px}.step-products {height:100px;max-width:150px}.step-products img {height:95px}
 [data-page="contact"] .card p {display:none}
 [data-page="index"] .pack-photo {width:100%;height:90px}
 [data-page="index"] .pack--feature .pack-photo {height:69px}
}
[data-page="how-it-works"].subpage main {max-width:860px}
[data-page="contact"].subpage main,[data-page="faq"].subpage main {max-width:800px}
[data-page="about"].subpage main {max-width:930px}
[data-page="policies"].subpage main {max-width:860px}
[data-page="shipping"].subpage main,[data-page="returns"].subpage main {max-width:1000px}
[data-page="about"].subpage main>.hero {background:linear-gradient(#03100e77,#03100e00),url('/img/seasons/halloween/collection.webp') center 72%/cover;padding-bottom:0}