:root{--yellow:#f5ed32;--pink:#f32483;--ink:#171717;--paper:#fffdf4;--muted:#6d6b61;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:78px;padding:0 5.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #18181818;background:var(--paper);position:relative;z-index:4}.wordmark{font:700 31px var(--display);letter-spacing:-2px;display:inline-flex;align-items:flex-start;position:relative}.wordmark span{font:600 10px var(--body);letter-spacing:0;margin:4px 0 0 2px}.wordmark i{font:700 8px var(--body);letter-spacing:1.4px;position:absolute;bottom:-5px;right:0}.navigation{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:600}.navigation>a:not(.nav-cta):hover,.text-link:hover{color:#d2166d}.nav-cta{background:var(--yellow);padding:13px 18px;border-radius:2px}.nav-cta b{margin-left:12px}.menu-toggle{display:none}.hero{min-height:650px;padding:64px 8.3% 48px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;position:relative;overflow:hidden;background:var(--yellow)}.hero-copy{position:relative;z-index:2;max-width:565px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;margin:0 0 23px}.spark{color:var(--pink);font-size:17px;vertical-align:-2px;margin-right:6px}.hero h1,.section-heading h2,.event-copy h2,.contact h2{font:700 clamp(47px,6.5vw,88px)/.98 var(--display);letter-spacing:-5px;margin:0}.hero h1 em,.section-heading h2 em,.event-copy h2 em,.contact h2 em{font-style:normal;color:var(--pink)}.intro{font-size:15px;line-height:1.7;max-width:440px;margin:26px 0 26px}.button{display:inline-flex;align-items:center;gap:30px;padding:16px 21px;font-size:12px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:white}.button span{font-size:18px}.hero-note{font-size:10px;font-weight:600;margin-top:28px}.tiny-star{font-size:16px;color:var(--pink);margin-right:7px}.hero-art{height:465px;position:relative;display:grid;place-items:center}.sunburst{width:430px;height:430px;position:absolute;background:var(--pink);clip-path:polygon(50.0% 1.0%,55.2% 10.3%,62.7% 2.7%,65.3% 13.0%,74.5% 7.6%,74.4% 18.3%,84.6% 15.4%,81.7% 25.6%,92.4% 25.5%,87.0% 34.7%,97.3% 37.3%,89.7% 44.8%,99.0% 50.0%,89.7% 55.2%,97.3% 62.7%,87.0% 65.3%,92.4% 74.5%,81.7% 74.4%,84.6% 84.6%,74.4% 81.7%,74.5% 92.4%,65.3% 87.0%,62.7% 97.3%,55.2% 89.7%,50.0% 99.0%,44.8% 89.7%,37.3% 97.3%,34.7% 87.0%,25.5% 92.4%,25.6% 81.7%,15.4% 84.6%,18.3% 74.4%,7.6% 74.5%,13.0% 65.3%,2.7% 62.7%,10.3% 55.2%,1.0% 50.0%,10.3% 44.8%,2.7% 37.3%,13.0% 34.7%,7.6% 25.5%,18.3% 25.6%,15.4% 15.4%,25.6% 18.3%,25.5% 7.6%,34.7% 13.0%,37.3% 2.7%,44.8% 10.3%);transform:rotate(-7deg)}.photo-stack{position:relative;width:280px;z-index:1;transform:rotate(5deg)}.photo-card{background:white;padding:11px 11px 0;box-shadow:0 14px 35px #0003;transform:rotate(-2deg)}.photo-card img{display:block;width:100%;height:292px;object-fit:cover}.photo-caption{height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:700 9px var(--display);letter-spacing:1px}.photo-caption b{font-size:13px}.photo-back{position:absolute;inset:12px -5px -9px 6px;background:#fff;transform:rotate(6deg);box-shadow:0 10px 22px #0002}.sticker{position:absolute;z-index:2;font:700 13px/.98 var(--display);letter-spacing:.5px}.sticker-top{right:2%;top:52px;background:var(--paper);width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(10deg);box-shadow:0 3px 0 var(--ink)}.sticker-top span{color:var(--pink);font-size:19px;margin-top:3px}.sticker-bottom{left:1%;bottom:92px;background:var(--ink);color:var(--yellow);padding:13px 15px;transform:rotate(-8deg)}.scribble{position:absolute;right:0;bottom:76px;color:var(--ink);font-size:43px}.hero-bottom{position:absolute;bottom:22px;left:8.3%;right:8.3%;display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1px}.ticker{overflow:hidden;background:var(--ink);color:var(--yellow);height:49px;display:flex;align-items:center;white-space:nowrap}.ticker-track{font:700 12px var(--display);letter-spacing:2px;word-spacing:4px;min-width:max-content;animation:marquee 25s linear infinite}.ticker b{color:var(--pink);padding:0 20px}@keyframes marquee{to{transform:translateX(-35%)}}.section-pad{padding:112px 9%}.how{background:var(--paper)}.section-heading{text-align:center}.section-heading .eyebrow{color:var(--pink)}.section-heading h2{font-size:62px;letter-spacing:-3.5px}.heading-detail{max-width:510px;margin:20px auto 0;color:#56544c;font-size:13px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:68px auto 0;max-width:1030px}.step{min-height:260px;border-top:1px solid #171717;padding:22px 18px 20px 3px;position:relative}.step-number{font:600 11px var(--display);color:var(--pink)}.step-icon{position:absolute;right:12px;top:22px;width:48px;height:48px;border:1px solid var(--ink);display:grid;place-items:center;font-size:24px;transform:rotate(5deg)}.icon-print{background:var(--pink);transform:rotate(-5deg)}.icon-frame{background:var(--yellow)}.step h3{font:700 24px/1.05 var(--display);letter-spacing:-.7px;margin:42px 0 13px}.step p,.event-copy>p:not(.eyebrow),.contact-action p{font-size:13px;line-height:1.7;color:#56544c;max-width:295px}.step-doodle{position:absolute;right:8px;bottom:13px;color:var(--pink);font-size:23px}.event-section{display:grid;grid-template-columns:1.02fr 1fr;min-height:545px;background:#f1eee4}.event-image{position:relative;min-height:500px;overflow:hidden}.event-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.82)}.image-label{position:absolute;bottom:24px;left:24px;background:var(--yellow);padding:12px 14px;font-size:9px;font-weight:800;letter-spacing:1px}.image-burst{position:absolute;right:8%;top:9%;color:var(--pink);font-size:50px}.event-copy{padding:78px 12% 65px 11%;align-self:center}.event-copy .eyebrow{color:var(--pink)}.event-copy h2{font-size:62px;letter-spacing:-3px}.event-copy>p:not(.eyebrow){margin:21px 0}.event-tags{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.event-tags span{border:1px solid #aaa89f;border-radius:20px;padding:8px 10px;font-size:8px;font-weight:700;letter-spacing:.6px}.text-link{display:inline-block;margin-top:9px;border-bottom:1px solid var(--pink);padding-bottom:7px;font-size:11px;font-weight:700}.text-link b{color:var(--pink);margin-left:16px}.statement{min-height:345px;background:var(--pink);color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:75px 20px}.statement p{font:600 clamp(32px,5vw,57px)/1.08 var(--display);letter-spacing:-2px;margin:0}.statement strong{font-weight:700}.statement em{font-style:normal;color:var(--paper)}.statement-star{position:absolute;top:38px;right:16%;font-size:37px}.statement-caption{position:absolute;bottom:35px;font-size:8px;font-weight:800;letter-spacing:2px}.contact{display:flex;justify-content:space-between;align-items:center;gap:60px;background:var(--paper)}.contact .eyebrow{color:var(--pink)}.contact h2{font-size:58px;letter-spacing:-3px}.contact-action{max-width:330px}.contact-action p{font-size:14px}.button-pink{background:var(--pink);color:white;margin-top:10px}.contact-action small{display:block;margin-top:13px;font-size:10px;color:var(--muted)}footer{min-height:86px;background:var(--ink);color:white;padding:20px 5.4%;display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:not(.wordmark){font-size:8px;letter-spacing:1px;font-weight:700}.footer-mark{color:var(--yellow);font-size:27px}.footer-mark i{font-size:7px}
@media(max-width:800px){.site-header{height:68px;padding:0 6%}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px;z-index:6}.menu-toggle span{width:24px;height:2px;background:var(--ink)}.navigation{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:26px 7% 32px;align-items:stretch;flex-direction:column;gap:22px;border-bottom:1px solid #17171722}.navigation.open{display:flex}.navigation>a{font-size:14px}.nav-cta{align-self:flex-start}.hero{padding:56px 7% 65px;grid-template-columns:1fr;min-height:0}.hero h1{font-size:clamp(52px,12vw,78px);letter-spacing:-3.5px}.intro{font-size:14px}.hero-art{height:410px;margin-top:15px}.sunburst{width:min(80vw,380px);height:min(80vw,380px)}.photo-stack{width:235px}.photo-card img{height:242px}.sticker-top{right:6%;top:32px}.sticker-bottom{left:3%;bottom:76px}.scribble{right:5%;bottom:57px}.hero-bottom{left:7%;right:7%;font-size:7px}.hero-bottom span:nth-child(2){display:none}.section-pad{padding:82px 7%}.section-heading h2{font-size:53px}.heading-detail{max-width:430px}.steps{grid-template-columns:1fr;gap:12px;margin-top:45px}.step{min-height:205px}.step h3{margin-top:34px}.step p{max-width:430px}.event-section{grid-template-columns:1fr}.event-image{min-height:370px}.event-copy{padding:60px 8% 70px}.event-copy h2{font-size:55px}.contact{display:block}.contact h2{font-size:51px}.contact-action{margin-top:35px}footer{padding:22px 7%;display:grid;grid-template-columns:1fr 1fr;gap:21px}footer>span:nth-child(2){text-align:right}footer>a:last-of-type{text-align:right}footer>span:last-child{text-align:right}}
@media(max-width:390px){.hero h1{font-size:48px}.hero-art{height:350px}.photo-stack{width:210px}.photo-card img{height:215px}.sticker-top{width:78px;height:78px;font-size:11px}.section-heading h2,.event-copy h2{font-size:47px}.contact h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}*,*:before,*:after{transition:none!important}}

.frames-section{background:#f1eee4}.frame-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px;max-width:1120px;margin:58px auto 0}.frame-sample{margin:0;min-width:0}.frame-sample img{display:block;width:100%;aspect-ratio:4/4.65;object-fit:cover;background:#e7e2d5;box-shadow:0 5px 16px #17171712;transition:transform .25s,box-shadow .25s}.frame-sample:hover img{transform:translateY(-4px) rotate(-.5deg);box-shadow:0 12px 24px #1717171f}.frame-sample figcaption{display:flex;align-items:center;gap:10px;padding:12px 1px 0;font:600 12px var(--display)}.frame-sample figcaption span{color:var(--pink);font-size:10px;font-weight:700}
@media(max-width:800px){.frame-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;margin-top:42px}.frame-sample figcaption{font-size:11px}}
@media(max-width:430px){.frame-gallery{gap:18px 10px}.frame-sample figcaption{font-size:10px;gap:7px}}
.frame-viewport{overflow:hidden;max-width:1000px;margin:58px auto 0;touch-action:pan-y}.frame-gallery{display:flex;gap:0;max-width:none;margin:0;transition:transform .55s cubic-bezier(.22,.75,.25,1)}.frame-sample{flex:0 0 100%;display:flex;flex-direction:column;align-items:center}.frame-sample img{width:min(100%,390px);aspect-ratio:4/4.65;object-fit:cover}.frame-sample figcaption{width:min(100%,390px);font-size:13px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:28px auto 0}.carousel-arrow{width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);font-size:19px;cursor:pointer;transition:background .2s,color .2s}.carousel-arrow:hover{background:var(--ink);color:var(--yellow)}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#c6c2b5;cursor:pointer}.carousel-dot[aria-current="true"]{background:var(--pink);transform:scale(1.3)}
@media(prefers-reduced-motion:reduce){.frame-gallery{transition:none!important}}
.frame-gallery{display:flex;gap:0}.frame-page{flex:0 0 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 18px}.frame-page .frame-sample{display:block;min-width:0}.frame-page .frame-sample img{width:100%;max-width:none;aspect-ratio:4/4.65}.frame-page .frame-sample figcaption{width:100%;font-size:12px;gap:7px}.carousel-controls{margin-top:24px}
@media(max-width:600px){.frame-viewport{margin-top:42px}.frame-page{gap:10px;padding:0 3px}.frame-page .frame-sample figcaption{display:block;font-size:10px;line-height:1.35;padding-top:8px}.frame-page .frame-sample figcaption span{display:block;margin-bottom:3px}.carousel-controls{gap:16px}.carousel-arrow{width:38px;height:38px}}
.leopard-mascot{position:absolute;z-index:1;width:clamp(180px,20vw,270px);height:auto;right:0;bottom:0;filter:drop-shadow(0 7px 3px #17171720);pointer-events:none;user-select:none}
@media(max-width:800px){.leopard-mascot{width:clamp(135px,37vw,180px);right:0;bottom:0}}
.leopard-mascot{left:auto;right:0;bottom:0;z-index:1}.photo-stack{z-index:2}.sticker{z-index:3}.hero-bottom{z-index:4}
@media(max-width:800px){.leopard-mascot{left:auto;right:0;bottom:0}}
.frames-header{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:36px;max-width:1120px;margin:0 auto}.frames-header .section-heading{text-align:left}.frames-header .heading-detail{margin-left:0;margin-right:0}.monkey-polaroid{width:180px;margin:0;padding:9px 9px 0;background:#fff;transform:rotate(4deg);box-shadow:0 12px 26px #17171724;border:1px solid #17171718;position:relative}.monkey-polaroid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.monkey-polaroid figcaption{min-height:37px;display:grid;place-items:center;text-align:center;font:700 7px var(--display);letter-spacing:.6px}.frames-section .frame-viewport{margin-top:48px}
@media(max-width:800px){.frames-header{grid-template-columns:minmax(0,1fr) 135px;gap:18px}.monkey-polaroid{width:135px}.frames-header .section-heading h2{font-size:53px}.frames-header .heading-detail{margin-top:16px}}
@media(max-width:600px){.frames-header{display:flex;flex-direction:column;align-items:stretch;gap:0}.frames-header .section-heading{text-align:center}.frames-header .heading-detail{margin-left:auto;margin-right:auto}.monkey-polaroid{width:122px;align-self:flex-end;margin:14px 12px 0 0}.frames-section .frame-viewport{margin-top:34px}}
.frames-cta{display:table;margin:30px auto 0}
.spark,.tiny-star,.sticker-top span{font-size:12px;opacity:.48}.ticker b{font-size:9px;opacity:.42;padding:0 13px}.step-doodle{font-size:15px;opacity:.45}.scribble{font-size:22px;color:var(--pink);opacity:.38}.statement-star{font-size:22px;opacity:.32}
.hero-copy{animation:copy-arrive .75s cubic-bezier(.2,.7,.3,1) both}.photo-stack{animation:photo-float 6.5s ease-in-out infinite}.leopard-mascot{animation:leopard-bob 5.2s ease-in-out infinite;transform-origin:bottom right}.sticker-top{animation:sticker-drift 7s ease-in-out infinite;transform-origin:center}@keyframes copy-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-float{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3.5deg) translateY(-9px)}}@keyframes leopard-bob{0%,100%{transform:rotate(0)}50%{transform:rotate(-1.3deg)}}@keyframes sticker-drift{0%,100%{transform:rotate(10deg) translateY(0)}50%{transform:rotate(7deg) translateY(-4px)}}
html.has-scroll-motion .motion-in{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}html.has-scroll-motion .motion-in.is-visible{opacity:1;transform:translateY(0)}.steps .step:nth-child(2){transition-delay:.1s}.steps .step:nth-child(3){transition-delay:.2s}
@media(prefers-reduced-motion:reduce){.hero-copy,.photo-stack,.leopard-mascot,.sticker-top{animation:none!important}html.has-scroll-motion .motion-in{opacity:1;transform:none;transition:none}}
.stand-feature{display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;max-width:1030px;margin:48px auto 0;background:var(--yellow)}.stand-feature>img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover}.stand-feature-copy{padding:38px 42px;display:flex;flex-direction:column;justify-content:center}.stand-feature-label{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#bd0d61;margin:0 0 18px}.stand-feature-copy h3{font:700 clamp(28px,3.4vw,42px)/1.02 var(--display);letter-spacing:-1.8px;margin:0}.stand-feature-copy>p:last-child{font-size:13px;line-height:1.7;color:#4c493e;margin:16px 0 0;max-width:340px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1030px;margin:22px auto 0}.step{background:#fffdf4;padding:23px 24px 24px;min-height:244px;border-top:2px solid var(--pink)}.step h3{max-width:250px}.step p{max-width:400px}
@media(max-width:800px){.stand-feature{grid-template-columns:1fr;margin-top:36px}.stand-feature>img{min-height:0;height:auto;aspect-ratio:1.49;object-fit:cover}.stand-feature-copy{padding:28px}.stand-feature-copy h3{font-size:34px}.steps{grid-template-columns:1fr;margin-top:14px}.step{min-height:0;padding:22px 20px 24px}}
.steps .step{padding:0;min-height:0;border:1px solid #e2ddcf;border-top:3px solid var(--pink);background:#fffdf8;box-shadow:0 16px 38px #1717170d;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.steps .step:hover{transform:translateY(-5px);box-shadow:0 22px 44px #17171717}.steps .step-logo{border-top-color:var(--ink)}.benefit-art{height:218px;position:relative;display:grid;place-items:center;overflow:hidden}.social-art{background:var(--yellow)}.social-art:before,.logo-art:before{content:"";position:absolute;width:245px;height:245px;border:1px solid #17171718;border-radius:50%}.social-art:after{content:"";position:absolute;width:175px;height:175px;border:1px solid #17171713;border-radius:50%}.feed-window{position:relative;z-index:1;width:220px;padding:10px;background:#fff;border:1px solid #17171722;box-shadow:0 12px 25px #17171722;transform:rotate(-3deg)}.feed-head{height:18px;display:flex;align-items:center;gap:6px}.feed-head i{width:9px;height:9px;border-radius:50%;background:var(--pink)}.feed-head span{font-size:6px;font-weight:800;letter-spacing:1px}.feed-head b{margin-left:auto;font-size:7px;letter-spacing:1px}.feed-photo{height:115px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(146deg,#147f94 0 28%,#50afaa 28% 43%,#efb061 43% 64%,#d94870 64% 100%)}.feed-photo:before{content:"";position:absolute;width:87px;height:87px;border-radius:50%;background:#f5ed32;right:16px;top:-25px;opacity:.9}.feed-photo:after{content:"";position:absolute;left:-12px;bottom:-50px;width:170px;height:105px;border-radius:50% 50% 0 0;background:#171717;opacity:.76}.feed-photo span{position:relative;z-index:1;color:#fff;font:700 12px/.98 var(--display);letter-spacing:.8px;text-align:center;text-shadow:0 1px 4px #17171755}.feed-actions{height:18px;display:flex;align-items:center;gap:8px;font-size:11px}.feed-actions span{font-size:8px;letter-spacing:1px}.feed-actions b:last-child{margin-left:auto;color:var(--pink)}.share-stamp{position:absolute;z-index:2;right:13px;bottom:18px;padding:9px 11px;background:var(--ink);color:var(--yellow);font:700 8px/1.15 var(--display);letter-spacing:.6px;transform:rotate(4deg);box-shadow:0 4px 0 #17171720}.share-stamp b{color:var(--pink);font-size:11px;margin-left:4px}.logo-art{background:var(--pink)}.logo-art:before{border-color:#ffffff35}.frame-mockup{position:relative;z-index:1;width:176px;padding:10px 10px 0;background:#fffdf4;box-shadow:0 14px 28px #17171730;transform:rotate(3deg)}.frame-image{height:111px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(155deg,#f5ed32 0 34%,#f32483 34% 63%,#1d787e 63% 100%)}.frame-image:before{content:"";position:absolute;left:-14px;bottom:-39px;width:115px;height:88px;border-radius:50%;background:#171717;opacity:.85}.frame-image:after{content:"";position:absolute;right:-9px;top:-26px;width:85px;height:85px;border:12px solid #fffdf4;border-radius:50%;opacity:.83}.frame-image span{position:relative;z-index:1;text-align:center;font:700 11px/.98 var(--display);letter-spacing:.4px;color:#fff;text-shadow:0 1px 4px #17171780}.frame-brand{height:28px;display:grid;place-items:center;font:700 7px var(--display);letter-spacing:1.3px}.keepsake-stamp{position:absolute;z-index:2;right:13px;bottom:17px;padding:9px 11px;background:var(--ink);color:var(--yellow);font:700 8px/1.15 var(--display);letter-spacing:.7px;transform:rotate(-4deg);box-shadow:0 4px 0 #17171720}.benefit-copy{padding:22px 25px 26px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.benefit-copy .step-number{font-size:8px;letter-spacing:1.25px;font-weight:800}.benefit-copy h3{font:700 clamp(27px,3vw,36px)/1.02 var(--display);letter-spacing:-1.35px;margin:17px 0 10px;max-width:350px}.benefit-copy p{font-size:12px;line-height:1.7;color:#56544c;max-width:420px;margin:0}.steps .step:nth-child(2){transition-delay:.1s}
@media(max-width:800px){.benefit-art{height:205px}.benefit-copy{padding:21px 22px 24px}.benefit-copy h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){.steps .step{transition:none}}
.frame-mockup{width:142px;padding:8px 8px 0}.frame-sample-art{display:block;width:100%;height:150px;object-fit:cover;object-position:top}.frame-brand{height:25px;font-size:6px;letter-spacing:1px}
.how .section-heading h2{font-size:clamp(64px,6.5vw,78px);letter-spacing:-4px}.benefit-art{height:270px}.social-art{background:#171717}.social-art:before{content:"";width:170px;height:170px;left:9%;top:50%;transform:translateY(-50%);border:1px solid #ffffff30;border-radius:50%}.social-art:after{content:"";width:125px;height:125px;left:13%;top:50%;transform:translateY(-50%);border:1px solid #ffffff20;border-radius:50%;background:none}.social-art .benefit-photo{position:relative;z-index:1;inset:auto;display:block;width:auto;height:242px;max-width:48%;object-fit:contain;transform:none;border:5px solid #fffdf4;box-shadow:0 14px 32px #0006}.art-caption{position:absolute;z-index:2;left:20px;bottom:22px;color:#fff;font-size:8px;font-weight:800;letter-spacing:1.2px}.share-stamp{top:20px;right:18px;bottom:auto;padding:10px 12px;background:var(--yellow);color:var(--ink);font-size:8px;line-height:1.2;transform:rotate(2deg)}.share-stamp b{color:var(--pink)}.logo-art{background:#f0ece1}.logo-art:before{content:"";width:208px;height:208px;background:#f3248314;border:0;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.logo-art:after{content:"";width:156px;height:156px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #17171712;border-radius:50%}.benefit-product{position:relative;z-index:1;display:block;width:auto;height:242px;max-width:62%;object-fit:contain;filter:drop-shadow(0 13px 16px #17171728)}.product-caption{position:absolute;z-index:2;right:18px;bottom:20px;padding:9px 11px;background:var(--ink);color:var(--yellow);font:700 8px var(--display);letter-spacing:.9px;transform:rotate(-2deg)}.benefit-copy{padding:24px 26px 29px}.benefit-copy h3{font-size:clamp(36px,3.8vw,46px);line-height:.98;letter-spacing:-1.8px;margin:15px 0 12px}.benefit-copy p{font-size:13px;line-height:1.7;max-width:430px}
@media(max-width:800px){.how .section-heading h2{font-size:clamp(54px,9vw,66px);letter-spacing:-3.2px}.benefit-art{height:250px}.social-art .benefit-photo{height:225px}.benefit-product{height:225px}.benefit-copy h3{font-size:clamp(37px,7vw,44px)}}
@media(max-width:430px){.how .section-heading h2{font-size:51px;letter-spacing:-2.8px}.benefit-copy{padding:21px 20px 24px}.benefit-copy h3{font-size:39px}.social-art:before{left:5%}.social-art:after{left:9%}.art-caption{left:15px;font-size:7px}.share-stamp{right:12px}.product-caption{right:12px;bottom:14px}}
.benefit-art{padding:0}.benefit-art:before,.benefit-art:after{content:none!important}.virtual-visual{display:block;width:100%;height:100%;object-fit:contain}.social-art{background:#222126}.logo-art{background:#f0ece1}
.steps .step-logo{border-top-color:var(--pink)}
.stand-feature{border-right:0;border-bottom:0;border-left:0;box-shadow:0 22px 54px #17171713,0 5px 12px #17171708;transform:translateY(-3px)}.steps .step{border-right:0;border-bottom:0;border-left:0;box-shadow:0 18px 42px #17171712,0 4px 10px #17171708}.steps .step:hover{transform:translateY(-8px);box-shadow:0 26px 52px #1717171c,0 7px 15px #1717170b}
@media(min-width:801px){.steps .step:nth-child(2){transform:translateY(12px)}.steps .step:nth-child(2):hover{transform:translateY(4px)}}
@media(max-width:800px){.steps .step:nth-child(2){transform:none}.steps .step:nth-child(2):hover{transform:translateY(-8px)}}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,253,244,.95);backdrop-filter:blur(12px);box-shadow:0 6px 24px #1717170b}.site-header nav{scroll-margin-top:90px}section[id]{scroll-margin-top:94px}.floating-whatsapp{position:fixed;right:22px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:11px;padding:8px 15px 8px 8px;border:1px solid #ffffff30;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;box-shadow:0 10px 30px #17171735;transition:transform .2s,box-shadow .2s}.floating-whatsapp:hover{transform:translateY(-4px);box-shadow:0 15px 34px #17171740}.whatsapp-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:#25d366}.whatsapp-icon svg{display:block;width:22px;height:22px}.whatsapp-icon svg path:first-child{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.whatsapp-icon svg path:last-child{fill:#fff}.floating-whatsapp>b{color:var(--yellow);font-size:16px;margin-left:2px}
@media(max-width:800px){section[id]{scroll-margin-top:80px}.floating-whatsapp{right:15px;bottom:calc(15px + env(safe-area-inset-bottom))}}
.steps .step-text-only .benefit-copy{min-height:290px;justify-content:center;padding:34px 38px}.steps .step-text-only .benefit-copy h3{font-size:clamp(39px,4vw,50px);max-width:430px;margin:21px 0 15px}.steps .step-text-only .benefit-copy p{font-size:14px;max-width:430px}
@media(max-width:800px){.steps .step-text-only .benefit-copy{min-height:245px;padding:30px 28px}.steps .step-text-only .benefit-copy h3{font-size:clamp(38px,7vw,46px)}}
.stand-feature{background:#fffdf8;border:1px solid #e2ddcf;border-top:3px solid var(--pink);box-shadow:0 16px 38px #1717170d}.stand-feature-copy{background:#fffdf8}
.stand-feature-label,.benefit-copy .step-number{display:inline-flex;align-self:flex-start;padding:8px 10px;background:var(--yellow);color:var(--ink);font-size:8px;font-weight:800;letter-spacing:1.1px}
.leopard-mascot{animation:none!important}
.stand-feature,.steps .step{transform:translateY(0);transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease}
.stand-feature:hover,.steps .step:hover{transform:translateY(-8px);box-shadow:0 26px 52px #1717171c,0 7px 15px #1717170b}
.steps .step:nth-child(2),.steps .step:nth-child(2):hover{transform:translateY(0)}
.steps .step:nth-child(2):hover{transform:translateY(-8px)}
.stand-feature,.steps .step,.stand-feature:hover,.steps .step:hover,.steps .step.step-logo,.steps .step.step-logo:hover{transform:none!important;transition:box-shadow .28s ease!important}
.stand-feature:hover,.steps .step:hover{box-shadow:0 22px 46px #1717171c,0 6px 14px #1717170b!important}
@media(max-width:800px){.stand-feature:hover,.steps .step:hover{transform:translateY(-8px)}}
.photo-stack{top:-34px}.leopard-mascot{width:clamp(195px,22vw,295px)}
@media(max-width:800px){.photo-stack{top:-24px}.leopard-mascot{width:clamp(148px,40vw,198px)}}

/* Navegación común de Estudio Garbo */
.wordmark{font:700 25px/.9 var(--display);letter-spacing:-1.6px;display:block}
.navigation .nav-services{position:relative}
.navigation .nav-services>summary{list-style:none;cursor:pointer;white-space:nowrap}
.navigation .nav-services>summary::-webkit-details-marker{display:none}
.navigation .nav-services>summary:after{content:"⌄";margin-left:7px;color:var(--pink)}
.navigation .nav-submenu{position:absolute;z-index:40;top:calc(100% + 18px);left:-18px;width:220px;padding:8px;display:grid;gap:2px;background:var(--paper);border:1px solid #17171718;box-shadow:0 16px 32px #17171718}
.navigation .nav-submenu:before{content:"";position:absolute;left:0;right:0;top:-19px;height:19px}
.navigation .nav-submenu a{padding:11px 10px;font-size:11px;transition:background .2s}
.navigation .nav-submenu a:hover{background:var(--yellow);color:var(--ink)}
.navigation .nav-services[open]>summary{color:var(--pink)}
@media(max-width:800px){
 .navigation .nav-services>summary{display:block;padding:14px 0;border-bottom:1px solid #17171722;font-size:14px}
 .navigation .nav-services>summary:after{float:right}
 .navigation .nav-submenu{position:static;width:auto;padding:5px 0 8px 12px;border:0;box-shadow:none;background:transparent}
 .navigation .nav-submenu:before{display:none}
 .navigation .nav-submenu a{padding:10px;font-size:13px}
 .navigation .nav-services[open]>summary{border-bottom-color:transparent}
 .footer-mark{font-size:23px!important}
}
strong{font-weight:700;color:var(--ink)}
.hero-art{height:500px}
.photo-stack{width:clamp(280px,24vw,330px)}
.photo-card img{height:340px}
.leopard-mascot{width:clamp(225px,26vw,350px)}
@media(max-width:800px){.hero-art{height:440px}.photo-stack{width:270px}.photo-card img{height:280px}.leopard-mascot{width:min(44vw,238px)}}
@media(max-width:390px){.hero-art{height:380px}.photo-stack{width:238px}.photo-card img{height:245px}}
.photo-stack{left:-18px}
@media(max-width:800px){.photo-stack{left:-8px}}
 .hero .hero-leopard,.hero .leopard-mascot{width:clamp(220px,27vw,330px);height:auto;max-height:74vh}
@media(max-width:800px){.hero .hero-leopard,.hero .leopard-mascot{width:clamp(180px,54vw,250px);max-height:none}}
.hero .hero-leopard,.hero .leopard-mascot{width:min(48vw,610px);height:min(84vh,762px);max-height:none}
@media(max-width:650px){.hero .hero-leopard,.hero .leopard-mascot{width:min(84vw,410px);height:min(112vw,485px)}}
@media(min-width:801px){.hero{min-height:max(650px,calc(min(84vh,762px) + 112px))}}
.hero .leopard-mascot{width:clamp(225px,26vw,350px);height:auto;max-height:none}
@media(max-width:800px){.hero .leopard-mascot{width:min(44vw,238px);height:auto}}
@media(min-width:801px){.hero{min-height:650px}}
.contact{display:block;padding-top:90px;padding-bottom:90px;background:var(--yellow)}
.contact.section-pad{padding-left:10vw;padding-right:10vw}
.contact-top{display:flex;justify-content:space-between;align-items:flex-start}
.contact .eyebrow{color:var(--ink)}
.contact-mark{font:700 17px var(--display);letter-spacing:-1px}
.contact-mark span{font:600 8px var(--body);vertical-align:top}
.contact h2{font:600 clamp(72px,12vw,160px)/.82 var(--display);letter-spacing:-.1em;margin:74px 0 55px}
.contact h2 em{font-style:normal;color:var(--pink)}
.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between}
.contact-bottom p{font-size:14px;line-height:1.65;margin:0}
.contact-bottom p strong{font-weight:700}
.contact-button{background:var(--ink);color:white;padding:18px 22px;border-radius:99px;font-size:12px;font-weight:700}
.contact-button span{color:var(--yellow);margin-left:25px}
.site-footer{min-height:110px;padding:28px 5.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper)}
.site-footer .wordmark{font:700 25px/.9 var(--display);letter-spacing:-1.6px}
.site-footer>p{font-size:10px;color:var(--muted);margin:0}
.footer-links{display:flex;gap:28px;align-items:center;font-size:10px;font-weight:600}
.footer-links span{color:var(--muted)}
.whatsapp-float{position:fixed;z-index:25;right:24px;bottom:24px;width:54px;height:54px;display:grid;place-items:center;background:#25d366;border:3px solid var(--paper);border-radius:50%;box-shadow:0 6px 22px #17171724;transition:transform .2s}
.whatsapp-float:hover{transform:scale(1.07)}
.whatsapp-float svg{width:27px;height:27px;fill:#fff}
@media(max-width:650px){.contact{padding-top:66px;padding-bottom:68px;padding-left:7vw;padding-right:7vw}.contact.section-pad{padding-left:7vw;padding-right:7vw}.contact h2{font-size:clamp(78px,18vw,130px);margin:74px 0 42px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:26px}.contact-bottom p{font-size:13px}.contact-button{font-size:11px;padding:16px 19px}.site-footer{padding:24px 7vw;display:grid;grid-template-columns:1fr auto;gap:12px}.site-footer>p{grid-column:1/-1;grid-row:2}.footer-links{gap:16px;font-size:9px}.whatsapp-float{right:16px;bottom:16px;width:50px;height:50px}}
.contact{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-top:112px;padding-bottom:112px;background:var(--paper)}
.contact.section-pad{padding-left:9%;padding-right:9%}
.contact-copy{flex:1;min-width:0}
.contact .eyebrow{color:var(--pink)}
.contact h2{font:700 clamp(47px,6.5vw,88px)/.98 var(--display);letter-spacing:-5px;margin:0}
.contact h2 em{font-style:normal;color:var(--pink)}
.contact-action{width:100%;max-width:330px;flex:0 0 330px}
.contact-action p{font-size:14px;line-height:1.7;color:var(--muted);max-width:330px}
.contact-action p strong{font-weight:700;color:var(--ink)}
.contact-action small{display:block;margin-top:13px;font-size:10px;color:var(--muted)}
.contact-action small a{text-decoration:underline;text-underline-offset:2px}
.event-contact-button{display:inline-flex;align-items:center;gap:30px;margin-top:10px;padding:16px 21px;background:var(--pink);color:#fff;font-size:12px;font-weight:700;transition:transform .2s}
.event-contact-button:hover{transform:translateY(-3px)}
.event-contact-button span{font-size:18px}
@media(max-width:800px){.contact{display:block;padding-top:82px;padding-bottom:82px}.contact.section-pad{padding-left:7%;padding-right:7%}.contact h2{font-size:51px}.contact-action{margin-top:35px}}
@media(max-width:500px){.contact h2{font-size:45px}}
.site-footer{background:var(--ink);color:#fff;border-top:2px solid var(--pink);padding-right:max(100px,calc(5.5vw + 70px))}
.site-footer .wordmark{color:var(--yellow)}
.site-footer>p{color:#fff}
.site-footer .footer-ideas{color:#fff;font-weight:700}
.site-footer p,.site-footer .footer-ideas{color:#fff;text-decoration:none}
.site-footer .copyright{color:#d5d2ca}
.site-footer p,.site-footer .footer-ideas,.site-footer .footer-links a,.site-footer .copyright,.site-footer .copyright b{font-weight:400}
.site-footer .copyright b{color:var(--pink)}
.site-footer .footer-links a{color:#fff}
.site-footer .footer-links span{color:#d5d2ca}
.vendor-invite{margin-top:34px;padding:20px 22px;background:#fffdf4;border-left:3px solid var(--pink);box-shadow:0 12px 28px #17171710}
.vendor-invite p{margin:0 0 12px;font-size:12px;line-height:1.65;color:#56544c}
.vendor-invite p strong{display:block;margin-bottom:4px;color:var(--ink);font:700 18px/1.15 var(--display)}
.vendor-invite>a{display:inline-flex;align-items:center;gap:18px;padding-bottom:5px;border-bottom:1px solid var(--pink);font-size:11px;font-weight:700}
.vendor-invite>a span{color:var(--pink);font-size:16px}
@media(max-width:650px){.site-footer{padding-right:80px}}
.site-header .wordmark{font:700 25px/.9 var(--display);letter-spacing:-1.6px;display:block}
.statement-star{opacity:.32}
