@font-face{font-family:Chunko;src:url(/assets/fonts/chunko-bold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Museo Moderno;src:url(/assets/fonts/museo-moderno.woff2) format("woff2");font-weight:400 800;font-display:swap}:root{--coffee: #4c2b0c;--cream: #fdf4e9;--green: #78804c;--yellow: #9b874a;--ink: #2d1a0a;--display-scale: min(100vw / 1920, 100vh / 1080)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--cream)}body{color:var(--coffee);font-family:Museo Moderno,Trebuchet MS,sans-serif}.display{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--cream)}.scene--welcome{--scene-image: url(/assets/images/backgrounds/taza_cafe.png);--scene-image-opacity: .5;--scene-overlay: var(--cream);--scene-overlay-opacity: 0}.scene--products{--scene-image: url(/assets/images/backgrounds/brownie.jpg);--scene-image-opacity: .5;--scene-overlay: var(--coffee);--scene-overlay-opacity: 0}.scene--prices{--scene-image: url(/assets/images/backgrounds/wild.png);--scene-image-opacity: .4;--scene-overlay: var(--coffee);--scene-overlay-opacity: 0}.scene--events{--scene-image: url(/assets/images/backgrounds/taller.jpg);--scene-image-opacity: .5;--scene-overlay: var(--cream);--scene-overlay-opacity: 0}.scene--community{--scene-image: url(/assets/images/backgrounds/libros.jpg);--scene-image-opacity: .7;--scene-overlay: var(--cream);--scene-overlay-opacity: .5}.scene--closing{--scene-image: url(/assets/images/backgrounds/closing-background.jpg);--scene-image-opacity: .2;--scene-overlay: var(--coffee);--scene-overlay-opacity: .25}.scene{position:absolute;inset:0;overflow:hidden;padding:clamp(2.25rem,6vw,6.5rem);animation:scene-in .75s cubic-bezier(.2,.8,.2,1) both}.scene:before{position:absolute;z-index:0;inset:0;background:var(--scene-image) center / cover no-repeat;content:"";opacity:var(--scene-image-opacity);pointer-events:none}.scene:after{position:absolute;z-index:0;inset:0;background:var(--scene-overlay);content:"";opacity:var(--scene-overlay-opacity);pointer-events:none}.scene h1{max-width:10ch;margin:0;font-family:Chunko,Impact,sans-serif;font-size:clamp(3.5rem,8.5vw,8rem);line-height:1;letter-spacing:.012em}.eyebrow{margin:0 0 1.5rem;font-size:clamp(.9rem,1.4vw,1.5rem);font-weight:800;letter-spacing:.11em;line-height:1.3;text-transform:uppercase}.scene-subtitle{max-width:40rem;margin:1.8rem 0 0;font-size:clamp(1.4rem,2.6vw,2.8rem);line-height:1.2;letter-spacing:.018em}.scene-body{max-width:35rem;margin:1.5rem 0 0;font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.5;letter-spacing:.02em}.scene--welcome{background:var(--cream)}.welcome-copy{position:absolute;left:38%;top:27%;z-index:2}.welcome-copy h1{color:var(--coffee)}.welcome-copy .scene-subtitle{color:var(--green)}.scene--welcome .dog{position:absolute;left:10%;top:20%}.burst{position:absolute;border-radius:48% 52% 40% 60%;background:var(--yellow);transform:rotate(18deg)}.burst--one{width:22rem;height:22rem;left:4%;top:11%;opacity:.85;animation:float 7s ease-in-out infinite}.burst--two{width:10rem;height:10rem;right:8%;bottom:9%;background:var(--green);border-radius:50%}.stamp{position:absolute;right:9%;top:13%;display:grid;place-content:center;width:8rem;height:8rem;border:3px solid var(--coffee);border-radius:50%;text-align:center;white-space:pre-line;font-weight:800;transform:rotate(12deg)}.scene--products{background:var(--coffee);color:var(--cream)}.product-copy{position:relative;z-index:2;max-width:58%}.product-copy h1{color:var(--cream)}.product-list{display:flex;flex-wrap:wrap;gap:.7rem;max-width:42rem;margin-top:2.5rem}.product-list span{padding:.7rem 1.1rem;border:1px solid var(--yellow);border-radius:999px;color:var(--cream);font-size:clamp(.9rem,1.4vw,1.35rem)}.feature-card{position:absolute;right:10%;top:16%;display:flex;flex-direction:column;justify-content:center;width:min(29vw,29rem);aspect-ratio:.78;padding:3rem;background:var(--yellow);color:var(--coffee);transform:rotate(5deg);box-shadow:1.2rem 1.2rem 0 var(--green);animation:card-in 1s .3s both}.feature-card p{margin:0 0 2rem;font-family:Chunko,Impact,sans-serif;font-size:clamp(2rem,4vw,4.5rem);line-height:.85}.feature-card strong{font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.2}.feature-card__burst{position:absolute;right:1.5rem;top:1rem;font-size:2rem}.feature-card i{position:absolute;right:1.5rem;bottom:1rem;font-size:1.5rem;font-weight:800;transform:rotate(-12deg)}.coffee-ring{position:absolute;right:4%;bottom:-35%;width:45vw;height:45vw;border:5rem solid var(--green);border-radius:50%;opacity:.45}.scene--prices{background:var(--cream);color:var(--coffee)}.prices-header{position:relative;z-index:2;width:31%;padding-right:1rem}.prices-header h1{color:var(--coffee)}.prices-header .scene-subtitle{color:var(--green)}.price-board{position:absolute;top:14%;right:6%;bottom:10%;width:47%;padding:1.6rem 2rem;background:var(--coffee);color:var(--cream);box-shadow:.9rem .9rem 0 var(--yellow);transform:rotate(1.5deg)}.price-row{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;min-height:11%;gap:1rem;border-bottom:1px solid color-mix(in srgb,var(--cream) 35%,transparent)}.price-row:last-child{border-bottom:0}.price-index{color:var(--yellow);font-size:clamp(.8rem,1.1vw,1.1rem);font-weight:800}.price-row strong{font-family:Chunko,Impact,sans-serif;font-size:clamp(1.15rem,2vw,2rem);line-height:1.1;letter-spacing:.018em}.price-value{color:var(--yellow);font-size:clamp(1.1rem,1.8vw,1.8rem);font-weight:800;white-space:nowrap}.price-sun{position:absolute;right:8%;bottom:6%;color:var(--yellow);font-size:clamp(4rem,8vw,8rem);line-height:1;animation:float 7s ease-in-out infinite}.scene--events{background:var(--cream);color:var(--coffee)}.events-header{position:relative;z-index:2;width:31%}.events-header h1{color:var(--coffee)}.events-header .scene-subtitle{color:var(--green)}.event-list{position:absolute;top:12%;right:7%;bottom:10%;width:55%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.event-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;background:var(--coffee);color:var(--cream);box-shadow:.45rem .45rem 0 var(--yellow);animation:card-in .8s both}.event-card:nth-child(2){animation-delay:.15s}.event-card:nth-child(3){animation-delay:.3s}.event-poster{position:relative;height:48%;overflow:hidden;background:var(--yellow)}.event-poster:after{position:absolute;inset:0;background:linear-gradient(150deg,transparent 45%,color-mix(in srgb,var(--coffee) 25%,transparent));content:""}.event-poster img{display:block;width:100%;height:100%;object-fit:cover}.event-poster span{position:absolute;z-index:1;top:.75rem;left:.75rem;color:var(--cream);font-size:1rem;font-weight:800}.event-info{display:flex;flex:1;flex-direction:column;gap:.45rem;padding:1.1rem}.event-info h2{margin:0 0 auto;color:var(--yellow);font-family:Chunko,Impact,sans-serif;font-size:clamp(1.2rem,1.8vw,2rem);line-height:1.05;letter-spacing:.018em}.event-info p{margin:0;font-size:clamp(.85rem,1.1vw,1.15rem);line-height:1.25;letter-spacing:.015em}.event-info p strong{color:var(--cream)}.events-mark{position:absolute;right:6%;bottom:3%;color:var(--yellow);font-family:Chunko,Impact,sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:.8;text-align:right;transform:rotate(-5deg)}.scene--activities{background:var(--green);color:var(--cream)}.activities-brand{position:absolute;inset:10% auto 8% 7%;display:flex;width:32%;flex-direction:column;justify-content:space-between;align-items:flex-start}.activities-heading{position:relative;z-index:2;width:100%}.activity-grid{position:absolute;inset:12% 7% 10% 43%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1.2rem}.activity-card{display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding:1.25rem;background:var(--cream);color:var(--coffee);animation:slide-up .7s both}.activity-card:nth-child(2){animation-delay:.1s}.activity-card:nth-child(3){animation-delay:.2s}.activity-card:nth-child(4){animation-delay:.3s}.activity-card:nth-child(5){grid-column:span 2;background:var(--yellow);animation-delay:.4s}.activity-card span{font-size:1rem;opacity:.65}.activity-card strong{font-family:Chunko,Impact,sans-serif;font-size:clamp(1.4rem,2.3vw,2.5rem);line-height:1.05;letter-spacing:.02em}.activities-brand .dog{position:relative;left:auto;bottom:auto}.scene--community{background:var(--cream)}.community-copy{position:relative;z-index:2;width:55%}.community-copy h1{max-width:48rem}.community-copy .scene-subtitle{color:var(--green)}.community-orbit{position:absolute;left:-16%;top:-55%;width:72vw;height:125vh;border:2.5rem solid var(--yellow);border-radius:50%;opacity:.7;transform:rotate(-25deg)}.word-cloud{position:absolute;right:8%;bottom:16%;width:37%;height:52%}.word{position:absolute;font-family:Chunko,Impact,sans-serif;font-size:clamp(2rem,4vw,4.5rem)}.word--0{left:5%;top:0;color:var(--green)}.word--1{right:0;top:20%}.word--2{left:15%;top:43%;color:var(--yellow)}.word--3{right:5%;bottom:5%;color:var(--green)}.word--4{left:0;bottom:0}.scene--closing{background:var(--coffee);color:var(--cream)}.closing-copy{position:relative;z-index:3;width:48%;max-width:42rem;padding-top:2%}.closing-copy h1{color:var(--yellow)}.closing-copy .scene-subtitle{color:var(--cream)}.closing-note{max-width:29rem;margin-top:2.25rem;font-size:clamp(1.15rem,1.8vw,1.8rem)}.closing-visual{position:absolute;z-index:2;top:12%;right:11%;width:min(34vw,31rem);aspect-ratio:1}.closing-halo{position:absolute;inset:2%;border:1.2rem solid var(--green);border-radius:50%;transform:rotate(-15deg)}.closing-visual .dog{position:absolute;inset:8%;width:84%}.closing-badge{position:absolute;right:-5%;bottom:5%;display:grid;width:7.5rem;aspect-ratio:1;place-content:center;border:.25rem solid var(--coffee);border-radius:50%;background:var(--yellow);color:var(--coffee);font-size:.85rem;font-weight:800;line-height:1.05;text-align:center;transform:rotate(9deg)}.closing-ribbon{position:absolute;z-index:3;right:13%;bottom:7%;padding:.75rem 1.25rem;background:var(--cream);color:var(--coffee);font-size:clamp(.85rem,1.2vw,1.2rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-3deg)}.closing-ribbon span{color:var(--yellow)}.loop-arrow{position:absolute;z-index:3;right:5%;bottom:8%;color:var(--yellow);font-size:3.5rem;animation:spin 8s linear infinite}.dog{width:clamp(14rem,23vw,25rem);aspect-ratio:1;animation:dog-in .9s cubic-bezier(.2,.9,.3,1) both}.dog--small{width:clamp(9rem,13vw,14rem)}.dog--logo img{display:block;width:100%;height:100%;object-fit:contain}.progress-track{position:absolute;z-index:5;right:7vw;bottom:2.5rem;width:min(15rem,18vw);height:.25rem;overflow:hidden;background:color-mix(in srgb,currentColor 25%,transparent)}.progress-track span{display:block;width:100%;height:100%;background:currentColor;transform-origin:left;transition:transform .12s linear}.scene-counter{position:absolute;z-index:5;right:3rem;bottom:2rem;font-size:.75rem;font-weight:800;opacity:.65}.dev-controls{position:absolute;z-index:10;right:2rem;bottom:3.5rem;display:flex;gap:.35rem;padding:.35rem;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:999px;background:color-mix(in srgb,var(--coffee) 88%,transparent);box-shadow:0 .3rem .8rem color-mix(in srgb,var(--coffee) 25%,transparent)}.dev-controls button{display:grid;width:2rem;height:2rem;place-items:center;padding:0;border:0;border-radius:50%;background:var(--cream);color:var(--coffee);cursor:pointer;font:800 1.25rem/1 sans-serif}.dev-controls button:hover,.dev-controls button:focus-visible{background:var(--yellow);outline:2px solid var(--cream);outline-offset:2px}@keyframes scene-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes dog-in{0%{opacity:0;transform:translateY(4rem) rotate(-8deg) scale(.8)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes card-in{0%{opacity:0;transform:translate(5rem) rotate(12deg)}to{opacity:1;transform:translate(0) rotate(5deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(3rem) rotate(3deg)}to{opacity:1}}@keyframes float{50%{transform:translate(1rem,-1.5rem) rotate(25deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-aspect-ratio:4/3){.scene{padding:5vw}.scene h1{font-size:clamp(3rem,8vw,6rem)}.welcome-copy{left:42%;top:23%}.prices-header,.events-header{width:34%}.price-board{right:5%;width:50%;padding-inline:1.25rem}.event-list{right:5%;width:57%;gap:.7rem}.event-info{padding:.8rem}.activities-heading{width:36%}.activity-grid{inset:22% 5% 8% 40%}.scene--activities .dog{left:8%;bottom:6%}.feature-card{right:5%}.community-copy{width:60%}.closing-copy{width:50%}.closing-visual{right:7%;width:37vw}.closing-ribbon{right:10%}}@media(max-width:700px){html,body{overflow:hidden}.scene{padding:1.5rem 1.25rem 4rem}.scene h1{max-width:none;font-size:clamp(2.35rem,12vw,4.5rem);line-height:1.02}.eyebrow{margin-bottom:.8rem;font-size:.72rem;letter-spacing:.08em}.scene-subtitle{margin-top:1rem;font-size:clamp(1.1rem,5vw,1.7rem);line-height:1.18}.scene-body{margin-top:1rem;font-size:1rem;line-height:1.4}.scene--welcome .dog{top:7%;left:50%;width:40vw;transform:translate(-50%)}.welcome-copy{top:39%;left:1.25rem;width:calc(100% - 2.5rem)}.burst--one{width:10rem;height:10rem;left:-2rem;top:8%}.burst--two{width:5rem;height:5rem;right:5%;bottom:10%}.stamp{top:8%;right:1.25rem;width:5.5rem;height:5.5rem;font-size:.65rem}.scene--products{padding-top:1.5rem}.product-copy{max-width:100%;width:100%}.product-list{max-width:52%;gap:.4rem;margin-top:1.25rem}.product-list span{padding:.45rem .65rem;font-size:.72rem}.feature-card{right:1.25rem;top:45%;width:42vw;padding:1rem;box-shadow:.45rem .45rem 0 var(--green)}.feature-card p{margin-bottom:.8rem;font-size:clamp(1.3rem,6vw,2rem)}.feature-card strong{font-size:.72rem}.feature-card i{right:.7rem;bottom:.5rem;font-size:.8rem}.coffee-ring{right:-25%;bottom:-20%;width:60vw;height:60vw;border-width:2rem}.prices-header,.events-header{width:100%}.price-board{top:36%;right:1.25rem;bottom:4.5rem;left:1.25rem;width:auto;padding:.6rem .85rem;box-shadow:.35rem .35rem 0 var(--yellow);transform:rotate(0)}.price-row{grid-template-columns:1.7rem minmax(0,1fr) auto;min-height:15%;gap:.45rem}.price-row strong{font-size:.9rem;line-height:1.1}.price-index,.price-value{font-size:.78rem}.price-sun{right:1rem;bottom:2.7rem;font-size:3rem}.event-list{top:32%;right:1.25rem;bottom:4rem;left:1.25rem;width:auto;display:grid;grid-template-columns:1fr;gap:.6rem}.event-card{flex-direction:row;min-height:0;box-shadow:.25rem .25rem 0 var(--yellow)}.event-poster{width:30%;height:auto;min-height:4.7rem}.event-info{gap:.2rem;padding:.6rem .7rem}.event-info h2{font-size:.95rem}.event-info p{font-size:.7rem}.events-mark{right:1.25rem;bottom:1.3rem;font-size:1.6rem}.community-copy{width:100%}.community-orbit{left:-40%;top:28%;width:125vw;height:70vh;border-width:1rem}.word-cloud{right:8%;bottom:8%;width:84%;height:34%}.word{font-size:clamp(1.5rem,8vw,2.6rem)}.scene--closing{padding-bottom:3.5rem}.closing-copy{width:100%;max-width:none;padding-top:0}.closing-copy .scene-subtitle{max-width:17rem}.closing-note{max-width:17rem;margin-top:1.25rem;font-size:1rem}.closing-visual{top:43%;right:50%;width:55vw;transform:translate(50%)}.closing-halo{border-width:.6rem}.closing-badge{right:-12%;width:5.25rem;font-size:.62rem}.closing-ribbon{right:1.25rem;bottom:3.6rem;padding:.5rem .7rem;font-size:.62rem}.loop-arrow{right:1rem;bottom:1rem;font-size:2rem}.progress-track{right:1.25rem;bottom:1rem;width:5rem}.scene-counter{right:7rem;bottom:.8rem;font-size:.62rem}.dev-controls{right:1.25rem;bottom:2.3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}