@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#302d28;background:#fcfaf5;font-synthesis:none;--red:#8d2538;--muted:#6e6a60;--line:#dfd9cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}.wrap{max-width:1200px;width:calc(100% - 96px);margin:auto}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:700;letter-spacing:-1px;font-size:24px;display:flex;align-items:center}.brand-mark{font-size:35px;color:var(--red);margin-right:10px}.brand-four{color:var(--red)}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a{text-decoration:none}.nav-order{border-bottom:1px solid var(--red);padding-bottom:6px;color:var(--red)}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:52px 0 58px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--red);line-height:1.8;margin:0 0 22px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-2px}h1{font-size:clamp(44px,5vw,68px);line-height:1.13;margin:0 0 25px}em{color:var(--red);font-weight:500}.intro{max-width:405px;color:var(--muted);font-size:16px;line-height:1.8}.price{display:flex;gap:15px;align-items:center;margin:28px 0}.price>strong{font-size:48px;font-weight:500;letter-spacing:-2px}.price>span{font-size:12px;line-height:1.9;color:var(--muted)}.price b{font-weight:500;color:var(--red)}.button{display:inline-flex;align-items:center;gap:35px;background:var(--red);color:white;text-decoration:none;padding:17px 24px;font-size:14px;border-radius:3px}.button:hover{background:#6e192a}.hero-note{font-size:11px;color:var(--muted);margin-top:17px}.film{margin:0;max-width:350px;width:100%;justify-self:center;position:relative}.film-frame{position:relative;background:#e2ded4;box-shadow:18px 18px 0 #eee8da;border-radius:0;overflow:hidden;aspect-ratio:9/16}.film video{width:100%;height:100%;display:block;object-fit:contain}.film button{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);width:max-content;background:#fcfaf5f2;color:var(--red);border:0;border-radius:30px;padding:15px 23px;font:600 12px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 4px 25px #0002}.film button span{margin-right:9px}.film button[hidden]{display:none}.film figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-top:30px}.film figcaption span{font-size:8px;letter-spacing:1px}.giving-strip{background:#ecefe8;color:#3c5145;padding:17px 20px;text-align:center;font-size:13px}.giving-strip p{margin:0}.giving-strip span{padding:0 25px;color:#8a7650}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:10px}h2{font-size:43px;line-height:1.2;margin:0}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.collection-photo{display:block;width:100%;height:520px;object-fit:cover;object-position:top;border-radius:4px}.options{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px}.options article{padding:0 28px;border-left:1px solid var(--line)}.options article:first-child{padding-left:0;border:0}.options article:last-child{padding-right:0}.option-number{color:#a08b60;font-size:11px}h3{font-size:19px;font-weight:500;margin:12px 0}.options p,.charity-grid p,.order p{font-size:14px;line-height:1.8;color:var(--muted)}.detail{font-size:10px;color:var(--muted)}.font-samples{display:flex;gap:25px;align-items:center;font-size:24px;margin-bottom:7px}.cursive{font-family:'Playfair Display',Georgia,serif;font-style:italic}.colours{list-style:none;display:flex;flex-wrap:wrap;gap:12px 16px;padding:0;margin:15px 0}.colours li{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:6px}.colours i{width:22px;height:22px;border:1px solid #0002;border-radius:50%;background:var(--colour)}.story{background:#f0ece3}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.story-copy{font-size:16px;line-height:1.9}.story-copy>p:first-child{margin-top:0}.donation-note{border-left:2px solid #ab8a4d;padding-left:20px;margin-top:30px}.donation-note strong{color:var(--red);font-weight:500}.charity-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:55px;border-top:1px solid #d8d0c0;padding-top:35px}.charity-grid .eyebrow{margin-bottom:10px;font-size:9px}.charity-grid h3{font-family:'Playfair Display',Georgia,serif;font-size:26px}.charity-grid a{font-size:12px;color:var(--red);text-underline-offset:5px}.order{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.order .button{margin-top:14px}.email-address{display:block;font-size:13px;margin-top:17px;color:var(--red);text-underline-offset:4px}.order .delivery{font-size:12px;margin-top:27px}.order-list{padding:25px 30px;background:#f3f0e9;border:1px solid var(--line);border-radius:4px}.order-list h3{margin-top:0}.order-list ol{list-style:none;counter-reset:steps;margin:0;padding:0}.order-list li{counter-increment:steps;position:relative;padding:15px 0 15px 32px;border-bottom:1px solid var(--line)}.order-list li:last-child{border:0}.order-list li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:18px;font-size:10px;color:#96805c}.order-list span{display:block;font-size:13px}.order-list small{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.6}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px}footer .brand{font-size:19px;color:#302d28}:focus-visible{outline:3px solid #bd9448;outline-offset:5px}
@media(min-width:1400px){.hero{padding-top:65px;padding-bottom:70px}.film{max-width:370px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:78px}nav{gap:17px}nav a:not(.nav-order){display:none}.brand{font-size:21px}.hero{gap:25px;grid-template-columns:1fr 1fr}h1{font-size:42px}.intro{font-size:14px}.film{max-width:300px}.section{padding-top:60px;padding-bottom:60px}h2{font-size:35px}.section-heading{align-items:start;flex-direction:column;gap:15px}.collection-photo{height:auto}.options article{padding:0 15px}.options h3{font-size:16px}.story-grid,.order{gap:35px}.charity-grid{gap:30px}.giving-strip span{padding:0 8px}footer>span:nth-child(2){max-width:210px;text-align:center}}
@media(max-width:560px){.hero{grid-template-columns:1fr;padding-top:35px;gap:27px}.hero-copy{text-align:center}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:15px}h1{font-size:45px}.intro{margin:0 auto;max-width:330px}.price{justify-content:center;margin:18px 0}.price>span{text-align:left}.hero-note{display:none}.film{max-width:310px}.film-frame{border-radius:0;box-shadow:10px 10px 0 #eee8da}.giving-strip{font-size:12px;line-height:1.8}.giving-strip strong{display:block}.giving-strip span{display:none}.options{grid-template-columns:1fr;gap:23px}.options article,.options article:first-child{border:0;border-top:1px solid var(--line);padding:22px 0 0}.options p{margin:10px 0}.options h3{font-size:20px}.story-grid,.charity-grid,.order{grid-template-columns:1fr;gap:25px}.charity-grid{margin-top:25px}.charity-grid article+article{border-top:1px solid var(--line);padding-top:25px}.order-list{padding:24px}.order h2{font-size:36px}footer{flex-wrap:wrap}footer>span:nth-child(2){order:3;max-width:none;width:100%;text-align:left}.section-heading{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.film-frame{border-radius:0}.collection-photo{height:auto;max-width:850px;margin-inline:auto}

/* A colourful Christmas fundraiser */
:root{--red:#a52c66;--muted:#565063;--line:#dcd2e7;color:#332845;background:#fffdf6}
h1,h2,h3,.brand{font-family:'Trebuchet MS','Arial Rounded MT Bold',sans-serif;font-weight:800}
h1,h2{letter-spacing:-1.5px}h1{line-height:1.09}h1 em,h2 em{font-style:normal;color:#8047b5}h1 em{background:linear-gradient(transparent 74%,#ffe171 74%);box-decoration-break:clone}
.header{border-bottom:2px dashed #d9cbe4}.brand-mark{color:#8b4cbd}.hero{position:relative}.hero-copy .eyebrow{display:inline-block;background:#efe2fa;padding:7px 12px;border-radius:8px;color:#653692;letter-spacing:1.2px}
.price{display:inline-flex;background:#ffe171;padding:9px 20px;border:2px solid #473453;border-radius:18px;box-shadow:4px 4px 0 #473453;transform:rotate(-3deg);margin-right:25px}.price>strong{font-weight:800;font-size:43px}.price b,.price>span{color:#473453}
.button{background:#a52c66;border:2px solid #473453;border-radius:12px;box-shadow:4px 4px 0 #473453;font-weight:700}.button:hover{background:#88315b;transform:translateY(-2px)}.hero-copy>.button{margin-top:12px}.hero-note{font-size:13px}.film-frame{border:3px solid #473453;box-shadow:12px 12px 0 #cbe9db;border-radius:0}.film figcaption{font-size:12px;font-weight:700;color:#5c3d74}.film button{border:2px solid #473453;background:#ffe171;color:#332845}
.giving-strip{background:#cbe9db;border-top:2px solid #473453;border-bottom:2px solid #473453;color:#234d3c;font-size:15px;font-weight:700;transform:rotate(-.6deg)}
.eyebrow{color:#7d388a;letter-spacing:1.4px}.collection-photo{border:3px solid #473453;border-radius:12px;box-shadow:8px 8px 0 #ffe171}.options{gap:18px}.options article,.options article:first-child,.options article:last-child{padding:24px;border:2px solid #473453;border-radius:16px;background:#f0e6fc}.options article:nth-child(2){background:#fff0b1}.options article:nth-child(3){background:#dcefe6}.option-number{display:inline-grid;place-items:center;width:28px;height:28px;background:#fff;border:1px solid #473453;border-radius:50%;color:#473453;font-weight:700}.options h3{font-size:20px}.detail{font-size:12px}.colours i{width:28px;height:28px}
.story{background:#eee4f8;border-top:2px dashed #c6b0dc;border-bottom:2px dashed #c6b0dc}.charity-grid h3{font-family:'Trebuchet MS',sans-serif;font-weight:800}.charity-grid{border-color:#c7b3da}.order-list{background:#fff1ba;border:2px solid #473453;border-radius:15px;box-shadow:7px 7px 0 #d8c3ed}.order-list h3{font-size:23px}footer{border-top:2px dashed #d9cbe4}footer>span:nth-child(2){font-size:13px;font-weight:700;color:#643886}
@media(max-width:800px){.options{gap:10px}.options article,.options article:first-child,.options article:last-child{padding:17px}.hero{gap:35px}}
@media(max-width:560px){h1{font-size:43px}.price{display:flex;width:max-content;margin:22px auto}.hero-note{display:block}.giving-strip{font-size:13px}.options{gap:18px}.film-frame{border-radius:0}.hero{gap:24px}footer>span:nth-child(2){line-height:1.7}}