.handmade-naan{--hn-bg: #f5c8aa;--hn-text: #2b214e;--hn-magenta: #eb3986;--hn-yellow: #ffc211;--hn-teal: #00a9c4;--hn-red: #d62237;--hn-cream: #f8eedb;--hn-peach-border: #e9a07c;--hn-gold: #c9a227;background:var(--hn-bg);color:var(--hn-text);padding:clamp(56px,8vw,100px) 24px clamp(72px,10vw,120px)}.handmade-naan__inner{max-width:1180px;margin:0 auto}.handmade-naan__hero{text-align:center;max-width:820px;margin:0 auto 72px}.handmade-naan__eyebrow{margin:0 0 16px;font-family:Futura PT,sans-serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--hn-magenta)}.handmade-naan__title{margin:0 0 28px;font-family:HandDeco,sans-serif;font-size:clamp(34px,5vw,58px);line-height:1.05;color:var(--hn-red);text-transform:uppercase;-webkit-text-stroke:.5px #e7bf9f;text-shadow:2px 2px 0 var(--hn-magenta)}.handmade-naan__title-line{display:block}.handmade-naan__title-accent{display:block;margin-top:.45em;font-family:Brushberry,cursive;font-size:.72em;text-transform:none;color:#0047ba;-webkit-text-stroke:0;text-shadow:2px 2px 0 var(--hn-yellow)}.handmade-naan__intro{font-family:Futura PT,sans-serif;font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--hn-text)}.handmade-naan__intro p{margin:0}.handmade-naan__steps{display:flex;flex-direction:column;gap:clamp(56px,8vw,96px)}.handmade-naan__step{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}.handmade-naan__step--media-right .handmade-naan__media-wrap{order:2}.handmade-naan__step--media-right .handmade-naan__copy{order:1}.handmade-naan__media-wrap{position:relative}.handmade-naan__media{position:relative;border:3px solid #3f2021;border-radius:14px;overflow:hidden;background:#2b214e;box-shadow:6px 6px 0 var(--hn-magenta);aspect-ratio:4 / 3}.handmade-naan__fact{position:absolute;z-index:2;margin:0;max-width:min(13.5rem,72%);padding:.55em .8em .5em;line-height:1.22;border:2px solid #2b214e;border-radius:4px;pointer-events:none;-webkit-font-smoothing:antialiased}.handmade-naan__fact--script{font-family:Brushberry,cursive;font-size:clamp(15px,1.45vw,18px);text-transform:none}.handmade-naan__fact--label{font-family:HandDeco,sans-serif;font-size:clamp(12px,1.15vw,14px);letter-spacing:.02em;text-transform:uppercase;line-height:1.2}.handmade-naan__fact--0{right:-.35rem;bottom:-.55rem;background:#0047ba;color:var(--hn-yellow);box-shadow:3px 3px 0 var(--hn-magenta);transform:rotate(-3.5deg)}.handmade-naan__fact--1{left:-.25rem;bottom:-.45rem;background:var(--hn-yellow);color:#0047ba;box-shadow:3px 3px 0 var(--hn-teal);transform:rotate(2.8deg)}.handmade-naan__fact--2{right:-.4rem;top:-.4rem;bottom:auto;background:var(--hn-cream);color:var(--hn-magenta);border-color:var(--hn-magenta);box-shadow:3px 3px #0047ba;transform:rotate(-2.2deg)}.handmade-naan__fact--3{left:-.3rem;bottom:-.5rem;background:var(--hn-teal);color:#fff;box-shadow:3px 3px 0 var(--hn-yellow);transform:rotate(3.2deg)}.handmade-naan__fact--4{right:-.2rem;bottom:-.6rem;background:var(--hn-magenta);color:var(--hn-yellow);box-shadow:3px 3px #0047ba;transform:rotate(-4deg)}.handmade-naan__step--media-right .handmade-naan__fact--0,.handmade-naan__step--media-right .handmade-naan__fact--2,.handmade-naan__step--media-right .handmade-naan__fact--4{right:auto;left:-.35rem}.handmade-naan__step--media-right .handmade-naan__fact--1,.handmade-naan__step--media-right .handmade-naan__fact--3{left:auto;right:-.3rem}.handmade-naan__video,.handmade-naan__image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease;transform-origin:center center;will-change:transform}@media(hover:hover)and (pointer:fine){.handmade-naan__media:hover .handmade-naan__video,.handmade-naan__media:hover .handmade-naan__image{transform:scale(1.06)}}.handmade-naan__placeholder{width:100%;height:100%;min-height:240px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00a9c459,#eb398640),repeating-linear-gradient(-12deg,transparent,transparent 12px,rgba(248,238,219,.08) 12px,rgba(248,238,219,.08) 24px)}.handmade-naan__placeholder-label{font-family:Brushberry,cursive;font-size:clamp(22px,2.5vw,32px);color:var(--hn-cream);text-shadow:2px 2px 0 #2b214e}.handmade-naan__step-label{margin:0 0 10px;font-family:Futura PT,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--hn-teal)}.handmade-naan__step-heading{margin:0 0 16px;font-family:HandDeco,sans-serif;font-size:clamp(28px,3.2vw,40px);line-height:1.05;color:var(--hn-red);text-transform:uppercase;text-shadow:2px 2px 0 var(--hn-yellow)}.handmade-naan__step-body{font-family:Futura PT,sans-serif;font-size:clamp(16px,1.45vw,18px);line-height:1.55;color:var(--hn-text)}.handmade-naan__step-body p{margin:0 0 .85em}.handmade-naan__step-body p:last-child{margin-bottom:0}.handmade-naan__authenticity{margin-top:clamp(64px,9vw,110px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.handmade-naan__story-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;overflow:hidden;border:1.5px solid var(--hn-peach-border);border-radius:clamp(28px,3.5vw,40px);background:var(--hn-cream);position:relative}.handmade-naan__story-media{position:relative;min-height:100%;align-self:stretch;background:#2b214e}.handmade-naan__story-hero{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center center}@media screen and (min-width:892px){.handmade-naan__story-media{min-height:0}.handmade-naan__story-hero{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;height:100%}.handmade-naan__story-pointer{display:block}}.handmade-naan__story-pointer{display:none;position:absolute;right:-4%;bottom:16%;width:clamp(72px,10vw,120px);height:auto;color:var(--hn-magenta);pointer-events:none;z-index:2}.handmade-naan__story-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,48px) clamp(26px,3.5vw,44px) clamp(24px,3vw,36px);background:var(--hn-cream);text-align:left}.handmade-naan__story-tagline{margin:0 0 14px;font-family:Futura PT,sans-serif;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--hn-teal)}.handmade-naan__story-headline{margin:0;max-width:14ch;font-family:HandDeco,sans-serif;font-size:clamp(28px,3.4vw,42px);line-height:1.05;color:var(--hn-red);text-transform:uppercase;-webkit-text-stroke:.4px #e7bf9f}.handmade-naan__story-wave{width:88px;height:12px;margin:16px 0 18px;color:var(--hn-magenta)}.handmade-naan__story-wave svg{display:block;width:100%;height:100%}.handmade-naan__story-body{font-family:Futura PT,sans-serif;font-size:clamp(15px,1.35vw,17px);line-height:1.55;color:var(--hn-text);max-width:34em}.handmade-naan__story-body p{margin:0}.handmade-naan__story-body strong{color:var(--hn-magenta);font-weight:700}.handmade-naan__story-callout{display:flex;align-items:center;gap:16px;margin-top:clamp(22px,3vw,32px)}.handmade-naan__story-inset{margin:0;flex:0 0 auto;width:clamp(72px,9vw,96px);height:clamp(72px,9vw,96px);border-radius:50%;overflow:hidden;border:2.5px solid var(--hn-magenta);background:#2b214e;box-shadow:0 0 0 3px #eb39861f}.handmade-naan__story-inset-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.handmade-naan__story-callout-text{min-width:0}.handmade-naan__story-callout-heading{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-family:Futura PT,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hn-magenta)}.handmade-naan__story-star{width:14px;height:14px;flex:0 0 auto;color:var(--hn-yellow)}.handmade-naan__story-callout-body{font-family:Futura PT,sans-serif;font-size:clamp(14px,1.25vw,15px);line-height:1.45;color:var(--hn-text)}.handmade-naan__story-callout-body p{margin:0}.handmade-naan__story-callout-body em{color:var(--hn-gold);font-style:normal;font-weight:700}.handmade-naan__closing{margin-top:clamp(56px,8vw,88px);text-align:center;max-width:760px;margin-left:auto;margin-right:auto}.handmade-naan__closing-heading{margin:0 0 18px;font-family:HandDeco,sans-serif;font-size:clamp(32px,4vw,48px);line-height:1.05;color:var(--hn-red);text-transform:uppercase;text-shadow:2px 2px 0 var(--hn-magenta)}.handmade-naan__closing-body{font-family:Futura PT,sans-serif;font-size:clamp(17px,1.55vw,19px);line-height:1.55;margin-bottom:28px}.handmade-naan__closing-body p{margin:0}.handmade-naan__button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;background:var(--hn-yellow);color:#2b214e;border:3px solid #3f2021;border-radius:10px;box-shadow:4px 4px 0 var(--hn-magenta);font-family:Futura PT,sans-serif;font-size:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.handmade-naan__button:hover{color:#2b214e;transform:translateY(-2px);box-shadow:5px 5px 0 var(--hn-magenta)}@media screen and (max-width:891px){.handmade-naan__story-card{grid-template-columns:1fr}.handmade-naan__story-media{min-height:0}.handmade-naan__story-hero{min-height:260px;aspect-ratio:4 / 3;height:auto}.handmade-naan__story-pointer{display:none}.handmade-naan__story-panel{padding:28px 22px 26px}.handmade-naan__story-headline{max-width:none}.handmade-naan__story-callout{align-items:flex-start}.handmade-naan__step,.handmade-naan__step--media-right{grid-template-columns:1fr;gap:22px}.handmade-naan__step--media-right .handmade-naan__media-wrap,.handmade-naan__step--media-right .handmade-naan__copy{order:unset}.handmade-naan__hero{margin-bottom:48px}.handmade-naan__media-wrap{margin-bottom:.35rem}.handmade-naan__fact{max-width:min(12.5rem,78%);font-size:clamp(14px,3.6vw,16px)}.handmade-naan__fact--label{font-size:clamp(11px,3vw,13px)}.handmade-naan__fact--0,.handmade-naan__fact--1,.handmade-naan__fact--2,.handmade-naan__fact--3,.handmade-naan__fact--4,.handmade-naan__step--media-right .handmade-naan__fact--0,.handmade-naan__step--media-right .handmade-naan__fact--1,.handmade-naan__step--media-right .handmade-naan__fact--2,.handmade-naan__step--media-right .handmade-naan__fact--3,.handmade-naan__step--media-right .handmade-naan__fact--4{left:auto;right:.35rem;top:auto;bottom:-.55rem}.handmade-naan__fact--0{transform:rotate(-2.5deg)}.handmade-naan__fact--1{transform:rotate(2deg);right:auto;left:.35rem}.handmade-naan__fact--2{transform:rotate(-1.8deg)}.handmade-naan__fact--3{transform:rotate(2.4deg);right:auto;left:.35rem}.handmade-naan__fact--4{transform:rotate(-3deg)}}.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__media-wrap,.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__step-label,.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__step-heading,.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__step-body{opacity:0}.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__media-wrap{transform:translate3d(0,28px,0)}.handmade-naan__step--media-left.is-ready:not(.is-visible) .handmade-naan__media-wrap{transform:translate3d(-28px,12px,0)}.handmade-naan__step--media-right.is-ready:not(.is-visible) .handmade-naan__media-wrap{transform:translate3d(28px,12px,0)}.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__step-label{transform:translate3d(0,12px,0)}.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__step-heading,.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__step-body{transform:translate3d(0,18px,0)}.handmade-naan__step.is-visible .handmade-naan__media-wrap,.handmade-naan__step.is-visible .handmade-naan__step-label,.handmade-naan__step.is-visible .handmade-naan__step-heading,.handmade-naan__step.is-visible .handmade-naan__step-body{opacity:1;transform:none}.handmade-naan__step.is-visible .handmade-naan__media-wrap{transition:opacity .7s ease-out,transform .7s ease-out}.handmade-naan__step.is-visible .handmade-naan__step-label{transition:opacity .45s ease-out,transform .45s ease-out;transition-delay:.05s}.handmade-naan__step.is-visible .handmade-naan__step-heading{transition:opacity .55s ease-out,transform .55s ease-out;transition-delay:.22s}.handmade-naan__step.is-visible .handmade-naan__step-body{transition:opacity .55s ease-out,transform .55s ease-out;transition-delay:.36s}.handmade-naan__step.is-visible .handmade-naan__fact{animation:hn-fact-pop .55s ease-out .45s both}@keyframes hn-fact-pop{0%{opacity:0;transform:scale(.92) rotate(var(--hn-fact-rot, -3deg))}to{opacity:1;transform:scale(1) rotate(var(--hn-fact-rot, -3deg))}}.handmade-naan__fact--0{--hn-fact-rot: -3.5deg}.handmade-naan__fact--1{--hn-fact-rot: 2.8deg}.handmade-naan__fact--2{--hn-fact-rot: -2.2deg}.handmade-naan__fact--3{--hn-fact-rot: 3.2deg}.handmade-naan__fact--4{--hn-fact-rot: -4deg}@media screen and (max-width:891px){.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__media-wrap,.handmade-naan__step--media-left.is-ready:not(.is-visible) .handmade-naan__media-wrap,.handmade-naan__step--media-right.is-ready:not(.is-visible) .handmade-naan__media-wrap{transform:translate3d(0,22px,0)}}@media(prefers-reduced-motion:reduce){.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__media-wrap,.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__step-label,.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__step-heading,.handmade-naan__step.is-ready:not(.is-visible) .handmade-naan__step-body,.handmade-naan__step.is-visible .handmade-naan__media-wrap,.handmade-naan__step.is-visible .handmade-naan__step-label,.handmade-naan__step.is-visible .handmade-naan__step-heading,.handmade-naan__step.is-visible .handmade-naan__step-body{opacity:1;transform:none;transition:none}.handmade-naan__step.is-visible .handmade-naan__fact{animation:none}.handmade-naan__video,.handmade-naan__image,.handmade-naan__media:hover .handmade-naan__video,.handmade-naan__media:hover .handmade-naan__image{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/handmade-naan.css.map */