/* hero */
.hero{padding:clamp(28px,5vw,64px) 0 clamp(60px,7vw,100px);overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;min-height:min(720px,calc(100svh - 120px))}
.hello{margin-bottom:22px}
.hero h1{font-size:clamp(46px,6.4vw,96px);line-height:.98;letter-spacing:-.03em}
.hero h1 em{display:inline-block;transform:rotate(-2deg);transform-origin:left bottom}
.lede{font-size:clamp(18px,1.5vw,21px);color:var(--ink-2);max-width:46ch;margin-top:24px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-copy>*{animation:up .9s var(--ease-out) both}
.hero-copy>*:nth-child(2){animation-delay:.06s}.hero-copy>*:nth-child(3){animation-delay:.12s}.hero-copy>*:nth-child(4){animation-delay:.18s}
@keyframes up{from{opacity:0;transform:translateY(20px)}}
.hero-art{position:relative;aspect-ratio:1/1.02;color:var(--forest-3)}
.flight{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.hero-art .arch{position:absolute;margin:0}
.a1{width:44%;aspect-ratio:4/5.4;left:4%;top:16%}
.a2{width:38%;aspect-ratio:4/5.4;right:4%;top:0}
.a3{width:34%;aspect-ratio:4/5.4;right:14%;bottom:0}
.hero-art .arch{animation:pop .9s var(--spring) both}
.a2{animation-delay:.1s!important}.a3{animation-delay:.2s!important}
@keyframes pop{from{opacity:0;transform:scale(.85) translateY(30px)}}
.hero-art .arch img{will-change:transform}
.s1{position:absolute;left:0;bottom:16%;transform:rotate(-8deg);font-size:16px;padding:10px 16px}
.s2{position:absolute;right:0;top:44%;transform:rotate(6deg);font-size:15px;padding:9px 15px}
.bee{position:absolute;left:0;top:0;width:54px;height:54px;color:var(--forest);offset-path:path("M40 470 C 120 300, 260 560, 330 380 S 520 120, 560 220");offset-rotate:auto 90deg;animation:fly 9s var(--ease-io) infinite alternate}
.bee svg{width:100%;height:100%;animation:buzz .18s linear infinite alternate}
@keyframes fly{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes buzz{to{transform:translateY(-2px) rotate(3deg)}}
@media (max-width:900px){
  .hero-in{grid-template-columns:1fr;min-height:0}
  .hero-art{aspect-ratio:1.25/1;max-width:520px;width:100%;margin:8px auto 0}
  .a1{width:40%;left:0;top:10%}.a2{width:36%;right:2%;top:0}.a3{display:none}
  .bee,.flight{display:none}
  .s1{bottom:6%;left:auto;right:4%}.s2{top:auto;bottom:-2%;left:6%;right:auto}
  .cta .btn{flex:1 1 auto}
}

/* ticker */
.ticker{background:var(--honey);overflow:hidden;padding:16px 0;transform:rotate(-1.2deg);margin:0 -10px;position:relative;z-index:2}
.track{display:flex;gap:40px;width:max-content;animation:tick 40s linear infinite;font-family:var(--display);font-size:clamp(20px,2vw,28px);font-style:italic;color:var(--ink);white-space:nowrap}
.track span{display:inline-flex;align-items:center;gap:40px}
.track svg{width:26px;height:26px;color:var(--forest)}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.track{animation:none}}

/* repisa de disponibles */
.disp{padding:clamp(80px,10vw,130px) 0 clamp(60px,8vw,100px)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:40px}
.sec-head h2{font-size:clamp(38px,5vw,68px)}
.sec-head p{color:var(--ink-2);max-width:40ch}
.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
.pc{text-decoration:none;display:block;position:relative}
.pc .arch{aspect-ratio:4/5;transition:transform .5s var(--spring)}
.pc:nth-child(4n+2){margin-top:48px}.pc:nth-child(4n+4){margin-top:28px}
@media (hover:hover){.pc:hover .arch{transform:translateY(-6px) rotate(-1.5deg)}}
.pc .sticker{position:absolute;right:-6px;top:30%;z-index:2}
.pc h3{font-size:22px;margin-top:14px;line-height:1.1}
.pc .meta{display:flex;justify-content:space-between;color:var(--ink-2);font-size:15px;margin-top:4px}
.pc .meta b{color:var(--ink);font-weight:600}
@media (max-width:900px){.shelf{grid-template-columns:1fr 1fr}.pc:nth-child(4n+2),.pc:nth-child(4n+4){margin-top:0}.pc:nth-child(even){margin-top:36px}.pc h3{font-size:19px}}

/* begonias */
.begos{background:var(--forest);color:var(--cream);padding:clamp(90px,10vw,140px) 0 clamp(70px,8vw,110px);position:relative;
  -webkit-mask:radial-gradient(28px at 50% 0,#0000 98%,#000) 50% 0/56px 100% repeat-x;mask:radial-gradient(28px at 50% 0,#0000 98%,#000) 50% 0/56px 100% repeat-x} /* taste-skill-ignore: borde festoneado */
.begos-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:44px}
.begos-head h2{font-size:clamp(42px,5.4vw,78px)}
.begos-head h2 em{color:var(--honey)}
.begos-head p{opacity:.85;max-width:44ch}
.bego-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,22vw,300px);gap:22px;overflow-x:auto;padding:10px max(20px,calc((100vw - 1240px)/2)) 24px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.bego-rail::-webkit-scrollbar{display:none}
.bg{scroll-snap-align:start;text-decoration:none;color:inherit}
.bg .arch{aspect-ratio:4/5.2;background:var(--forest-2)}
.bg:nth-child(odd) .arch{transform:rotate(-2deg)}.bg:nth-child(even) .arch{transform:rotate(2deg);margin-top:20px}
.bg .nophoto{background:var(--forest-2);color:var(--sage-2)}.bg .nophoto small{color:var(--sage)}
.bg h3{font-size:22px;margin-top:16px}
.bg p{opacity:.75;font-size:15px}
@media (max-width:900px){.begos-head{grid-template-columns:1fr;gap:14px}.bego-rail{grid-auto-columns:62%}}

/* club */
.club{padding:clamp(80px,10vw,130px) 0;background:var(--sage-soft)}
.club-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:center}
.badge{position:relative;aspect-ratio:1;max-width:460px;width:100%;justify-self:center}
.badge img{width:100%;height:100%;border-radius:50%;animation:spin 60s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.club h2{font-size:clamp(46px,6vw,88px);margin:18px 0 18px}
.club p{font-size:19px;color:var(--ink-2);max-width:46ch}
@media (max-width:900px){.club-in{grid-template-columns:1fr}.badge{max-width:240px}.badge img{animation:none}}
@media (prefers-reduced-motion:reduce){.badge img{animation:none}}

/* entregas */
.entregas{padding:clamp(80px,10vw,130px) 0}
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.way{background:var(--paper);border-radius:28px;padding:32px 28px 34px;transition:transform .4s var(--spring)}
.way:nth-child(2){background:var(--forest);color:var(--cream);transform:translateY(24px)}
.way:nth-child(2) p{color:var(--sage-2)}
.way .ico{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--honey);color:var(--ink);margin-bottom:22px}
.way .ico svg{width:28px;height:28px}
.way h3{font-size:28px;margin-bottom:10px;line-height:1.08}
.way p{color:var(--ink-2)}
@media (hover:hover){.way:hover{transform:translateY(-4px) rotate(-.6deg)}.way:nth-child(2):hover{transform:translateY(18px) rotate(.6deg)}}
@media (max-width:900px){.ways{grid-template-columns:1fr}.way:nth-child(2){transform:none}}

/* totebags */
.totes{padding:clamp(60px,8vw,110px) 0;background:var(--paper)}
.totes-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.stitch{background:var(--sage-2);border-radius:36px;padding:22px;aspect-ratio:1/.9;max-width:520px}
.stitch-in{height:100%;border:3px dashed var(--forest);border-radius:24px;display:grid;place-items:center;align-content:center;gap:16px;color:var(--forest)} /* taste-skill-ignore: costura de bordado */
.beebig{display:block;width:clamp(120px,14vw,190px)}
.beebig svg{width:100%;height:auto}
.stitch-in p{font-family:var(--display);font-style:italic;font-size:28px}
.totes h2{font-size:clamp(40px,5vw,70px);margin-bottom:18px}
.totes p{font-size:19px;color:var(--ink-2);max-width:44ch}
@media (max-width:900px){.totes-in{grid-template-columns:1fr}.stitch{aspect-ratio:1.4/1}}

/* eventos */
.eventos{padding:clamp(80px,10vw,130px) 0}
.evs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.ev{background:var(--paper);border-radius:24px;padding:26px;display:grid;gap:8px;align-content:start}
.ev.past{opacity:.78}
.ev .when{font-family:var(--display);font-style:italic;font-size:30px;line-height:1;color:var(--forest)}
.ev h3{font-family:var(--sans);font-size:19px;font-weight:600;letter-spacing:0}
.ev p{color:var(--ink-2);font-size:16px}
.ev .sticker{justify-self:start;margin-top:6px}

/* videos */
.videos{padding:clamp(70px,9vw,120px) 0;background:var(--forest);color:var(--cream)}
.videos .sec-head p{color:var(--sage-2)}
.reels{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.reel{position:relative;aspect-ratio:9/15;border-radius:26px;overflow:hidden;background:var(--forest-2);border:0;padding:0;color:var(--cream);text-align:left;isolation:isolate}
.reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s var(--ease-out)}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,32,21,0) 40%,rgba(20,32,21,.85));z-index:-1} /* taste-skill-ignore: velo sobre foto */
.reel .play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:var(--honey);color:var(--ink);display:grid;place-items:center;transition:transform .3s var(--spring)}
.reel .play svg{width:26px;height:26px;margin-left:4px}
.reel .cap{position:absolute;left:18px;right:18px;bottom:18px}
.reel .cap b{display:block;font-family:var(--display);font-size:22px;font-weight:500;line-height:1.1}
.reel .cap small{font-size:14px;opacity:.85}
@media (hover:hover){.reel:hover .play{transform:translate(-50%,-50%) scale(1.1)}.reel:hover img{transform:scale(1.05)}}
.reel iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
@media (max-width:900px){.reels{grid-template-columns:1fr 1fr;gap:12px}.reel{border-radius:20px}.reel .cap b{font-size:18px}.reel .play{width:56px;height:56px}}

/* reseñas */
.love{padding:clamp(80px,10vw,130px) 0}
.love-in{display:grid;grid-template-columns:auto 1fr;gap:clamp(30px,6vw,80px);align-items:center;background:var(--honey);border-radius:40px;padding:clamp(30px,5vw,64px)}
.pct{width:clamp(170px,20vw,250px);aspect-ratio:1;border-radius:50%;background:var(--forest);color:var(--cream);display:grid;place-items:center;align-content:center;transform:rotate(-8deg)}
.pct b{font-family:var(--display);font-size:clamp(54px,6vw,80px);line-height:1;font-weight:600}
.pct span{font-family:var(--display);font-style:italic;font-size:20px}
.love h2{font-size:clamp(36px,4.4vw,60px);margin-bottom:14px}
.love h2 em{color:var(--forest)}
.love p{font-size:19px;max-width:48ch}
@media (max-width:900px){.love-in{grid-template-columns:1fr;justify-items:start}.pct{width:150px}}