:root{--green:#0c4839;--deep:#022c22;--gold:#f2d493;--ivory:#fff9ed;--ink:#183d31}body{background:#032c23}.preview-banner{background:#02251d;color:#d9c799;border-bottom:1px solid #d9b77233;font-size:12px;padding:7px}.header{height:96px;background:#032c23;padding:0 5vw;border-bottom:1px solid #c3a96b24}.header .wordmark>span{color:#f3d99c;font-size:54px}.header .wordmark small{color:#f3d99c}.header nav{gap:38px}.header .button{background:#fff2d4;border-radius:50px;color:#214732;padding:12px 25px}.cake-story{height:360svh;min-height:2200px;position:relative;background:#032c23}.story-stage{position:sticky;top:0;height:100svh;min-height:690px;max-height:1300px;overflow:hidden;background:#01291e;display:flex;flex-direction:column;isolation:isolate}.glitter-photo{inset:-2%;background:linear-gradient(90deg,#002a1b30,#002a1b00),url('assets/emerald-glitter-v2.webp') center/cover;mix-blend-mode:normal;opacity:.92;z-index:-3;transform:scale(1.025);animation:glitterBreathe 12s ease-in-out infinite alternate}.story-stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(90deg,#012b2299 0%,transparent 45%),linear-gradient(0deg,#00271ce0,transparent 19%,transparent 83%,#00271c50)}#sparkles{z-index:2;pointer-events:none}.story-topline{display:flex;align-items:center;justify-content:space-between;color:#ead6a4;font-size:11px;letter-spacing:.16em;padding:23px 5vw;position:relative;z-index:3}.story-topline button{background:#052e2377;border:1px solid #d2b67855;border-radius:30px;color:#eee1c0;padding:7px 14px;font-size:12px;letter-spacing:0}.story-layout{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:0;flex:1;min-height:0;padding:0 7vw;max-width:1550px;width:100%;margin:auto}.story-copy{position:relative;z-index:4;padding:10px 0 30px;max-width:630px;animation:copyArrive 1s both}.story-copy .eyebrow{color:#f4ce7f;font-size:12px;letter-spacing:.2em;margin-bottom:20px}.story-copy h1{font-size:clamp(70px,7.1vw,112px);line-height:.92;letter-spacing:-3.8px;color:#fff9ec;min-height:2.8em;text-shadow:0 3px 25px #00271950}.story-copy h1 em{display:inline-block;color:#f0cb82;background:linear-gradient(110deg,#d0a85b,#fff1cb 40%,#d7ae60 60%,#fbdea1);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:goldLetter 8s linear infinite}.story-description{font-size:16px;line-height:1.7;color:#e3e7d4;max-width:405px;margin:25px 0 28px;min-height:5.1em}.button.gold.baking-button{border-radius:70px;padding:17px 32px;border:4px double #f8e9c7;background:linear-gradient(145deg,#fff2d3,#ead1a0);color:#163e2c;font-size:16px;gap:24px;box-shadow:0 8px 0 #9f7f4455,0 14px 35px #00160f55;overflow:visible;isolation:isolate}.baking-button:before{content:'';position:absolute;inset:-8px;border:2px dotted #ead09caa;border-radius:80px;pointer-events:none}.baking-button .button-flourish{font-size:27px;color:#7b632f}.button.gold.baking-button:after{border-radius:70px;inset:0;overflow:hidden;animation:none;transform:none;background:linear-gradient(120deg,transparent,#ffffff40,transparent);z-index:-1}.button.gold.baking-button:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 11px 0 #9f7f4444,0 20px 35px #00160f55}.button.gold.baking-button:active{transform:translateY(5px);box-shadow:0 2px 0 #9f7f4455}.story-gallery-link{display:block;width:fit-content;font-size:14px;color:#e4dbc0;margin-top:28px;border-bottom:1px solid #e0c69255;padding-bottom:5px}.cake-theatre{position:relative;height:100%;min-height:570px;max-height:790px;isolation:isolate;align-self:center;transform:translateX(4%)}.cake-stack{position:absolute;inset:0;width:100%;height:100%;z-index:2;--stack-gap:1}.cake-piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 19px #001c1555);will-change:transform;transition:filter .5s}.piece-bottom{clip-path:inset(62% 0 0);transform:translateY(calc(var(--stack-gap) * 30px))}.piece-middle{clip-path:inset(36% 0 38%);transform:translateY(calc(var(--stack-gap) * -25px))}.piece-top{clip-path:inset(0 0 64%);transform:translateY(calc(var(--stack-gap) * -95px))}.cake-halo{position:absolute;inset:15% -7% 13%;background:radial-gradient(ellipse,#b4d89825,transparent 64%);border-radius:50%;z-index:-1;transform:rotate(-15deg)}.cake-shadow{position:absolute;bottom:6%;height:8%;left:16%;right:12%;background:#00180f99;filter:blur(20px);border-radius:50%}.cake-scribble{position:absolute;right:-3%;top:24%;font-family:var(--serif);font-style:italic;color:#f3dcb0;font-size:30px;line-height:1;transform:rotate(10deg);z-index:5;text-shadow:0 3px 16px #00291e}.cake-star{position:absolute;z-index:5;color:#ffdfa0;text-shadow:0 0 28px #f9c24d;animation:twinkle 2.5s ease-in-out infinite alternate}.cake-star-a{font-size:70px;right:2%;top:11%}.cake-star-b{font-size:32px;left:7%;bottom:28%;animation-delay:1s}.concept-label{position:absolute;bottom:0;left:0;right:0;color:#d6cbad;font-size:10px;letter-spacing:.13em;text-align:center;z-index:5}.cake-dust{position:absolute;inset:6% 0 12%;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at 20% 30%,#ffe4a9 0 1px,transparent 3px),radial-gradient(circle at 75% 60%,#ffe4a9 0 2px,transparent 4px),radial-gradient(circle at 65% 15%,#ffe4a9 0 1px,transparent 3px);background-size:65px 79px,97px 103px,117px 63px;transition:opacity 1s;mask-image:radial-gradient(ellipse,#000,transparent 65%);animation:dustRise 8s linear infinite}.story-stage[data-stage='3'] .cake-dust{opacity:.9}.story-stage[data-stage='3'] .cake-piece{filter:drop-shadow(0 0 17px #c4a24f40) drop-shadow(0 15px 18px #001c1555)}.story-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:4;padding:20px 5vw 28px;gap:25px}.recipe-steps{display:flex;gap:7px;flex-wrap:wrap}.recipe-steps button{color:#d4d7bd;background:#052f2366;border:1px solid #c2af7844;border-radius:50px;padding:9px 19px;font-size:14px;transition:.3s}.recipe-steps button span{font-family:var(--serif);font-size:19px;margin-right:6px;color:#eace96}.recipe-steps button.active{color:#123b29;background:#f4dcab;border-color:#f4dcab}.recipe-steps button.active span{color:#6e542e}.scroll-cue{color:#dfd3af;font-size:10px;letter-spacing:.14em;display:flex;gap:17px;align-items:center}.scroll-cue span{font-size:26px;animation:nudge 2s infinite}.ribbon{transform:rotate(-1.5deg) scale(1.02);position:relative;z-index:3;background:#edd8a7;border-color:#e7c784;padding:19px 0;margin:-4px 0 0}.ribbon div{font-size:14px;letter-spacing:.15em}.collection{background:#032c23;color:#fff7e4;max-width:none;padding:100px max(6vw,calc((100vw - 1350px)/2))}.section-heading{grid-template-columns:1.3fr 1fr}.section-heading h2{font-size:clamp(54px,6vw,90px)}.section-heading h2 em{color:#ebc77f}.section-heading .eyebrow{color:#ccb681}.section-heading>p{color:#c7d5c7;max-width:390px}.filters{margin-top:45px;gap:12px}.filters button{border:1px solid #57705a;border-radius:30px;padding:10px 20px;color:#cad6c7;font-size:14px}.filters button.active{background:#f4e0b3;color:#143b2d;border-color:#f4e0b3}.gallery{gap:40px 30px;grid-template-columns:repeat(3,1fr)}.creation:nth-child(3n+2){padding-top:60px}.creation .creation-image,.creation:nth-child(1) .creation-image,.creation:nth-child(3) .creation-image{border-radius:160px 160px 10px 10px;padding:8px;background:linear-gradient(140deg,#efd28c90,#d0b97d10 35%,#d9bd7c44);border:1px solid #d9bd7c44}.creation .creation-image img{border-radius:150px 150px 5px 5px;aspect-ratio:4/5;object-fit:cover}.creation:nth-child(3n+2) .creation-image img{aspect-ratio:4/5}.creation-info{margin-top:22px}.creation-info h3{font-size:33px;color:#f7ecd0}.creation-info p{color:#b6c8b3}.creation-info button{background:#f1dba7;border-color:#f1dba7;color:#214b32;width:44px;height:44px;font-size:24px}.creation-info button:hover{background:#fff1ce;color:#0d3525;transform:rotate(15deg)}.gallery-note{color:#b7c7ad}.magic{max-width:none;background:#f5eddb;color:#204533;padding:100px max(7vw,calc((100vw - 1300px)/2));border-top:0;gap:10vw;position:relative}.magic:before{content:'';position:absolute;top:-1px;left:0;right:0;height:16px;background:radial-gradient(circle at 12px 0,#032c23 12px,transparent 13px) 0 0/24px 20px repeat-x}.magic-photos{padding-bottom:5%;padding-right:15%;transform:rotate(-3deg)}.magic-main{border-radius:8px;box-shadow:0 18px 35px #16351c20;border:10px solid #fffaf0;aspect-ratio:1}.magic-inset{height:62%;width:36%;border:8px solid #fffaf0;bottom:-9%;right:-1%;border-radius:5px;transform:rotate(13deg);box-shadow:0 10px 30px #16351c20}.magic-script{bottom:-9%;left:-3%;font-size:31px;color:#916728}.magic-copy h2{font-size:clamp(48px,5vw,75px);line-height:1.02}.magic-copy h2 em{color:#9d6d26}.magic-copy .text-link{font-size:15px}.order-section{padding:105px 25px 85px;background:#022a20}.order-glow{background:linear-gradient(#00231720,#00231760),url('assets/emerald-glitter-v2.webp') center/cover;opacity:1}.order-section h2{font-size:clamp(55px,6.5vw,96px)}.order-section .button.gold{border-radius:45px;border:4px double #fff0ca;padding:16px 32px;background:linear-gradient(135deg,#fff2d0,#e6c88b);margin-top:10px;box-shadow:0 7px 0 #96764466}.order-section .button.gold:after{display:none}.order-section .button.gold:active{transform:translateY(4px)}.steps-preview{padding-top:12px}footer{max-width:none;background:#fff7e7;padding-left:7vw;padding-right:7vw}.footer-brand img{width:140px;height:173px}.footer-brand p{font-size:24px}.footer-bottom{padding:25px 0}.planner-aside{background:linear-gradient(#002b20b0,#002b2099),url('assets/emerald-glitter-v2.webp') center/cover}.planner-content{background:#fff7e7}.button.green{border-radius:30px;background:#124a35;box-shadow:0 4px 0 #092e2322}.upload-area{border-radius:15px;background:#f0ead7}.choice-grid span{border-radius:12px;background:#fff9ee}.choice-grid input:checked+span{background:#e4ead9;border-color:#145035}.fields input,.fields select,.fields textarea{border-radius:10px;background:#fffdf6}.cake-dialog,.order-dialog{border-radius:18px}.review-notice{border-radius:12px}.sprinkle{position:fixed;width:5px;height:10px;pointer-events:none;z-index:10000;border-radius:2px;animation:sprinklePop 850ms ease-out forwards}.story-copy.changing{animation:storyChange .5s both}.cake-dialog .cake-detail>div{background:#fff6e5}.motion-paused .cake-piece{will-change:auto}@keyframes sprinklePop{to{transform:translate(var(--sx),var(--sy)) rotate(var(--sr));opacity:0}}@keyframes glitterBreathe{to{transform:scale(1.07);filter:brightness(1.14)}}@keyframes goldLetter{to{background-position:200% center}}@keyframes dustRise{to{background-position:0 -79px,0 -103px,0 -63px}}@keyframes nudge{50%{transform:translateY(5px)}}@keyframes copyArrive{from{opacity:0;transform:translateY(20px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes storyChange{from{opacity:.15;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.story-layout{padding-left:90px;padding-right:90px}.cake-theatre{min-height:670px}.story-copy h1{font-size:120px}}
@media(max-width:1100px){.story-copy h1{font-size:82px}.story-layout{padding:0 6vw;grid-template-columns:1.05fr 1fr}.cake-theatre{min-height:540px;transform:translateX(1%)}.cake-scribble{right:-6%;font-size:26px}.recipe-steps button{padding:8px 13px}.scroll-cue{font-size:9px}.story-description{max-width:350px}.creation-info h3{font-size:29px}}
@media(max-width:760px){.header{height:85px}.header .wordmark>span{font-size:43px}.header .button{padding:11px 18px}.preview-banner{font-size:10px;letter-spacing:.04em}.cake-story{height:340svh;min-height:2000px}.story-stage{height:100svh;min-height:735px;max-height:none}.story-topline{padding:14px 5vw;font-size:9px;letter-spacing:.08em;gap:15px}.story-topline>span{max-width:180px}.story-topline button{font-size:11px;white-space:nowrap;padding:5px 10px}.story-layout{display:flex;flex-direction:column;justify-content:flex-start;padding:0 6vw;gap:0;flex:1}.story-copy{text-align:center;width:100%;padding:6px 0 0;max-width:600px;flex-shrink:0}.story-copy .eyebrow{font-size:10px;margin-bottom:12px}.story-copy h1{font-size:clamp(48px,12.5vw,72px);line-height:.94;letter-spacing:-2px;min-height:1.9em}.story-copy h1 br:first-child{display:none}.story-description{font-size:14px;line-height:1.5;max-width:340px;margin:14px auto 17px;min-height:3em}.button.gold.baking-button{padding:10px 23px;min-height:45px;font-size:14px;border-width:3px;gap:19px}.baking-button .button-flourish{font-size:22px}.baking-button:before{inset:-6px}.story-gallery-link{display:none}.cake-theatre{height:330px;min-height:0;width:min(87%,360px);flex:1;max-height:440px;margin-top:7px;transform:none}.cake-stack{inset:4% 0 0;height:96%}.cake-shadow{bottom:4%}.cake-halo{inset:7% -20% 0}.cake-scribble{font-size:22px;right:-9%;top:33%}.cake-star-a{font-size:40px;right:0;top:8%}.cake-star-b{font-size:25px;left:-3%;bottom:32%}.concept-label{bottom:0;font-size:8px;letter-spacing:.07em}.piece-top{transform:translateY(calc(var(--stack-gap) * -34px))}.piece-middle{transform:translateY(calc(var(--stack-gap) * -4px))}.piece-bottom{transform:translateY(calc(var(--stack-gap) * 19px))}.story-bottom{padding:15px 4vw 19px;gap:10px;flex-direction:column;flex-shrink:0}.recipe-steps{gap:5px;flex-wrap:nowrap;width:100%;justify-content:center}.recipe-steps button{font-size:12px;padding:7px 10px;min-height:39px}.recipe-steps button span{font-size:15px;margin-right:3px}.scroll-cue{font-size:9px;gap:10px}.scroll-cue span{font-size:17px;line-height:1}.glitter-photo{background-position:50% center;opacity:.88}.story-stage:after{background:linear-gradient(0deg,#00271cc0,transparent 22%,#00271c11 70%,#00271c33)}.ribbon{padding:14px 0}.ribbon div{font-size:12px}.collection{padding:65px 6vw}.section-heading h2{font-size:53px}.section-heading>p{font-size:16px}.filters{margin-top:25px;gap:8px}.filters button{font-size:12px;padding:8px 13px}.gallery{grid-template-columns:1fr 1fr;gap:28px 17px}.creation:nth-child(3n+2){padding-top:0}.creation:nth-child(even){padding-top:32px}.creation .creation-image,.creation:nth-child(1) .creation-image,.creation:nth-child(3) .creation-image{padding:4px;border-radius:90px 90px 7px 7px}.creation .creation-image img{border-radius:85px 85px 4px 4px}.creation-info{display:block;margin-top:14px;position:relative}.creation-info h3{font-size:26px}.creation-info p{font-size:12px;padding-right:15px;margin-top:8px}.creation-info button{margin-top:12px;width:32px;height:32px;font-size:20px}.magic{padding:68px 7vw 60px;gap:58px}.magic-photos{width:91%}.magic-copy h2{font-size:50px}.magic-script{font-size:29px}.order-section{padding:65px 6vw}.order-section h2{font-size:55px}.order-section>p{font-size:16px}.order-section .button.gold{font-size:15px;padding:13px 25px}.footer-top{grid-template-columns:1fr}.footer-brand img{width:120px;height:150px}.story-topline>span{font-size:10px}.recipe-steps button{font-size:13px}}
@media(max-width:390px){.recipe-steps button{padding:7px 8px;font-size:12px}.recipe-steps button span{font-size:14px}.story-copy h1{font-size:49px}.story-description{font-size:14px}.cake-theatre{width:86%}.cake-scribble{font-size:19px}.story-stage{min-height:735px}.story-topline{font-size:9px}}
@media(min-width:761px) and (max-height:720px){.story-stage{min-height:600px}.story-topline{padding-top:15px;padding-bottom:10px}.story-copy h1{font-size:74px}.story-description{margin:16px 0 21px;min-height:3.4em;font-size:15px;max-width:380px}.cake-theatre{min-height:430px;max-height:500px}.story-bottom{padding-bottom:16px;padding-top:12px}.story-copy{padding-bottom:10px}.story-gallery-link{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.cake-story{height:auto;min-height:0}.story-stage{position:relative}.cake-stack{--stack-gap:0!important}.story-copy.changing{animation:none}.scroll-cue{display:none}}
/* Slice at the actual tier joins in the supplied transparent illustration. */
.piece-bottom{clip-path:inset(67.6% 0 0)}.piece-middle{clip-path:inset(42.8% 0 32.4%)}.piece-top{clip-path:inset(0 0 57.2%)}
.story-stage[data-stage='0'] .cake-piece,.story-stage[data-stage='1'] .cake-piece{filter:saturate(.52) drop-shadow(0 18px 19px #001c1555)}
.story-stage[data-stage='2'] .cake-piece{filter:saturate(1.1) drop-shadow(0 18px 19px #001c1555)}
.story-stage[data-stage='2'] .cake-stack{animation:dressCake 1.1s ease-in-out both}
@keyframes dressCake{0%{transform:rotate(-2deg) scale(.98)}60%{transform:rotate(1.5deg) scale(1.02)}100%{transform:none}}
@media(max-height:670px){.cake-story{height:auto;min-height:0}.story-stage{position:relative;height:auto;min-height:650px}.story-layout{min-height:470px}.cake-theatre{min-height:430px}.story-copy h1{font-size:68px}.scroll-cue{display:none}}
@media(max-width:760px) and (max-height:670px){.story-stage{min-height:850px}.story-layout{min-height:660px}.story-copy h1{font-size:55px}.cake-theatre{min-height:320px}}