[data-sig="fried-pies-hero"]{height:190dvh;position:relative;--open:0}[data-sig="fried-pies-hero"] .hero-stage{position:sticky;top:0;min-height:100dvh;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;padding:48px 5%;gap:40px;overflow:hidden;background:var(--paper)}[data-sig="fried-pies-hero"] .hero-copy{max-width:600px}[data-sig="fried-pies-hero"] h1{margin:20px 0 24px;font-size:clamp(40px,5vw,72px)}[data-sig="fried-pies-hero"] .hero-copy>p:not(.eyebrow){max-width:390px}[data-sig="fried-pies-hero"] .hero-meta{font-size:12px;margin-top:24px}[data-sig="fried-pies-hero"] .box-scene{position:relative;padding:70px 34px 40px;perspective:1400px;transform:rotate(-7deg)}[data-sig="fried-pies-hero"] .pie-box{position:relative;aspect-ratio:1;background:#bc8b52;border:12px solid #bb8b53;transform-style:preserve-3d;box-shadow:16px 22px 32px #573c292a}[data-sig="fried-pies-hero"] .pie-box>img{width:100%;height:100%;object-fit:cover}[data-sig="fried-pies-hero"] .flap{position:absolute;background:#cda46f;background-image:repeating-linear-gradient(90deg,transparent 0 4px,#ad7d4310 4px 5px);backface-visibility:visible;z-index:4;border:1px solid #b38a59}[data-sig="fried-pies-hero"] .flap-top{top:0;left:0;width:100%;height:50%;transform-origin:top;transform:rotateX(calc(var(--open)*115deg));display:flex;align-items:center;justify-content:center}[data-sig="fried-pies-hero"] .flap-top span{font-family:var(--display);font-size:clamp(16px,2vw,28px);text-align:center;opacity:var(--open);transform:rotateX(180deg)}[data-sig="fried-pies-hero"] .flap-bottom{bottom:0;left:0;width:100%;height:50%;transform-origin:bottom;transform:rotateX(calc(var(--open)*-115deg))}[data-sig="fried-pies-hero"] .flap-left{left:0;top:0;width:50%;height:100%;transform-origin:left;transform:rotateY(calc(var(--open)*-115deg));z-index:3}[data-sig="fried-pies-hero"] .flap-right{right:0;top:0;width:50%;height:100%;transform-origin:right;transform:rotateY(calc(var(--open)*115deg));z-index:3}[data-sig="fried-pies-hero"] .tissue{position:absolute;inset:0;background:#f3eddc;z-index:2;transform:translateY(calc(var(--open)*-115%));opacity:calc(1 - var(--open));clip-path:polygon(0 0,95% 2%,100% 90%,2% 100%)}[data-sig="fried-pies-hero"] .paper-band{position:absolute;top:0;left:34%;width:32%;height:100%;background:var(--ink);color:var(--paper);z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:calc(1 - var(--open)*3);transform:translateY(calc(var(--open)*-180px))}[data-sig="fried-pies-hero"] .band-brand{font-family:var(--display);font-size:48px}[data-sig="fried-pies-hero"] .paper-band>span:last-child{font-size:10px;text-align:center;padding:12px}[data-sig="fried-pies-hero"] .gift-note{position:absolute;z-index:6;bottom:14%;right:-10px;padding:20px;background:var(--surface);font-family:cursive;font-size:20px;transform:rotate(13deg) translateY(calc(var(--open)*-100px));opacity:calc(1 - var(--open)*2);box-shadow:2px 3px 8px #362b2920}[data-sig="fried-pies-hero"] .box-caption{display:block;text-align:center;margin-top:36px;font-family:var(--display);font-size:14px}@media(max-width:800px){[data-sig="fried-pies-hero"]{height:150dvh}[data-sig="fried-pies-hero"] .hero-stage{grid-template-columns:1fr;gap:0;padding:32px 24px;align-content:center;min-height:100dvh}[data-sig="fried-pies-hero"] h1{font-size:43px;margin:12px 0 16px}[data-sig="fried-pies-hero"] .hero-meta{display:none}[data-sig="fried-pies-hero"] .hero-copy>p{margin:8px 0 20px}[data-sig="fried-pies-hero"] .box-scene{padding:32px 38px 0;max-width:420px;width:100%;margin:auto}[data-sig="fried-pies-hero"] .gift-note{font-size:14px;padding:12px}[data-sig="fried-pies-hero"] .band-brand{font-size:34px}[data-sig="fried-pies-hero"] .box-caption{margin-top:20px;font-size:12px}}@media(prefers-reduced-motion:reduce){[data-sig="fried-pies-hero"]{height:auto;--open:1!important}[data-sig="fried-pies-hero"] .hero-stage{position:relative}}

@property --open{syntax:'<number>';inherits:true;initial-value:0}@supports(animation-timeline:view()){[data-sig="fried-pies-hero"]{view-timeline-name:--box;view-timeline-axis:block}[data-sig="fried-pies-hero"] .hero-stage{animation:open-box linear both;animation-timeline:--box;animation-range:contain 0% contain 100%}@keyframes open-box{0%{--open:0}65%,100%{--open:1}}}@media(max-width:800px){[data-sig="fried-pies-hero"] .hero-stage{align-content:start;padding-top:32px}[data-sig="fried-pies-hero"] h1{font-size:40px}[data-sig="fried-pies-hero"] .box-scene{width:310px;padding:32px 24px 0}}
@media(max-width:800px){[data-sig="fried-pies-hero"] .box-scene{width:min(310px,100%)}}
[data-sig="fried-pies-hero"] .hero-pies{display:block;width:100%;height:100%}[data-sig="fried-pies-hero"] .hero-pies img{width:100%;height:100%;object-fit:cover}[data-sig="fried-pies-hero"] .tissue{background-image:url('../../img/tissue-480.webp');background-size:cover}
[data-sig="fried-pies-hero"] .box-scene{transform:rotate(-7deg) scale(calc(1 - var(--open)*.13))}[data-sig="fried-pies-hero"] .tissue{background-image:url('../../img/wax-paper-480.webp')}@media(max-width:800px){[data-sig="fried-pies-hero"] .box-scene{transform:rotate(-7deg) scale(calc(1 - var(--open)*.22));transform-origin:50% 65%}}
[data-sig="fried-pies-hero"] .gift-note{font-family:'Caveat',cursive;font-size:27px;font-weight:500}@media(max-width:800px){[data-sig="fried-pies-hero"] .gift-note{font-size:20px}}