/** Shopify CDN: Minification failed Line 2248:0 Expected "}" to go with "{" **/ @layer reset, base, layout, motion; @layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:none}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}svg{display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd8444;outline-offset:5px}[hidden]{display:none!important}} @layer base{:root{--forest:#052d24;--deep:#032319;--cream:#f6efdf;--ink:#092a21;--gold:#b58a4c;--orange:#bd542a;--line:#d9cbb4;--ease:cubic-bezier(.22,1,.36,1)}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}button{background:none}h1,h2,h3{font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(36px,3.6vw,58px);line-height:1.05}p{line-height:1.55}.eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.26em;line-height:1.6}.skip-link{position:fixed;top:-100px;left:16px;background:var(--cream);z-index:90;padding:15px}.skip-link:focus{top:12px}.crop{display:block;position:relative;overflow:hidden;isolation:isolate}.crop img{position:absolute;width:var(--iw);height:var(--ih);left:var(--ix);top:var(--iy);user-select:none}.crop picture{display:contents}.header{height:94px;background:var(--deep);color:var(--cream);display:flex;align-items:center;padding:0 4.2%;gap:35px;border-bottom:1px solid #ffffff1a;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.signature{width:76px;mix-blend-mode:screen}.brand>span:last-child{font-size:20px;letter-spacing:.17em}.brand small{font-size:8px;letter-spacing:.32em;display:flex;align-items:center;gap:10px;justify-content:center;margin-top:8px}.brand i,.eyebrow i{background:var(--orange);height:1px;width:26px;display:inline-block}.header nav{display:flex;justify-content:center;align-items:center;gap:32px;flex:1;font-size:16px}.header nav button{padding:12px 0}.header nav a,.header nav button{position:relative;white-space:nowrap}.header nav a:after,.header nav button:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}.header nav :hover:after{transform:scaleX(1)}.header-actions{display:flex;gap:20px;align-items:center}.icon-button{position:relative;width:30px;height:44px;padding:3px}.icon-button svg{width:25px;height:25px}.divider{height:24px;width:1px;background:var(--gold)}#bag-count{position:absolute;right:-8px;top:0;border-radius:50%;background:var(--gold);color:var(--deep);font:11px Arial;padding:3px 5px}} @layer layout{.hero{height:clamp(550px,43vw,700px);background:var(--deep);position:relative;overflow:hidden;color:var(--cream)}.hero-scene{position:absolute;inset:0;pointer-events:none;overflow:hidden}.atmosphere{position:absolute;inset:-8%;background:radial-gradient(ellipse at 25% 20%,#0b4633 0,transparent 55%),#032319}.portrait{position:absolute;width:63.7%;right:-1%;top:-2%;height:105%;mask-image:linear-gradient(90deg,transparent,#000 9%)}.portrait .crop{width:100%;height:100%}.portrait .crop img{object-fit:fill}.package{position:absolute;width:19.7%;left:32.8%;bottom:2%;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 95%,transparent)}.foliage{position:absolute;width:32%;left:0;bottom:-10px;mask-image:linear-gradient(0deg,#000 65%,transparent)}.light-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 40% 10%,#ead0a611,transparent 60%);mix-blend-mode:screen;opacity:.7}.hero-copy{position:relative;padding:36px 0 80px 4.2%;z-index:1;width:47%}.hero .eyebrow{white-space:nowrap;margin-bottom:14px;font-family:Georgia,serif;font-size:10px;letter-spacing:.29em}.hero .eyebrow i{width:42px;margin-left:10px;vertical-align:middle}.hero h1{font-size:clamp(58px,6.3vw,108px);font-weight:600;line-height:.85;letter-spacing:-.045em}.hero-subtitle{font-size:clamp(17px,1.7vw,27px);line-height:1.3;margin:16px 0 18px;max-width:470px}.buy-cta{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:28px;width:270px;background:var(--cream);color:var(--deep);padding:12px 22px;border-radius:3px;font-size:24px;box-shadow:0 3px 0 #b58a4c66;transition:transform .3s var(--ease)}.buy-cta:hover{transform:translateY(-3px)}.story-link{display:block;font-size:18px;padding:0 0 6px;border-bottom:1px solid var(--orange);margin:17px 0 0;max-width:250px}.story-link span{margin-left:16px}.motion-toggle{position:absolute;bottom:20px;right:28px;z-index:2;display:flex;gap:9px;align-items:center;font:10px Arial;letter-spacing:.08em;background:#032319b8;border:1px solid #f6efdf44;border-radius:30px;padding:11px 15px;color:var(--cream)}.motion-icon{font-size:11px}.catalog{padding:0 2.2% 70px}.origin{font-size:12px;letter-spacing:.34em;text-align:center;display:flex;justify-content:center;align-items:center;gap:26px;padding:14px;border-bottom:1px solid var(--line)}.origin i,.catalog-heading i{height:1px;background:var(--orange);width:64px}.catalog-heading{display:flex;align-items:center;justify-content:center;gap:38px;margin:25px 0 26px}.catalog-heading h2{font-size:46px;font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{display:grid;grid-template-columns:48% 52%;border:1px solid var(--line);border-radius:4px;overflow:hidden;min-height:225px;background:#f8f1e2;transition:box-shadow .4s}.product-art{position:relative;align-self:stretch;overflow:hidden;padding:0;perspective:800px;min-height:215px;transform-style:preserve-3d}.product-art .crop{width:100%;height:100%;transition:transform .7s var(--ease)}.product-copy{padding:36px 14px 25px 5px;display:flex;flex-direction:column;justify-content:center}.product-copy h3{font-size:30px;font-weight:600;white-space:nowrap}.product-copy p{font-size:16px;margin:6px 0 16px;line-height:1.35}.product-cta{display:flex;justify-content:center;align-items:center;gap:30px;background:var(--forest);color:var(--cream);font-size:17px;padding:13px 12px;border-radius:2px;transition:background .25s}.product-cta:hover{background:#114936}.inspect-label{position:absolute;left:12px;bottom:12px;background:#052d24e8;border:1px solid #ffffff33;color:var(--cream);font:10px Arial;letter-spacing:.05em;padding:8px 10px;opacity:0;transform:translateY(5px);filter:blur(2px);transition:opacity .3s,transform .3s,filter .3s}.product-art:hover .inspect-label,.product-art:focus-visible .inspect-label{opacity:1;transform:none;filter:none}.premium-section{padding:90px 6%;border-top:1px solid var(--line)}.section-index{font:10px Arial;letter-spacing:.2em;margin-bottom:24px;display:flex;gap:20px;align-items:center}.section-index:after{content:'';height:1px;width:60px;background:var(--gold)}.trace-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.section-copy{font-size:19px;line-height:1.6;max-width:540px}.trace-table{margin-top:38px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trace-table div{padding:26px 15px 26px 0}.trace-table dt{font:10px Arial;letter-spacing:.13em;text-transform:uppercase;color:#6c7061;margin-bottom:10px}.trace-table dd{margin:0;font-size:19px}.text-link{display:inline-block;border-bottom:1px solid var(--gold);padding:10px 0;margin-top:10px;font-size:17px}.limited{background:var(--deep);color:var(--cream);display:grid;grid-template-columns:42% 58%;gap:30px;overflow:hidden}.limited-visual{position:relative;display:grid;place-items:center;min-height:430px}.gold-ring{position:absolute;width:350px;height:350px;border:1px solid #b58a4c55;border-radius:50%;box-shadow:0 0 100px #b58a4c11,inset 0 0 100px #b58a4c08}.gold-ring:after{content:'';position:absolute;inset:20px;border:1px solid #b58a4c22;border-radius:50%}.limited-package{width:210px;transform:rotate(-5deg);filter:drop-shadow(0 25px 20px #0006);mask-image:linear-gradient(0deg,transparent,#000 5%,#000 95%,transparent)}.limited-copy{padding:18px 0}.limited h2{font-size:clamp(45px,4.9vw,72px)}.limited .section-copy{margin:22px 0;color:#dfdccd}.badge{display:inline-block;font:10px Arial;letter-spacing:.2em;color:#d9b878;border:1px solid #b58a4c66;padding:7px 11px;margin:18px 0}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:17px 23px;background:#c4a16a;color:var(--deep);font-size:18px}.launch-note{font:12px/1.6 Arial;color:#babba9;margin-top:18px;max-width:520px}.club{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#ede5d4}.club .section-copy{margin-top:22px}.benefits{list-style:none;padding:0;margin:0 0 30px}.benefits li{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid #d0c5af}.benefits span{color:#a57b44;font:12px Arial;padding-top:4px}.benefits strong{font-size:23px;font-weight:500}.benefits p{font-size:15px;margin-top:5px;color:#5e675b}.club .launch-note{color:#626b5e}.corporate{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.corporate .section-copy{margin:22px 0}.gift-visual{min-height:360px;background:var(--deep);display:grid;place-items:center;perspective:900px;overflow:hidden}.gift-box{width:78%;padding:45px 20px;border:1px solid var(--gold);text-align:center;color:var(--cream);box-shadow:0 20px 40px #0008;transform:rotateY(-12deg) rotateX(8deg);background:linear-gradient(130deg,#164635,#021c14);position:relative}.gift-box:before{content:'';position:absolute;inset:8px;border:1px solid #b58a4c40}.gift-box .gift-initial{font-style:italic;font-size:56px;color:var(--gold)}.gift-box p{font-size:18px;letter-spacing:.18em;margin:12px 0}.gift-box small{font:8px Arial;letter-spacing:.25em}.gift-caption{font:10px Arial;letter-spacing:.12em;text-align:center;margin-top:12px;color:#6e7666}.concierge{background:var(--forest);color:var(--cream);text-align:center;padding:75px 6% 90px}.concierge .section-copy{margin:20px auto 26px}.concierge .eyebrow{margin-bottom:20px}.methods{display:flex;justify-content:center;gap:12px;margin:25px 0 30px}.method{border:1px solid #ffffff44;padding:12px 20px;border-radius:30px;font-size:16px}.method[aria-pressed=true]{background:var(--cream);color:var(--forest);border-color:var(--cream)}.concierge-cta{padding:16px 23px;border:1px solid var(--gold);background:var(--cream);color:var(--forest);font-size:19px}.demo-footer{font:11px Arial;display:flex;justify-content:space-between;gap:20px;padding:25px 4% 110px;color:#5e6759;border-top:1px solid var(--line)}.demo-footer a{border-bottom:1px solid #a48b67;padding-bottom:4px}.whatsapp{position:fixed;bottom:23px;right:25px;z-index:5;display:flex;align-items:center;gap:11px;padding:13px 20px 13px 15px;background:#0b4734;color:#fff9ea;border:1px solid #d3b88088;border-radius:40px;font:13px Arial;letter-spacing:.01em;box-shadow:0 8px 25px #001c1a30;isolation:isolate}.wa-icon svg{width:26px;height:26px}.whatsapp>span:last-child{font-size:19px}.whatsapp:before{content:'';position:absolute;inset:-6px;border:1px solid #206d4e55;border-radius:inherit;z-index:-1}.whatsapp:hover{background:#126045}.whatsapp:hover:before{animation:none}.solid-button,.outline-button{display:flex;justify-content:center;align-items:center;gap:20px;padding:16px 20px;width:100%;font-size:18px;background:var(--forest);color:var(--cream);margin-top:16px;border-radius:2px}.outline-button{color:var(--forest);background:transparent;border:1px solid var(--line);margin-top:10px}.availability{font:11px/1.6 Arial;color:#6a7164;margin-top:16px}dialog{padding:0;border:1px solid var(--line);border-radius:5px;background:var(--cream);color:var(--ink);max-height:calc(100dvh - 40px);max-width:calc(100vw - 30px);box-shadow:0 25px 100px #001b1699}dialog::backdrop{background:#001c17bf;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:8px;z-index:10;width:44px;height:44px;font-size:32px;border-radius:50%;background:#f6efdfdd}.product-dialog{width:900px}.detail-grid{display:grid;grid-template-columns:1fr 1fr}.detail-visual{background:#ece2cc;position:relative;overflow:hidden;min-height:470px;display:grid;place-items:center;touch-action:pan-y}.detail-image{width:92%;position:relative;transition:transform .7s var(--ease)}.detail-image .crop{width:100%}.detail-copy{padding:64px 32px 35px}.detail-copy h2{margin:16px 0 12px;font-size:46px}.detail-copy>p:not(.eyebrow,.availability){font-size:17px}.grind-label{display:block;font:11px Arial;margin-top:28px}.grind-label select{display:block;width:100%;border:1px solid var(--line);padding:12px;background:transparent;margin-top:8px;font:16px Georgia;color:var(--ink)}.detail-note{margin-top:18px}.zoom-button{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--forest);color:var(--cream);padding:11px 17px;border-radius:30px;font:11px Arial;z-index:4}.detail-visual.zoomed .detail-image{transform:scale(1.65)}.lens{position:absolute;top:0;left:0;width:175px;height:175px;border:1px solid #c0a166;border-radius:50%;overflow:hidden;pointer-events:none;opacity:0;box-shadow:0 10px 40px #092a212b;z-index:3;background:var(--cream)}.lens.visible{opacity:1}.lens-inner{position:absolute;top:0;left:0}.lens-inner .crop{width:100%}.info-dialog{width:580px;padding:55px 38px 35px}.info-dialog h2{margin:15px 0 20px;font-size:42px}.info-dialog p{margin-top:15px}.info-dialog input,.info-dialog textarea{width:100%;border:1px solid var(--line);padding:14px;background:#fff9ef;color:var(--ink);font:16px/1.5 Georgia;border-radius:2px;margin-top:10px}.info-dialog label{font:12px Arial}.result-item{width:100%;padding:18px 0;border-bottom:1px solid var(--line);text-align:left;display:flex;justify-content:space-between;font-size:20px}.selection-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.selection-item button{font:11px Arial;text-decoration:underline}.selection-item small{display:block;font:12px Arial;margin-top:6px}#copy-status,#selection-status{font:12px Arial;color:#285d3a}.detail-tech{font:12px Arial;line-height:1.7;border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.detail-tech summary{cursor:pointer}.detail-tech dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-tech dd{margin:0;color:#6a7164}} @layer motion{.buy-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#d9ad5866 48%,transparent 70%);transform:translateX(-150%);animation:shimmer 9s ease-in-out infinite}.whatsapp:before{animation:wa-ring 8s ease-out infinite}.wa-icon{animation:wa-nudge 24s ease-in-out infinite}.light-wash{animation:ambient 12s ease-in-out infinite alternate}@keyframes shimmer{0%,73%{transform:translateX(-150%)}89%,100%{transform:translateX(150%)}}@keyframes wa-ring{0%,10%{transform:scale(.95);opacity:0}15%{opacity:.65}35%,100%{transform:scale(1.13);opacity:0}}@keyframes wa-nudge{0%,92%,100%{transform:rotate(0)}94%{transform:rotate(-7deg)}96%{transform:rotate(5deg)}98%{transform:rotate(-2deg)}}@keyframes ambient{from{opacity:.25;transform:translateX(-2%)}to{opacity:.8;transform:translateX(2%)}}.motion-off *,body.page-hidden *{animation-play-state:paused!important}.reveal-pending{opacity:0;transform:translateY(22px)}.reveal{transition:opacity .75s var(--ease),transform .75s var(--ease)}@media(hover:hover) and (pointer:fine){.product:hover{box-shadow:0 16px 30px #18352512}.product-art:hover .crop{transform:perspective(800px) rotateY(-5deg) rotateX(2deg) translateY(-3px) scale(1.025)}} @media(min-width:1600px){.hero-copy{padding-top:50px}.hero-subtitle{margin-top:25px}.buy-cta{margin-top:22px}} @media(max-width:1100px){.header{padding:0 3%;gap:18px;height:82px}.brand>span:last-child{font-size:16px}.signature{width:56px}.header nav{gap:20px;font-size:14px}.header-actions{gap:14px}.hero{height:570px}.hero-copy{padding-top:40px;width:53%}.hero h1{font-size:74px}.hero-subtitle{max-width:340px;font-size:21px}.hero .eyebrow{font-size:8px}.portrait{width:64%;right:-7%}.package{width:24%;left:35%;bottom:0}.hero .buy-cta{width:235px;font-size:22px}.product{grid-template-columns:45% 55%;min-height:205px}.product-copy h3{font-size:23px}.product-copy p{font-size:13px}.product-cta{font-size:15px;gap:14px}.product-art{min-height:205px}.product-copy{padding:23px 10px 20px 3px}.premium-section{padding:65px 5%}.club,.corporate{gap:40px}.limited{grid-template-columns:38% 62%;gap:15px}.gold-ring{width:280px;height:280px}.limited-visual{min-height:350px}.limited-package{width:175px}.trace-table{grid-template-columns:repeat(3,1fr)}.trace-table dd{font-size:17px}} @media(max-width:760px){html{scroll-padding-top:20px}.header{height:76px;padding:0 20px;gap:5px;justify-content:space-between}.signature{width:49px}.brand{gap:8px}.brand>span:last-child{font-size:15px;letter-spacing:.12em}.brand small{font-size:6px;letter-spacing:.17em;gap:5px}.brand i{width:16px}.header nav{display:none}.header-actions{gap:11px}.divider{display:none}.icon-button{width:27px}.icon-button svg{width:23px}.hero{height:850px}.hero-copy{padding:28px 23px 0;width:100%;max-width:500px}.hero h1{font-size:clamp(58px,14.5vw,89px);line-height:.89;max-width:440px}.hero .eyebrow{font-size:8px;letter-spacing:.2em;margin-bottom:18px}.hero .eyebrow i{width:24px;margin-left:7px}.hero-subtitle{font-size:20px;margin:17px 0 18px;max-width:330px}.buy-cta{width:230px!important;font-size:21px!important;padding:13px 20px}.story-link{font-size:16px;margin-top:15px}.portrait{top:auto;bottom:-22px;right:-28px;width:100%;height:405px;mask-image:linear-gradient(0deg,#000 80%,transparent)}.package{width:42%;left:3%;bottom:10px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 94%,transparent);z-index:1}.foliage{width:62%;bottom:-12px;left:0;z-index:2}.motion-toggle{right:14px;bottom:13px;font-size:9px;padding:10px;max-width:160px}.origin{font-size:8px;letter-spacing:.2em;padding:15px 0;gap:12px;white-space:nowrap}.origin i{width:25px}.catalog{padding:0 18px 45px}.catalog-heading{gap:15px;margin:30px 0 24px}.catalog-heading h2{font-size:35px}.catalog-heading i{width:25px}.product-grid{grid-template-columns:1fr;gap:15px}.product{grid-template-columns:46% 54%;min-height:190px}.product-art{min-height:190px;max-height:240px}.product-copy{padding:25px 16px 25px 4px}.product-copy h3{font-size:28px}.product-copy p{font-size:15px}.product-cta{padding:13px;font-size:16px}.inspect-label{opacity:1;transform:none;filter:none;left:7px;bottom:7px;font-size:8px;padding:6px}.premium-section{padding:48px 24px}.trace-head,.limited,.club,.corporate{grid-template-columns:1fr;gap:28px}.trace-table{grid-template-columns:1fr 1fr;margin-top:25px}.trace-table div{padding:20px 8px 20px 0}.trace-table dt{font-size:9px}.trace-table dd{font-size:17px}.section-copy{font-size:18px}.limited{padding-top:30px}.limited-visual{min-height:280px;order:1}.limited-copy{order:0}.limited h2{font-size:50px}.limited-package{width:170px}.gold-ring{width:260px;height:260px}.club .section-copy{margin-top:18px}.benefits strong{font-size:22px}.corporate .gift-visual{min-height:290px}.concierge{padding:50px 23px 65px}.concierge h2{font-size:39px}.methods{gap:7px}.method{font-size:14px;padding:11px 15px}.concierge-cta{font-size:17px}.whatsapp{bottom:16px;right:14px;font-size:12px;padding:10px 15px;gap:8px}.whatsapp svg{width:24px;height:24px}.demo-footer{flex-direction:column;align-items:flex-start;gap:12px;padding:22px 24px 100px;font-size:10px}.detail-grid{grid-template-columns:1fr}.detail-visual{min-height:280px;max-height:340px}.detail-image{width:75%;max-width:280px}.detail-copy{padding:30px 24px}.detail-copy h2{font-size:38px}.info-dialog{padding:48px 24px 30px}.info-dialog h2{font-size:36px}.lens{display:none}.close{right:8px;top:5px}} @media(max-width:360px){.brand>span:last-child{font-size:12px}.brand small{font-size:5px}.signature{width:42px}.header{padding:0 14px}.hero h1{font-size:55px}.hero{height:810px}.hero-copy{padding-left:18px}.hero-subtitle{font-size:19px}.origin{font-size:7px}.catalog-heading h2{font-size:30px}.product-copy h3{font-size:24px}.product-copy p{font-size:13px}.product-art{min-height:175px}.methods{flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.product-art .crop{transform:none!important}.light-wash{display:none}} html.motion-off{scroll-behavior:auto}html.motion-off .reveal-pending{opacity:1;transform:none}html.motion-off *,html.motion-off *:before,html.motion-off *:after{animation:none!important}html.motion-off .product-art .crop{transform:none!important}body:has(dialog[open]){overflow:hidden} /* Restore the original artwork's athlete name and sporting caption. */ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .signature{mix-blend-mode:lighten} .portrait{width:50.1%;right:0;top:0;height:100%;mask-image:linear-gradient(90deg,transparent,#000 3%)} .portrait .crop:after{content:none} .package{width:19%;left:32%;bottom:2%;mask-image:none;clip-path:polygon(13% 1%,65% 3%,69% 55%,97% 56%,98% 98%,60% 98%,3% 91%,5% 40%,11% 12%)} .olympic-rings-color{position:absolute;left:71.5%;top:42%;width:20%;height:auto;margin:0;overflow:visible;filter:drop-shadow(0 0 .8px #fff) drop-shadow(0 1px 1.5px #fffb);pointer-events:none} /* Lift the product itself, leaving the surrounding scene in its original frame. */ .cutout-defs{position:absolute;pointer-events:none;overflow:hidden} .product-grid{position:relative;isolation:isolate;overflow:visible} .catalog,.product,.product-art{overflow:visible} .product{position:relative;z-index:0} .product:hover,.product:focus-within{z-index:2} .product.is-lifted{z-index:4} .product-art{perspective:none;transform-style:flat} .product-art .crop{transition:none;transform:none!important} .product-scene{position:relative;z-index:0} .product-cutout{position:absolute;inset:0;z-index:3;display:block;pointer-events:none;transform-origin:50% 93%;transition:transform .45s var(--ease),filter .45s;filter:drop-shadow(0 3px 2px #082c211a)} .product-cutout .crop{width:100%;height:100%} #medio .product-scene{clip-path:url(#scene-medio)} #medio .product-silhouette{clip-path:url(#bag-medio)} #oscuro .product-scene{clip-path:url(#scene-oscuro)} #oscuro .product-silhouette{clip-path:url(#bag-oscuro)} #ruta .product-scene{clip-path:url(#scene-ruta)} #ruta .product-silhouette{clip-path:url(#bag-ruta)} .product.is-lifted .product-cutout{transform:translate3d(-3px,-22px,45px) rotate(-3deg) scale(1.15);filter:drop-shadow(7px 18px 12px #082c2144)} .product.is-lifted .inspect-label{opacity:0;pointer-events:none} .catalog-heading{margin-bottom:60px} .inspect-label{z-index:4} @media(hover:hover) and (pointer:fine){.product-art:hover .product-cutout{transform:translate3d(-1px,-9px,15px) rotate(-1deg) scale(1.07)}.product.is-lifted .product-art:hover .product-cutout{transform:translate3d(-3px,-22px,45px) rotate(-3deg) scale(1.15)}} @media(max-width:1100px) and (min-width:761px){.portrait{width:50.1%;right:0;top:0;height:100%}.package{width:19%;left:32%;bottom:1%}.olympic-rings-color{width:22%;left:71%;top:42%}} @media(max-width:760px){.hero{height:770px}.portrait{width:100%;height:405px;right:0;top:auto;bottom:0;mask-image:linear-gradient(0deg,#000 87%,transparent)}.package{width:27%;left:1.5%;bottom:0;mask-image:none}.foliage{width:45%;bottom:-10px}.motion-toggle{top:382px;bottom:auto;right:15px;font-size:8px}.olympic-rings-color{left:72%;top:42%;width:24%}.catalog-heading{margin-bottom:60px}.product-grid{gap:58px}.whatsapp{left:14px;right:auto;width:50px;height:50px;padding:11px;justify-content:center}.whatsapp>span:not(.wa-icon){display:none}.wa-icon svg{width:27px;height:27px}} @media(max-width:360px){.hero{height:745px}.motion-toggle{top:357px}} @media(prefers-reduced-motion:reduce){.product-cutout{transition:none!important}} /* Interactive foreground stays to the left of Erick, including its maximum scale. */ .hero-product{padding:0;background:none;border:0;pointer-events:auto;cursor:pointer;clip-path:none;z-index:1;outline-offset:8px} .hero-package-inner{display:block;position:relative;transform-origin:40% 98%;transition:transform .45s var(--ease);filter:drop-shadow(0 10px 8px #001c1833)} .hero-product .crop{clip-path:polygon(13% 1%,65% 3%,69% 55%,97% 56%,98% 98%,60% 98%,3% 91%,5% 40%,11% 12%)} .hero-product:hover .hero-package-inner{transform:translateY(-5px) scale(1.035)} .hero-product.is-lifted .hero-package-inner{transform:translateY(-8px) scale(1.06)} .hero .portrait{z-index:2;pointer-events:none} .hero .foliage{pointer-events:none} .origin-request{margin-top:32px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .origin-country{font:11px Arial;letter-spacing:.2em;margin-bottom:12px} .origin-request>p:not(.origin-country){font-size:18px;max-width:760px} .origin-fields{display:flex;gap:35px;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0 0;font:12px Arial;letter-spacing:.06em;color:#687160} .community-section{padding:90px 6% 0;background:#f6efdf;border-top:1px solid var(--line)} .community-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:45px} .community-experience{display:grid;grid-template-columns:1.12fr 1fr;min-height:510px;background:var(--forest);color:var(--cream)} .community-image{position:relative;margin:0;min-height:100%;overflow:hidden} .community-image picture{display:contents} .community-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:45% center} .community-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#052d24aa,transparent 30%);pointer-events:none} .community-image figcaption{position:absolute;bottom:20px;left:24px;z-index:1;font:9px Arial;letter-spacing:.18em;color:#fff9ed} .community-event{padding:48px 38px} .community-event>.eyebrow{color:#d4ba86;font-size:9px;letter-spacing:.17em} .community-event h3{font-size:clamp(38px,4vw,62px);line-height:1.03;margin:23px 0} .community-event>p:not(.eyebrow){font-size:17px;line-height:1.6;color:#e3e5d8;margin:16px 0;max-width:420px} .event-parts{display:flex;align-items:center;gap:12px;font:11px Arial;letter-spacing:.09em;margin:25px 0} .event-parts i{width:4px;height:4px;border-radius:50%;background:var(--gold)} .community-event .gold-button{width:100%;font-size:17px;margin-top:8px} .community-text-cta{font-size:16px;color:var(--cream);border-bottom:1px solid var(--gold);padding:12px 0 6px;margin-top:12px} .speaker-section{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center;padding:65px 0 80px} .speaker-copy h3{font-size:clamp(32px,3vw,44px);line-height:1.12;margin:20px 0} .speaker-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;margin:15px 0;max-width:570px} .speaker-actions{padding:25px 0 25px 50px;border-left:1px solid var(--line);position:relative} .speaker-mark{position:absolute;right:0;top:10px;font-size:100px;font-style:italic;color:#bd9d5e20;line-height:1} .speaker-actions>p{font-size:27px;line-height:1.35;position:relative} .speaker-actions .outline-button{font-size:16px;justify-content:space-between;margin-top:28px;position:relative} .event-dialog{width:660px;padding:55px 44px 35px} .event-dialog h2{margin:18px 0 23px;font-size:48px} .event-intro{font-size:18px} .event-program{list-style:none;padding:0;margin:24px 0} .event-program li{display:flex;gap:22px;padding:20px 0;border-top:1px solid var(--line)} .event-program li>span{font:11px Arial;color:#987441;padding-top:5px} .event-program strong{font-size:21px;font-weight:500}.event-program p{font-size:15px;color:#5d6e60;margin-top:5px} .event-launch{background:#e9e1ce;padding:20px} .event-launch>span{font:9px Arial;letter-spacing:.15em} .event-launch p{font-size:14px;margin-top:8px} .event-dialog>.text-link{font-size:15px} @media(max-width:1100px){.community-section{padding:65px 5% 0}.community-heading{gap:40px}.community-event{padding:35px 25px}.community-event h3{font-size:46px}.speaker-section{gap:45px}.speaker-actions{padding-left:30px}} @media(max-width:760px){.community-section{padding:48px 24px 0}.community-heading,.community-experience,.speaker-section{grid-template-columns:1fr;gap:25px}.community-heading{margin-bottom:30px}.community-experience{gap:0}.community-image{min-height:300px}.community-event{padding:32px 24px}.community-event h3{font-size:45px}.community-event .gold-button{font-size:15px;padding:15px 12px;gap:15px}.community-event>.eyebrow{font-size:8px}.speaker-section{padding:40px 0 48px}.speaker-actions{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}.speaker-actions>p{font-size:25px}.speaker-mark{font-size:90px}.speaker-actions .outline-button{font-size:14px}.origin-fields{gap:14px 20px;font-size:10px}.event-dialog{padding:48px 24px 28px}.event-dialog h2{font-size:39px}.event-program strong{font-size:19px}} /* Workspace reservation flow: the Google form loads only on an intentional click. */ [hidden]{display:none!important} .reservation-dialog{width:780px;padding:0} .reservation-header{padding:46px 36px 25px;background:var(--forest);color:var(--cream)} .reservation-header .eyebrow{font-size:9px;color:#d4ba86;line-height:1.6;letter-spacing:.15em} .reservation-header h2{font-size:42px;margin:20px 0 14px} .reservation-header>p:last-child{font-size:16px;max-width:580px} .reservation-pending{padding:34px 36px 36px} .reservation-pending>span{font:10px Arial;letter-spacing:.14em;color:#816a3f} .reservation-pending h3{font-size:34px;line-height:1.1;margin:18px 0} .reservation-pending>p{font-size:17px;max-width:560px} .reservation-pending .outline-button{margin-top:26px} .reservation-external{display:block;font:12px Arial;text-decoration:underline;padding:20px 28px} #reservation-frame{display:block;border:0;width:100%;height:690px;background:#f6efdf} .reservation-terms{font:12px/1.6 Arial;padding:18px 28px;border-top:1px solid var(--line)} .community-event>.reservation-note{font:11px/1.5 Arial;opacity:.85;margin-top:20px} @media(max-width:760px){.reservation-header{padding:42px 23px 23px}.reservation-header h2{font-size:34px}.reservation-pending{padding:28px 23px}.reservation-pending h3{font-size:29px}#reservation-frame{height:70dvh;min-height:480px}} .hero-copy{pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto} .community-poster{background:radial-gradient(ellipse at 80% 60%,#42715055,transparent 55%),#0a352b;isolation:isolate;min-height:600px;padding:35px} .poster-kicker{position:relative;z-index:2;font:9px Arial;letter-spacing:.18em;color:#d4ba86} .poster-title{position:absolute;top:18%;left:8%;font-size:clamp(48px,5.8vw,86px);line-height:1;z-index:2;letter-spacing:-.035em;text-shadow:0 2px 14px #072d2355} .poster-title em{color:#c4a36c} .poster-orbits{position:absolute;width:580px;height:580px;right:-280px;top:55px;border:1px solid #c0a56855;border-radius:50%;box-shadow:0 0 0 20px #c0a5680b,0 0 0 40px #c0a56811,0 0 0 60px #c0a5680b,0 0 0 80px #c0a56811} .poster-orbits i{position:absolute;inset:40px;border:1px solid #c0a56833;border-radius:50%}.poster-orbits i:nth-child(2){inset:90px}.poster-orbits i:nth-child(3){inset:140px} .poster-coffee{position:absolute;right:2%;bottom:2%;width:48%;transform:rotate(8deg);z-index:1;filter:drop-shadow(0 18px 15px #001c18aa)} .poster-coffee .crop{clip-path:polygon(13% 1%,65% 3%,69% 55%,97% 56%,98% 98%,60% 98%,3% 91%,5% 40%,11% 12%)} .community-image .poster-coffee img{position:absolute;width:var(--iw);height:var(--ih);max-width:none;left:var(--ix);top:var(--iy);object-fit:fill} .community-image:after{z-index:1} .community-image figcaption{z-index:3} @media(max-width:760px){.community-poster{min-height:440px;padding:25px}.poster-title{font-size:59px;top:21%}.poster-kicker{font-size:7px}.poster-coffee{width:48%;right:0;bottom:4%}.poster-orbits{width:350px;height:350px;right:-200px;top:40px}} .product-art{background:radial-gradient(ellipse 35% 17% at 53% 86%,#746d52aa,#d1c4a4 65%,#f6efdf 100%)} .product,.product-copy{min-width:0} @media(max-width:760px){.product-grid{grid-template-columns:minmax(0,1fr)}.product-copy h3{white-space:normal;font-size:26px}.hero{height:840px}.hero-product{z-index:3;left:71%;top:315px;bottom:auto;width:25%}.motion-toggle{top:425px}} @media(max-width:360px){.hero{height:815px}.hero-product{top:300px}.motion-toggle{top:400px}.product-copy h3{font-size:23px}} @media(max-width:760px){.motion-toggle{left:15px;right:auto}} /* Approved 22 Oct reference: preserve the original lettering and its proportions. Original pixels are responsive crops; native controls retain labels and focus. */ .reference-header{position:relative;display:block;height:auto;min-height:0;aspect-ratio:1445/66;padding:0;border:0;background:#052d24;isolation:isolate} .header-reference{position:absolute;inset:0;z-index:-1;pointer-events:none} .header-reference>.crop{width:100%;height:100%} .reference-header .brand{position:absolute;left:3.8%;top:0;width:21.5%;height:100%;padding:0} .reference-header .brand>*{display:none} .reference-header nav{position:absolute;left:33.3%;top:0;width:27.8%;height:100%;display:flex;align-items:stretch;justify-content:space-between;gap:0} .reference-header nav>*{color:transparent;font-size:0;padding:0;min-width:12%;height:100%} .reference-header .header-actions{position:absolute;right:3.4%;top:0;width:7.8%;height:100%;justify-content:space-between;gap:0} .reference-header .header-actions .divider{opacity:0} .reference-header .header-actions svg{opacity:0} .reference-header .brand:focus-visible,.reference-header nav>*:focus-visible,.reference-header .icon-button:focus-visible{outline:2px solid #c4a16a;outline-offset:-3px} .reference-hero{height:auto;min-height:0;aspect-ratio:1445/549;background:#052d24;isolation:isolate} .reference-hero .hero-scene{overflow:visible} .hero-reference{position:absolute;inset:0;pointer-events:none} .hero-reference>.crop{width:100%;height:100%} .mobile-hero-copy,.mobile-hero-portrait{display:none} .desktop-rings{position:absolute;inset:0;pointer-events:none;z-index:4} .reference-hero .olympic-rings-color{left:87%;top:40.5%;width:9.5%;filter:drop-shadow(0 1px 1px #ffffffb0);height:auto} .reference-hero .hero-copy{position:absolute;inset:0;width:100%;max-width:none;padding:0;z-index:5;pointer-events:none} .reference-hero .hero-copy>.eyebrow,.reference-hero .hero-copy>h1,.reference-hero .hero-copy>.hero-subtitle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .reference-hero .hero-copy .buy-cta{position:absolute;left:3.8%;top:57.56%;width:17.86%!important;height:8.93%;min-height:0;margin:0;padding:0!important;border:0;background:transparent;color:transparent;font-size:0!important;box-shadow:none;border-radius:3px} .reference-hero .hero-copy .buy-cta:before{display:none} .reference-hero .hero-copy .buy-cta:hover{box-shadow:0 0 24px #c4a16a3b,inset 0 0 0 1px #c4a16a66} .reference-hero .hero-copy .story-link{position:absolute;left:3.8%;top:68.85%;width:10.5%;height:5.65%;margin:0;padding:0;background:transparent;color:transparent;font-size:0;border:0} .reference-hero .hero-copy .buy-cta span,.reference-hero .hero-copy .story-link span{display:none} .reference-hero .hero-copy a:focus-visible,.reference-hero .hero-copy button:focus-visible{outline:2px solid #d6bd7a;outline-offset:4px} .reference-hero .hero-product{position:absolute;left:31.211%;top:26.412%;bottom:auto;right:auto;width:18.27%;height:auto;z-index:3;clip-path:none;mask-image:none;background:transparent;border:0;padding:0} .reference-hero .hero-package-inner{transform-origin:50% 100%;opacity:0;transition:transform .55s var(--ease),opacity .25s,filter .55s;filter:drop-shadow(0 12px 9px #00190d44)} .reference-hero .hero-product .crop{clip-path:polygon(14% 0,66% 1%,68% 56%,94% 56%,99% 59%,100% 99%,60% 100%,0 95%,2% 27%,7% 16%,10% 7%)} .reference-hero .hero-product:hover .hero-package-inner,.reference-hero .hero-product:focus-visible .hero-package-inner{opacity:1;transform:scale(1.015)} .reference-hero .hero-product.is-lifted .hero-package-inner{opacity:1;transform:scale(1.03)} .reference-hero .light-wash{z-index:1;inset:4% 20% 78% 43%;border-radius:50%;background:radial-gradient(ellipse,#f5e0ac16,transparent 70%);pointer-events:none;filter:blur(8px)} .reference-hero .motion-toggle{top:auto;left:auto;right:1.8%;bottom:2%;font-size:8px;background:#03271a55;border-color:#ffffff33} /* Rigid En Ruta presentation: branded box + hanging coffee filter. */ #ruta .ruta-art{background:linear-gradient(145deg,#fffef9,#faf5e9);min-height:215px} .ruta-composition{display:block;position:relative;width:100%;aspect-ratio:1/1.13;isolation:isolate} .ruta-box{position:absolute;width:62%;left:8%;top:0;z-index:2;filter:drop-shadow(4px 8px 6px #173d2d22)} .ruta-box-crop{width:100%;clip-path:polygon(0 0,86% 0,99% 7%,99% 99%,13% 99%,1% 94%)} .ruta-filter{position:absolute;width:63%;right:0;bottom:0;z-index:3;mix-blend-mode:multiply} .ruta-filter-crop{width:100%} #ruta .ruta-cutout{inset:8px 0 0;transform-origin:50% 90%} #ruta .ruta-cutout .crop{height:auto} #ruta .product-copy .ruta-type{font:8px/1.4 Arial;letter-spacing:.15em;margin:0 0 9px;color:#746340} #ruta .product-copy>p:not(.ruta-type){font-size:15px;max-width:190px} .product.is-lifted .product-cutout{transform:translateY(-18px) scale(1.12)} @media(hover:hover) and (pointer:fine){.product-art:hover .product-cutout{transform:translateY(-7px) scale(1.05)}.product.is-lifted .product-art:hover .product-cutout{transform:translateY(-18px) scale(1.12)}} .product-dialog.is-ruta .detail-visual{background:#fffcf3} .product-dialog.is-ruta .detail-image{width:85%;max-width:360px} .product-dialog.is-ruta .lens{display:none} .product-dialog.is-ruta .detail-visual.zoomed .detail-image{transform:scale(1.2)} .ruta-method{padding:0;margin:20px 0;list-style:none;counter-reset:steps;font:12px/1.6 Arial} .ruta-method li{counter-increment:steps;padding:9px 0;border-top:1px solid var(--line)} .ruta-method li:before{content:'0' counter(steps);display:inline-block;width:28px;color:#987441} @media(max-width:1100px) and (min-width:761px){.reference-header .header-actions{right:3%;width:8.3%}.reference-header .icon-button{width:28px}.reference-hero .motion-toggle{font-size:7px;padding:7px}.reference-header .brand{width:22%}#ruta .product-copy>p:not(.ruta-type){font-size:12px}} @media(max-width:760px){ .reference-header{height:76px;aspect-ratio:auto} .header-reference{display:none} .reference-header .brand{left:15px;top:13px;width:min(64%,248px);height:auto;display:block} .reference-header .brand>.brand-reference{display:block;width:100%;mix-blend-mode:lighten} .reference-header nav{display:none} .reference-header .header-actions{right:17px;width:70px;top:0} .reference-header .header-actions svg{opacity:1;width:23px;height:23px} .reference-header .header-actions .divider{display:none} .reference-hero{height:calc((100vw - 40px) * .757143 + 95px + 100vw * .742895);aspect-ratio:auto} .hero-reference,.desktop-rings{display:none} .mobile-hero-copy{display:block;position:absolute;left:20px;top:25px;width:calc(100% - 40px);clip-path:polygon(0 0,100% 0,100% 25%,84% 25%,84% 100%,0 100%)} .mobile-hero-portrait{display:block;position:absolute;left:0;bottom:0;width:100%} .mobile-hero-portrait>.crop{width:100%} .mobile-hero-portrait .olympic-rings-color{left:74.55%;top:40.5%;width:18.58%} .reference-hero .hero-copy{left:20px;top:25px;right:auto;bottom:auto;width:calc(100% - 40px);aspect-ratio:490/371;height:auto} .reference-hero .hero-copy .buy-cta{left:1%;top:75.47%;width:52.65%!important;height:13.2%;min-height:38px} .reference-hero .hero-copy .story-link{left:1%;top:92.5%;width:32%;height:8.35%;min-height:32px} .reference-hero .hero-product{left:auto;right:3%;top:calc(25px + (100vw - 40px) * .60);width:25%;height:auto} .reference-hero .hero-package-inner{opacity:1} .reference-hero .motion-toggle{top:calc(45px + (100vw - 40px) * .757143);left:20px;right:auto;bottom:auto;font-size:8px} .reference-hero .light-wash{inset:35% 20% 45% 10%} #ruta .ruta-art{min-height:210px;max-height:none} #ruta .product-copy>p:not(.ruta-type){font-size:14px} .product-dialog.is-ruta .detail-image{width:70%;max-width:240px} .product-dialog.is-ruta .detail-visual{min-height:320px;max-height:360px} } @media(prefers-reduced-motion:reduce){.reference-hero .hero-package-inner{transition:none}.reference-hero .light-wash{display:none}} .ruta-box-crop{clip-path:polygon(1% 1%,86% 1%,99% 6%,99% 99%,1% 99%)} @media(max-width:760px){.reference-header .brand{top:7px}} .ruta-box{width:50%;left:2%;top:4%} .ruta-filter{width:47%;right:0;bottom:3%} @media(max-width:760px){ .mobile-hero-copy{mix-blend-mode:lighten;clip-path:polygon(0 0,100% 0,100% 25%,84% 25%,84% 74%,55% 74%,55% 100%,0 100%)} .mobile-hero-portrait{mask-image:linear-gradient(to bottom,transparent,#000 8%)} } .ruta-cutout,.product-dialog.is-ruta .detail-image{mix-blend-mode:multiply} @media(min-width:761px){ .reference-header nav{left:0;top:0;width:100%;display:block;pointer-events:none} .reference-header nav>*{position:absolute;top:0;min-width:0;pointer-events:auto} .reference-header nav>:nth-child(1){left:33.3%;width:3.2%} .reference-header nav>:nth-child(2){left:38.8%;width:4.2%} .reference-header nav>:nth-child(3){left:45.2%;width:7.5%} .reference-header nav>:nth-child(4){left:54.8%;width:6.2%} } html.motion-off .hero-package-inner,html.motion-off .product-cutout{transition:none} /* Mobile hero: centered editorial flow, original portrait and approved products. */ @media (max-width:768px){ #inicio.reference-hero{display:flex;flex-direction:column;align-items:center;height:auto;min-height:0;aspect-ratio:auto;padding:0;overflow:hidden;background:#052d24} #inicio .hero-scene{display:contents} #inicio .hero-reference,#inicio .mobile-hero-copy,#inicio .desktop-rings,#inicio .light-wash{display:none} #inicio .hero-copy{position:relative;inset:auto;order:0;display:flex;flex-direction:column;align-items:center;width:100%;height:auto;aspect-ratio:auto;padding:26px 24px 18px;text-align:center;pointer-events:auto;box-sizing:border-box} #inicio .hero-copy>.eyebrow,#inicio .hero-copy>h1,#inicio .hero-copy>.hero-subtitle{position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:normal;margin:0;color:var(--cream);opacity:1;visibility:visible} #inicio .hero-copy>.eyebrow{font-size:9px;line-height:1.5;letter-spacing:.16em;margin-bottom:14px} #inicio .hero-copy>h1{font-size:clamp(46px,12.5vw,76px);line-height:.94;letter-spacing:-.035em;font-weight:600} #inicio .hero-copy>.hero-subtitle{font-size:18px;line-height:1.4;max-width:320px;margin:16px 0 20px} #inicio .hero-copy .buy-cta{position:relative;inset:auto;width:min(100%,290px)!important;height:auto;min-height:48px;padding:12px 20px!important;margin:0;background:var(--cream);color:var(--deep);font-size:21px!important;line-height:1.2;box-shadow:0 3px 0 #0002;pointer-events:auto} #inicio .hero-copy .buy-cta span{display:inline} #inicio .hero-copy .story-link{position:relative;inset:auto;width:auto;height:auto;min-height:44px;margin:8px 0 0;padding:10px 6px;color:var(--cream);font-size:15px;line-height:1.4;pointer-events:auto} #inicio .hero-product{position:relative;inset:auto;order:1;width:clamp(180px,48vw,240px);height:auto;margin:0 auto 12px;display:block;pointer-events:auto;flex:none;transform:none} #inicio .hero-package-inner{display:block;opacity:1} #inicio .hero-products-art{display:block;width:100%;height:auto} #inicio .mobile-hero-portrait{display:block;position:relative;inset:auto;order:2;width:100%;max-width:640px;margin:0;flex:none;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent)} #inicio .mobile-hero-portrait>.crop{display:block;width:100%;height:auto;aspect-ratio:739/549} #inicio .motion-toggle{position:absolute;inset:auto 16px 16px auto;z-index:6;min-height:44px;padding:10px 13px;font-size:10px;background:#03271acc} } /* Mobile continuous photographic background, original image unchanged. */ @media(max-width:768px){ #inicio.reference-hero{background:#0b251a;padding-bottom:68px} #inicio .hero-copy{z-index:3} #inicio .hero-product{z-index:2;margin-bottom:0} #inicio .mobile-hero-portrait{position:absolute;inset:0;order:initial;width:100%;height:100%;max-width:none;z-index:0;margin:0;pointer-events:none;mask-image:none;-webkit-mask-image:none} #inicio .mobile-hero-portrait>.crop{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto!important;overflow:hidden} #inicio .mobile-hero-portrait picture{display:block;position:absolute;inset:0;width:100%;height:100%} #inicio .mobile-hero-portrait img{position:absolute;inset:0!important;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:80% center;transform:none} #inicio .mobile-hero-portrait>.hero-product-repair{display:none} #inicio .mobile-hero-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,37,26,.08) 0%,rgba(11,37,26,.3) 30%,rgba(11,37,26,.85) 70%,#0b251a 100%);pointer-events:none} } /* Scoped community presentation and catalog motion. Header/Hero are frozen. */ #comunidad .community-heading strong{font-weight:600} #comunidad .community-experience{grid-template-columns:1fr 1fr} #comunidad .community-portrait{min-height:640px;background:#28404a} #comunidad .community-portrait img{object-position:50% 10%} #comunidad .community-portrait:after{background:linear-gradient(0deg,#052d24ed,transparent 36%)} #comunidad .community-portrait figcaption{left:32px;right:24px;bottom:30px;letter-spacing:.14em;line-height:1.6} #comunidad .community-portrait figcaption strong{display:block;font:italic 32px/1.1 Georgia,serif;letter-spacing:-.02em;margin-top:8px} #comunidad .community-event{display:flex;flex-direction:column;justify-content:center;padding:42px 38px} #comunidad .community-event>p:not(.eyebrow){max-width:440px} #comunidad .community-event>.reservation-note{font:11px/1.6 Arial,sans-serif;max-width:420px;margin-bottom:0} #comunidad .community-text-cta{align-self:flex-start} #comunidad .speaker-section{grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,76px);padding:85px 0 90px} #comunidad .history-portrait{margin:0;align-self:center} #comunidad .history-portrait picture{display:block;background:#d9d2c2} #comunidad .history-portrait img{display:block;width:100%;height:auto;aspect-ratio:940/627;object-fit:cover} #comunidad .history-portrait figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--gold);padding-top:18px;margin-top:22px;font:10px/1.6 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase} #comunidad .history-portrait figcaption strong{font:36px/1 Georgia,serif;letter-spacing:-.04em} #comunidad .speaker-copy h3{font-size:clamp(33px,3.2vw,49px);letter-spacing:-.025em;max-width:560px} #comunidad .speaker-copy h3 em{font-weight:400} #comunidad .speaker-copy>p:not(.eyebrow){font-size:17px;line-height:1.65} #comunidad .speaker-copy>p.heritage-to-cup{padding-top:20px;border-top:1px solid var(--line);margin-top:23px} #comunidad .speaker-copy>.heritage-source{display:inline-block;font:10px/1.5 Arial,sans-serif;letter-spacing:.025em;color:#526052;border-bottom:1px solid #bca477;padding-bottom:3px;margin:4px 0 15px} #comunidad .speaker-copy .outline-button{font-size:16px;justify-content:space-between;max-width:420px;margin-top:22px} /* One transform owner, zero delay, no animated shadow/blur or WAAPI queue. */ #cafe .product{transition:none} #cafe .product-cutout{ transform:translate3d(0,0,0) scale(1); transform-origin:50% 93%; transition:transform 180ms cubic-bezier(.2,.65,.3,1); transition-delay:0s; will-change:transform; filter:drop-shadow(0 8px 6px #082c2126); } #cafe .product-art .inspect-label{filter:none;transition:opacity 120ms ease-out,transform 120ms ease-out;pointer-events:none} #cafe .product-art:focus-visible .product-cutout{transform:translate3d(0,-8px,0) scale(1.06)} @media(hover:hover) and (pointer:fine){ #cafe .product-art:hover .product-cutout{transform:translate3d(0,-8px,0) scale(1.06)} } #cafe .product.is-lifted .product-cutout{transform:translate3d(0,-18px,0) scale(1.12)} html.motion-off #cafe .product-cutout{transition:none;transform:none!important;will-change:auto} @media(prefers-reduced-motion:reduce){ #cafe .product-cutout{transition:none!important;transform:none!important;will-change:auto} } @media(max-width:1100px){ #comunidad .community-event{padding:32px 26px} #comunidad .community-portrait{min-height:660px} } @media(max-width:760px){ #comunidad .community-experience,#comunidad .speaker-section{grid-template-columns:1fr} #comunidad .community-portrait{min-height:0;aspect-ratio:3/4} #comunidad .community-portrait img{object-position:50% 25%} #comunidad .community-portrait figcaption{left:23px;bottom:24px;font-size:8px} #comunidad .community-portrait figcaption strong{font-size:27px} #comunidad .community-event{padding:32px 24px} #comunidad .community-event h3{font-size:43px} #comunidad .community-event>p:not(.eyebrow){font-size:16px} #comunidad .community-event>.reservation-note{font-size:11px} #comunidad .speaker-section{padding:48px 0 50px;gap:32px} #comunidad .speaker-copy h3{font-size:37px} #comunidad .speaker-copy>p:not(.eyebrow){font-size:16px} #comunidad .speaker-copy .outline-button{font-size:14px;padding:15px 12px;gap:10px} } /* Product imagery only. The approved Header/Hero and its assets stay untouched. */ #cafe .product-art{ background:radial-gradient(ellipse 32% 8% at 50% 94%,#153c252b,transparent 85%); } #cafe .product-cutout{ /* Render at the largest pop-out size, then downscale at rest. This gives the compositor a larger surface instead of enlarging a small snapshot. */ inset:auto; left:-6%;top:-11.16%;width:112%;height:112%; transform-origin:50% 93%; transform:translate3d(0,0,0) scale(.8928571429); filter:none; mix-blend-mode:normal; transition:transform 180ms cubic-bezier(.2,.65,.3,1); will-change:transform; } #cafe .catalog-packshot{display:block;width:100%;height:100%;pointer-events:none} #cafe .catalog-packshot img{ display:block;position:static;width:100%;height:100%;max-width:none; object-fit:contain;object-position:50% 50%; image-rendering:auto;filter:none;opacity:1; transform:none;transition:none;user-select:none; } #cafe .product-art:focus-visible .product-cutout{transform:translate3d(0,-8px,0) scale(.9464285714)} @media(hover:hover) and (pointer:fine){ #cafe .product-art:hover .product-cutout{transform:translate3d(0,-8px,0) scale(.9464285714)} } #cafe .product.is-lifted .product-cutout{transform:translate3d(0,-18px,0) scale(1)} html.motion-off #cafe .product-cutout{transform:translate3d(0,0,0) scale(.8928571429)!important;transition:none;will-change:auto} @media(prefers-reduced-motion:reduce){ #cafe .product-cutout{transform:translate3d(0,0,0) scale(.8928571429)!important;transition:none!important;will-change:auto} } /* The detail view and lens use the full native image, not the catalog thumbnail. */ #product-dialog .detail-image{width:70%;max-width:300px;mix-blend-mode:normal} #product-dialog .catalog-packshot{display:block;width:100%;height:auto;aspect-ratio:2/3} #product-dialog .catalog-packshot img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:none;transform:none} #product-dialog .detail-visual{min-height:510px} #product-dialog .detail-visual.zoomed .detail-image{transform:scale(1.45)} #product-dialog.is-ruta .detail-visual.zoomed .detail-image{transform:scale(1.2)} @media(max-width:760px){ #product-dialog .detail-image{width:54%;max-width:220px} #product-dialog .detail-visual{min-height:330px;max-height:360px} } /* Approved one-pound packaging from the supplied PDF. Sachets stay unchanged. */ .approved-pound-reference { display: block; height: 430px; mask-image: none; } .approved-pound-picture, .approved-pound-picture img { display: block; width: 100%; height: 100%; } .approved-pound-picture img { object-fit: contain; image-rendering: auto; } @media (max-width: 760px) { .approved-pound-reference { height: 320px; } } #origen .provenance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:40px 0 55px}#origen .provenance-grid div{border-top:1px solid #b58a4c66;padding-top:17px}#origen dt{font-size:10px;letter-spacing:.13em;margin-bottom:12px}#origen dd{margin:0;font-family:Georgia,serif;font-size:22px;line-height:1.4}#origen dd small{display:block;font-family:Arial,sans-serif;font-size:13px;margin-top:5px}#origen .award-history{display:grid;grid-template-columns:160px 1fr;gap:44px;align-items:center;border-block:1px solid #b58a4c66;padding:40px 0;margin-bottom:26px}#origen .award-mark img{width:140px;height:auto;display:block}#origen .award-history h3{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:15px 0}#origen .award-history p{line-height:1.7;max-width:700px}#origen .award-years{display:flex;flex-wrap:wrap;gap:28px;margin:26px 0}#origen .award-years a{font-family:Georgia,serif;font-size:28px;color:inherit;text-decoration:none;border-bottom:1px solid #b58a4c;padding-bottom:7px}#origen .award-years span{font-size:14px}#origen .award-note{font-size:12px;line-height:1.65;opacity:.8}@media(max-width:700px){#origen .provenance-grid{grid-template-columns:1fr 1fr;gap:24px 18px}#origen dd{font-size:19px}#origen .award-history{grid-template-columns:1fr;gap:16px}#origen .award-mark img{width:100px}#origen .award-history h3{font-size:32px}} .shipping-announcement{display:flex;justify-content:center;gap:30px;align-items:center;padding:12px 24px;background:#052d24;color:#f6efdf;text-align:center}.shipping-announcement span,.shipping-eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:.17em}.shipping-announcement a{color:inherit;text-decoration:none;font:14px/1.5 Arial,sans-serif}.shipping-announcement b{color:#d9b97f;margin-left:12px}.shipping-catalog{display:block;text-align:center;margin:0 auto 35px;color:#052d24;font-size:15px;text-decoration:none}.shipping-catalog strong{display:inline-block;margin-left:8px;border-bottom:1px solid #b58a4c;padding-bottom:5px}.shipping-profile{max-width:280px;margin:16px auto!important;font-size:14px!important;line-height:1.6!important}.shipping-product-link{display:block;margin:18px auto 8px;color:#052d24;font:13px/1.5 Arial,sans-serif;text-underline-offset:5px}.shipping-product-note{display:block;font:11px/1.6 Arial,sans-serif;color:#6c532f;text-decoration:none}.shipping-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;padding:80px max(6vw,24px);background:#052d24;color:#f6efdf;scroll-margin-top:90px}.shipping-feature h2,.shipping-faq h2{font:clamp(38px,4.4vw,64px)/1.05 Georgia,serif;font-weight:400;margin:25px 0}.shipping-feature p{line-height:1.75;max-width:530px}.shipping-feature .shipping-lead{font:22px/1.5 Georgia,serif;color:#ddc18c}.shipping-actions{display:flex;flex-wrap:wrap;gap:15px;margin:30px 0}.shipping-actions a{padding:14px 20px;border:1px solid #b58a4c;color:#f6efdf;text-decoration:none;font-size:13px}.shipping-actions a:first-child{background:#f6efdf;color:#052d24}.shipping-small{font-size:12px;opacity:.8}.shipping-destinations article{border-top:1px solid #b58a4c66;padding:24px 0 12px}.shipping-destinations span{color:#d9b97f;font-size:10px;letter-spacing:.15em}.shipping-destinations h3{font:26px/1.2 Georgia,serif;margin:15px 0}.shipping-destinations p{font-size:14px}.shipping-inline{display:block;font-size:14px;line-height:1.6;margin:20px 0;color:inherit}.shipping-faq{padding:75px max(6vw,24px);background:#f6efdf;color:#052d24}.shipping-faq details{border-top:1px solid #b58a4c66;padding:20px 0;max-width:900px}.shipping-faq summary{font:21px/1.4 Georgia,serif;cursor:pointer}.shipping-faq p{max-width:760px;line-height:1.75}.shipping-faq a{color:inherit;text-underline-offset:4px}.shipping-actions a:focus-visible,.shipping-announcement a:focus-visible{outline:2px solid #d9b97f;outline-offset:5px}@media(max-width:760px){.shipping-announcement{flex-direction:column;gap:3px;padding:10px 16px}.shipping-announcement a{font-size:13px}.shipping-feature{grid-template-columns:1fr;gap:35px;padding-block:55px}.shipping-catalog{padding:0 20px}.shipping-catalog strong{display:block;margin:10px auto 0;width:fit-content}.shipping-faq{padding-block:50px}} /* Approved artwork only: original header, hero lettering and portraits remain intact. */ .hero-product-repair { position:absolute; inset:0; display:block; width:100%; height:100%; pointer-events:none; } .reference-hero .hero-package-inner { opacity:1; } .hero-products-art { display:block; width:100%; height:auto; } /* The approved scene shows the complete sachet-and-carton family without cropping. */ #cafe #ruta { grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr; } #cafe #ruta .ruta-art { width:100%; aspect-ratio:3/2; min-height:0; max-height:none; background:none; } #cafe #ruta .product-cutout { transform-origin:50% 70%; } #cafe #ruta .product-copy { padding:14px 18px 18px; } #cafe #ruta .product-copy .ruta-type { margin-bottom:4px; } #cafe #ruta .product-copy h3 { font-size:26px; } #cafe #ruta .product-copy>p:not(.ruta-type) { max-width:none; margin:4px 0 12px; } #product-dialog.is-ruta { width:1100px; } #product-dialog.is-ruta .detail-grid { grid-template-columns:58% 42%; } #product-dialog.is-ruta .detail-image { width:100%; max-width:none; mix-blend-mode:normal; } #product-dialog.is-ruta .catalog-packshot { aspect-ratio:3/2; } #product-dialog.is-ruta .detail-visual { background:#eee3cf; } @media(max-width:760px) { #product-dialog.is-ruta .detail-grid { grid-template-columns:1fr; } #product-dialog.is-ruta .detail-visual { min-height:270px; max-height:none; } #cafe #ruta .product-copy { padding:18px; } } /* Two collections in the existing forest-green, ivory and champagne system. */ .collection-intro>p{text-align:center;font:21px/1.5 Georgia,serif;margin:0 0 26px;color:#627362} .collection-choices{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#b49a6b70;border:1px solid #b49a6b70;margin:0 auto 72px;max-width:1100px;text-align:left} .collection-choices>a{display:flex;flex-direction:column;gap:14px;padding:31px 36px;background:#f6efdf;text-decoration:none;color:#052d24} .collection-kicker{font:10px/1.5 Arial,sans-serif;letter-spacing:.15em} .collection-choices strong{font:34px/1.1 Georgia,serif;font-weight:400;letter-spacing:-.02em} .collection-choices a>span:not(.collection-kicker){font:13px/1.6 Arial,sans-serif} .collection-choices del{opacity:.6;margin:0 4px} .collection-choices b{font:12px/1.5 Arial,sans-serif;margin-top:4px;display:flex;justify-content:space-between} .collection-choices a.choice-personal{background:#052d24;color:#f6efdf}.choice-personal .collection-kicker{color:#d9bd83} .collection-section{scroll-margin-top:100px;margin-top:30px} .collection-title{display:flex;justify-content:space-between;align-items:end;text-align:left;gap:35px;margin:0 0 40px;padding-top:22px;border-top:1px solid #a8874d70} .collection-title h3{font:clamp(30px,3vw,45px)/1.1 Georgia,serif;font-weight:400;letter-spacing:-.025em;margin:14px 0 0} .collection-title>p{font:14px/1.7 Arial,sans-serif;margin:0;max-width:365px;color:#5a6b59} .classic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;max-width:1000px;margin:0 auto} .classic-card{position:relative;min-width:0;text-align:center} .classic-labels{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;margin-bottom:8px} .stock-tag{font:10px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:7px} .stock-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#527555} .saving-tag{background:#052d24;color:#f6efdf;padding:7px 10px;font:11px/1 Arial,sans-serif;letter-spacing:.08em} .classic-visual{display:block;width:100%;height:385px;position:relative;border:0;padding:0;margin:0;background:none;overflow:hidden;cursor:pointer} .classic-visual .catalog-packshot{display:block;height:100%;width:100%;mix-blend-mode:multiply;transition:transform .22s ease,opacity .22s ease} .classic-visual img{display:block;object-fit:cover;width:100%;height:100%;object-position:50% 48%} .classic-visual:hover .catalog-packshot,.classic-visual:focus-visible .catalog-packshot{transform:translateY(-5px) scale(1.025)} .classic-view-label{position:absolute;bottom:0;left:0;right:0;font:10px/1.4 Arial,sans-serif;letter-spacing:.08em;display:flex;justify-content:center;gap:12px;padding:12px;background:linear-gradient(transparent,#f6efdf 65%)} .classic-copy{padding:25px 20px 0}.classic-copy>.collection-kicker{color:#6d724d;margin:0 0 14px} .classic-copy h4{font:34px/1.2 Georgia,serif;font-weight:400;margin:0 0 12px} .classic-profile{font:15px/1.6 Georgia,serif;max-width:310px;min-height:48px;margin:0 auto 20px;color:#596a5d} .commerce-price{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:18px 0 8px!important} .commerce-price del{color:#758071;font:18px Georgia,serif}.commerce-price strong{font:34px/1 Georgia,serif;font-weight:400;color:#052d24}.commerce-price span{font:10px/1.5 Arial,sans-serif;letter-spacing:.06em;color:#657260} .commerce-saving{font:11px/1.5 Arial,sans-serif;margin:0 0 21px;color:#5d6f52} .commerce-cta{width:100%;max-width:330px;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;margin:0 auto;background:#052d24;color:#f6efdf;border:1px solid #052d24;font:15px/1.5 Georgia,serif;cursor:pointer} .commerce-timing{font:11px/1.6 Arial,sans-serif;color:#61705e;margin:12px 0 0} .collection-fine{font:11px/1.7 Arial,sans-serif;text-align:center;max-width:830px;margin:32px auto 0;color:#65725e} .personal-collection{margin-top:72px}.personal-tag{display:inline-block;color:#6b542f;font:9px/1.5 Arial,sans-serif;letter-spacing:.1em;border-bottom:1px solid #b49a6b70;padding-bottom:7px;margin:0 0 13px} #cafe .personal-price strong{font-size:31px}#cafe .product-copy .personal-timing{font:12px/1.6 Arial,sans-serif;margin:12px 0 18px;color:#5f6e5e} #cafe #ruta .personal-tag{font-size:8px}#cafe #ruta .personal-timing{margin:12px 0} #detail-commerce{margin:22px 0}#detail-commerce .commerce-price{justify-content:flex-start}#detail-commerce .personal-tag{margin-bottom:4px}#detail-commerce p{font:13px/1.6 Arial,sans-serif;margin:8px 0}.detail-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.detail-gallery:empty{display:none}.detail-gallery button{border:1px solid #a48e61;padding:9px 12px;background:transparent;color:#052d24;font:11px Arial,sans-serif;cursor:pointer}.detail-gallery button[aria-pressed=true]{background:#052d24;color:#f6efdf} .personalization-label{display:block;margin:18px 0;font:12px/1.6 Arial,sans-serif}.personalization-label[hidden]{display:none}.personalization-label textarea{display:block;width:100%;resize:vertical;border:1px solid #b6ac90;background:#fff9eb;padding:12px;font:14px/1.5 Arial,sans-serif;color:#052d24;margin-top:7px}.personalization-label small{display:block;font-size:10px;color:#69735d;margin-top:7px} #product-dialog.is-classic .detail-image{width:100%;max-width:520px;mix-blend-mode:multiply}#product-dialog.is-classic .catalog-packshot{aspect-ratio:1}#product-dialog.is-classic .catalog-packshot img{object-fit:contain}#product-dialog.is-classic .detail-visual{background:#f6efdf}#product-dialog.is-classic .detail-visual.zoomed .detail-image{transform:scale(1.35)} .selection-total{border-top:1px solid #b49a6b70;padding-top:20px;font:24px Georgia,serif}.selection-delivery{font:12px/1.6 Arial,sans-serif;color:#65725e}.selection-item small{display:block;white-space:normal;font:12px/1.6 Arial,sans-serif;max-width:100%;overflow-wrap:anywhere} .collection-choices a:focus-visible,.commerce-cta:focus-visible,.classic-visual:focus-visible{outline:2px solid #a8874d;outline-offset:5px} @media(max-width:760px){.collection-choices{grid-template-columns:1fr;margin-bottom:44px}.collection-choices>a{padding:24px}.collection-choices strong{font-size:30px}.collection-intro>p{font-size:18px}.collection-title{display:block;margin-bottom:25px}.collection-title>p{margin-top:18px}.classic-grid{grid-template-columns:1fr;gap:44px;max-width:430px}.classic-visual{height:360px}.classic-copy{padding-top:14px}.classic-copy h4{font-size:30px}.personal-collection{margin-top:50px}.collection-fine{padding:0 12px}#product-dialog.is-classic .detail-image{width:100%;max-width:340px}#product-dialog .detail-copy{padding:32px 24px}.classic-profile{min-height:0}} @media(prefers-reduced-motion:reduce){.classic-visual .catalog-packshot{transition:none!important;transform:none!important}} /* Frame original artwork with its own silhouette; the source pixels stay unchanged. */ #cafe .classic-visual .catalog-packshot{display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 12px 9px #082c211c);mix-blend-mode:normal} #cafe .classic-visual .catalog-packshot img{width:auto;height:100%;max-width:none;aspect-ratio:1;object-fit:contain} #clasico-medio .classic-visual img{clip-path:polygon(34% 8.4%,60.9% 7.4%,62.6% 8%,63.3% 11%,63.6% 16%,65.6% 36%,67.8% 91%,66.3% 93.8%,34.3% 93.8%,32.7% 91.5%,32.7% 34%,33.2% 17%,33.4% 9.6%)} #clasico-oscuro .classic-visual img{clip-path:polygon(35% 8.1%,62.1% 8%,63.6% 8.7%,64.1% 10.3%,64.3% 34%,65.8% 56%,65.7% 88%,64.8% 93%,34.7% 93.2%,33.5% 91.5%,32.9% 75%,33.1% 46%,34.4% 24%,34.5% 10%)} /* Sol de Mañana extends the approved forest, ivory and champagne palette. */ .sales-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:38px 0 24px;text-align:left} .sales-heading h2{font:clamp(32px,3.4vw,49px)/1.1 Georgia,serif;font-weight:400;letter-spacing:-.025em;margin:10px 0 0} .sales-heading .collection-kicker{color:#75603f} .sales-shipping{font:11px/1.6 Arial,sans-serif;white-space:nowrap;border-bottom:1px solid #b49a6b70;padding-bottom:6px} .shop-nav{display:flex;gap:0;border-top:1px solid #b49a6b70;border-bottom:1px solid #b49a6b70;text-align:left} .shop-nav a{padding:15px 24px;font:12px/1.6 Arial,sans-serif;border-right:1px solid #b49a6b55} .shop-nav .shop-nav-active{background:#052d24;color:#f6efdf} .sales-first #clasicos{margin-top:25px} .sales-first #clasicos .collection-title{border-top:0;padding-top:0;margin-bottom:26px} .sales-first #clasicos .collection-title h3{font-size:31px;margin-top:10px} .sales-first #sol-manana{margin-top:65px} .sales-purpose-note{display:block;text-align:center;font:12px/1.7 Arial,sans-serif;color:#52664f;margin:22px auto 0;max-width:900px} main>.hope-story{margin:0 2.2% 55px;border-top:1px solid #b49a6b55} .cup-packs{grid-column:1/-1;padding-top:35px;margin-top:15px;border-top:1px solid #b49a6b70} .cup-packs-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px} .cup-packs-heading .collection-kicker{color:#d9bd83} .cup-packs-heading h4{font:36px/1.1 Georgia,serif;font-weight:400;letter-spacing:-.02em;margin:14px 0 0} .cup-packs-heading>p{font:12px/1.7 Arial,sans-serif;color:#cdd3be;max-width:370px} .cup-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .cup-pack-grid article{display:flex;flex-direction:column;border:1px solid #b49a6b70;padding:28px 24px} .cup-pack-grid .recommended-pack{border-color:#d9bd83;background:#f6efdf08} .pack-kicker{font:9px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#d9bd83;min-height:27px} .cup-pack-grid h5{font:62px/1 Georgia,serif;font-weight:400;margin:12px 0 23px} .cup-pack-grid h5 span{font-size:25px} .cup-pack-grid .pack-total{font:32px/1.1 Georgia,serif;margin:0 0 10px;white-space:nowrap} .pack-total small{font:9px/1.5 Arial,sans-serif;color:#cdd3be} .pack-unit{font:13px/1.5 Arial,sans-serif;color:#e7ddc7;margin:0 0 10px} .pack-saving{font:11px/1.7 Arial,sans-serif;color:#b7c3ad;max-width:230px;margin:0 0 24px;min-height:38px} .cup-pack-grid .product-cta{width:100%;justify-content:space-between;gap:10px;margin-top:auto;background:#f6efdf;color:#052d24;border-radius:0;font:16px/1.5 Georgia,serif;padding:13px 16px} .cup-pack-grid .product-cta:hover{background:#d9bd83} .cup-packs-note{font:10px/1.7 Arial,sans-serif;color:#b7c3ad;margin-top:20px} .purchase-purpose-link{display:block;font:11px/1.7 Arial,sans-serif;color:#596d54;border-bottom:1px solid #b49a6b70;padding:12px 0;margin:12px 0} .sales-first .classic-grid{max-width:none;gap:22px} .sales-first .classic-card{display:grid;grid-template-columns:42% 58%;grid-template-rows:auto 1fr;align-items:center;border:1px solid #b49a6b55;background:#f8f1e2;padding:20px 18px} .sales-first .classic-labels{grid-column:1/-1;margin-bottom:10px} .sales-first .classic-visual{height:345px} .sales-first .classic-view-label{color:#052d24} .sales-first .classic-copy{padding:15px 12px 15px 8px;text-align:left;min-width:0} .sales-first .classic-copy h4{font-size:31px} .sales-first .classic-profile{min-height:0;margin:0 0 18px;font-size:15px} .sales-first .classic-copy .collection-kicker{font-size:9px;margin-bottom:12px} .sales-first .classic-copy .commerce-price{justify-content:flex-start;gap:10px} .sales-first .commerce-saving{margin-bottom:16px} .sales-first .commerce-cta{padding:13px 16px;font-size:16px;max-width:none} .sales-first .commerce-timing{font-size:10px} @media(max-width:1000px) and (min-width:761px){.sales-first .classic-grid{gap:15px}.sales-first .classic-card{padding:18px 12px;grid-template-columns:37% 63%}.sales-first .classic-visual{height:300px}.sales-first .classic-copy h4{font-size:26px}.sales-first .classic-profile{font-size:14px}.sales-first .classic-copy .commerce-price{flex-wrap:wrap;gap:6px}.sales-first .commerce-price strong{font-size:30px}} @media(max-width:760px){.sales-first .classic-grid{max-width:470px;gap:18px}.sales-first .classic-card{grid-template-columns:37% 63%;padding:16px 12px}.sales-first .classic-visual{height:300px}.sales-first .classic-copy{padding:12px 0 12px 12px}.sales-first .classic-copy h4{font-size:27px}.sales-first .classic-profile{font-size:14px;margin-bottom:14px}.sales-first .classic-copy .collection-kicker{font-size:8px;letter-spacing:.07em}.sales-first .classic-copy .commerce-price{flex-wrap:wrap;gap:8px}.sales-first .classic-copy .commerce-price span{font-size:8px}.sales-first .commerce-price strong{font-size:31px}.sales-first .commerce-saving{font-size:10px}.sales-first .commerce-cta{font-size:14px;padding:12px}.sales-first .classic-labels .stock-tag{font-size:9px}} @media(max-width:760px){.sales-heading{display:block;padding:25px 0 18px}.sales-heading h2{font-size:33px}.sales-shipping{display:inline-block;white-space:normal;margin-top:15px;font-size:10px}.shop-nav{flex-wrap:wrap;gap:0}.shop-nav a{padding:11px 10px;font-size:10px}.sales-first #clasicos .collection-title h3{font-size:29px}.sales-first #sol-manana{margin-top:45px}.cup-packs-heading{display:block}.cup-packs-heading>p{margin-top:18px}.cup-packs-heading h4{font-size:31px}.cup-pack-grid{grid-template-columns:1fr;gap:16px}.cup-pack-grid article{padding:24px}.pack-kicker{min-height:0}.cup-pack-grid h5{margin:18px 0}.pack-saving{min-height:0;max-width:none}.sales-purpose-note{padding:0 12px}main>.hope-story{margin:0 18px 45px}} #sol-manana{margin-top:30px} #sol-manana .collection-title>p{max-width:440px} #sol-manana .product-copy h3{white-space:normal} #sol-manana .product-copy .product-cta{font-size:15px;gap:12px} .jade-edition{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;padding:64px 5%;margin:70px 0 0;background:#052d24;color:#f6efdf;text-align:left;scroll-margin-top:95px;overflow:hidden} .jade-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;text-align:center;background:radial-gradient(ellipse,#28543c44,transparent 68%)} .jade-visual>.collection-kicker{color:#d9bd83;margin:0 0 22px} .jade-visual>img{width:100%;height:auto;max-width:510px;filter:drop-shadow(0 28px 25px #0006)} .jade-visual>p:not(.collection-kicker){font:20px/1.6 Georgia,serif;margin:22px 0 6px;color:#e5dcc8} .jade-visual>small{font:10px/1.6 Arial,sans-serif;color:#a7b5a6} .jade-copy>.collection-kicker{color:#d9bd83;margin-bottom:22px} .jade-copy h3{font:clamp(40px,4.6vw,68px)/1.02 Georgia,serif;font-weight:400;letter-spacing:-.035em;margin:0 0 22px} .jade-lead{font:18px/1.6 Georgia,serif;max-width:480px;color:#e2dfce;margin:0 0 20px} .jade-time{font:11px/1.7 Arial,sans-serif;color:#c8ceb9;padding:13px 0;border-top:1px solid #b49a6b55;border-bottom:1px solid #b49a6b55;margin:0 0 24px} .jade-time span{font-size:16px;margin-right:8px} .jade-options{display:grid;grid-template-columns:1fr 1fr;gap:20px} .jade-options article{display:flex;flex-direction:column;align-items:start;min-width:0;border:1px solid #b49a6b70;padding:24px 18px} .jade-options article>div{min-height:114px} .jade-options h4{font:24px/1.15 Georgia,serif;font-weight:400;letter-spacing:-.02em;margin:0 0 12px} .jade-options article p{font:11px/1.65 Arial,sans-serif;color:#cdd3be;margin:0} .jade-options article>strong{font:30px/1.1 Georgia,serif;font-weight:400;white-space:nowrap;margin:0 0 14px} .jade-options article>strong small{font:9px Arial,sans-serif;color:#b9c4ac} .jade-options .set-badge{font:8px/1.4 Arial,sans-serif;letter-spacing:.12em;color:#d9bd83;display:block;margin:-10px 0 8px} .jade-options article .set-saving{font-size:10px;line-height:1.5;margin:-4px 0 15px} .jade-options .product-cta{background:#f6efdf;color:#052d24;width:100%;margin-top:auto;font-size:13px;gap:12px;border-radius:0;padding:12px 8px;justify-content:space-between} .jade-options .product-cta:hover{background:#d9bd83} .jade-purpose{display:flex;justify-content:space-between;gap:12px;font:11px/1.6 Arial,sans-serif;border-bottom:1px solid #b49a6b70;padding:18px 0 8px;margin-top:10px;color:#d9bd83} .hope-story{display:grid;grid-template-columns:1.25fr .75fr;gap:12%;padding:72px 8%;border:1px solid #b49a6b55;border-top:0;text-align:left;scroll-margin-top:95px;margin-bottom:70px} .hope-copy{align-self:center} .hope-copy>.collection-kicker{color:#75603f;margin-bottom:25px} .hope-copy h3{font:clamp(36px,3.7vw,55px)/1.08 Georgia,serif;font-weight:400;letter-spacing:-.03em;margin:0 0 22px} .hope-lead{font:20px/1.5 Georgia,serif;color:#52664f;max-width:430px;margin:0 0 25px} .hope-mark{display:flex;align-items:center;gap:20px;margin:20px 0} .hope-mark img{width:135px;height:135px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1)} .hope-mark p{font:13px/1.6 Georgia,serif;color:#62745c} .hope-status{font:12px/1.75 Arial,sans-serif;max-width:460px;color:#5e6d5c;border-top:1px solid #b49a6b70;padding-top:18px;margin-bottom:20px} .hope-status strong{font-weight:600;color:#052d24} .hope-copy>a{font:13px Georgia,serif;border-bottom:1px solid #a8874d;padding-bottom:7px} .hope-pack{margin:0;text-align:center;align-self:center} .hope-pack img{width:auto;max-width:100%;height:440px;object-fit:contain;box-shadow:0 14px 30px #052d2420} .hope-pack figcaption{font:10px/1.6 Arial,sans-serif;color:#64715f;margin-top:18px} #clasicos .collection-title{padding-top:24px} #product-dialog.is-cup .detail-image{width:90%;max-width:520px} #product-dialog.is-cup .catalog-packshot{aspect-ratio:1} #product-dialog.is-cup .detail-visual{background:#e8e0cf} .bundle-roast-label{display:block;font:13px/1.6 Arial,sans-serif;margin:18px 0} .bundle-roast-label select{display:block;width:100%;padding:13px;margin-top:7px;color:#052d24;background:#fff9eb;border:1px solid #b6ac90;font:14px Arial,sans-serif} #product-dialog [hidden]{display:none!important} .children-commitment{display:grid;grid-template-columns:.7fr 1.3fr 1fr;align-items:center;gap:28px;max-width:1100px;margin:30px auto 36px;padding:25px 30px;border-top:1px solid #a8874d70;border-bottom:1px solid #a8874d70;text-align:left;color:#052d24} .children-commitment>.collection-kicker{color:#75603f} .children-commitment>strong{font:29px/1.15 Georgia,serif;font-weight:400;letter-spacing:-.02em} .children-commitment>span:last-child{font:11px/1.6 Arial,sans-serif} .children-commitment small{display:block;font-size:10px;color:#68745f;margin-top:7px} .children-commitment b{margin-left:12px;font-weight:400} .erick-giving{border-top:1px solid #b49a6b70;padding-top:20px;margin:24px 0} .erick-giving>.collection-kicker{font-size:9px;color:#75603f;margin-bottom:12px} .erick-giving>p:not(.collection-kicker){font:14px/1.7 Georgia,serif;color:#52664f} .erick-giving>a{font:10px/1.7 Arial,sans-serif;border-bottom:1px solid #b49a6b70;padding-bottom:4px;display:inline-block;margin-top:10px} .hope-pathways{grid-column:1/-1;margin-top:10px;padding-top:30px;border-top:1px solid #b49a6b70} .pathways-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px} .pathways-heading>p:last-child{font:11px/1.7 Arial,sans-serif;color:#68745f} .pathways-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px} .pathways-grid article>span{font:11px Arial,sans-serif;color:#937444} .pathways-grid h4{font:25px/1.2 Georgia,serif;font-weight:400;margin:14px 0} .pathways-grid p{font:14px/1.7 Georgia,serif;color:#52664f;margin-bottom:16px} .pathways-grid a{font:10px/1.6 Arial,sans-serif;border-bottom:1px solid #b49a6b70;padding-bottom:5px} .purchase-purpose{border-top:1px solid #b49a6b70;border-bottom:1px solid #b49a6b70;padding:15px 0;margin:18px 0;color:#52664f;font:12px/1.65 Arial,sans-serif} .purchase-purpose strong{display:block;color:#052d24;font:17px/1.4 Georgia,serif;margin-bottom:6px} .purchase-purpose span{display:block;font-size:11px} @media(max-width:760px){.children-commitment{grid-template-columns:1fr;gap:14px;padding:22px 16px;margin:22px 0 28px}.children-commitment>strong{font-size:29px}.pathways-heading{display:block}.pathways-heading>p:last-child{margin-top:15px}.pathways-grid{grid-template-columns:1fr;gap:28px}.pathways-grid article+article{border-top:1px solid #b49a6b55;padding-top:24px}} @media(min-width:761px) and (max-width:1100px){.jade-edition{gap:4%;padding:45px 3%;grid-template-columns:.8fr 1.2fr}.jade-options{gap:10px}.jade-options article{padding:20px 12px}.jade-options h4{font-size:21px}.hope-story{gap:6%;padding:55px 5%}} @media(max-width:760px){.jade-edition{grid-template-columns:1fr;padding:34px 22px;gap:35px;margin-top:45px}.jade-visual>img{max-width:345px}.jade-visual>.collection-kicker{font-size:8px}.jade-copy h3{font-size:44px}.jade-lead{font-size:17px}.jade-options{grid-template-columns:1fr;gap:14px}.jade-options article{padding:24px}.jade-options article>div{min-height:0}.jade-options h4{font-size:25px}.jade-options article>strong{margin-top:18px}.jade-options article p{font-size:12px}.jade-options .product-cta{font-size:16px;padding:13px 15px}.jade-options .set-badge{margin:0 0 12px}.hope-story{grid-template-columns:1fr;padding:38px 24px;gap:32px;margin-bottom:45px}.hope-copy h3{font-size:36px}.hope-lead{font-size:18px}.hope-pack img{height:370px}.hope-mark{gap:15px}.hope-mark img{width:110px;height:110px}.hope-status{font-size:12px}.collection-choices>a.choice-personal{order:0}#product-dialog.is-cup .detail-image{max-width:270px}} /* Jade: origin, artisan character and explicitly proposed dimensions. */ .jade-craft-story{font:14px/1.8 Arial,sans-serif;color:#cdd7c5;max-width:480px;margin:0 0 23px} .jade-size-card{width:100%;max-width:510px;margin:28px 0 0;padding:23px 22px 20px;border:1px solid #d9bd8355;background:#ffffff04;text-align:left;box-sizing:border-box} .jade-size-card>p{font:9px/1.5 Arial,sans-serif;letter-spacing:.11em;color:#d9bd83;margin:0 0 20px} .jade-size-card dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:0} .jade-size-card dl>div{border-right:1px solid #d9bd8340;padding-right:10px} .jade-size-card dl>div:last-child{border:0;padding:0} .jade-size-card dt{font:8px/1.5 Arial,sans-serif;letter-spacing:.11em;color:#b7c8b4;margin:0 0 10px} .jade-size-card dd{font:36px/1.1 Georgia,serif;color:#f6efdf;margin:0;white-space:nowrap} .jade-size-card dd small{font:12px/1 Arial,sans-serif;color:#d9bd83} .jade-size-card>span{display:block;font:10px/1.65 Arial,sans-serif;color:#b7c8b4;margin-top:20px;max-width:360px} @media(max-width:760px){.jade-craft-story{font-size:13px}.jade-size-card{padding:21px 15px;margin-top:24px}.jade-size-card dl{gap:9px}.jade-size-card dd{font-size:30px}.jade-size-card>p{font-size:8px}} /* Three aligned choices: one, two and four. */ #juegos-tazas .cup-pack-grid{align-items:stretch} #juegos-tazas .cup-pack-grid .pack-kicker{min-height:20px;margin-bottom:14px} #juegos-tazas .cup-pack-grid .cup-pack-visual{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:230px;min-height:230px;margin:0 0 14px;padding:0;overflow:visible} #juegos-tazas .cup-pack-grid .cup-pack-visual img{display:block;position:static;width:auto;height:155px;max-width:48%;max-height:none;object-fit:contain;margin:0!important;transform:none!important;filter:drop-shadow(0 11px 8px #0004)} #juegos-tazas .cup-pack-grid .pack-count-1 img{height:175px;max-width:80%} #juegos-tazas .cup-pack-grid .pack-count-4{display:grid;grid-template-columns:repeat(2,minmax(0,100px));grid-template-rows:repeat(2,106px);gap:6px 9px;align-content:center;justify-items:center} #juegos-tazas .cup-pack-grid .pack-count-4 img{height:106px;width:100%;max-width:100%} #juegos-tazas .cup-pack-grid h5{height:63px;margin:0 0 20px} #juegos-tazas .cup-pack-grid .pack-total{min-height:36px;margin-bottom:10px} #juegos-tazas .cup-pack-grid .pack-unit{min-height:20px} #juegos-tazas .cup-pack-grid .pack-saving{min-height:38px} @media(min-width:761px) and (max-width:1050px){#juegos-tazas .cup-pack-grid article{padding:23px 17px}#juegos-tazas .cup-pack-grid .cup-pack-visual{height:210px;min-height:210px}#juegos-tazas .cup-pack-grid .cup-pack-visual img{height:125px}#juegos-tazas .cup-pack-grid .pack-count-1 img{height:160px}#juegos-tazas .cup-pack-grid .pack-count-4{grid-template-rows:repeat(2,96px)}#juegos-tazas .cup-pack-grid .pack-count-4 img{height:96px}#juegos-tazas .cup-pack-grid .pack-saving{min-height:54px}} #juegos-tazas .cup-pack-grid .pack-kicker{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:26px} #juegos-tazas .cup-pack-grid .pack-best-value{font:700 7px/1.3 Arial,sans-serif;letter-spacing:.04em;color:#052d24;background:#d9bd83;padding:5px 6px;white-space:nowrap} #juegos-tazas .cup-pack-grid .pack-comparison{font:10px/1.5 Arial,sans-serif;color:#afc0ad;margin:0 0 7px;min-height:15px} #juegos-tazas .cup-pack-grid .recommended-pack{border-color:#d9bd83;background:linear-gradient(145deg,#d9bd8317,#ffffff04);box-shadow:inset 0 3px #d9bd83} #juegos-tazas .cup-pack-grid .recommended-pack .product-cta{background:#d9bd83} /* Transparent PNG gallery. Product artwork remains independent of the panel. */ #cafe .classic-visual .catalog-packshot{mix-blend-mode:normal;padding:6px 8px 30px;box-sizing:border-box} #cafe .classic-visual .catalog-packshot img{clip-path:none;mask-image:none;object-fit:contain;object-position:center;filter:none} .hope-pack img{box-shadow:none;filter:none} #product-dialog .detail-visual{height:610px;min-height:610px;max-height:none;position:sticky;top:0;align-self:start;display:flex;align-items:center;justify-content:center;padding:28px 24px 90px;box-sizing:border-box;background:#eee7d7;overflow:hidden} #product-dialog .detail-image{display:flex;align-items:center;justify-content:center;width:100%;max-width:none;height:100%;min-height:0;mix-blend-mode:normal;transition:transform 200ms ease;transform-origin:center} #product-dialog .detail-image .catalog-packshot{display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:auto} #product-dialog .detail-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:none;box-shadow:none;mix-blend-mode:normal;transform:none} #product-dialog .detail-visual.zoomed .detail-image{transform:scale(1.55)} #product-dialog .lens{width:190px;height:190px;background:inherit;transition:opacity 100ms ease} #product-dialog .lens-inner{max-width:none;aspect-ratio:auto;transform-origin:top left} #product-dialog .lens-inner img{display:block;max-width:none;width:100%;height:100%;object-fit:fill;filter:none} #product-dialog .zoom-button{bottom:20px} .gallery-caption{position:absolute;bottom:64px;left:20px;right:20px;text-align:center;font:10px/1.4 Arial,sans-serif;letter-spacing:.09em;color:#566b57;margin:0;pointer-events:none} #product-dialog .detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 24px} #product-dialog .detail-gallery button{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:0;gap:8px;padding:10px 4px 9px;border:1px solid #b49a6b66;background:#f3edde;color:#052d24;font:9px/1.3 Arial,sans-serif;letter-spacing:.015em;transition:border-color 150ms ease,background 150ms ease} #product-dialog .detail-gallery button[aria-pressed=true]{background:#e4e9dd;border-color:#052d24;box-shadow:inset 0 -2px #052d24} #product-dialog .detail-gallery button:hover{border-color:#052d24} #product-dialog .detail-gallery button:focus-visible{outline:2px solid #052d24;outline-offset:3px} #product-dialog .detail-gallery img{display:block;width:100%;height:65px;object-fit:contain;pointer-events:none} #product-dialog .detail-gallery button:only-child{grid-column:1/-1;max-width:120px} @media(max-width:760px){ #product-dialog .detail-visual{position:relative;top:auto;height:360px;min-height:360px;max-height:360px;padding:20px 25px 80px} #product-dialog .detail-image{width:100%;max-width:none} #product-dialog .detail-copy{padding-top:26px} #product-dialog .detail-gallery img{height:58px} #product-dialog .detail-visual.zoomed .detail-image{transform:scale(1.4)} .gallery-caption{bottom:59px;font-size:9px} } @media(prefers-reduced-motion:reduce){#product-dialog .detail-image,#product-dialog .lens{transition:none}} .selected-variant{font:600 12px/1.5 Arial,sans-serif;color:#224c36;padding:11px 13px;background:#e6e8d9;border-left:2px solid #a58b52;margin:10px 0 16px} #selection-list .selection-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center} #selection-list .selection-item>img{width:48px;height:64px;object-fit:contain} @media(max-width:760px){#selection-list .selection-item{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}#selection-list .selection-item>img{width:40px;height:60px}} /* Continuation of the approved forest, ivory, champagne and editorial type. */ .purpose-kits{margin:0 2.2%;padding:62px 4.5% 36px;border:1px solid #b49a6b70;color:#052d24;scroll-margin-top:90px;text-align:left} .kits-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px} .kits-heading h2{font:clamp(35px,4.3vw,62px)/1.06 Georgia,serif;font-weight:400;letter-spacing:-.035em;margin:18px 0 0} .kits-heading h2 em{font-weight:400;color:#768269} .kits-heading>p{font:17px/1.6 Georgia,serif;max-width:350px;margin:0;color:#58694f} .purpose-kits .collection-kicker{color:#75603f} .purpose-kit{display:grid;min-width:0} .kit-featured{grid-template-columns:1.2fr 1fr;background:#052d24;color:#f6efdf;border:1px solid #a8874d} .kit-stage{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;background:radial-gradient(ellipse at 50% 55%,#54765c55,transparent 72%);padding:58px 22px 30px} .kit-label{position:absolute;left:24px;top:24px;font:10px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#dec796;border-bottom:1px solid #b49a6b77;padding-bottom:9px} .purpose-kit .kit-art{display:block;background:none;border:0;padding:0;margin:0;width:100%;border-radius:0;cursor:zoom-in} .kit-art img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 16px 14px #0003)} .kit-stage>p{font:17px/1.5 Georgia,serif;color:#d5cebc;text-align:center;margin:22px 0 0} .kit-copy{padding:42px 34px;align-self:center;min-width:0} .kit-featured .collection-kicker{color:#d9bd83;font-size:9px} .purpose-kit h3{font:clamp(30px,3.1vw,46px)/1.08 Georgia,serif;font-weight:400;letter-spacing:-.025em;margin:16px 0} .kit-lead{font:16px/1.6 Georgia,serif;color:#d5d8c7;margin:0 0 22px} .kit-includes{list-style:none;padding:0;margin:0 0 25px;border-top:1px solid #b49a6b55} .kit-includes li{padding:12px 0;border-bottom:1px solid #b49a6b55} .kit-includes strong{display:block;font:14px/1.5 Arial,sans-serif;font-weight:400} .kit-includes span{display:block;font:11px/1.6 Arial,sans-serif;color:#b7c3ad;margin-top:3px} .kit-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:0 0 20px} .kit-price strong{font:43px/1.1 Georgia,serif;font-weight:400} .kit-price>span{font:10px/1.6 Arial,sans-serif;color:#b7c3ad} .purpose-kit .kit-buy{display:flex;justify-content:space-between;gap:14px;width:100%;padding:16px 18px;background:#d9bd83;color:#052d24;border:1px solid #d9bd83;border-radius:0;font:17px/1.4 Georgia,serif;cursor:pointer;margin:0} .purpose-kit .kit-buy:hover{background:#f6efdf} .kit-delivery{font:10px/1.7 Arial,sans-serif;color:#b7c3ad;margin:13px 0 18px} .kit-purpose-link{font:11px/1.6 Arial,sans-serif;color:#d9bd83;border-bottom:1px solid #b49a6b77;padding-bottom:5px} .kit-individual{grid-template-columns:.9fr 1.1fr .8fr;align-items:center;margin-top:22px;border:1px solid #b49a6b70;background:#f6efdf} .kit-individual .kit-art{padding:25px 15px} .kit-individual .kit-copy{padding:32px 24px} .kit-individual h3{font-size:31px} .kit-individual .kit-copy>p:not([class]){font:15px/1.6 Georgia,serif;color:#596d54;margin:0 0 20px} .kit-individual .kit-price strong{font-size:35px} .kit-individual .kit-price>span,.kit-individual .kit-delivery{color:#617359} .kit-individual .kit-buy{background:transparent;border-color:#a8874d;font-size:15px} .kit-upgrade{border-left:1px solid #b49a6b70;padding:20px 24px} .kit-upgrade>span{font:9px Arial,sans-serif;letter-spacing:.1em;color:#75603f} .kit-upgrade h4{font:31px/1.1 Georgia,serif;font-weight:400;margin:14px 0} .kit-upgrade p{font:14px/1.6 Georgia,serif;color:#596d54} .kit-upgrade .product-cta{font:13px/1.5 Georgia,serif;padding:10px 0;border-bottom:1px solid #a8874d;border-radius:0;background:none;color:#052d24;cursor:pointer} .kits-impact{display:flex;gap:32px;align-items:center;max-width:820px;margin:42px auto 20px} .kits-impact img{width:125px;height:125px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1)} .kits-impact h3{font:29px/1.15 Georgia,serif;font-weight:400;margin:12px 0} .kits-impact p:not(.collection-kicker){font:15px/1.6 Georgia,serif;color:#596d54;margin:10px 0} .kits-impact a{font:11px/1.7 Arial,sans-serif;border-bottom:1px solid #a8874d;padding-bottom:4px} .kits-fine{max-width:760px;font:10px/1.7 Arial,sans-serif;color:#617359;text-align:center;margin:25px auto 0} .detail-kit-contents{padding:15px 0;border-top:1px solid #b49a6b70;border-bottom:1px solid #b49a6b70;margin:18px 0} .detail-kit-contents>strong{font:18px Georgia,serif} .detail-kit-contents ul{padding-left:19px;font:13px/1.8 Arial,sans-serif;margin:12px 0} .detail-kit-contents p{font:11px/1.7 Arial,sans-serif;color:#596d54} #product-dialog.is-kit .detail-image{width:96%;max-width:none} #product-dialog.is-kit .detail-visual{background:#e8e0cf} .purpose-kits button:focus-visible{outline:3px solid #a8874d;outline-offset:5px} .book-store{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;margin:35px 2.2% 0;padding:65px 8%;border:1px solid #b49a6b70;scroll-margin-top:90px;color:#052d24;background:#f6efdf} .book-visual{text-align:center;align-self:center;min-width:0}.book-visual>.collection-kicker{font-size:10px;margin-bottom:25px} .book-visual .book-art{display:block;max-width:330px;margin:auto;padding:0;background:none;border:0;cursor:zoom-in}.book-art img{display:block;width:100%;height:auto;filter:drop-shadow(15px 18px 14px #052d2420)} .book-copy h2{font:clamp(38px,4.5vw,62px)/1.05 Georgia,serif;letter-spacing:-.035em;font-weight:400;margin:18px 0}.book-copy h2 em{color:#768269;font-weight:400} .book-author{font:13px/1.6 Arial,sans-serif;color:#75603f;margin:0 0 22px}.book-copy>p:not([class]){font:17px/1.65 Georgia,serif;color:#596d54;margin:0 0 20px} .book-copy .kit-price{margin-top:25px}.book-copy .kit-price span{color:#617359}.book-copy .kit-buy{display:flex;justify-content:space-between;width:100%;padding:16px 20px;background:#052d24;color:#f6efdf;border:1px solid #052d24;border-radius:0;font:18px Georgia,serif;cursor:pointer} .book-delivery{font:11px/1.7 Arial,sans-serif;color:#617359}.book-kit-link{display:block;font:13px/1.7 Georgia,serif;border-bottom:1px solid #b49a6b70;padding-bottom:12px;margin:18px 0 25px} .book-ticket{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff9eb;color:#052d24;padding:25px 22px;clip-path:polygon(0 2%,2% 0,4% 2%,6% 0,8% 2%,10% 0,12% 2%,14% 0,16% 2%,18% 0,20% 2%,22% 0,24% 2%,26% 0,28% 2%,30% 0,32% 2%,34% 0,36% 2%,38% 0,40% 2%,42% 0,44% 2%,46% 0,48% 2%,50% 0,52% 2%,54% 0,56% 2%,58% 0,60% 2%,62% 0,64% 2%,66% 0,68% 2%,70% 0,72% 2%,74% 0,76% 2%,78% 0,80% 2%,82% 0,84% 2%,86% 0,88% 2%,90% 0,92% 2%,94% 0,96% 2%,98% 0,100% 2%,100% 98%,98% 100%,96% 98%,94% 100%,92% 98%,90% 100%,88% 98%,86% 100%,84% 98%,82% 100%,80% 98%,78% 100%,76% 98%,74% 100%,72% 98%,70% 100%,68% 98%,66% 100%,64% 98%,62% 100%,60% 98%,58% 100%,56% 98%,54% 100%,52% 98%,50% 100%,48% 98%,46% 100%,44% 98%,42% 100%,40% 98%,38% 100%,36% 98%,34% 100%,32% 98%,30% 100%,28% 98%,26% 100%,24% 98%,22% 100%,20% 98%,18% 100%,16% 98%,14% 100%,12% 98%,10% 100%,8% 98%,6% 100%,4% 98%,2% 100%,0 98%)} .book-ticket>div{min-width:0}.book-ticket span{display:block;font:8px Arial,sans-serif;letter-spacing:.1em}.book-ticket strong{display:block;font:18px Georgia,serif;font-weight:400;margin:8px 0 10px}.book-barcode{max-width:100%;height:65px;object-fit:contain;object-position:left}.book-qr{width:110px;height:110px;display:block}.book-source{font:9px/1.7 Arial,sans-serif;color:#617359;margin-top:18px}.book-source a{text-decoration:underline} @media(max-width:760px){.book-store{grid-template-columns:1fr;gap:32px;margin:25px 18px 0;padding:35px 24px}.book-visual .book-art{max-width:210px}.book-copy h2{font-size:43px}.book-copy>p:not([class]){font-size:16px}.book-ticket{padding:24px 14px;gap:8px}.book-qr{width:92px;height:92px}.book-ticket strong{font-size:16px}} @media(max-width:1000px){.purpose-kits{padding:45px 3% 30px}.kit-copy{padding:30px 24px}.kit-individual{grid-template-columns:.9fr 1.1fr}.kit-upgrade{grid-column:1/-1;border-left:0;border-top:1px solid #b49a6b70;padding:22px 28px}.kit-upgrade h4{display:inline;margin-right:20px}.kit-upgrade>span{display:block;margin-bottom:12px}.kit-upgrade p{display:inline}.kit-upgrade .product-cta{display:block;margin-top:12px}} @media(max-width:760px){.purpose-kits{margin:0 18px;padding:32px 18px 24px}.kits-heading{display:block;margin-bottom:26px}.kits-heading h2{font-size:39px}.kits-heading>p{font-size:16px;margin-top:24px;max-width:none}.kit-featured{grid-template-columns:1fr}.kit-stage{padding:65px 12px 20px}.kit-label{left:18px;top:22px;font-size:9px}.kit-stage>p{font-size:14px;margin-top:15px}.kit-copy{padding:25px 20px 30px}.purpose-kit h3{font-size:34px}.kit-includes strong{font-size:13px}.kit-individual{grid-template-columns:1fr}.kit-individual .kit-art{width:80%;margin:0 auto;padding:25px 0 0}.kit-individual .kit-copy{padding:20px}.kit-individual h3{font-size:30px}.kit-upgrade{padding:24px 20px}.kit-upgrade h4,.kit-upgrade p{display:block}.kit-upgrade h4{margin:14px 0}.kits-impact{display:block;margin-top:32px}.kits-impact img{width:95px;height:95px;margin-bottom:18px}.kits-impact h3{font-size:28px}.kits-fine{text-align:left}.purpose-kit .kit-buy{font-size:15px}.kit-price strong{font-size:38px}} .hope-collab{margin:36px 2.2% 55px;overflow:hidden;background:#f5f1e8;color:#052d24;text-align:left;scroll-margin-top:85px;border:1px solid #b49a6b66} .collab-masthead{display:flex;align-items:center;gap:27px;padding:25px 6%;border-bottom:1px solid #b49a6b55;background:#fffaf0} .collab-masthead>span{font:30px Georgia,serif;letter-spacing:.1em}.collab-masthead i{font:25px Georgia,serif;color:#a8874d}.collab-masthead img{width:160px;height:70px;object-fit:contain}.collab-masthead p{font:10px/1.7 Arial,sans-serif;letter-spacing:.12em;margin-left:auto;color:#617359} .collab-hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:620px;background:#052d24;color:#f6efdf} .collab-hero-photo{position:relative;min-width:0;overflow:hidden}.collab-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:43% center;position:absolute;inset:0}.collab-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#052d2499,transparent 55%)}.collab-hero-photo>span{position:absolute;bottom:30px;left:30px;right:25px;z-index:1;color:#fff;font:9px/1.6 Arial,sans-serif;letter-spacing:.12em} .collab-hero-copy{padding:55px 12% 50px 10%;align-self:center}.collab-hero-copy .collection-kicker{color:#d9bd83;font-size:9px}.collab-hero-copy h2{font:clamp(43px,4.5vw,68px)/1.02 Georgia,serif;font-weight:400;letter-spacing:-.04em;margin:22px 0}.collab-hero-copy h2 em{font-weight:400;color:#b5ce88}.collab-hero-copy>p:not([class]){font:17px/1.65 Georgia,serif;color:#d7dfcc;margin:0 0 18px}.collab-buy{display:flex;justify-content:space-between;width:100%;gap:20px;padding:16px 18px;background:#d9bd83;color:#052d24;border:0;border-radius:0;font:17px/1.5 Georgia,serif;cursor:pointer;margin:27px 0 18px}.collab-buy:hover{background:#f6efdf}.collab-hero-copy>a{font:11px/1.6 Arial,sans-serif;color:#c3d7ac;border-bottom:1px solid #c3d7ac77;padding-bottom:4px} .collab-programs{padding:65px 6%}.collab-section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.collab-section-heading .collection-kicker{color:#75603f}.collab-section-heading h3{font:43px/1.07 Georgia,serif;font-weight:400;letter-spacing:-.025em;margin:18px 0 0}.collab-section-heading h3 em{font-weight:400;color:#758d5f}.collab-section-heading>p{max-width:310px;font:16px/1.7 Georgia,serif;color:#5f7159}.collab-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.collab-program-grid article{min-width:0}.program-photo{display:block;position:relative;overflow:hidden;aspect-ratio:1.1}.program-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.program-photo:hover img{transform:scale(1.03)}.program-photo span{position:absolute;bottom:0;left:0;right:0;padding:13px 16px;font:9px/1.5 Arial,sans-serif;letter-spacing:.08em;background:#87ac3e;color:#112219}.collab-program-grid article:nth-child(2) .program-photo span{background:#28b5be}.collab-program-grid article:nth-child(3) .program-photo span{background:#fcb817}.collab-program-grid h4{font:29px/1.12 Georgia,serif;font-weight:400;letter-spacing:-.02em;margin:22px 0 14px}.collab-program-grid p{font:15px/1.6 Georgia,serif;color:#617359;margin:0 0 20px;min-height:72px}.program-link{font:11px/1.7 Arial,sans-serif;border-bottom:1px solid #a8874d;padding-bottom:7px} .collab-invitation{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:55px 6%;background:#dfe8d6}.collab-invitation .collection-kicker{color:#617359}.collab-invitation h3{font:40px/1.12 Georgia,serif;letter-spacing:-.02em;font-weight:400;margin:20px 0}.collab-action-list a{display:flex;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid #879b7577}.collab-action-list a:first-child{border-top:1px solid #879b7577}.collab-action-list a>span{font:12px Georgia,serif;color:#617359}.collab-action-list strong{display:block;font:23px Georgia,serif;font-weight:400}.collab-action-list small{display:block;font:11px/1.6 Arial,sans-serif;color:#617359;margin-top:6px}.collab-action-list b{font-size:23px;font-weight:400;margin-left:auto}.collab-transparency{display:grid;grid-template-columns:.5fr 1.5fr;align-items:center;gap:7%;padding:45px 9%}.collab-transparency>img{max-width:100%;width:auto;height:290px;justify-self:center;filter:drop-shadow(8px 15px 12px #052d2420)}.collab-transparency h3{font:30px/1.15 Georgia,serif;font-weight:400;margin:15px 0}.collab-transparency p:not([class]){font:14px/1.7 Georgia,serif;color:#617359}.collab-small,.collab-transparency a{font:10px/1.7 Arial,sans-serif;color:#617359}.collab-transparency a{text-decoration:underline} .book-signature{padding:18px 0;border-top:1px solid #b49a6b70;border-bottom:1px solid #b49a6b70;margin:20px 0 25px}.book-signature>span{font:9px Arial,sans-serif;color:#75603f;letter-spacing:.1em}.book-signature>strong{display:block;font:23px/1.25 Georgia,serif;font-weight:400;margin:10px 0}.book-signature p{font:12px/1.6 Arial,sans-serif;color:#617359;margin:0}.book-formats{display:grid;gap:16px;margin:30px 0}.book-formats article{display:flex;gap:18px;padding:23px 20px;border:1px solid #b49a6b70}.format-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:58px;border:1px solid #a8874d;font:12px Arial,sans-serif;color:#75603f}.book-formats h3{font:24px/1.15 Georgia,serif;font-weight:400;margin:12px 0}.book-formats p:not(.collection-kicker){font:13px/1.7 Georgia,serif;color:#617359}.book-formats strong{font:25px Georgia,serif;font-weight:400}.book-formats strong small{font:9px Arial,sans-serif}.pdf-format .product-cta{display:block;background:none;border-radius:0;border-bottom:1px solid #a8874d;padding:12px 0 5px;margin-top:8px;font:14px Georgia,serif;cursor:pointer}.book-formats .audio-format{background:#052d24;color:#f6efdf}.audio-format .collection-kicker{color:#97ca7f;font-size:9px}.audio-format p:not(.collection-kicker){color:#c5d4bc}.audio-orbit{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #97ca7f;border-radius:50%;color:#97ca7f;font-size:14px}.audio-soon{font:10px Arial,sans-serif;color:#97ca7f}.book-formats .collection-kicker{font-size:9px} .jade-edition{background:radial-gradient(ellipse at 20% 25%,#2b594333,transparent 53%),#052d24}.jade-material-details{display:flex;align-items:center;justify-content:center;gap:18px;margin:25px 0 18px;border-top:1px solid #b49a6b55;border-bottom:1px solid #b49a6b55;padding:17px 0;width:100%}.jade-material-details img{width:72px;height:72px;object-fit:contain}.jade-material-details span{font:8px/1.7 Arial,sans-serif;color:#d9bd83;letter-spacing:.07em}.jade-material-details b{font:13px/1.6 Georgia,serif;color:#cdd3be;font-weight:400;letter-spacing:0}.cup-pack-visual{display:flex;justify-content:center;align-items:end;height:100px;margin:15px 0 8px}.cup-pack-visual img{height:80px;width:auto;max-width:45%;object-fit:contain;margin-left:-20px;filter:drop-shadow(0 7px 5px #0004)}.cup-pack-visual img:first-child{margin-left:0}.cup-pack-grid article:last-child .cup-pack-visual img{height:65px;margin-left:-24px}.cup-pack-grid article:last-child .cup-pack-visual img:first-child{margin-left:0} .section-sales-link{display:inline-flex;gap:35px;align-items:center;background:#052d24;color:#f6efdf;font:17px Georgia,serif;padding:15px 22px;border:1px solid #a8874d;margin-top:24px;border-radius:0;cursor:pointer}.section-sales-link:hover{background:#114436}.section-sales-bridge{max-width:1100px;margin:25px auto 55px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 30px;background:#e4e7d8;border-top:1px solid #b49a6b70;border-bottom:1px solid #b49a6b70}.section-sales-bridge>p{font:24px/1.2 Georgia,serif;color:#052d24;margin:0}.section-sales-bridge small{display:block;font:11px/1.7 Arial,sans-serif;color:#617359;margin-top:10px}.section-sales-bridge .section-sales-link{margin:0;white-space:nowrap} @media(max-width:760px){.hope-collab{margin:25px 18px 40px}.collab-masthead{padding:20px;gap:15px;flex-wrap:wrap}.collab-masthead>span{font-size:23px}.collab-masthead img{width:115px;height:55px}.collab-masthead p{width:100%;margin:0;font-size:8px}.collab-hero{grid-template-columns:1fr;min-height:0}.collab-hero-photo{height:320px}.collab-hero-photo>span{left:20px;bottom:20px;font-size:8px}.collab-hero-copy{padding:32px 25px 38px}.collab-hero-copy h2{font-size:49px}.collab-hero-copy>p:not([class]){font-size:16px}.collab-buy{font-size:15px;gap:12px;padding:16px 13px}.collab-programs{padding:38px 24px}.collab-section-heading{display:block;margin-bottom:25px}.collab-section-heading h3{font-size:35px}.collab-section-heading>p{margin-top:20px}.collab-program-grid{grid-template-columns:1fr;gap:37px}.collab-program-grid h4{font-size:30px}.collab-program-grid p{min-height:0}.collab-invitation{grid-template-columns:1fr;gap:25px;padding:35px 24px}.collab-invitation h3{font-size:34px}.collab-action-list strong{font-size:23px}.collab-transparency{grid-template-columns:1fr;padding:35px 24px;gap:25px}.collab-transparency>img{height:240px}.collab-transparency h3{font-size:29px}.jade-material-details{gap:12px}.jade-material-details img{width:58px;height:58px}.jade-material-details b{font-size:11px}.section-sales-bridge{display:block;margin:25px 18px 40px;padding:25px}.section-sales-bridge>p{font-size:24px}.section-sales-bridge .section-sales-link{margin-top:20px;font-size:15px}.book-formats article{padding:20px 15px;gap:12px}} @media(prefers-reduced-motion:reduce){.program-photo img{transition:none}} .book-store>.book-formats{grid-column:1/-1;grid-template-columns:1fr 1fr;margin:0;gap:25px}.book-visual .book-ticket{max-width:330px;margin:30px auto 0}.book-store{row-gap:35px}.book-visual .book-ticket strong{font-size:15px}.book-visual .book-qr{width:90px;height:90px}.book-visual .book-ticket{padding:22px 14px;gap:12px} .collab-storywall{position:relative;min-width:0;padding:32px 28px 26px 34px;align-self:center}.collab-memory-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 20px;color:#d9bd83}.collab-memory-heading>span{font:8px/1.6 Arial,sans-serif;letter-spacing:.13em}.collab-memory-heading i{font:13px/1.4 Georgia,serif;color:#c4cfb9;white-space:nowrap}.collab-memories{display:grid;grid-template-columns:1.04fr 1fr;gap:13px;position:relative}.collab-memories figure{position:relative;margin:0;min-width:0;padding:6px 6px 0;background:#f5f1e8;box-shadow:0 12px 35px #001e1a55}.collab-memories img{display:block;width:100%;height:210px;object-fit:cover}.collab-memories figcaption{font:8px/1.4 Arial,sans-serif;letter-spacing:.08em;color:#254c3b;padding:12px 9px}.collab-memory-main{grid-column:1/-1;transform:rotate(-1.2deg);z-index:1}.collab-memory-main img{height:auto;aspect-ratio:3/2;object-position:45% center}.collab-memory-main figcaption{font:14px/1.4 Georgia,serif;letter-spacing:0;padding:12px 10px}.collab-memory-action{transform:rotate(-1.3deg);margin-top:4px!important}.collab-memory-action img{object-position:44% center}.collab-memory-detail{transform:rotate(2deg);margin-top:8px!important}.collab-memory-detail img{object-position:52% 55%}.collab-memory-credit{margin:22px 0 0;font:9px/1.7 Arial,sans-serif;color:#bac8b2}.collab-memory-credit a{color:#d9bd83;text-decoration:none;border-bottom:1px solid #d9bd8355}.collab-hero-copy{padding-left:8%;padding-right:10%} @media(max-width:1000px){.collab-storywall{padding:26px 20px}.collab-memories img{height:175px}.collab-memory-main img{height:auto}.collab-memory-heading{display:block}.collab-memory-heading i{display:block;margin-top:5px}.collab-hero-copy h2{font-size:50px}.collab-hero-copy{padding-left:6%;padding-right:8%}} @media(max-width:760px){.collab-storywall{padding:27px 22px 8px}.collab-memories{gap:10px}.collab-memories img{height:165px}.collab-memory-main img{height:auto}.collab-memories figure{padding:4px 4px 0}.collab-memories figcaption{font-size:7px;padding:10px 6px}.collab-memory-main figcaption{font-size:12px;letter-spacing:0}.collab-memory-heading{display:flex;gap:8px}.collab-memory-heading span{font-size:7px}.collab-memory-heading i{font-size:11px;margin:0}.collab-memory-credit{font-size:8px;margin-top:17px}.collab-hero-copy{padding:27px 25px 38px}.collab-hero-copy h2{font-size:49px}} @media(max-width:760px){.book-store>.book-formats{grid-template-columns:1fr;gap:16px}.book-visual .book-ticket{display:none}} @media(max-width:600px){.collab-masthead{gap:12px}.collab-masthead>span{font-size:19px;letter-spacing:.08em}.collab-masthead img{width:105px;height:50px}.collab-masthead i{font-size:20px}.collab-masthead p{font-size:8px}} .speaker-booking{margin:35px 2.2% 60px;background:#f5f1e8;color:#052d24;border:1px solid #b49a6b66;text-align:left;scroll-margin-top:90px;overflow:hidden}.booking-hero{display:grid;grid-template-columns:1.1fr 1fr;background:#052d24;color:#f6efdf;min-height:650px}.booking-pitch{padding:65px 10% 45px}.booking-pitch .collection-kicker{color:#d9bd83;font-size:10px;line-height:1.8}.booking-pitch h2{font:clamp(42px,4.4vw,68px)/1.03 Georgia,serif;letter-spacing:-.04em;margin:30px 0}.booking-pitch h2 em{color:#d9bd83;font-weight:400}.booking-pitch>p:not([class]){font:18px/1.7 Georgia,serif;max-width:420px;color:#d2dbcc}.booking-primary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#d9bd83;color:#052d24;padding:18px 20px;font:17px/1.3 Georgia,serif;text-decoration:none;margin:28px 0}.booking-primary:hover{background:#f6efdf}.booking-portrait{position:relative;margin:0;min-width:0;background:#172b23;overflow:hidden}.booking-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%}.booking-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#052d24e6,transparent 55%)}.booking-portrait figcaption{position:absolute;bottom:32px;left:34px;z-index:1;font:27px/1.25 Georgia,serif;color:#fff8e8}.speaker-pillars{display:flex;flex-wrap:wrap;gap:9px}.speaker-pillars span{font:9px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:8px 10px;border:1px solid #d9bd8355;color:#d2dbcc}.speaker-distinction{font:9px/1.8 Arial,sans-serif;letter-spacing:.1em;margin-top:35px;color:#b6c7ad}.speaker-distinction strong{font-weight:400;color:#d9bd83}.speaker-credibility{padding:36px 7% 25px;border-bottom:1px solid #b49a6b55}.speaker-credibility>.collection-kicker{text-align:center;font-size:9px;letter-spacing:.16em}.speaker-logo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:center;margin:30px 0}.speaker-logo-row figure{margin:0;text-align:center;min-width:0}.speaker-logo-row img{width:100%;max-width:240px;height:82px;object-fit:contain}.speaker-logo-row figure:nth-child(2) img{filter:brightness(0) saturate(100%);opacity:.82}.speaker-logo-row figcaption{font:10px/1.5 Arial,sans-serif;margin-top:12px;color:#617359}.speaker-organization{text-decoration:none;text-align:center;padding:25px 10px;border-left:1px solid #b49a6b55;min-width:0;color:#052d24}.speaker-organization strong{display:block;font:28px/1.2 Georgia,serif}.speaker-organization span{display:block;font:10px/1.5 Arial,sans-serif;color:#617359;margin-top:13px}.speaker-evidence{font:12px/1.7 Arial,sans-serif;color:#617359;padding:18px 0 0;border-top:1px solid #b49a6b44}.speaker-evidence summary{cursor:pointer}.speaker-evidence a{color:#052d24}.booking-form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;padding:60px 7%;scroll-margin-top:90px}.booking-form-intro h3{font:clamp(30px,3.4vw,48px)/1.12 Georgia,serif;letter-spacing:-.03em;font-weight:400;margin:20px 0}.booking-form-intro h3 em{color:#8f713e}.booking-form-intro>p:not([class]){font:16px/1.7 Georgia,serif;color:#617359}.booking-form-intro ol{list-style:none;padding:20px 0;margin:0}.booking-form-intro li{display:flex;gap:18px;margin:20px 0}.booking-form-intro li>span{font:12px/1.8 Arial,sans-serif;color:#a8874d}.booking-form-intro li strong{font:21px/1.2 Georgia,serif}.booking-form-intro li p{font:12px/1.6 Arial,sans-serif;margin:8px 0 0;color:#617359}.booking-gift{margin-top:20px;border-top:1px solid #b49a6b55}.booking-gift img{width:100%;max-height:230px;object-fit:contain;margin:20px 0 5px}.booking-gift p{font:13px/1.6 Georgia,serif;color:#617359}.booking-gift strong{font-weight:400;color:#052d24}.speaker-form{background:#fffcf4;border:1px solid #b49a6b66;padding:28px;min-width:0;align-self:start}.speaker-progress{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #b49a6b55;padding-bottom:17px}.speaker-progress span{font:9px/1.4 Arial,sans-serif;color:#7b8579;letter-spacing:.05em}.speaker-progress span[aria-current]{color:#052d24;font-weight:700}.speaker-form-status{font:10px/1.6 Arial,sans-serif;color:#617359;margin:16px 0}.speaker-form fieldset{border:0;padding:0;margin:0;min-width:0}.speaker-form [hidden],.speaker-summary [hidden]{display:none!important}.speaker-form legend{font:28px/1.15 Georgia,serif;letter-spacing:-.02em;margin-bottom:25px;padding:0}.speaker-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 15px}.speaker-field-grid>label{font:11px/1.5 Arial,sans-serif;display:block;min-width:0;color:#254c3b}.speaker-wide{grid-column:1/-1}.speaker-form input:not([type=checkbox]),.speaker-form select,.speaker-form textarea{display:block;box-sizing:border-box;width:100%;min-width:0;background:#f4f3e9;border:1px solid #aeb7a366;border-radius:0;color:#052d24;font:13px/1.5 Arial,sans-serif;padding:12px 11px;margin-top:8px;min-height:45px}.speaker-form select{padding-right:28px}.speaker-form textarea{resize:vertical}.speaker-form input:focus,.speaker-form select:focus,.speaker-form textarea:focus{outline:2px solid #a8874d;outline-offset:2px}.speaker-form small{display:block;font:10px/1.6 Arial,sans-serif;color:#617359;margin-top:7px}.speaker-extras{padding-top:18px}.speaker-extras>p{font:17px/1.3 Georgia,serif;margin:10px 0 15px}.speaker-extras>p small{display:inline;margin-left:10px}.speaker-extras>label,.speaker-consent{display:flex;align-items:flex-start;gap:10px;font:12px/1.7 Arial,sans-serif;margin:10px 0;color:#254c3b}.speaker-form input[type=checkbox]{width:17px;height:17px;flex:0 0 17px;accent-color:#052d24;margin:1px 0}.speaker-consent{margin-top:25px}.speaker-form-note{font:11px/1.7 Arial,sans-serif;color:#617359;margin-top:20px}.speaker-form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.speaker-form-actions button,.speaker-summary-actions button,.speaker-summary-actions a{border:0;border-radius:0;background:#052d24;color:#f6efdf;padding:14px 18px;font:13px/1.4 Arial,sans-serif;cursor:pointer;text-decoration:none}.speaker-form-actions #speaker-prev{background:none;color:#052d24;padding-left:0}.speaker-form-actions #speaker-next,.speaker-form-actions #speaker-submit{margin-left:auto}.speaker-summary{box-sizing:border-box;max-width:650px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;padding:42px;color:#052d24;background:#f5f1e8;border:1px solid #b49a6b}.speaker-summary::backdrop{background:#001c19bb;backdrop-filter:blur(4px)}.speaker-summary>.close{position:absolute;right:18px;top:15px;border:0;background:none;color:#052d24;font-size:28px;cursor:pointer}.speaker-summary h3{font:44px/1.08 Georgia,serif;letter-spacing:-.03em;margin:22px 0}.speaker-summary>p:not([class]){font:13px/1.7 Arial,sans-serif;color:#617359}.speaker-summary>textarea{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #b49a6b88;background:#fffcf4;color:#052d24;padding:18px;font:12px/1.8 Arial,sans-serif;margin:12px 0 20px}.speaker-summary-actions{display:flex;flex-wrap:wrap;gap:12px}.speaker-summary-actions button:nth-child(2){background:#e5e7d9;color:#052d24}.speaker-summary #speaker-copy-status{min-height:1.7em} .speaker-logo-row figure:first-child img{filter:brightness(0) saturate(100%);opacity:.82}.speaker-form{scroll-margin-top:90px} @media(max-width:850px){.booking-pitch{padding:45px 8%}.booking-pitch h2{font-size:48px}.booking-form-layout{padding:40px 6%;gap:5%;grid-template-columns:.8fr 1.2fr}.speaker-form{padding:22px}.speaker-field-grid{grid-template-columns:1fr}.speaker-wide{grid-column:auto}.speaker-logo-row{gap:16px}.speaker-organization strong{font-size:24px}} @media(max-width:600px){.speaker-booking{margin:28px 18px 40px}.booking-hero{grid-template-columns:1fr;min-height:0}.booking-pitch{padding:32px 25px 38px}.booking-pitch h2{font-size:47px}.booking-pitch>p:not([class]){font-size:16px}.booking-primary{font-size:15px;padding:16px}.booking-portrait{height:400px}.booking-portrait img{object-position:50% 27%}.booking-portrait figcaption{left:25px;bottom:25px;font-size:25px}.speaker-credibility{padding:30px 25px 25px}.speaker-logo-row{grid-template-columns:1fr 1fr;gap:26px 20px}.speaker-logo-row img{height:65px}.speaker-organization{grid-column:1/-1;border-left:0;border-top:1px solid #b49a6b55;padding-bottom:10px}.booking-form-layout{grid-template-columns:1fr;gap:30px;padding:35px 22px}.booking-form-intro h3{font-size:35px}.booking-form-intro ol{padding-bottom:0}.booking-gift{display:none}.speaker-form{padding:22px 17px}.speaker-progress{gap:7px}.speaker-progress span{font-size:8px}.speaker-form legend{font-size:27px}.speaker-form input:not([type=checkbox]),.speaker-form select,.speaker-form textarea{font-size:16px}.speaker-form label{font-size:12px}.speaker-form-actions button{padding:13px;font-size:12px}.speaker-summary{padding:32px 22px}.speaker-summary h3{font-size:36px}} /* Brand marks have a single role: delivery, listening, social channels or collaboration. */ .delivery-brand{display:flex;align-items:center;justify-content:center;gap:18px;max-width:680px;margin:0 auto 32px;padding:17px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:10px/1.5 Arial,sans-serif;letter-spacing:.07em;color:var(--forest)} .delivery-brand img{width:85px;height:auto;filter:brightness(0);flex:none} .delivery-brand>span:last-child{letter-spacing:.02em;color:#617359}.delivery-brand b{margin-left:12px} .book-formats .spotify-format{display:flex;flex-direction:column;justify-content:space-between;padding:28px 30px;gap:22px} .pdf-format .product-cta{color:#052d24} .spotify-brandline{display:flex;align-items:center;justify-content:space-between;gap:20px}.spotify-brandline img{display:block;width:135px;height:auto;max-width:52%}.spotify-brandline>span{font:8px/1.5 Arial,sans-serif;letter-spacing:.11em;color:#b9cfac} .spotify-format h3{font-size:34px;margin:10px 0 14px}.spotify-format .audio-soon{display:block;margin-top:20px;line-height:1.6;color:#c5d4bc}.spotify-format p:not(.collection-kicker){color:#d9dfd0;font-size:15px} .delivery-feature{gap:10%;padding-block:70px}.delivery-story h2{max-width:620px}.delivery-story>p:not(.shipping-eyebrow){max-width:420px;color:#d3ddcf;font:18px/1.65 Georgia,serif} .delivery-provider{display:flex;align-items:center;gap:20px;border-top:1px solid #b58a4c66;border-bottom:1px solid #b58a4c66;padding:23px 0;margin-top:30px;max-width:430px}.delivery-provider>span:first-child{font:9px Arial,sans-serif;letter-spacing:.12em}.delivery-provider img{width:107px;height:auto;filter:brightness(0) invert(1)}.delivery-provider>span:last-child{font:italic 16px Georgia,serif;color:#d9bd83} .delivery-details{align-self:center;padding:30px 0}.delivery-details>.collection-kicker{color:#d9bd83;font-size:9px}.delivery-details dl{margin:20px 0}.delivery-details dl>div{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;border-top:1px solid #b58a4c66;padding:24px 0}.delivery-details dt{font:23px/1.2 Georgia,serif}.delivery-details dd{margin:0;font:16px/1.5 Georgia,serif}.delivery-details small{display:block;font:11px/1.6 Arial,sans-serif;color:#b6c6b3;margin-top:8px}.delivery-details .delivery-cost{font:11px/1.7 Arial,sans-serif;color:#c3cebb} .detail-delivery-brand,.selection-provider{display:flex;align-items:center;gap:15px;font:11px/1.6 Arial,sans-serif}.detail-delivery-brand img,.selection-provider img{width:78px;height:auto;filter:brightness(0);flex:none} .collab-masthead{display:block;background:#052d24;color:#f6efdf;padding:38px 7% 30px;border-bottom:1px solid #b49a6b77} .collab-masthead .collab-shared-purpose{margin:0 auto 26px;text-align:center;color:#d9bd83;font:9px/1.6 Arial,sans-serif;letter-spacing:.2em} .collab-identity-pair{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;max-width:900px;margin:auto} .collab-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:155px;gap:18px;text-align:center}.collab-identity>div{height:90px;display:flex;align-items:center;justify-content:center;width:100%}.collab-identity small{font:8px/1.6 Arial,sans-serif;letter-spacing:.17em;color:#d1d9c7}.collab-barrondo-mark{font:clamp(28px,3.6vw,52px)/1 Georgia,serif;letter-spacing:.11em}.collab-identity img{width:250px;max-width:90%;height:95px;object-fit:contain;filter:brightness(0) invert(1)} .collab-union{display:grid;place-items:center;width:43px;height:43px;border:1px solid #b49a6b77;border-radius:50%;color:#d9bd83;font:27px/1 Georgia,serif;justify-self:center} .collab-hero{min-height:0}.collab-storywall{padding:38px 24px 38px 8%}.collab-memories{display:block;padding-bottom:80px}.collab-memories figure{transform:none;padding:0;background:none;box-shadow:none}.collab-memory-main img{width:100%;aspect-ratio:3/2;object-fit:contain;height:auto}.collab-memory-main figcaption{padding:14px 0;color:#d9bd83;font:italic 17px/1.4 Georgia,serif;width:47%}.collab-memories .collab-memory-action{width:51%;position:absolute;bottom:0;right:-5%;margin:0!important;border:6px solid #052d24}.collab-memory-action img{height:auto;aspect-ratio:3/2;object-fit:contain}.collab-memory-action figcaption{display:none}.collab-memory-credit{margin-top:12px}.collab-memory-heading{margin-bottom:18px} .collab-programs{padding-top:44px;padding-bottom:45px}.collab-section-heading h3{font-size:36px}.collab-program-grid{gap:30px}.collab-program-grid article{border-top:1px solid #a8874d77;padding-top:22px}.collab-program-number{display:flex;justify-content:space-between;align-items:center;gap:15px;font:10px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#617359}.collab-program-number>span:first-child{font:34px/1 Georgia,serif;color:#a8874d}.collab-program-grid h4{font-size:26px;margin:24px 0 15px}.collab-program-grid p{min-height:0}.collab-invitation{padding-block:40px} .collab-commitment{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:40px 6%;border-top:1px solid #b49a6b55}.collab-commitment .collection-kicker{font-size:8px;color:#75603f}.collab-commitment h3{font:30px/1.15 Georgia,serif;letter-spacing:-.02em;margin:15px 0}.collab-commitment p{font:13px/1.7 Georgia,serif;color:#617359}.collab-commitment details{align-self:center;border-block:1px solid #b49a6b55;padding:19px 0}.collab-commitment summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font:19px/1.3 Georgia,serif;list-style:none}.collab-commitment summary::-webkit-details-marker{display:none}.collab-commitment summary span{font-size:23px;color:#a8874d}.collab-commitment details[open] summary span{transform:rotate(45deg)}.collab-commitment details p{margin:18px 0}.collab-commitment a{font:11px/1.6 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px} .next-chapter{padding:50px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#ede5d4;border-top:1px solid var(--line)}.next-chapter>.collection-kicker,.next-chapter .collection-kicker{font-size:9px;color:#75603f}.next-chapter h2{font:38px/1.1 Georgia,serif;letter-spacing:-.03em;margin:18px 0}.next-chapter p:not(.collection-kicker){font:16px/1.6 Georgia,serif;color:#617359;max-width:480px}.next-chapter details{border-top:1px solid #b49a6b77;padding:20px 0;scroll-margin-top:100px}.next-chapter details:last-child{border-bottom:1px solid #b49a6b77}.next-chapter summary{display:flex;align-items:center;gap:22px;cursor:pointer;list-style:none}.next-chapter summary::-webkit-details-marker{display:none}.next-chapter summary>span{font:12px Arial,sans-serif;color:#8b713f}.next-chapter summary strong{display:block;font:25px Georgia,serif}.next-chapter summary small{display:block;font:10px/1.6 Arial,sans-serif;color:#617359;margin-top:6px}.next-chapter summary b{font:24px Georgia,serif;margin-left:auto;color:#8b713f}.next-chapter details[open] summary b{transform:rotate(45deg)}.next-chapter details>p{margin:20px 0 5px}.next-chapter .text-link{font-size:15px} .community-edited .community-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}.community-edited .community-heading h2{font-size:46px}.erick-socials{min-width:225px}.erick-socials>p{font:9px/1.6 Arial,sans-serif;letter-spacing:.12em;color:#617359;margin-bottom:12px}.erick-socials a{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font:17px Georgia,serif}.erick-socials img{width:21px;height:21px;opacity:.85}.erick-socials a>span{margin-left:auto;color:#a8874d}.footer-socials{display:flex;gap:20px;align-items:center}.footer-socials a{display:inline-flex;align-items:center}.footer-socials img{filter:brightness(0) invert(1);opacity:.8}.community-edited .speaker-section{padding-bottom:0!important} @media(max-width:900px){.delivery-feature{gap:5%}.delivery-provider{gap:12px}.delivery-provider>span:last-child{font-size:14px}.collab-identity img{width:210px}.collab-memory-main figcaption{font-size:14px}.collab-storywall{padding-left:25px}.collab-program-grid{gap:20px}} @media(max-width:760px){.delivery-brand{gap:10px;padding:14px 8px;margin-bottom:25px;flex-wrap:wrap}.delivery-brand>span:first-child{font-size:8px}.delivery-brand img{width:76px}.delivery-brand>span:last-child{font-size:9px}.book-formats .spotify-format{padding:24px}.spotify-brandline img{width:130px}.spotify-format h3{font-size:34px}.delivery-feature{gap:10px;padding-block:45px}.delivery-details{padding:15px 0 0}.delivery-details dt{font-size:20px}.delivery-details dd{font-size:15px}.delivery-provider{flex-wrap:wrap;gap:18px}.delivery-provider img{width:95px}.delivery-provider>span:last-child{font-size:15px}.collab-masthead{padding:27px 20px 22px}.collab-masthead .collab-shared-purpose{font-size:7px;letter-spacing:.13em;margin-bottom:10px}.collab-identity-pair{grid-template-columns:1fr 28px 1fr}.collab-identity{min-height:110px;gap:10px}.collab-identity>div{height:60px}.collab-identity img{width:140px;height:60px;max-width:100%}.collab-barrondo-mark{font-size:21px;letter-spacing:.06em}.collab-identity small{font-size:6px;letter-spacing:.04em}.collab-union{width:24px;height:24px;font-size:18px}.collab-storywall{padding:27px 22px 0}.collab-memories{padding-bottom:60px}.collab-memories .collab-memory-action{right:-2%;border-width:4px}.collab-memory-main figcaption{font-size:13px}.collab-memory-credit{margin-top:10px}.collab-programs{padding:35px 24px}.collab-program-grid{gap:30px}.collab-program-grid h4{margin:16px 0 12px}.collab-section-heading h3{font-size:33px}.collab-commitment{grid-template-columns:1fr;padding:30px 24px;gap:24px}.collab-commitment h3{font-size:28px}.collab-commitment summary{font-size:17px}.next-chapter{grid-template-columns:1fr;padding:40px 6%;gap:30px}.next-chapter h2{font-size:34px}.community-edited .community-heading{display:block}.community-edited .community-heading h2{font-size:36px}.erick-socials{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;margin-top:27px}.erick-socials>p{grid-column:1/-1;margin-bottom:0}.erick-socials a{font-size:15px;gap:10px}.erick-socials img{width:19px;height:19px}} @media(prefers-reduced-motion:reduce){.collab-memories *{transition:none!important}} /* A portable ritual, original documentary photography, and one clear price ladder. */ .ruta-discover{display:inline-flex;gap:28px;align-items:center;margin-top:18px;padding-bottom:8px;border-bottom:1px solid #a8874d;color:#052d24;font:16px Georgia,serif} .ruta-ritual{margin:65px 0 75px;padding:48px 4% 0;background:#ede8dc;text-align:left;color:#052d24;scroll-margin-top:100px;border-top:1px solid #b49a6b66} .ruta-ritual-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:9%;margin-bottom:36px} .ruta-ritual .collection-kicker{color:#75603f;font-size:9px;letter-spacing:.15em} .ruta-ritual-heading h3{font:clamp(40px,5.5vw,76px)/.98 Georgia,serif;letter-spacing:-.04em;margin:21px 0 0;font-weight:400} .ruta-ritual-heading h3 em{font-weight:400;color:#718459} .ruta-ritual-heading>div>p:not(.collection-kicker){font:19px/1.65 Georgia,serif;margin:0 0 22px;max-width:440px} .ruta-occasions{display:flex;gap:13px 22px;padding:0;margin:0;list-style:none;flex-wrap:wrap;font:10px/1.6 Arial,sans-serif;letter-spacing:.04em;color:#617359} .ruta-occasions li{border-bottom:1px solid #a8874d77;padding-bottom:7px} .ruta-promo{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/2;background:#152016} .ruta-pour{display:block;width:100%;height:100%;object-fit:cover} .ruta-promo-pack{position:absolute;width:46%;height:auto;right:1.5%;bottom:13%;filter:drop-shadow(8px 18px 12px #0006)} .ruta-promo-line{position:absolute;left:60%;top:10%;right:5%;color:#f6efdf} .ruta-promo-line>span{font:11px/1.5 Georgia,serif;letter-spacing:.22em} .ruta-promo-line strong{display:block;font:clamp(20px,2.7vw,39px)/1.1 Georgia,serif;font-weight:400;margin-top:16px;letter-spacing:-.02em} .ruta-promo-caption{position:absolute;bottom:20px;left:24px;color:#f6efdfc9;font:8px/1.5 Arial,sans-serif;letter-spacing:.13em} .ruta-how{display:grid;grid-template-columns:.85fr 1.5fr;gap:9%;padding:40px 0;border-bottom:1px solid #b49a6b66} .ruta-how h4{font:35px/1.13 Georgia,serif;font-weight:400;letter-spacing:-.025em;margin:20px 0 16px} .ruta-how>div>p:not(.collection-kicker){font:15px/1.6 Georgia,serif;color:#617359;max-width:240px} .ruta-how ol{list-style:none;padding:0;margin:0} .ruta-how li{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #b49a6b66} .ruta-how li:first-child{padding-top:0}.ruta-how li:last-child{border:0;padding-bottom:0} .ruta-how li>span{font:25px/1.2 Georgia,serif;color:#a8874d}.ruta-how strong{font:23px/1.2 Georgia,serif;font-weight:400} .ruta-how li p{font:14px/1.65 Georgia,serif;color:#617359;margin:9px 0 0} .ruta-ritual-action{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:9%;padding:28px 0 33px} .ruta-ritual-action>p{grid-row:span 2;font:22px/1.4 Georgia,serif;margin:0}.ruta-ritual-action>p>strong{font-weight:400;color:#617359} .ruta-ritual-action .product-cta{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#052d24;color:#fff7e7;border:0;font:17px/1.4 Georgia,serif;cursor:pointer;width:100%;margin:0} .ruta-ritual-action .product-cta:hover{background:#214639}.ruta-ritual-action small{display:block;margin-top:10px;font:10px/1.5 Arial,sans-serif;color:#617359} .book-formats{grid-template-columns:1fr!important} .book-formats .spotify-format{flex-direction:row;align-items:center;gap:10%;padding:35px 42px} .book-formats .spotify-brandline{flex-direction:column;align-items:flex-start;gap:16px;min-width:160px} .book-formats .spotify-brandline img{max-width:100%;width:158px} .book-formats .spotify-format>div:last-child{flex:1}.book-formats .spotify-format h3 br{display:none} .book-formats .spotify-format h3{font-size:35px;margin:10px 0} .collab-identity-pair{max-width:790px;grid-template-columns:1fr 90px 1fr} .collab-identity{display:grid;grid-template-rows:112px auto;gap:23px;min-height:0}.collab-identity>div{height:112px;align-items:center} .collab-identity img{width:245px;max-width:100%;height:112px;object-fit:contain;object-position:center center} .collab-barrondo-mark{font-size:43px;letter-spacing:.095em;margin-bottom:0} .collab-union{border:0;border-radius:0;font-size:32px;align-self:start;margin-top:34.5px;transform:none} .collab-identity small{font-size:8px;letter-spacing:.12em;white-space:nowrap} .community-document{align-self:center;padding:42px 3% 42px 10%} .community-document figure{margin:0;position:static;transform:none;background:none;box-shadow:none;padding:0} .community-document figure>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:none} .community-document .collab-memory-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px} .community-document .collab-memory-heading span{font:8px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#d9bd83}.community-document .collab-memory-heading i{font:italic 13px Georgia,serif;color:#cbd5c1} .community-document figcaption{padding:23px 0 0;color:#e9e5d9} .community-document figcaption>span{font:8px/1.6 Arial,sans-serif;letter-spacing:.13em;color:#d9bd83} .community-document figcaption p{font:22px/1.35 Georgia,serif;margin:12px 0 18px;max-width:370px} .community-document figcaption a{font:9px/1.7 Arial,sans-serif;color:#bccbb0;border-bottom:1px solid #bccbb044;padding-bottom:5px} .collab-hero-copy .collab-campaign-note{font:10px/1.65 Arial,sans-serif;color:#bbc8b2;margin:22px 0 0;max-width:410px} .origin-panorama{margin:34px 0 0;position:relative;background:#dedccf;isolation:isolate} .origin-panorama>img{width:100%;height:clamp(290px,36vw,520px);display:block;object-fit:cover;object-position:center 70%} .origin-panorama:after{content:'';position:absolute;inset:0 0 38px;pointer-events:none;background:linear-gradient(90deg,#052d2477,transparent 70%);z-index:1} .origin-place{position:absolute;top:36px;left:38px;color:#fffaf0;z-index:2} .origin-place>span{font:9px Arial,sans-serif;letter-spacing:.15em}.origin-place strong{display:block;font:clamp(42px,5.5vw,76px)/1 Georgia,serif;font-weight:400;letter-spacing:-.04em;margin-top:19px}.origin-place p{font:italic 18px Georgia,serif;margin-top:12px} .origin-panorama figcaption{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;padding:12px 0;background:var(--cream,#f5f1e8);font:9px/1.6 Arial,sans-serif;color:#617359}.origin-panorama figcaption a{text-decoration:underline;text-underline-offset:3px} .coe-motion{margin:45px 0 0} .coe-motion-stage{position:relative;aspect-ratio:12/7;overflow:hidden;background:#052d24} .coe-motion video{display:block;width:100%;height:100%;object-fit:cover} .coe-motion-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#052d24bb,transparent 65%)} .coe-film-caption{position:absolute;bottom:35px;left:38px;color:#fffaf0;z-index:1} .coe-film-caption>span{font:9px Arial,sans-serif;letter-spacing:.16em}.coe-film-caption strong{display:block;font:clamp(28px,4.2vw,58px)/1.05 Georgia,serif;font-weight:400;letter-spacing:-.03em;margin-top:16px} .coe-play{position:absolute;right:30px;bottom:35px;z-index:2;background:#f6efdfeb;color:#052d24;border:1px solid #f6efdf88;padding:12px 17px;font:11px Arial,sans-serif;cursor:pointer;display:flex;gap:12px;align-items:center;min-height:44px} .coe-play:hover{background:#fff}.coe-play:focus-visible{outline:3px solid #d9bd83;outline-offset:4px} .coe-motion figcaption{display:flex;justify-content:space-between;gap:20px;padding:13px 0;font:10px/1.6 Arial,sans-serif;color:#617359}.coe-motion figcaption a{color:#052d24;text-decoration:underline;text-underline-offset:4px} #origen .award-history{border-top:0;padding-top:28px} @media(max-width:760px){ .ruta-ritual{margin:40px 0;padding:30px 5% 0}.ruta-ritual-heading{grid-template-columns:1fr;gap:25px;margin-bottom:25px}.ruta-ritual-heading h3{font-size:48px}.ruta-ritual-heading>div>p:not(.collection-kicker){font-size:17px;margin-bottom:17px}.ruta-occasions{font-size:9px;gap:15px} .ruta-promo{margin-inline:-5.6%;aspect-ratio:3/2}.ruta-promo-line{left:57%;top:8%;right:3%}.ruta-promo-line>span{font-size:8px}.ruta-promo-line strong{font-size:21px;margin-top:9px}.ruta-promo-pack{width:46%;right:1%;bottom:12%}.ruta-promo-caption{left:12px;bottom:11px;font-size:6px;letter-spacing:.08em} .ruta-how{grid-template-columns:1fr;gap:23px;padding:28px 0}.ruta-how h4{font-size:30px;margin:15px 0}.ruta-how>div>p:not(.collection-kicker){max-width:none}.ruta-how strong{font-size:21px}.ruta-how li{gap:12px;padding:17px 0}.ruta-ritual-action{grid-template-columns:1fr;gap:20px;padding:25px 0}.ruta-ritual-action>p{grid-row:auto;font-size:20px}.ruta-ritual-action small{margin-top:-10px;font-size:9px} .book-formats .spotify-format{padding:26px;display:block}.book-formats .spotify-brandline{flex-direction:row;align-items:center;margin-bottom:26px}.book-formats .spotify-brandline img{width:125px}.book-formats .spotify-format h3{font-size:30px} .collab-masthead{padding:26px 16px 24px}.collab-identity-pair{grid-template-columns:1fr 25px 1fr;gap:7px}.collab-identity{min-height:0;grid-template-rows:65px auto;gap:16px}.collab-identity>div{height:65px}.collab-identity img{width:145px;height:65px}.collab-barrondo-mark{font-size:23px;letter-spacing:.045em;margin-bottom:0}.collab-identity small{font-size:5.8px;letter-spacing:.02em}.collab-union{font-size:21px;margin-top:20.5px;transform:none} .community-document{padding:28px 24px 8px}.community-document figcaption p{font-size:20px}.collab-hero-copy{padding-top:28px}.community-document figcaption a{font-size:8px} .origin-panorama{margin-top:26px}.origin-panorama>img{height:330px;object-position:46% 70%}.origin-place{top:24px;left:22px}.origin-place strong{font-size:51px}.origin-place p{font-size:15px}.origin-panorama figcaption{display:block;font-size:8px;line-height:1.8}.origin-panorama figcaption a{display:block}.origin-panorama:after{bottom:50px} .coe-motion{margin-top:30px}.coe-motion-stage{aspect-ratio:1.14}.coe-motion video{object-position:52% center}.coe-film-caption{left:20px;bottom:75px}.coe-film-caption>span{font-size:7px}.coe-film-caption strong{font-size:35px;margin-top:12px}.coe-play{right:18px;bottom:17px;font-size:10px;padding:10px 15px}.coe-motion figcaption{display:block;font-size:9px}.coe-motion figcaption>span{display:block;margin-top:7px} } @media(prefers-reduced-motion:reduce){.ruta-promo *{animation:none!important;transition:none!important}} /* Font stack taken from the official Cup of Excellence homepage's inline body rule. */ .coe-cinema{--coe-font:HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-family:var(--coe-font);scroll-margin-top:100px} .coe-cinema .coe-motion{margin-top:45px}.coe-cinema .coe-motion-stage{aspect-ratio:16/9;min-height:570px} .coe-cinema .coe-motion-stage:after{background:linear-gradient(180deg,#061b17b3 0%,#061b1740 42%,#061b17d9 100%)} .coe-cinema-overlay{position:absolute;inset:40px 45px 70px;z-index:1;display:flex;flex-direction:column;justify-content:space-between;color:#fffaf0;pointer-events:none} .coe-cinema-brand{display:flex;gap:30px;align-items:center} .coe-cinema-brand img{width:112px;height:auto;max-height:126px;object-fit:contain;filter:brightness(0) invert(1);flex:none} .coe-cinema-brand p{font:500 10px/1.5 var(--coe-font);letter-spacing:.19em;margin:0 0 13px} #origen .coe-cinema-brand h3{font:300 clamp(36px,4.3vw,62px)/1.02 var(--coe-font);letter-spacing:-.035em;margin:0;color:#fffaf0} .coe-record{max-width:760px}.coe-record>p{font:500 10px/1.5 var(--coe-font);letter-spacing:.15em;margin:0 0 17px;color:#e5d3ae} .coe-award-years{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;pointer-events:auto} .coe-award-years a{display:block;color:#fffaf0;border-top:1px solid #d9bd8399;padding-top:18px;text-decoration:none} .coe-award-years strong{display:block;font:300 clamp(35px,4vw,57px)/1 var(--coe-font);letter-spacing:-.04em} .coe-award-years span{display:block;font:500 10px/1.5 var(--coe-font);letter-spacing:.12em;margin-top:15px;color:#e9dbc4} .coe-award-years small{display:flex;justify-content:space-between;max-width:105px;font:300 12px/1.5 var(--coe-font);margin-top:6px;color:#e8eee7} .coe-award-years a:hover strong{color:#d9bd83}.coe-award-years a:focus-visible{outline:2px solid #d9bd83;outline-offset:8px} .coe-cinema .coe-play{bottom:20px;right:25px;background:#0a251b55;color:#fffaf0;border-color:#ffffff55;font-family:var(--coe-font)} .coe-cinema .coe-play:hover{background:#052d24} .coe-cinema figcaption,.coe-history-copy p{font-family:var(--coe-font)} .coe-history-copy{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid #b49a6b66;padding:16px 0 25px;margin-bottom:25px} .coe-history-copy p{font-size:15px;line-height:1.7;margin:0;max-width:520px}.coe-history-copy .award-note{font-size:11px!important;align-self:center} @media(max-width:760px){ .ruta-promo-line strong{font-size:18px;letter-spacing:-.03em}.ruta-promo-line{top:6%} .origin-panorama>img{object-position:20% 70%} .coe-cinema .coe-motion-stage{aspect-ratio:auto;height:610px;min-height:0} .coe-cinema-overlay{inset:29px 22px 76px}.coe-cinema-brand{gap:20px;align-items:flex-start;flex-direction:column} .coe-cinema-brand img{width:74px;max-height:85px}.coe-cinema-brand p{font-size:7px;letter-spacing:.12em;margin-bottom:11px} #origen .coe-cinema-brand h3{font-size:40px}.coe-cinema .coe-motion-stage:after{background:linear-gradient(180deg,#061b17b3,#061b1755 42%,#061b17eb)} .coe-record>p{font-size:7px;letter-spacing:.09em;margin-bottom:13px}.coe-award-years{grid-template-columns:1fr 1fr;gap:18px 25px} .coe-award-years a{padding-top:10px}.coe-award-years strong{font-size:39px}.coe-award-years span{font-size:8px;margin-top:8px}.coe-award-years small{font-size:10px;margin-top:4px;max-width:100px} .coe-history-copy{grid-template-columns:1fr;gap:18px;padding-top:10px}.coe-history-copy p{font-size:14px}.coe-cinema .coe-play{right:20px;bottom:18px} } /* The offer shows the actual contents; approved PNGs keep their silhouettes. */ .jade-options .set-product-art.product-cta{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:235px;padding:8px 0 22px;margin:0 0 20px;background:radial-gradient(ellipse at 50% 65%,#c8bc9b18,transparent 72%);border:0;border-bottom:1px solid #b49a6b40;border-radius:0;cursor:zoom-in} .jade-options .set-product-art.product-cta:hover{background:radial-gradient(ellipse at 50% 65%,#c8bc9b26,transparent 72%)} .jade-options .set-product-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 9px #001b1755)} .jade-options .set-product-art:focus-visible{outline:2px solid #d9bd83;outline-offset:4px} .jade-options #sol-conjunto{border-color:#d9bd83;background:#f6efdf05} #product-dialog.is-bundle .detail-image{width:100%;max-width:none} .origin-purchase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px 36px;margin-top:30px;padding-top:24px;border-top:1px solid #b49a6b66} .origin-purchase-actions .section-sales-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;margin:0;padding:19px 26px;line-height:1.4;text-align:left} .origin-purchase-actions .text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:12px 0;line-height:1.4;text-align:left} .origin-purchase-actions button:focus-visible{outline:2px solid #a8874d;outline-offset:5px} @media(max-width:760px){.jade-options .set-product-art.product-cta{height:280px;margin-bottom:24px}.jade-options #taza-jade .set-product-art{height:230px}.origin-purchase-actions{align-items:stretch;flex-direction:column;gap:12px;padding-top:20px;margin-top:24px}.origin-purchase-actions .section-sales-link{width:100%;font-size:18px;padding:18px 20px;gap:12px}.origin-purchase-actions .text-link{align-self:flex-start;font-size:16px;max-width:100%}} @font-face{font-family:BarrondoSport;src:url('assets__fonts__barlow-condensed-extrabold-italic.woff') format('woff');font-weight:800;font-style:italic;font-display:swap} #comunidad{--volt:#d1ff00;--ice:#66eafa;--ink:#090b0e;background:var(--ink);color:#f6f8ee;margin:0 2.2% 70px;padding:38px 4% 24px;border:0;overflow:hidden;text-align:left} #comunidad *{box-sizing:border-box} #comunidad .community-channel-line{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff30;padding-bottom:20px;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.1em;color:var(--volt)} #comunidad .community-channel-line span:last-child{color:#b2bbbf;font-size:9px} #comunidad .community-channel-line i{display:inline-block;background:var(--volt);width:17px;height:8px;transform:skew(-25deg);margin-right:11px} #comunidad .community-now{display:grid;grid-template-columns:1fr 1.05fr;gap:38px;align-items:center;padding:38px 0 34px} #comunidad .community-kicker{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.13em;color:var(--ice);margin:0 0 17px;text-transform:uppercase} #comunidad h2{font:italic 800 clamp(65px,7.9vw,112px)/.88 BarrondoSport,Impact,sans-serif;letter-spacing:-.02em;margin:0 0 25px;color:#f6f8ee} #comunidad h2 em,#comunidad h3 em{font:inherit;color:var(--volt)} #comunidad .community-now-copy>p:not(.community-kicker){font:14px/1.7 Arial,sans-serif;max-width:345px;color:#bcc6c8;margin:0 0 25px} #comunidad .community-follow-main{display:inline-flex;align-items:center;gap:42px;background:var(--volt);color:var(--ink);font:800 12px/1.4 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;padding:17px 22px;clip-path:polygon(0 0,100% 0,100% 76%,95% 100%,0 100%)} #comunidad .community-follow-main:hover{background:var(--ice)} #comunidad .community-manifesto{display:flex;gap:16px;margin-top:27px;font:700 9px/1.5 Arial,sans-serif;color:#9faeae;letter-spacing:.06em} #comunidad .community-athlete{height:530px;min-width:0;position:relative;margin:0;overflow:hidden;border-bottom:4px solid var(--volt);clip-path:polygon(9% 0,100% 0,100% 91%,91% 100%,0 100%,0 9%);background:#182025} #comunidad .community-athlete img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% center;filter:none} #comunidad .community-athlete:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#090b0ee6);pointer-events:none} #comunidad .community-athlete figcaption{position:absolute;left:26px;right:30px;bottom:24px;z-index:1} #comunidad .community-athlete strong{display:block;font:italic 800 46px/.93 BarrondoSport,Impact,sans-serif;letter-spacing:0;color:#fff} #comunidad .community-athlete a{display:inline-block;font:9px/1.6 Arial,sans-serif;color:#c9d1d1;text-decoration:none;margin-top:13px} #comunidad .community-energy-track{transform:rotate(-1.5deg);background:var(--volt);color:var(--ink);margin:0 -8% 42px;overflow:hidden;padding:12px 0} #comunidad .community-energy-track>div{width:max-content;white-space:nowrap;font:italic 800 25px/1 BarrondoSport,Impact,sans-serif;word-spacing:.25em;animation:community-track 32s linear infinite} #comunidad .community-dashboard{scroll-margin-top:30px} #comunidad .dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:23px} #comunidad h3{font:italic 800 clamp(36px,3.8vw,54px)/.98 BarrondoSport,Impact,sans-serif;letter-spacing:0;color:#fff;margin:0} #comunidad .dashboard-controls{display:flex;flex-direction:column;align-items:end;gap:15px} #comunidad .live-demo{font:800 10px/1 Arial,sans-serif;color:var(--ice);letter-spacing:.12em;display:flex;gap:8px;align-items:center} #comunidad .live-demo i{height:7px;width:7px;background:var(--ice);border-radius:50%;box-shadow:0 0 12px var(--ice);animation:community-pulse 2.3s infinite} #comunidad .community-play{background:transparent;color:#c7d3d6;border:1px solid #ffffff40;padding:10px 12px;font:700 10px/1.5 Arial,sans-serif;cursor:pointer;white-space:nowrap} #comunidad .community-play span{margin-left:14px;color:var(--ice)} #comunidad .community-monitor{--monitor-color:var(--volt);display:grid;grid-template-columns:1fr 1.6fr .85fr;align-items:center;gap:28px;min-height:185px;padding:28px 24px;margin-bottom:13px;border:1px solid #ffffff30;border-top:2px solid var(--monitor-color);background:radial-gradient(ellipse at 54% 0,#d1ff000a,transparent 70%),#0c1216;position:relative} #comunidad .monitor-eyebrow{font:700 8px/1.5 Arial,sans-serif;letter-spacing:.1em;color:var(--monitor-color)} #comunidad .monitor-title{font:800 17px/1.3 Arial,sans-serif;margin:9px 0;color:#f2f5ef} #comunidad .monitor-caption{font:11px/1.6 Arial,sans-serif;margin:0;color:#aab6bc;max-width:230px} #comunidad .monitor-reset{border:0;border-bottom:1px solid #647073;background:none;padding:0 0 3px;color:#dce6e6;font:10px/1.5 Arial,sans-serif;margin-top:13px;cursor:pointer} #comunidad .monitor-score{text-align:center;min-width:0} #comunidad .neon-counter{display:flex;align-items:center;justify-content:center;color:var(--monitor-color,var(--channel-color,var(--volt)));gap:4px;min-width:0;isolation:isolate} #comunidad .digital-digit{width:clamp(27px,3.7vw,50px);height:auto;overflow:visible;flex:0 1 auto;min-width:0} #comunidad .digital-digit polygon{fill:currentColor;opacity:.065;transition:opacity .22s} #comunidad .digital-digit polygon.on{opacity:1;filter:drop-shadow(0 0 3px currentColor)} #comunidad .digital-comma{font:700 30px/1 monospace;align-self:end;color:inherit;margin-bottom:4px;text-shadow:0 0 8px currentColor} #comunidad .counter-fallback{font:700 48px/1.2 monospace;color:inherit;text-shadow:0 0 15px currentColor} #comunidad .monitor-count-label{display:block;margin-top:17px;font:700 8px/1.5 Arial,sans-serif;letter-spacing:.09em;color:#abb8ba} #comunidad .monitor-follow{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--monitor-color);font:700 11px/1.4 Arial,sans-serif;text-decoration:none;color:var(--monitor-color)} #comunidad .monitor-follow:hover{background:#ffffff0a} #comunidad .monitor-handle{font:9px/1.5 Arial,sans-serif;color:#a8b4b7;margin:10px 0 0;overflow-wrap:anywhere} #comunidad .monitor-pending{font:700 10px/1.6 Arial,sans-serif;letter-spacing:.08em;color:var(--monitor-color)} #comunidad [hidden]{display:none!important} #comunidad .community-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px} #comunidad .social-channel{--monitor-color:var(--channel-color);display:grid;grid-template-columns:1fr auto 16px;gap:17px;align-items:center;background:#10161a;border:1px solid #ffffff24;color:var(--channel-color);padding:20px 20px;text-align:left;min-height:106px;cursor:pointer;transition:transform .22s ease,opacity .22s ease} #comunidad .social-channel:hover,#comunidad .social-channel[aria-pressed=true]{background:#172127;border-color:var(--channel-color);transform:translateY(-2px)} #comunidad .channel-id{display:flex;gap:13px;align-items:center;font:800 13px/1.3 Arial,sans-serif;color:#edf1ed;min-width:0} #comunidad .channel-id img{width:25px;height:25px;object-fit:contain;filter:brightness(0) invert(1);flex-shrink:0} #comunidad [data-channel=spotify] .channel-id img{width:64px;filter:none} #comunidad [data-channel=spotify] .channel-id>span{font-size:0} #comunidad .channel-id small{display:block;font:8px/1.6 Arial,sans-serif;color:#a5b1b4;margin-top:5px} #comunidad .channel-counter .digital-digit{width:24px} #comunidad .channel-counter .digital-comma{font-size:18px;margin-bottom:0} #comunidad .channel-counter{gap:3px;justify-content:end} #comunidad .channel-counter .counter-fallback{font-size:28px} #comunidad .channel-arrow{font:20px/1 Arial,sans-serif;color:var(--channel-color)} #comunidad .community-data-note{display:flex;justify-content:space-between;align-items:start;gap:35px;margin:17px 0 0;color:#8f9fa5;font:10px/1.7 Arial,sans-serif} #comunidad .community-data-note p{max-width:730px;margin:0} #comunidad .community-data-note b{color:#c7d3d6} #comunidad .community-update-time{white-space:nowrap;font:9px/1.7 monospace;color:var(--ice)} #comunidad .community-identity{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:45px 0 34px;border-top:1px solid #ffffff2a;margin-top:35px} #comunidad .identity-copy>p:not(.community-kicker){font:13px/1.7 Arial,sans-serif;color:#b0bfc1;max-width:370px;margin:18px 0 22px} #comunidad .identity-name-label{display:flex;gap:20px;align-items:center;font:700 10px/1.5 Arial,sans-serif;color:#d3dcdc;margin-bottom:8px} #comunidad .identity-name-label span{font-weight:400;color:#809196} #comunidad #community-alias{display:block;width:100%;max-width:370px;background:#11191e;border:1px solid #4b5a61;color:#f5f7ed;padding:13px;font:700 13px/1.4 Arial,sans-serif;border-radius:0} #comunidad .identity-styles{display:flex;gap:7px;margin:12px 0 17px;flex-wrap:wrap} #comunidad .identity-styles button{border:1px solid #ffffff40;color:#c3cdd0;background:none;padding:9px 12px;font:700 9px/1.4 Arial,sans-serif;text-transform:uppercase;cursor:pointer} #comunidad .identity-styles button[aria-pressed=true]{color:var(--ink);background:var(--volt);border-color:var(--volt)} #comunidad .identity-download{display:flex;gap:35px;align-items:center;border:0;background:var(--volt);color:var(--ink);padding:14px 18px;font:800 11px/1.4 Arial,sans-serif;cursor:pointer} #comunidad .identity-status{display:block;color:var(--ice);font:10px/1.6 Arial,sans-serif;min-height:24px;margin-top:9px} #comunidad .identity-visual{min-width:0;perspective:1000px} #comunidad .team-card{--card-accent:#d1ff00;background:#11191e;border:1px solid #5c6c70;border-top:5px solid var(--card-accent);padding:23px;aspect-ratio:1.55;position:relative;overflow:hidden;transform:rotate(-4deg);box-shadow:0 25px 65px #0008;transition:transform .3s} #comunidad .team-card:hover{transform:rotate(0)} #comunidad .team-card[data-style=actitud]{--card-accent:#b68aff} #comunidad .team-card[data-style=origen]{--card-accent:#66eafa} #comunidad .team-card-top{display:flex;justify-content:space-between;color:#cad8d8;font:700 9px/1 Arial,sans-serif;letter-spacing:.1em;position:relative;z-index:1} #comunidad .team-card-top span:last-child{font-size:22px;color:var(--card-accent)} #comunidad .team-card-brand{display:block;font:italic 800 clamp(42px,6vw,87px)/1 BarrondoSport,Impact,sans-serif;color:var(--card-accent);margin:23px 0 25px;position:relative;z-index:1} #comunidad .team-card-bottom{display:flex;justify-content:space-between;align-items:end;gap:18px;position:relative;z-index:1} #comunidad .team-card-bottom small{display:block;font:700 7px/1.5 Arial,sans-serif;color:#a4b4b6;letter-spacing:.1em;margin-bottom:7px} #comunidad .team-card-bottom strong{display:block;font:700 17px/1.3 Arial,sans-serif;color:#f5f7ef} #comunidad .identity-preview-name{display:block;font:9px/1.5 Arial,sans-serif;color:#a9bdc0;margin-top:9px;overflow-wrap:anywhere} #comunidad .team-card-bottom>b{font:italic 800 50px/1 BarrondoSport,Impact,sans-serif;color:var(--card-accent)} #comunidad .team-card-lines{position:absolute;top:25%;right:-35px;display:flex;gap:16px;transform:skew(-28deg)} #comunidad .team-card-lines i{display:block;width:45px;height:320px;background:var(--card-accent);opacity:.08} #comunidad .identity-visual>p{text-align:center;margin:27px 0 0;font:8px/1.7 Arial,sans-serif;color:#8d9da2;letter-spacing:.07em} #comunidad .community-hub-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff2a;padding:23px 0;font:11px/1.7 Arial,sans-serif;color:#9fafb4;flex-wrap:wrap} #comunidad .community-hub-footer p{margin:0} #comunidad .community-hub-footer strong{color:#d2dfdf} #comunidad .community-share{border:0;border-bottom:1px solid var(--volt);background:none;color:var(--volt);padding:8px 0;font:700 10px/1.4 Arial,sans-serif;text-transform:uppercase;cursor:pointer} #comunidad .community-share-status{width:100%;color:var(--ice)} #comunidad .community-history{border-top:1px solid #ffffff2a;padding:18px 0 0;background:none} #comunidad .community-history summary{font:700 11px/1.5 Arial,sans-serif;color:#9fb2b7;cursor:pointer;list-style:none;display:flex;justify-content:space-between} #comunidad .community-history>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 35px;margin-top:20px;font:12px/1.7 Arial,sans-serif;color:#b8c5c8} #comunidad .community-history a{color:var(--ice)} #comunidad .community-history button{justify-self:start;border:1px solid #d1ff0090;background:none;padding:12px;color:var(--volt);font:700 11px/1.5 Arial,sans-serif;cursor:pointer} #comunidad a:focus-visible,#comunidad button:focus-visible,#comunidad input:focus-visible,#comunidad summary:focus-visible{outline:2px solid var(--ice);outline-offset:4px} #comunidad .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @keyframes community-track{to{transform:translateX(-33.333%)}} @keyframes community-pulse{50%{opacity:.4;box-shadow:none}} html.motion-off #comunidad .community-energy-track>div,html.motion-off #comunidad .live-demo i{animation:none} @media(max-width:1100px){#comunidad{padding-inline:3.5%}#comunidad .community-now{gap:25px}#comunidad .community-athlete{height:470px}#comunidad .community-monitor{grid-template-columns:1fr 1.5fr;gap:20px}#comunidad .monitor-action{grid-column:1/-1;display:flex;align-items:center;gap:20px}#comunidad .monitor-follow{min-width:200px}#comunidad .monitor-handle{margin:0}#comunidad .social-channel{padding:18px 15px;grid-template-columns:1fr auto;gap:13px}#comunidad .channel-arrow{display:none}#comunidad .channel-counter .digital-digit{width:20px}#comunidad .channel-id{font-size:12px;gap:9px}#comunidad .community-identity{gap:40px}} @media(max-width:760px){#comunidad{margin:0 16px 45px;padding:24px 18px 22px}#comunidad .community-channel-line{font-size:8px;gap:12px}#comunidad .community-channel-line span:last-child{font-size:7px;max-width:120px;text-align:right}#comunidad .community-now{grid-template-columns:1fr;gap:26px;padding-top:28px}#comunidad h2{font-size:clamp(57px,16vw,91px);line-height:.89}#comunidad .community-kicker{font-size:9px}#comunidad .community-now-copy>p:not(.community-kicker){font-size:13px;max-width:none}#comunidad .community-follow-main{width:100%;justify-content:space-between;font-size:11px}#comunidad .community-manifesto{font-size:8px;gap:16px;margin-top:20px}#comunidad .community-athlete{height:405px}#comunidad .community-athlete figcaption{left:20px;bottom:22px;right:20px}#comunidad .community-athlete strong{font-size:39px}#comunidad .community-energy-track{margin-bottom:32px}#comunidad .community-energy-track>div{font-size:22px}#comunidad .dashboard-heading{display:block}#comunidad h3{font-size:36px}#comunidad .dashboard-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-top:23px}#comunidad .live-demo{font-size:8px}#comunidad .community-play{font-size:9px;padding:9px}#comunidad .community-play span{margin-left:8px}#comunidad .community-monitor{grid-template-columns:1fr;padding:20px 15px;gap:24px}#comunidad .monitor-lead{text-align:center}#comunidad .monitor-eyebrow{font-size:8px}#comunidad .monitor-title{font-size:16px}#comunidad .monitor-caption{max-width:none;font-size:11px}#comunidad .digital-digit{width:32px}#comunidad .monitor-count-label{font-size:8px}#comunidad .monitor-action{display:block;text-align:center}#comunidad .monitor-follow{justify-content:center;gap:25px}#comunidad .monitor-handle{margin-top:9px}#comunidad .community-platforms{grid-template-columns:1fr;gap:9px}#comunidad .social-channel{padding:18px 12px;gap:12px;min-height:86px}#comunidad .channel-id{font-size:12px;gap:9px}#comunidad .channel-id img{width:21px;height:21px}#comunidad [data-channel=spotify] .channel-id img{width:57px}#comunidad .channel-id small{font-size:8px}#comunidad .channel-counter .digital-digit{width:20px}#comunidad .channel-counter{gap:2px}#comunidad .community-data-note{display:block;font-size:10px}#comunidad .community-update-time{display:block;margin-top:12px}#comunidad .community-identity{grid-template-columns:1fr;gap:27px;padding-top:30px}#comunidad .identity-copy>p:not(.community-kicker){font-size:12px}#comunidad .team-card{padding:20px;transform:rotate(-3deg)}#comunidad .team-card-brand{font-size:clamp(42px,13vw,76px);margin:20px 0}#comunidad .team-card-bottom strong{font-size:15px}#comunidad .team-card-bottom>b{font-size:43px}#comunidad .identity-download{width:100%;justify-content:space-between}#comunidad .identity-visual>p{font-size:7px}#comunidad .community-hub-footer{font-size:10px}#comunidad .community-history>div{grid-template-columns:1fr}#comunidad .community-history summary{font-size:10px}} @media(prefers-reduced-motion:reduce){#comunidad .community-energy-track>div,#comunidad .live-demo i{animation:none}#comunidad .social-channel,#comunidad .team-card,#comunidad .digital-digit polygon{transition:none}} #comunidad.counters-paused .live-demo i{animation:none;box-shadow:none;opacity:.5} #comunidad .identity-download:disabled{opacity:.6;cursor:wait} /* Hidden channels stay out of production until their accounts exist. */ #comunidad [hidden], #redes [hidden]{display:none!important} /* A contemporary, product-led demonstration; all approved pack art is retained. */ #en-ruta-ritual.ruta-modern{padding:0;margin-top:60px;border:1px solid #b49a6b88;background:#f6efdf;text-align:left;overflow:hidden} .ruta-showcase{position:relative;height:660px;background:#052d24;color:#f6efdf;isolation:isolate} .ruta-showcase-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;z-index:-2} .ruta-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#052d24bd,transparent 58%);z-index:-1} .ruta-showcase-copy{position:absolute;left:4.5%;top:39px;width:44%;max-width:520px} .ruta-showcase-copy .collection-kicker{font:10px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#d9bd83;margin:0 0 23px} #en-ruta-ritual .ruta-showcase-copy h3{font:700 clamp(44px,5.1vw,77px)/.95 Arial,sans-serif;letter-spacing:-.055em;color:#f6efdf;margin:0 0 22px} .ruta-showcase-copy>p:not(.collection-kicker){font:14px/1.65 Arial,sans-serif;color:#e0e5d5;max-width:315px;margin:0 0 23px} .ruta-showcase-copy .product-cta{display:inline-flex;align-items:center;gap:23px;margin:0;padding:14px 19px;border:1px solid #d9bd83;background:#d9bd83;color:#052d24;border-radius:0;font:600 13px/1.4 Arial,sans-serif} .ruta-showcase-copy .product-cta:hover{background:#f6efdf} .ruta-showcase-pack{position:absolute;left:3%;bottom:43px;width:32%;max-width:420px;height:auto;filter:drop-shadow(0 15px 15px #00140d66)} .ruta-showcase-caption{position:absolute;left:4.5%;bottom:19px;font:8px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#d4ddca} .ruta-use-cases{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 4.5%;background:#052d24;border-top:1px solid #b49a6b77;color:#d9bd83;font:10px/1.5 Arial,sans-serif;letter-spacing:.12em} .ruta-use-cases span{display:flex;align-items:center;gap:12px}.ruta-use-cases span:before{content:"↗";font-size:18px;color:#f6efdf} .ruta-demo-heading{padding:37px 4.5% 24px;display:flex;justify-content:space-between;align-items:end;gap:30px} .ruta-demo-heading h4{font:600 clamp(26px,3vw,39px)/1.06 Arial,sans-serif;letter-spacing:-.04em;margin:0;color:#052d24} .ruta-demo-heading p{font:12px/1.6 Arial,sans-serif;color:#617359;max-width:270px;margin:0} .ruta-demo{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;padding:0 4.5% 33px} .ruta-demo-tabs{display:flex;flex-direction:column;gap:10px} .ruta-step-tab{display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:16px;text-align:left;padding:22px 20px;background:#fffaf0;border:1px solid #b49a6b77;color:#052d24;cursor:pointer} .ruta-step-tab[aria-selected=true]{background:#052d24;color:#f6efdf;border-color:#052d24} .ruta-step-tab>span:first-child{font:12px/1 Arial,sans-serif;color:#a8874d} .ruta-step-tab strong{display:block;font:600 23px/1.1 Arial,sans-serif;letter-spacing:-.025em} .ruta-step-tab small{display:block;font:11px/1.6 Arial,sans-serif;margin-top:7px;color:#617359} .ruta-step-tab[aria-selected=true] small{color:#c9d4c3}.ruta-step-tab[aria-selected=true]>span:first-child{color:#d9bd83} .ruta-step-tab:focus-visible{outline:2px solid #a8874d;outline-offset:3px} .ruta-demo-panel{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:25px;padding:25px;background:radial-gradient(ellipse at 30% 50%,#dce2d1,#ece7d8 70%);border:1px solid #b49a6b55;min-height:285px} .ruta-demo-panel svg{width:100%;height:auto;max-height:235px}.ruta-demo-panel svg[hidden]{display:none} .ruta-demo-caption>span{font:9px/1.5 Arial,sans-serif;color:#8e7041;letter-spacing:.12em} .ruta-demo-caption h5{font:500 27px/1.1 Arial,sans-serif;letter-spacing:-.03em;margin:15px 0;color:#052d24} .ruta-demo-caption p{font:13px/1.65 Arial,sans-serif;color:#52664f;margin:0} .ruta-demo-caption small{display:block;font:8px/1.5 Arial,sans-serif;color:#617359;margin-top:20px;letter-spacing:.09em} .ruta-modern-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 4.5%;padding:22px 0;border-top:1px solid #b49a6b66} .ruta-modern-footer p{font:12px/1.5 Arial,sans-serif;color:#52664f;margin:0} .ruta-modern-footer button{background:none;color:#052d24;padding:7px 0;border:0;border-bottom:1px solid #a8874d;border-radius:0;margin:0;font:600 13px/1.5 Arial,sans-serif} @media(max-width:1000px){.ruta-showcase{height:580px}.ruta-showcase-copy{width:47%}.ruta-showcase-copy>p:not(.collection-kicker){max-width:270px}.ruta-demo{gap:14px}.ruta-demo-panel{grid-template-columns:1fr;gap:10px;padding:20px}.ruta-demo-panel svg{max-height:150px}.ruta-demo-caption h5{font-size:23px;margin:8px 0}.ruta-demo-caption small{margin-top:10px}.ruta-step-tab{padding:19px 14px;gap:9px;grid-template-columns:28px 1fr 15px}} @media(max-width:760px){#en-ruta-ritual.ruta-modern{margin-top:40px}.ruta-showcase{height:760px}.ruta-showcase-photo{top:auto;bottom:0;height:440px;object-position:75% center}.ruta-showcase:after{background:linear-gradient(180deg,#052d24 0,#052d24 34%,transparent 58%)}.ruta-showcase-copy{left:24px;right:24px;top:28px;width:auto;max-width:none}.ruta-showcase-copy .collection-kicker{font-size:8px;margin-bottom:20px}#en-ruta-ritual .ruta-showcase-copy h3{font-size:52px}.ruta-showcase-copy>p:not(.collection-kicker){font-size:12px;max-width:255px;margin-bottom:17px}.ruta-showcase-copy .product-cta{font-size:12px;padding:12px 15px}.ruta-showcase-pack{width:38%;left:0;bottom:45px}.ruta-showcase-caption{font-size:6px;left:20px;right:20px;bottom:15px}.ruta-use-cases{display:grid;grid-template-columns:1fr 1fr;padding:18px 24px;gap:12px;font-size:8px}.ruta-demo-heading{display:block;padding:27px 22px 22px}.ruta-demo-heading h4{font-size:30px}.ruta-demo-heading p{margin-top:14px;font-size:11px}.ruta-demo{grid-template-columns:1fr;padding:0 22px 26px;gap:16px}.ruta-demo-tabs{flex-direction:row;gap:7px}.ruta-step-tab{display:flex;flex:1;flex-direction:column;align-items:start;gap:10px;min-width:0;padding:15px 10px}.ruta-step-tab strong{font-size:17px}.ruta-step-tab small,.ruta-step-tab>span:last-child{display:none}.ruta-demo-panel{grid-template-columns:1fr;min-height:355px;padding:24px}.ruta-demo-panel svg{max-height:190px}.ruta-demo-caption h5{font-size:25px}.ruta-demo-caption p{font-size:12px}.ruta-modern-footer{align-items:start;flex-direction:column;gap:12px;margin:0 22px}.ruta-modern-footer p{font-size:10px}} /* Cinematic tabletop: the original packaging artwork remains untouched. */ .ruta-showcase{height:740px;background:#06271f} .ruta-showcase-photo{object-position:center 60%} .ruta-showcase:after{background:linear-gradient(180deg,#03251c38,transparent 58%),linear-gradient(90deg,#03251c88,transparent 57%)} .ruta-showcase-copy{top:37px} #en-ruta-ritual .ruta-showcase-copy h3{font-size:clamp(44px,4.8vw,70px)} .ruta-showcase-copy .collection-kicker{margin-bottom:18px} .ruta-showcase-copy>p:not(.collection-kicker){margin-bottom:19px} .ruta-table-stage{position:absolute;left:4%;bottom:47px;width:43%;max-width:570px;aspect-ratio:1466/999;isolation:isolate} .ruta-table-stage:before{content:"";position:absolute;left:1%;right:0;bottom:21%;height:17%;border-radius:50%;background:#100b06b8;filter:blur(10px);transform:rotate(-2deg);z-index:-1} .ruta-table-stage:after{content:"";position:absolute;left:20%;right:21%;bottom:-1%;height:10%;border-radius:50%;background:#100b06a6;filter:blur(5px);z-index:-1} .ruta-table-stage .ruta-showcase-pack{position:relative;inset:auto;width:100%;max-width:none;height:auto;display:block;filter:drop-shadow(4px 7px 3px #160d0870) brightness(.94)} .ruta-showcase-caption{background:#05291f88;padding:4px 7px;bottom:13px;left:4%} @media(max-width:1000px){.ruta-showcase{height:690px}.ruta-table-stage{width:47%;left:2.5%;bottom:46px}.ruta-showcase-copy{top:30px}} @media(max-width:760px){.ruta-showcase{height:790px}.ruta-showcase-photo{height:455px;object-position:66% center}.ruta-showcase:after{background:linear-gradient(180deg,#06271f 0,#06271f 34%,transparent 55%)}.ruta-showcase-copy{top:28px}#en-ruta-ritual .ruta-showcase-copy h3{font-size:52px}.ruta-table-stage{width:63%;max-width:330px;left:2%;bottom:39px}.ruta-table-stage:before{filter:blur(5px)}.ruta-table-stage:after{filter:blur(3px)}.ruta-showcase-caption{left:16px;right:16px;bottom:10px;background:#05291fcc}} @font-face{font-family:HopeMontserrat;src:url('assets__fonts__montserrat-variable.woff') format('woff');font-weight:100 900;font-style:normal;font-display:swap} /* Align the two names optically; Hope of Life's pictogram rises above its lettering. */ #proposito-sol .collab-identity-pair{grid-template-columns:1fr 80px 1fr;max-width:850px;align-items:start} #proposito-sol .collab-identity{grid-template-rows:120px auto;gap:23px;min-height:0} #proposito-sol .collab-identity>div{height:120px;display:flex;align-items:center;justify-content:center} #proposito-sol .collab-identity img{width:270px;max-width:100%;height:125px;object-fit:contain;object-position:center;display:block} #proposito-sol .collab-barrondo-mark{font:52px/1 Georgia,serif;letter-spacing:.07em;margin:0;transform:translateY(13px)} #proposito-sol .collab-union{height:40px;width:40px;margin:53px 0 0;transform:none;font-size:30px} #proposito-sol .collab-identity small{font-size:8px;line-height:1.6;letter-spacing:.09em} /* Hope of Life palette and typography, only within its program block. */ #hope-programas{--hope-orange:#f0550f;--hope-teal:#28b5be;--hope-purple:#9264aa;background:#fff;padding:55px 6% 59px;color:#3a3a3a;font-family:HopeMontserrat,Montserrat,Arial,sans-serif;position:relative;border-top:7px solid var(--hope-teal)} #hope-programas:before{content:'';position:absolute;top:-7px;left:33.333%;right:33.333%;height:7px;background:var(--hope-orange)} #hope-programas:after{content:'';position:absolute;top:-7px;right:0;width:33.333%;height:7px;background:var(--hope-purple)} #hope-programas .collab-section-heading{align-items:end;margin-bottom:35px;gap:8%} #hope-programas .collection-kicker{font:700 10px/1.6 HopeMontserrat,Arial,sans-serif;letter-spacing:.09em;color:#a54018} #hope-programas h3{font:700 clamp(31px,3.2vw,46px)/1.13 HopeMontserrat,Arial,sans-serif;letter-spacing:-.035em;color:#3a3a3a;margin:16px 0 0} #hope-programas h3 em{font:inherit;color:#138891} #hope-programas .collab-section-heading>p{font:400 13px/1.8 HopeMontserrat,Arial,sans-serif;max-width:310px;color:#5c6469;margin-bottom:0} #hope-programas .collab-program-grid{gap:20px} #hope-programas article{--program-color:#f0550f;--program-tint:#fff5ef;display:flex;flex-direction:column;background:var(--program-tint);border:1px solid #f0e6e0;border-top:4px solid var(--program-color);border-radius:5px;padding:26px 24px 25px;min-width:0} #hope-programas article:nth-child(2){--program-color:#28b5be;--program-tint:#eefafb;border-color:#daeff0;border-top-color:var(--program-color)} #hope-programas article:nth-child(3){--program-color:#9264aa;--program-tint:#f8f2fb;border-color:#eadef1;border-top-color:var(--program-color)} #hope-programas .collab-program-number{font:700 9px/1.5 HopeMontserrat,Arial,sans-serif;letter-spacing:.04em;color:#4c5156;justify-content:start;gap:13px;min-height:58px} #hope-programas .hope-program-icon{display:grid;place-items:center;flex:none;width:53px;height:53px;border-radius:50%;background:var(--program-color);color:#fff} #hope-programas .hope-program-icon svg{display:block;width:29px;height:29px} #hope-programas h4{font:700 22px/1.24 HopeMontserrat,Arial,sans-serif;letter-spacing:-.025em;color:#333b3f;margin:24px 0 16px} #hope-programas article p{font:400 12px/1.85 HopeMontserrat,Arial,sans-serif;color:#5a6168;margin:0 0 27px;min-height:0} #hope-programas .program-link{display:block;font:700 10px/1.6 HopeMontserrat,Arial,sans-serif;text-decoration:none;text-align:center;color:#3a3a3a;background:#fff;border:1px solid var(--program-color);border-radius:25px;padding:12px 13px;margin-top:auto;transition:background .2s} #hope-programas .program-link:hover{background:var(--program-color);color:#111} /* Guatemala: an editorial quetzal and a sourced origin fact, with buying actions foremost. */ #envios{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr .85fr;gap:25px 6%;padding:65px 6% 42px;background:radial-gradient(ellipse at 80% 30%,#1b573f 0,transparent 52%),#052d24;overflow:hidden} #envios:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.09;background:repeating-linear-gradient(120deg,transparent 0 110px,#adc88555 111px,transparent 112px 220px);pointer-events:none} #envios .delivery-story{position:relative;z-index:1;min-width:0} #envios .delivery-story h2{font-size:clamp(41px,4.6vw,67px);line-height:1.03;margin:22px 0;max-width:650px} #envios .delivery-story h2 em{color:#e4cd99;font-weight:400} #envios .delivery-story>p:not(.shipping-eyebrow){font-size:17px;max-width:420px} #envios .delivery-origin-fact{display:flex;gap:21px;align-items:start;margin:26px 0 27px;padding-top:22px;border-top:1px solid #b6b89055;max-width:470px} #envios .delivery-origin-fact>strong{font:64px/.9 Georgia,serif;font-weight:400;color:#d9bd83} #envios .delivery-origin-fact span{font:700 9px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#e3d3b1} #envios .delivery-origin-fact p{font:13px/1.75 Arial,sans-serif;color:#c4d1be;margin:9px 0 10px;max-width:380px} #envios .delivery-origin-fact a{font:9px/1.5 Arial,sans-serif;color:#d8c297;text-decoration:underline;text-underline-offset:4px} #envios .delivery-provider{padding:16px 0;margin:25px 0 0} #envios .shipping-actions{margin:24px 0 0} #envios .delivery-art{position:relative;align-self:center;min-width:0;height:560px;margin:-20px -5% -10px -8%;display:flex;align-items:center;justify-content:center} #envios .delivery-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 25px #001b1840)} #envios .delivery-art figcaption{position:absolute;bottom:1%;right:8%;font:8px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#c1ceb0;writing-mode:vertical-rl} #envios .delivery-details{grid-column:1/-1;padding:28px 0 0;border-top:1px solid #b9b08b66;margin-top:18px} #envios .delivery-details>.collection-kicker{font-size:9px;margin:0 0 18px;color:#d9bd83} #envios .delivery-details dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:0} #envios .delivery-details dl>div{display:block;border:0;border-left:1px solid #aab99044;padding:0 0 0 22px} #envios .delivery-details dl>div:first-child{border-left:0;padding-left:0} #envios .delivery-details dt{font-size:22px;margin-bottom:12px} #envios .delivery-details dd{font:15px/1.6 Georgia,serif} #envios .delivery-details small{font-size:10px;max-width:265px} #envios .delivery-cost{font-size:10px;margin:25px 0 0;max-width:none} #hope-programas a:focus-visible,#envios a:focus-visible{outline:2px solid #28b5be;outline-offset:4px} @media(max-width:900px){#proposito-sol .collab-identity-pair{grid-template-columns:1fr 55px 1fr}#proposito-sol .collab-barrondo-mark{font-size:43px}#proposito-sol .collab-identity img{width:245px;height:113px}#proposito-sol .collab-barrondo-mark{transform:translateY(12px)}#proposito-sol .collab-union{margin-top:52px}#hope-programas article{padding:23px 17px}#hope-programas .collab-program-number{display:block;font-size:8px}#hope-programas .hope-program-icon{margin-bottom:14px}#hope-programas h4{font-size:20px}#envios .delivery-art{height:520px}} @media(max-width:760px){#proposito-sol .collab-identity-pair{grid-template-columns:1fr 25px 1fr;gap:7px}#proposito-sol .collab-identity{grid-template-rows:70px auto;gap:16px}#proposito-sol .collab-identity>div{height:70px}#proposito-sol .collab-identity img{width:145px;height:67px;max-width:100%}#proposito-sol .collab-barrondo-mark{font-size:21px;letter-spacing:.04em;transform:translateY(10px)}#proposito-sol .collab-union{width:24px;height:24px;font-size:20px;margin-top:33px}#proposito-sol .collab-identity small{font-size:5.6px;letter-spacing:0;white-space:normal;max-width:145px}#hope-programas{padding:32px 22px 35px}#hope-programas .collab-section-heading{margin-bottom:25px}#hope-programas h3{font-size:30px}#hope-programas .collection-kicker{font-size:8px}#hope-programas .collab-section-heading>p{font-size:12px;max-width:none}#hope-programas .collab-program-grid{grid-template-columns:1fr;gap:17px}#hope-programas article{padding:23px}#hope-programas .collab-program-number{display:flex;font-size:9px}#hope-programas .hope-program-icon{margin:0}#hope-programas h4{font-size:22px;margin:19px 0 14px}#hope-programas article p{font-size:12px;margin-bottom:21px}#hope-programas .program-link{font-size:10px}#envios{grid-template-columns:1fr;padding:43px 24px 32px;gap:0}#envios .delivery-story h2{font-size:43px;max-width:none}#envios .delivery-story>p:not(.shipping-eyebrow){font-size:16px}#envios .delivery-origin-fact{gap:16px;margin:24px 0}#envios .delivery-origin-fact>strong{font-size:58px}#envios .delivery-origin-fact p{font-size:12px}#envios .delivery-provider{gap:15px;padding:17px 0}#envios .shipping-actions{gap:10px;flex-wrap:nowrap}#envios .shipping-actions a{font-size:12px;padding:13px 15px}#envios .delivery-art{height:360px;margin:15px -10px 3px}#envios .delivery-art figcaption{right:7%;font-size:7px}#envios .delivery-details{margin-top:8px;padding-top:25px}#envios .delivery-details dl{grid-template-columns:1fr;gap:20px}#envios .delivery-details dl>div{padding:0 0 18px;border-left:0;border-bottom:1px solid #aab99044}#envios .delivery-details dl>div:last-child{border:0;padding-bottom:0}#envios .delivery-details dt{font-size:21px;margin-bottom:8px}#envios .delivery-details dd{font-size:15px}#envios .delivery-details small{max-width:none}#envios .delivery-cost{line-height:1.7;margin-top:24px}} @media(prefers-reduced-motion:reduce){#hope-programas .program-link{transition:none}} /* Editorial coffee photography. All images remain unretouched originals. */ #envios .delivery-coffee-editorial{min-width:0;align-self:center;margin:0} #envios .coffee-grain-frame{position:relative;height:305px;margin:0;overflow:hidden;border:1px solid #cbb88466} #envios .coffee-grain-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none} #envios .coffee-grain-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#11150805 30%,#10180ae8)} #envios .coffee-grain-frame figcaption{position:absolute;z-index:1;left:25px;bottom:25px;right:20px;color:#fff7e6} #envios .coffee-grain-frame figcaption span{display:block;font:700 8px/1.6 Arial,sans-serif;letter-spacing:.16em;margin-bottom:12px;color:#dfc79b} #envios .coffee-grain-frame strong{font:400 clamp(30px,3.4vw,46px)/1.02 Georgia,serif;letter-spacing:-.03em} #envios .coffee-photo-caption{display:flex;justify-content:space-between;gap:12px;padding:11px 0 18px;font:8px/1.6 Arial,sans-serif;letter-spacing:.04em;color:#bbccb8} #envios .coffee-photo-caption a,#envios .coffee-erick-frame a{color:#c9d4c1;text-underline-offset:3px;text-decoration-color:#c9d4c155} #envios .coffee-erick-frame{margin:0;background:#0a382b;border:1px solid #cbb88455} #envios .coffee-erick-frame img{display:block;width:100%;height:auto;aspect-ratio:890/505;object-fit:contain;filter:none} #envios .coffee-erick-frame figcaption{display:flex;flex-wrap:wrap;gap:7px 10px;padding:13px 15px;font:8px/1.6 Arial,sans-serif;color:#dfc79b} #envios .coffee-erick-frame figcaption span{font-weight:700;letter-spacing:.1em} /* A monumental, quiet industrial finish. Scoped away from the approved hero. */ #official-partners{--partner-ink:#111314;--partner-paper:#efeee8;position:relative;isolation:isolate;overflow:hidden;background:var(--partner-ink);color:var(--partner-paper);padding:34px 6% 30px;margin:0;border-top:7px solid #b8bbb6;text-align:left;font-family:Arial,Helvetica,sans-serif} #official-partners *{box-sizing:border-box} #official-partners:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 75% 0,#6c716b26,transparent 58%);pointer-events:none} #official-partners .partners-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #6e746c66;padding-bottom:23px;color:#b9bdb6;font:10px/1.5 monospace;letter-spacing:.1em} #official-partners .partners-topline i{display:inline-block;width:8px;height:8px;background:#e1e3da;margin-right:12px} #official-partners .partners-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:37px 0 43px} #official-partners h2{font:800 clamp(68px,9.5vw,142px)/.86 HopeMontserrat,Arial,sans-serif;letter-spacing:-.055em;color:var(--partner-paper);margin:0;position:relative} #official-partners h2 span{display:inline-block;color:#a4aaa2} #official-partners h2 b{font:300 52px/1 Arial,sans-serif;position:absolute;right:-55px;top:0;color:#9aa298;letter-spacing:0} #official-partners .partners-heading>p{font:12px/1.8 Arial,sans-serif;color:#b6bcb5;letter-spacing:.01em;margin:0 0 3px;flex:none} #official-partners .partners-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;border-top:1px solid #757b7366;border-bottom:1px solid #757b7366} #official-partners .partner-plaque{position:relative;min-width:0;min-height:268px;padding:20px 21px 21px;display:flex;flex-direction:column;border-left:1px solid #757b7366;transition:background .25s} #official-partners .partner-plaque:first-child{border-left:0} #official-partners .partner-plaque:after{content:'+';position:absolute;top:-9px;right:-4px;color:#a8b0a6;font:14px/1 monospace} #official-partners .partner-plaque:last-child:after{right:0} #official-partners .partner-plaque:hover{background:#ffffff06} #official-partners .partner-index{font:8px/1.4 monospace;letter-spacing:.09em;color:#969f95} #official-partners .partner-name{display:flex;flex:1;min-height:167px;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#edeee7} #official-partners .partner-name strong{display:block;font:800 42px/.93 HopeMontserrat,Arial,sans-serif;letter-spacing:-.055em} #official-partners .partner-name>span{display:block;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.25em;margin-top:12px} #official-partners .partner-jcn strong{font-size:27px;line-height:.99;letter-spacing:-.045em} #official-partners .partner-jn strong{font-size:26px;letter-spacing:-.045em} #official-partners .partner-caption{display:block;font:9px/1.5 Arial,sans-serif;color:#a6afa2;text-align:center;min-height:27px} #official-partners .partner-name .partner-logo-window{display:block;position:relative;width:100%;max-width:245px;aspect-ratio:1281/375;overflow:hidden;margin:0} #official-partners .partner-logo-window img{display:block;position:absolute;max-width:none;width:113.0367%;height:auto;left:-6.5574%;top:-91.7333%;filter:brightness(0) invert(1);opacity:.93} #official-partners .partner-jn .partner-logo-window{aspect-ratio:760/124;mix-blend-mode:screen} #official-partners .partner-jn .partner-logo-window img{width:142.1053%;left:-21.0526%;top:-386.2903%;filter:grayscale(1) invert(1) brightness(1.5)} #official-partners .partners-bottomline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;font:8px/1.6 monospace;letter-spacing:.06em;color:#9fa79c} #official-partners .partners-bottomline p{font:11px/1.6 Arial,sans-serif;margin:0;color:#b5bcb0} #official-partners .partners-bottomline a{color:#e8eae0;text-decoration:none;font-size:8px;white-space:nowrap;padding:8px 0} #official-partners .partners-bottomline a span{font-size:17px;margin-left:18px} #official-partners a:focus-visible{outline:2px solid #eceee5;outline-offset:5px} @media(max-width:1050px){#official-partners .partner-plaque{padding-inline:14px}#official-partners .partner-jcn strong{font-size:23px}#official-partners .partner-jn strong{font-size:22px}#official-partners .partner-name>span{font-size:9px;letter-spacing:.16em}} @media(max-width:760px){#envios .delivery-coffee-editorial{margin:30px 0 25px}#envios .coffee-grain-frame{height:280px}#envios .coffee-grain-frame strong{font-size:38px}#envios .coffee-grain-frame figcaption{left:21px;bottom:23px}#envios .coffee-photo-caption{font-size:7px}#envios .coffee-erick-frame figcaption{font-size:7px;padding:12px}#official-partners{padding:25px 23px 30px;border-top-width:5px}#official-partners .partners-topline{font-size:7px;letter-spacing:.03em;padding-bottom:19px;gap:15px}#official-partners .partners-topline span:last-child{max-width:82px;text-align:right}#official-partners .partners-topline i{width:6px;height:6px;margin-right:7px}#official-partners .partners-heading{display:block;padding:33px 0 30px}#official-partners h2{font-size:clamp(59px,15.7vw,112px);line-height:.86;letter-spacing:-.075em;display:inline-block}#official-partners h2 b{font-size:31px;right:-28px;top:-3px}#official-partners .partners-heading>p{font-size:11px;margin:23px 0 0}#official-partners .partners-heading>p br{display:none}#official-partners .partners-grid{grid-template-columns:1fr 1fr}#official-partners .partner-plaque{min-height:204px;padding:15px 10px 12px}#official-partners .partner-plaque:nth-child(3){border-left:0}#official-partners .partner-plaque:nth-child(n+3){border-top:1px solid #757b7366}#official-partners .partner-index{font-size:7px}#official-partners .partner-name{min-height:132px}#official-partners .partner-name strong{font-size:35px}#official-partners .partner-jcn strong{font-size:21px}#official-partners .partner-jn strong{font-size:20px}#official-partners .partner-name>span{font-size:8px;letter-spacing:.16em;margin-top:9px}#official-partners .partner-caption{font-size:7px;min-height:21px}#official-partners .partners-bottomline{flex-wrap:wrap;gap:17px;font-size:7px}#official-partners .partners-bottomline p{width:100%;order:2;font-size:10px}#official-partners .partners-bottomline a{font-size:7px}#official-partners .partners-bottomline a span{margin-left:9px}} @media(prefers-reduced-motion:reduce){#official-partners .partner-plaque{transition:none}} /* Corporate revision requested after the industrial first pass. */ #official-partners{background:#050505;border-top:6px solid #f0f0ed;padding-top:40px;--partner-paper:#fff} #official-partners:before{display:none} #official-partners .partners-topline{font:700 9px/1.5 Arial,sans-serif;color:#c9c9c5;letter-spacing:.07em;border-color:#ffffff45} #official-partners .partners-heading{padding:43px 0 49px} #official-partners h2{font:900 clamp(70px,9vw,130px)/.91 Arial,Helvetica,sans-serif;letter-spacing:-.065em;color:#fff} #official-partners h2 span{color:#fff} #official-partners .partners-heading>p{font-size:13px;line-height:1.7;color:#c5c5bf} #official-partners .partners-grid{grid-template-columns:repeat(5,minmax(0,1fr));border-color:#ffffff45} #official-partners .partner-plaque{padding:20px 17px 21px;min-height:240px;border-color:#ffffff30} #official-partners .partner-index,#official-partners .partner-plaque:after{display:none} #official-partners .partner-name{min-height:170px} #official-partners .partner-caption{color:#c0c0ba;font-size:9px} #official-partners .partner-logo-native{display:block;width:100%;height:auto;object-fit:contain;max-width:190px;max-height:110px;opacity:.96} #official-partners .jagi-logo{width:132px;max-width:82%} #official-partners .hule-logo{filter:grayscale(1) invert(1) brightness(1.5)} #official-partners .fourlife-logo{width:132px;filter:brightness(0) invert(1)} #official-partners .partners-bottomline{font-family:Arial,sans-serif;color:#a8a8a2} @media(max-width:1050px){#official-partners .partners-grid{grid-template-columns:repeat(6,minmax(0,1fr))}#official-partners .partner-plaque{grid-column:span 2;min-height:210px}#official-partners .partner-plaque:nth-child(n+4){grid-column:span 3;border-top:1px solid #ffffff30}#official-partners .partner-plaque:nth-child(4){border-left:0}#official-partners .partner-name{min-height:148px}#official-partners .partner-name .partner-logo-window{max-width:230px}} @media(max-width:760px){#official-partners{padding-top:29px}#official-partners .partners-topline{font-size:7px;gap:15px}#official-partners .partners-topline span:last-child{max-width:none;text-align:right}#official-partners .partners-heading{padding:33px 0 32px}#official-partners h2{font-size:clamp(58px,16vw,110px);line-height:.93;letter-spacing:-.065em}#official-partners .partners-heading>p{font-size:11px;margin-top:24px}#official-partners .partners-grid{grid-template-columns:1fr 1fr}#official-partners .partner-plaque{grid-column:auto!important;padding:17px 12px 13px;min-height:175px}#official-partners .partner-plaque:nth-child(n+3){border-top:1px solid #ffffff30}#official-partners .partner-plaque:nth-child(4){border-left:1px solid #ffffff30}#official-partners .partner-plaque:nth-child(5){grid-column:1/-1!important;border-left:0;min-height:165px}#official-partners .partner-name{min-height:121px}#official-partners .partner-caption{font-size:8px;min-height:24px}#official-partners .jagi-logo{width:100px;max-height:78px}#official-partners .fourlife-logo{width:116px;max-height:60px}#official-partners .partner-plaque:nth-child(5) .partner-name{min-height:107px}} /* Six original partners; outline-only symbols requested for Hule and Johnson. */ .partner-filter-defs{position:absolute;pointer-events:none} #official-partners .partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))} #official-partners .partner-plaque{grid-column:auto;min-height:215px} #official-partners .partner-plaque:nth-child(n+4){border-top:1px solid #ffffff30} #official-partners .partner-plaque:nth-child(4){border-left:0} #official-partners .partner-name{min-height:150px} #official-partners .kee-logo{width:134px;max-height:90px} #official-partners .hule-logo{filter:url(#hule-outline)} #official-partners .partner-jcn .partner-logo-window>img:not(.partner-isotype-outline){clip-path:inset(0 0 0 23%)} #official-partners .partner-jn .partner-logo-window>img:not(.partner-isotype-outline){clip-path:inset(0 0 0 27%)} #official-partners .partner-logo-window .partner-isotype-outline{width:17.8%;height:auto;max-width:none;left:0;top:21.333%;filter:none;opacity:.95} #official-partners .partner-jn .partner-logo-window .partner-isotype-outline{width:15.7%;left:0;top:0;filter:none} @media(max-width:760px){#official-partners .partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#official-partners .partner-plaque{min-height:175px}#official-partners .partner-plaque:nth-child(5){grid-column:auto!important;min-height:175px}#official-partners .partner-plaque:nth-child(odd){border-left:0}#official-partners .partner-plaque:nth-child(even){border-left:1px solid #ffffff30}#official-partners .partner-name,#official-partners .partner-plaque:nth-child(5) .partner-name{min-height:121px}#official-partners .kee-logo{width:100px;max-height:70px}} /* Johnson marks use a centered lockup with dedicated wordmark crops. */ #official-partners .partner-name .johnson-lockup{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:250px;margin:0;line-height:1} #official-partners .johnson-lockup .johnson-symbol{display:block;position:static;flex:0 0 17.2%;width:17.2%;height:auto;max-width:none;opacity:.96;filter:none} #official-partners .johnson-wordmark{display:block;position:relative;flex:1;min-width:0;aspect-ratio:1008/375;overflow:hidden} #official-partners .johnson-wordmark img{display:block;position:absolute;max-width:none;width:143.6508%;height:auto;left:-35.4167%;top:-91.7333%;filter:brightness(0) invert(1);opacity:.96} #official-partners .partner-jn .johnson-wordmark{aspect-ratio:618/124} #official-partners .partner-jn .johnson-wordmark img{width:174.7573%;left:-48.8673%;top:-386.2903%;filter:grayscale(1) invert(1) brightness(1.5);mix-blend-mode:screen} #official-partners .partner-plaque .partner-name{display:flex;align-items:center;justify-content:center;height:150px;min-height:150px} #official-partners .partner-caption{display:flex;align-items:center;justify-content:center;min-height:30px;line-height:1.4} @media(max-width:760px){#official-partners .partner-name .johnson-lockup{gap:5px;max-width:235px}#official-partners .partner-plaque .partner-name{height:121px;min-height:121px}#official-partners .johnson-lockup .johnson-symbol{flex-basis:17%;width:17%}#official-partners .partner-caption{min-height:30px}} /* Optical balance: matching centers, caption rows, and comparable logo mass. */ #official-partners .partner-plaque{display:grid;grid-template-rows:150px 30px;align-content:center} #official-partners .partner-plaque .partner-name{height:150px;min-height:0;flex:none} #official-partners .partner-caption{height:30px;min-height:30px;margin:0;padding:0;align-self:end} #official-partners .fourlife-logo{width:148px;max-width:85%;height:auto;max-height:64px} #official-partners .kee-logo{width:110px;max-width:75%;height:auto;max-height:64px} @media(max-width:760px){#official-partners .partner-plaque{grid-template-rows:121px 30px}#official-partners .partner-plaque .partner-name{height:121px;min-height:0}#official-partners .fourlife-logo{width:122px;max-height:52px}#official-partners .kee-logo{width:91px;max-height:52px}} /* Johnson Castillo: original symbol paths in solid white; LLC lockup is unchanged. */ #official-partners .partner-jcn .johnson-symbol{opacity:1} .shipping-announcement.shipping-ticker{display:flex;align-items:center;flex-direction:row;justify-content:flex-start;box-sizing:border-box;height:48px;min-height:48px;padding:0;gap:0;overflow:hidden;background:#052d24;border-bottom:1px solid #94e0b552;text-align:left;color:#fff} .shipping-announcement.shipping-ticker .shipping-ticker-label{display:flex;align-items:center;align-self:stretch;gap:9px;flex:0 0 auto;padding:0 20px;border-right:1px solid #94e0b542;background:#06352b;color:#f4e8c1;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.12em;position:relative;z-index:1} .shipping-ticker-label i{width:6px;height:6px;flex:none;background:#a4ffc9;border-radius:50%;box-shadow:0 0 9px #73efaa99} .shipping-announcement.shipping-ticker .shipping-ticker-window{display:flex;align-items:center;flex:1 1 0%;min-width:0;height:100%;overflow:hidden;color:#fff;text-decoration:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)} .shipping-announcement.shipping-ticker .shipping-ticker-track{display:flex;align-items:center;flex:none;width:max-content;height:100%;gap:0;animation:shipping-tape 70s linear infinite;will-change:transform} .shipping-announcement.shipping-ticker .shipping-ticker-group{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;width:max-content;min-width:100vw;height:100%;gap:40px;padding:0 20px;box-sizing:border-box} .shipping-announcement.shipping-ticker .shipping-ticker-item{display:flex;align-items:center;flex:none;gap:32px;white-space:nowrap} .shipping-announcement.shipping-ticker .ticker-route{display:block;flex:none;margin:0;padding:0;color:#f4e8c1;opacity:1;font:500 11px/1.5 Arial,sans-serif;letter-spacing:.05em;text-box-trim:none;transform:none} .shipping-announcement.shipping-ticker .ticker-message{display:flex;align-items:center;flex:none;gap:14px;margin:0;padding:0;color:#fff;font:700 14px/1.5 Arial,sans-serif;letter-spacing:.01em;transform:none} .shipping-announcement.shipping-ticker .ticker-message-text{display:block;color:#fff;opacity:1;font:inherit;letter-spacing:inherit;line-height:1.5;text-box-trim:none} .shipping-announcement.shipping-ticker .ticker-message b{display:flex;align-items:center;justify-content:center;flex:none;width:20px;height:24px;margin:0;color:#f4e8c1;font:700 19px/1 Arial,sans-serif;transform:none} .shipping-announcement.shipping-ticker .shipping-ticker-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:100%;padding:0;border:0;border-left:1px solid #94e0b542;background:#06352b;color:#f4e8c1;cursor:pointer} .shipping-ticker-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6} .shipping-ticker-toggle .ticker-play{display:none} .shipping-ticker.is-paused .ticker-pause{display:none} .shipping-ticker.is-paused .ticker-play{display:block} .shipping-announcement.shipping-ticker.is-paused .shipping-ticker-track,.shipping-announcement.shipping-ticker:focus-within .shipping-ticker-track{animation-play-state:paused} .shipping-ticker-toggle:focus-visible,.shipping-announcement.shipping-ticker .shipping-ticker-window:focus-visible{outline:2px solid #f4e8c1;outline-offset:-3px} @media(hover:hover){.shipping-announcement.shipping-ticker:hover .shipping-ticker-track{animation-play-state:paused}.shipping-ticker-toggle:hover{background:#124737}} @keyframes shipping-tape{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(max-width:768px){.shipping-announcement.shipping-ticker{height:58px;min-height:58px}.shipping-announcement.shipping-ticker .shipping-ticker-label{padding:0 10px;gap:6px;font-size:9px;letter-spacing:.06em}.shipping-announcement.shipping-ticker .shipping-ticker-group{gap:28px;padding:0 14px}.shipping-announcement.shipping-ticker .shipping-ticker-item{gap:24px}.shipping-announcement.shipping-ticker .ticker-route{font-size:11px}.shipping-announcement.shipping-ticker .ticker-message{font-size:13px}.shipping-announcement.shipping-ticker .shipping-ticker-window{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}} @media(prefers-reduced-motion:reduce){.shipping-announcement.shipping-ticker{height:auto;min-height:58px}.shipping-announcement.shipping-ticker .shipping-ticker-label,.shipping-announcement.shipping-ticker .shipping-ticker-toggle,.shipping-announcement.shipping-ticker [aria-hidden="true"]{display:none}.shipping-announcement.shipping-ticker .shipping-ticker-window{height:auto;-webkit-mask-image:none;mask-image:none}.shipping-announcement.shipping-ticker .shipping-ticker-track{animation:none;transform:none;width:100%;height:auto}.shipping-announcement.shipping-ticker .shipping-ticker-group{width:100%;min-width:0;height:auto;padding:12px 16px;gap:0}.shipping-announcement.shipping-ticker .shipping-ticker-item{width:100%;min-width:0;flex-direction:column;gap:6px;white-space:normal;text-align:center}.shipping-announcement.shipping-ticker .ticker-route,.shipping-announcement.shipping-ticker .ticker-message{max-width:100%;white-space:normal;overflow-wrap:anywhere}.shipping-announcement.shipping-ticker .ticker-message{justify-content:center}} /* A continuous transition from the cup collection into the book section. */ #cafe.sales-first{padding-bottom:0} #taza-olimpica{padding-bottom:36px} .jade-collectible{display:grid;grid-template-columns:1fr 1fr;background:#092d24;color:#f6efdf;text-align:left;border-top:1px solid #c7b27d66;scroll-margin-top:30px;overflow:hidden} .jade-collectible-art{position:relative;min-height:610px;isolation:isolate;background:#081a15} .jade-collectible-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:37% center;z-index:-2} .jade-collectible-art:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#041b1222,transparent 42%,#03160ee6)} .jade-unique-seal{position:absolute;top:30px;left:30px;width:125px;height:125px;border:1px solid #ddc793;border-radius:50%;outline:1px solid #ddc79366;outline-offset:-7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#08231c80;color:#eee0bd;text-align:center;backdrop-filter:blur(3px)} .jade-unique-seal span{font:7px/1.2 Arial,sans-serif;letter-spacing:.12em} .jade-unique-seal strong{font:600 23px/.98 Georgia,serif;letter-spacing:-.025em} .jade-art-caption{position:absolute;left:8%;right:8%;bottom:35px} .jade-art-caption>span{font:8px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#e0c791} .jade-art-caption>p{font:italic 40px/1.1 Georgia,serif;letter-spacing:-.025em;margin:16px 0 0;color:#f6efdf} .jade-collectible-copy{padding:45px 10% 40px;align-self:center} .jade-unique-eyebrow{font:9px/1.5 Arial,sans-serif;letter-spacing:.14em;color:#d9bd83;margin:0 0 23px} .jade-collectible h2{font:400 clamp(39px,4.2vw,64px)/1.02 Georgia,serif;letter-spacing:-.04em;margin:0 0 22px;color:#f6efdf} .jade-collectible h2 em{color:#d9bd83;font-weight:400} .jade-unique-lead{font:21px/1.35 Georgia,serif;color:#eee4cd;margin:0 0 20px} .jade-collectible-copy>p:not([class]){font:12px/1.8 Arial,sans-serif;color:#c2cebe;margin:0 0 14px;max-width:480px} .jade-unique-wait{display:flex;align-items:center;gap:19px;margin:23px 0 21px;padding:17px 0;border-block:1px solid #d9bd834d} .jade-wait-number{font:60px/.95 Georgia,serif;color:#d9bd83} .jade-unique-wait strong{font:9px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#ead9af} .jade-unique-wait p{font:11px/1.6 Arial,sans-serif;margin:7px 0 0;color:#becfbd} .jade-unique-cta{display:flex;justify-content:space-between;align-items:center;gap:18px;width:fit-content;max-width:100%;font:12px/1.5 Arial,sans-serif;color:#f6efdf;text-decoration:none;border-bottom:1px solid #d9bd83;padding:8px 0} .jade-unique-cta span{font-size:20px;color:#d9bd83} .jade-unique-cta:focus-visible,.jade-money-back summary:focus-visible{outline:2px solid #d9bd83;outline-offset:5px} .jade-delivery-promise{grid-column:1/-1;display:grid;grid-template-columns:48px 1.4fr .5fr 1fr;align-items:center;gap:27px;padding:29px 5%;background:#e8deca;color:#052d24;border-bottom:5px solid #b69a5e} .jade-delivery-promise>svg{width:44px;height:48px;color:#6d764e} .jade-promise-copy>span,.jade-promise-carrier>span{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#626b4b} .jade-promise-copy>p{font:20px/1.25 Georgia,serif;margin:9px 0 0;letter-spacing:-.015em} .jade-promise-copy strong{font-weight:400} .jade-promise-carrier{border-left:1px solid #9e956366;padding:6px 0 6px 25px} .jade-promise-carrier>img{display:block;width:98px;max-width:100%;height:auto;margin-top:10px;filter:brightness(0);mix-blend-mode:multiply} .jade-money-back{position:relative} .jade-money-back summary{font:700 11px/1.5 Arial,sans-serif;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #6c764b77;padding:10px 0} .jade-money-back summary::-webkit-details-marker{display:none} .jade-money-back summary span{font:22px/1 Arial,sans-serif;font-weight:400} .jade-money-back[open] summary span{transform:rotate(45deg)} .jade-money-back>p{font:11px/1.75 Arial,sans-serif;color:#465c45;margin:13px 0 0} .jade-collectible+#libros{margin-top:28px} @media(max-width:1050px){.jade-collectible-copy{padding:36px 8%}.jade-collectible-art{min-height:600px}.jade-delivery-promise{grid-template-columns:42px 1fr .6fr;gap:20px}.jade-money-back{grid-column:2/-1}.jade-unique-seal{width:110px;height:110px;left:23px;top:23px}} @media(max-width:760px){#taza-olimpica{padding-bottom:28px}.jade-collectible{grid-template-columns:1fr}.jade-collectible-art{min-height:370px}.jade-collectible-art>img{object-position:center 56%}.jade-unique-seal{top:22px;left:22px;width:102px;height:102px;gap:6px}.jade-unique-seal strong{font-size:21px}.jade-unique-seal span{font-size:6px}.jade-art-caption{bottom:25px;left:24px}.jade-art-caption>p{font-size:33px;margin-top:12px}.jade-collectible-copy{padding:33px 24px 35px}.jade-collectible h2{font-size:42px}.jade-unique-eyebrow{font-size:8px}.jade-unique-lead{font-size:20px}.jade-collectible-copy>p:not([class]){font-size:12px}.jade-unique-wait{gap:17px}.jade-unique-wait p{font-size:10px}.jade-unique-cta{font-size:11px}.jade-delivery-promise{padding:25px 23px;grid-template-columns:35px 1fr;gap:19px 15px}.jade-delivery-promise>svg{width:33px;height:40px}.jade-promise-copy>p{font-size:19px}.jade-promise-copy>span{font-size:7px}.jade-promise-carrier{grid-column:2;border:0;padding:0;display:flex;align-items:center;gap:14px}.jade-promise-carrier>img{width:80px;margin:0}.jade-promise-carrier>span{font-size:7px}.jade-money-back{grid-column:1/-1}.jade-money-back>p{font-size:12px}} /* Fixed row gaps prevent percentage gaps from clipping the purchase buttons. */ #taza-olimpica{row-gap:48px;column-gap:7%;padding-bottom:34px} #juegos-tazas{min-height:0;overflow:visible} #juegos-tazas .cup-pack-grid article{height:auto;min-height:0} #juegos-tazas .cup-pack-grid .product-cta{position:relative;min-height:50px;flex-shrink:0} .jade-collectible{border-top:0;background:#052d24} .jade-collectible-art:before{content:"";position:absolute;z-index:1;inset:0 0 auto;height:105px;background:linear-gradient(180deg,#052d24,transparent);pointer-events:none} .jade-collectible-copy{align-self:stretch;background:linear-gradient(180deg,#052d24,#092d24 180px)} .jade-unique-seal{z-index:2;top:42px} .jade-promise-copy>small{display:block;font:12px/1.6 Arial,sans-serif;margin-top:12px;color:#34513e} .jade-promise-copy>.jade-guarantee-spanish{font:10px/1.6 Arial,sans-serif;letter-spacing:0;margin-top:4px;color:#58654d} .jade-delivery-promise{grid-template-columns:48px 1.4fr .5fr 1fr;gap:25px;padding-block:34px} .jade-promise-copy>span:first-child{font-size:9px;font-weight:700;letter-spacing:.09em} .jade-promise-copy>p{font-size:25px;line-height:1.12} @media(min-width:761px) and (max-width:1100px){#taza-olimpica{column-gap:4%;row-gap:38px}.jade-delivery-promise{grid-template-columns:42px 1fr .6fr}.jade-money-back{grid-column:2/-1}} @media(max-width:760px){#taza-olimpica{row-gap:35px;column-gap:0;padding-bottom:30px}.jade-collectible-art:before{height:75px}.jade-delivery-promise{grid-template-columns:35px 1fr;gap:20px 15px;padding:28px 23px}.jade-promise-copy>p{font-size:24px}.jade-promise-copy>span:first-child{font-size:7px}.jade-promise-copy>small{font-size:11px}.jade-promise-copy>.jade-guarantee-spanish{font-size:9px}.jade-promise-carrier{grid-column:2}.jade-money-back{grid-column:1/-1}} /* A signed corporate card; the existing brand signature is reused without redrawing. */ #empresas .corporate-card-scene{position:relative;min-height:420px;padding:65px 32px;isolation:isolate;background:radial-gradient(ellipse at 18% 0,#40684d50,transparent 65%),linear-gradient(140deg,#123e31,#061e18 65%);perspective:1100px} .corporate-card-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(112deg,transparent 0 5px,#ffffff02 6px 7px)} .corporate-scene-label,.corporate-scene-detail{position:absolute;left:30px;font:8px/1.4 Arial,sans-serif;letter-spacing:.2em;color:#a5b3a3} .corporate-scene-label{top:24px}.corporate-scene-detail{bottom:23px;left:auto;right:30px;font-size:7px} .corporate-card-shadow{position:absolute;width:76%;height:61%;background:#071e15;border:1px solid #6d76483d;transform:rotate(4deg) translate(5px,8px);box-shadow:0 30px 30px #0006} .corporate-signature-card{position:relative;width:100%;max-width:410px;min-height:266px;padding:24px 29px 22px;color:#e4cca4;transform:rotate(-5deg) rotateY(-6deg);background:radial-gradient(ellipse at 0 0,#27554080,transparent 70%),linear-gradient(135deg,#123f2f,#06271e);border:1px solid #b793506b;box-shadow:2px 2px 0 #907444,3px 4px 0 #09281e,0 21px 32px #0005;text-align:left} .corporate-signature-card:before{content:'';position:absolute;inset:8px;border:1px solid #c2a56328;pointer-events:none} .corporate-card-edition{display:block;font:6px/1.2 Arial,sans-serif;letter-spacing:.22em;color:#b4a17e} .corporate-original-signature{display:block;width:118px;height:auto;aspect-ratio:962/922;object-fit:contain;margin:16px auto 12px} .corporate-card-title{font:italic 18px/1.35 Georgia,serif;text-align:center;color:#ddc69e;margin:0 0 25px} .corporate-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #b99b5a5c;padding-top:14px;font:8px/1.4 Georgia,serif;letter-spacing:.18em} .corporate-card-bottom small{display:block;font:5px/1.5 Arial,sans-serif;letter-spacing:.22em;margin-top:4px} .corporate-card-seal{font:5px/1.4 Arial,sans-serif;letter-spacing:.12em;border:1px solid #b99b5a80;border-radius:50%;width:39px;height:39px;display:grid;align-content:center;text-align:center} .card-corner{position:absolute;width:14px;height:14px;border-color:#c2a563;pointer-events:none}.card-corner-top{left:8px;top:8px;border-top:1px solid;border-left:1px solid}.card-corner-bottom{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid} /* The footer keeps every social mark crisp, high contrast, and on a shared grid. */ .demo-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 24px;padding-top:34px} .footer-community{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:23px;border-bottom:1px solid #a48b6744} .footer-community>p{font:9px/1.5 Arial,sans-serif;letter-spacing:.13em;margin:0;color:#486151} .footer-community>p>span{display:block;margin-top:5px;font:26px/1.2 Georgia,serif;letter-spacing:-.02em;color:#123f2f} .demo-footer .footer-socials{display:grid;grid-template-columns:repeat(8,48px);gap:12px;align-items:start} .demo-footer .footer-socials a{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;padding:0;color:#173f30;text-decoration:none} .footer-social-symbol{display:grid;place-items:center;width:44px;height:44px;border:1px solid #9eab8f;border-radius:50%;background:#ede7d6;transition:background .2s,transform .2s,border-color .2s} .demo-footer .footer-socials img,.demo-footer .footer-socials svg{width:21px;height:21px;object-fit:contain;display:block;filter:brightness(0);opacity:.85} .footer-social-label{font:9px/1.2 Arial,sans-serif;white-space:nowrap} .demo-footer .footer-socials a:hover .footer-social-symbol{background:#153e30;border-color:#153e30;transform:translateY(-2px)} .demo-footer .footer-socials a:hover img,.demo-footer .footer-socials a:hover svg{filter:brightness(0) invert(1);opacity:1} .demo-footer .footer-socials a:focus-visible{outline:2px solid #153e30;outline-offset:5px;border-radius:4px} .footer-channel-note{grid-column:1/-1;font:9px/1.6 Arial,sans-serif;color:#63705d;margin:-4px 0 0} @media(max-width:1000px){.footer-community{align-items:flex-start}.demo-footer .footer-socials{gap:8px;grid-template-columns:repeat(8,40px)}.footer-social-symbol{width:38px;height:38px}.footer-social-label{font-size:8px}} @media(max-width:760px){#empresas .corporate-card-scene{min-height:377px;padding:65px 25px}.corporate-signature-card{padding:22px;min-height:250px}.corporate-card-title{font-size:17px}.corporate-card-edition{font-size:5.5px;letter-spacing:.16em}.corporate-scene-label{left:22px}.corporate-scene-detail{right:22px}.demo-footer{grid-template-columns:1fr;gap:17px;padding:29px 23px 110px}.footer-community{display:block}.footer-community>p{margin-bottom:22px}.demo-footer .footer-socials{grid-template-columns:repeat(4,1fr);gap:20px 12px;max-width:380px}.footer-social-symbol{width:44px;height:44px}.footer-social-label{font-size:9px}.demo-footer>span{font-size:9px;line-height:1.6}.demo-footer>a{justify-self:start}} @media(prefers-reduced-motion:reduce){.footer-social-symbol{transition:none}} /* Vector signature and original Johnson paths, rendered as polished gold foil. */ #empresas .corporate-original-signature{width:118px;height:92px;object-fit:contain;filter:drop-shadow(0 1px 0 #0008)} #empresas .johnson-gold-seal{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;border:1px solid #e3c57977;width:49px;height:49px;flex:none;box-shadow:inset 0 0 9px #ebcc7010,0 1px 2px #0005} #empresas .johnson-gold-seal img{width:28px;height:29px;object-fit:contain;filter:drop-shadow(0 1px 0 #000b)} #empresas .johnson-gold-seal i{position:absolute;inset:-35%;pointer-events:none;background:linear-gradient(100deg,transparent 36%,#fff3c72e 48%,#fff7d76b 50%,#fff3c72e 52%,transparent 64%);transform:translateX(-120%);animation:johnson-foil-shine 7s ease-in-out infinite} @keyframes johnson-foil-shine{0%,58%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}} @media(prefers-reduced-motion:reduce){#empresas .johnson-gold-seal i{animation:none;transform:translateX(0);opacity:.3}} /* Keep both corporate actions together; remove the empty second grid row. */ #empresas{column-gap:60px;row-gap:0;padding-top:64px;padding-bottom:48px} #empresas .corporate-kit-link{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin:13px 0 0;padding:13px 0 8px;color:#254a37;background:none;border:0;border-bottom:1px solid #aa8a505c;font:15px/1.5 Georgia,serif;text-align:left;cursor:pointer} #empresas .corporate-kit-link span{color:#9a733e;font-size:20px} #empresas .corporate-kit-link:hover{color:#906b32;border-color:#906b32} #empresas .corporate-kit-link:focus-visible{outline:2px solid #906b32;outline-offset:4px} #guia-cafe{padding-top:40px} @media(max-width:760px){#empresas{padding-top:38px;padding-bottom:32px;row-gap:30px}#guia-cafe{padding-top:30px}#empresas .corporate-kit-link{font-size:14px}} /* Keep the documentary source within its useful display size. */ .community-document .collab-memory-heading,.community-document figure{width:100%;max-width:520px;margin-left:auto;margin-right:auto} .community-document figure>img{width:100%;max-width:520px;height:auto;object-fit:contain} /* Shared content rows keep all delivery columns exactly aligned. */ #envios .delivery-details dl{gap:0;border:1px solid #b9b08b44;align-items:stretch} #envios .delivery-details dl>div{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:30px 1fr;gap:16px;padding:25px 28px;border:0;border-left:1px solid #b9b08b44;min-width:0} #envios .delivery-details dl>div:first-child{padding:25px 28px;border-left:0} #envios .delivery-details dt{font:400 23px/30px Georgia,serif;margin:0} #envios .delivery-details dd{display:grid;grid-template-rows:30px minmax(36px,auto);gap:12px;margin:0;font:400 19px/30px Georgia,serif} #envios .delivery-details dd small{font:11px/1.65 Arial,sans-serif;margin:0;max-width:330px;align-self:start} #envios .delivery-details .delivery-cost{margin:20px 0 0;line-height:1.7} /* Symmetric footer: one centered community heading and a single icon grid. */ #redes{padding:36px 6% 105px;gap:20px 30px;grid-template-columns:1fr auto} #redes .footer-community{display:grid;grid-template-columns:1fr;justify-items:center;gap:25px;padding-bottom:28px} #redes .footer-community>p{text-align:center;margin:0} #redes .footer-community>p>span{font-size:30px;margin-top:8px} #redes .footer-socials{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,720px);max-width:none;gap:12px} #redes .footer-socials a{justify-self:stretch;gap:10px} #redes .footer-social-symbol{width:46px;height:46px} #redes .footer-social-label{font:10px/1.4 Arial,sans-serif} #redes .footer-channel-note{margin:0;text-align:center;line-height:1.7} #redes>span{align-self:center;line-height:1.7} #redes>a{align-self:center;justify-self:end;white-space:nowrap} #official-partners .hule-logo{filter:none;max-width:190px;width:100%;height:auto} @media(min-width:761px) and (max-width:1000px){#envios .delivery-details dl>div,#envios .delivery-details dl>div:first-child{padding:23px 18px}#envios .delivery-details dt{font-size:20px}#envios .delivery-details dd{font-size:17px}} @media(max-width:760px){#envios .delivery-details dl{grid-template-columns:1fr}#envios .delivery-details dl>div,#envios .delivery-details dl>div:first-child{grid-template-rows:auto auto;padding:22px;gap:10px;border:0;border-bottom:1px solid #b9b08b44}#envios .delivery-details dl>div:last-child{border:0}#envios .delivery-details dt{font-size:23px;line-height:1.25}#envios .delivery-details dd{grid-template-rows:auto auto;font-size:19px;line-height:1.4;gap:10px}#envios .delivery-details dd small{font-size:11px;max-width:none}#redes{padding:30px 23px 100px;grid-template-columns:1fr;gap:18px}#redes .footer-community{gap:24px;padding-bottom:25px}#redes .footer-socials{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 12px;width:100%;max-width:420px}#redes .footer-social-label{font-size:9px}#redes .footer-community>p>span{font-size:28px}#redes>span,#redes>a{justify-self:center;text-align:center}#redes .footer-channel-note{font-size:9px}} /* Keep the FedEx badge flush with the catalog title and category bar. */ .sales-heading .sales-shipping.delivery-brand{margin:0;max-width:none;align-self:flex-end;flex:none;justify-content:center} @media(max-width:760px){.sales-heading .sales-shipping.delivery-brand{display:grid;grid-template-columns:auto 76px minmax(0,1fr);align-items:center;justify-content:start;gap:12px;margin:20px 0 0;padding:15px 0;width:100%;white-space:normal}.sales-heading .sales-shipping.delivery-brand>span:last-child{font-size:9px;line-height:1.5}.sales-heading .sales-shipping.delivery-brand b{margin-left:5px}} /* Original supplied autograph; no stretched signature. */ #empresas .corporate-original-signature{width:118px;height:auto;aspect-ratio:962/922;filter:none} /* Three matched line icons, sharing the heading baseline and optical size. */ #envios .delivery-details dl>div{grid-template-rows:56px 1fr;gap:17px} #envios .delivery-details dt{display:flex;align-items:center;justify-content:space-between;gap:14px;line-height:1.2} #envios .delivery-category-icon{width:56px;height:56px;flex:none;color:#d7bd86;opacity:.9} @media(max-width:1000px){#envios .delivery-category-icon{width:42px;height:42px}#envios .delivery-details dl>div{grid-template-rows:50px 1fr}} @media(max-width:760px){#envios .delivery-details dl>div,#envios .delivery-details dl>div:first-child{grid-template-rows:46px auto}#envios .delivery-category-icon{width:46px;height:46px}} /* Book ticket: both columns centered on the same row, with matching side margins. */ #libros .book-ticket{display:grid;width:100%;max-width:390px;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:24px;padding:24px;box-sizing:border-box} .book-ticket>div{display:grid;justify-items:center;align-content:center;gap:10px;min-width:0;text-align:center} .book-ticket>div>span,.book-ticket>div>strong{display:block;margin:0;text-align:center} #libros .book-ticket strong{font-size:18px;line-height:1.3} .book-ticket .book-barcode{display:block;width:168px;max-width:100%;height:auto;margin:2px auto 0;object-fit:contain} .book-ticket>a{display:grid;place-items:center;justify-self:center;align-self:center;width:100px;height:100px;margin:0;padding:0} #libros .book-ticket .book-qr{display:block;width:100px;height:100px;margin:0;object-fit:contain} @media(max-width:760px){#libros .book-ticket{grid-template-columns:minmax(0,1fr) 76px;padding:22px 16px;gap:16px}#libros .book-ticket>a,#libros .book-ticket .book-qr{width:76px;height:76px}#libros .book-ticket strong{font-size:16px}#libros .book-ticket span{font-size:7px}#libros .book-ticket .book-barcode{width:140px}} /* Lining figures keep currency, whole amounts and cents on one baseline. */ .commerce-price strong,.kit-price strong,.cup-pack-grid .pack-total,.jade-options article>strong{font-family:'Times New Roman',Times,serif;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1;font-weight:400;letter-spacing:-.015em;white-space:nowrap;line-height:1.1} .commerce-price,.kit-price,.cup-pack-grid .pack-total,.jade-options article>strong{align-items:baseline} .commerce-price strong,.kit-price strong{display:inline-block} #sol-manana .product-copy{align-self:stretch;justify-content:flex-start} #sol-manana .product-copy .shipping-product-note{margin-top:auto} /* Streaming energy, with an original photograph and real listening/follow links. */ .book-formats .spotify-stage{--audio-neon:#70ff95;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);gap:0;padding:0;overflow:hidden;background:#06110e;border:1px solid #3a695044;box-shadow:0 15px 45px #061b2018;text-align:left} .audio-stage-portrait{position:relative;min-height:560px;isolation:isolate;overflow:hidden;background:#132b26} .audio-stage-portrait>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:47% 35%} .audio-stage-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#04150c65,transparent 25%,transparent 40%,#04150cdd 85%,#06110e),linear-gradient(90deg,transparent 75%,#06110e)} .audio-stage-id{position:absolute;z-index:2;left:26px;top:27px;font:700 9px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#f6fff8} .audio-stage-id b{display:block;color:#8bf9ad;font:8px/1.6 monospace;letter-spacing:.16em;margin-top:7px} .audio-frame-corner{position:absolute;z-index:3;width:23px;height:23px;border-color:#70ff9577}.audio-frame-top{left:14px;top:14px;border-left:1px solid;border-top:1px solid}.audio-frame-bottom{bottom:18px;right:18px;border-right:1px solid;border-bottom:1px solid} .audio-portrait-caption{position:absolute;z-index:2;bottom:35px;left:30px;right:20px;color:white} .audio-portrait-caption>span{font:8px/1.5 monospace;letter-spacing:.14em;color:#9bdeb3} .audio-portrait-caption>strong{display:block;font:italic 800 clamp(38px,4.2vw,60px)/.95 BarrondoSport,Arial,sans-serif;letter-spacing:-.02em;margin:13px 0 0;color:#fff} .audio-stage-content{position:relative;min-width:0;align-self:stretch;padding:27px 42px 30px;background:radial-gradient(ellipse at 50% 18%,#1c5f2a36,transparent 60%)} .audio-stage-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;font:8px/1.5 monospace;letter-spacing:.13em;color:#a0c3ad} .audio-motion-toggle{display:grid;place-items:center;min-width:36px;min-height:36px;border:1px solid #70ff9533;border-radius:50%;background:transparent;color:#b7eec7;font:13px/1 Arial;cursor:pointer} .spotify-neon-brand{position:relative;isolation:isolate;display:block;width:210px;max-width:65%;margin:28px 0 30px;outline-offset:7px} .spotify-neon-brand img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 0 4px #60ff8dcc) drop-shadow(0 0 15px #37fb6577);animation:spotify-neon-breathe 4.8s ease-in-out infinite} .spotify-neon-halo{position:absolute;z-index:-1;inset:-16px -30px;background:radial-gradient(ellipse,#36ff6230,transparent 70%);filter:blur(6px);animation:spotify-halo-breathe 4.8s ease-in-out infinite} .book-formats .spotify-stage h3{font:italic 800 clamp(40px,4.4vw,66px)/.97 BarrondoSport,Arial,sans-serif;letter-spacing:-.02em;color:#f5fff7;margin:0 0 20px} .book-formats .spotify-stage h3 br{display:block}.book-formats .spotify-stage h3 em{font-style:inherit;color:#70ff95} .book-formats .spotify-stage .audio-stage-lead{font:15px/1.65 Arial,sans-serif;color:#c7d8cb;margin:0 0 25px} .audio-stage-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 23px} .audio-follow-cta{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;color:#062211;background:#70ff95;font:700 16px/1.3 Arial,sans-serif;text-decoration:none;border:1px solid #70ff95;box-shadow:0 0 24px #32f76d20;transition:transform .22s ease,opacity .22s ease} .audio-follow-cta img{width:19px;height:19px;filter:brightness(0);opacity:.85}.audio-follow-cta>span{margin-left:10px;font-size:20px}.audio-follow-cta:hover{background:#a4ffbb;box-shadow:0 0 28px #32f76d50} .audio-listen-cta{display:flex;align-items:center;gap:9px;color:#dfffe8;font:12px/1.5 Arial,sans-serif;text-decoration:none;border-bottom:1px solid #70ff9566;padding:9px 0}.audio-play-icon{font-size:10px;color:#70ff95} .book-formats .spotify-stage .audio-follow-caption{font:10px/1.6 Arial,sans-serif;color:#a3b8a7;margin:12px 0 25px} .audio-release{display:flex;align-items:center;gap:18px;padding-top:21px;border-top:1px solid #70ff9530} .book-formats .spotify-stage .audio-release p{margin:0;font-family:Arial,sans-serif;color:#e0efe3;line-height:1.4}.audio-release p>span{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#7d9f87}.book-formats .spotify-stage .audio-release strong{display:block;font:600 16px/1.4 Arial,sans-serif;color:#e4f3e7;margin-top:7px} .audio-equalizer{height:39px;display:flex;align-items:center;gap:3px;flex:none}.audio-equalizer i{display:block;width:3px;height:30px;background:#70ff95;transform-origin:center;box-shadow:0 0 8px #70ff9533;animation:audio-levels 1.4s ease-in-out infinite alternate}.audio-equalizer i:nth-child(3n){height:17px;animation-delay:-.8s}.audio-equalizer i:nth-child(3n+1){height:35px;animation-delay:-.4s}.audio-equalizer i:nth-child(2n){animation-duration:1.9s} .book-formats .spotify-stage .audio-episode-credit{font:9px/1.6 Arial,sans-serif;color:#819a88;margin:16px 0 0} .spotify-stage.is-paused *{animation-play-state:paused!important}.spotify-stage a:focus-visible,.audio-motion-toggle:focus-visible{outline:2px solid #70ff95;outline-offset:5px} @keyframes spotify-neon-breathe{0%,100%{filter:drop-shadow(0 0 4px #60ff8daa) drop-shadow(0 0 14px #37fb6566)}50%{filter:drop-shadow(0 0 6px #a2ffb6ee) drop-shadow(0 0 24px #37fb65bb)}} @keyframes spotify-halo-breathe{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.12)}} @keyframes audio-levels{from{transform:scaleY(.3)}to{transform:scaleY(1)}} @media(max-width:1100px){.audio-stage-content{padding:25px 28px}.audio-stage-portrait{min-height:570px}.book-formats .spotify-stage h3{font-size:48px}.audio-stage-actions{gap:10px 18px}.audio-follow-cta{padding:14px 18px}} @media(max-width:760px){.book-formats .spotify-stage{grid-template-columns:1fr;padding:0}.audio-stage-portrait{min-height:320px;height:320px}.audio-stage-portrait>img{object-position:50% 27%}.audio-stage-portrait:after{background:linear-gradient(180deg,#04150c55,transparent 38%,#06110e 100%)}.audio-stage-content{padding:15px 25px 28px}.audio-portrait-caption{bottom:28px;left:25px}.audio-portrait-caption>strong{font-size:49px}.audio-stage-topline{font-size:7px}.spotify-neon-brand{width:180px;margin:21px 0 26px}.book-formats .spotify-stage h3{font-size:45px}.book-formats .spotify-stage .audio-stage-lead{font-size:14px}.audio-stage-actions{align-items:flex-start;flex-direction:column;gap:13px}.audio-follow-cta{width:100%;justify-content:space-between;box-sizing:border-box}.audio-follow-cta img{margin-right:0}.audio-follow-cta>span{margin-left:auto}.audio-listen-cta{font-size:12px}.book-formats .spotify-stage .audio-follow-caption{font-size:10px}} @media(prefers-reduced-motion:reduce){.spotify-stage *{animation:none!important;transition:none!important}.audio-equalizer i{transform:scaleY(.7)}} /* A distinct, original smiling athlete portrait; no generative face edits. */ .audio-stage-portrait>img{object-position:56% center} .book-formats .spotify-stage .audio-photo-credit{font:8px/1.6 Arial,sans-serif;margin:17px 0 0;color:#819a88} .audio-photo-credit a{color:inherit;text-decoration:none;border-bottom:1px solid #819a8840;text-underline-offset:3px} .book-formats .spotify-stage .audio-episode-credit{margin-top:7px} @media(max-width:760px){.audio-stage-portrait>img{object-position:56% 44%}} .audio-stage-portrait>img{transform:scale(1.18);transform-origin:56% 44%} @media(max-width:760px){.audio-stage-portrait>img{transform:scale(1.08);transform-origin:56% 44%}} /* Compact edition: half the former desktop height, with the same neon and motion. */ .book-formats .spotify-stage{grid-template-columns:minmax(240px,.7fr) minmax(0,1.5fr);align-items:stretch} .audio-stage-portrait{min-height:0} .audio-stage-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:'top top' 'brand release' 'title actions' 'lead caption' 'photo episode';align-content:center;align-items:center;gap:12px 24px;padding:20px 30px} .audio-stage-topline{grid-area:top}.spotify-neon-brand{grid-area:brand;width:165px;margin:0;max-width:85%} .book-formats .spotify-stage h3{grid-area:title;font-size:clamp(28px,2.8vw,42px);margin:0} .book-formats .spotify-stage .audio-stage-lead{grid-area:lead;font-size:12px;line-height:1.5;margin:0} .audio-stage-actions{grid-area:actions;gap:8px;align-items:flex-start;flex-direction:column}.audio-follow-cta{padding:11px 14px;font-size:14px;min-height:44px}.audio-listen-cta{padding:5px 0} .book-formats .spotify-stage .audio-follow-caption{grid-area:caption;font-size:9px;margin:0} .audio-release{grid-area:release;padding-top:0;border-top:0;gap:10px}.book-formats .spotify-stage .audio-release strong{font-size:12px;margin-top:4px}.audio-release p>span{font-size:7px;letter-spacing:.08em}.audio-equalizer{height:32px} .book-formats .spotify-stage .audio-photo-credit{grid-area:photo;margin:0;font-size:7px}.book-formats .spotify-stage .audio-episode-credit{grid-area:episode;margin:0;font-size:8px} .audio-portrait-caption{bottom:23px;left:24px}.audio-portrait-caption>strong{font-size:35px;margin-top:8px} @media(min-width:761px){.book-formats .spotify-stage{min-height:324px}.audio-stage-portrait{height:auto}.audio-stage-portrait>img{object-position:56% 42%;transform:scale(1.08)}} @media(min-width:761px) and (max-width:1000px){.book-formats .spotify-stage{grid-template-columns:210px minmax(0,1fr)}.audio-stage-content{gap:10px 14px;padding:18px}.book-formats .spotify-stage h3{font-size:28px}.audio-follow-cta{font-size:12px;padding:10px}.audio-stage-id{left:20px}.audio-portrait-caption>strong{font-size:30px}} @media(max-width:760px){.book-formats .spotify-stage{grid-template-columns:1fr}.audio-stage-portrait{height:170px;min-height:170px}.audio-stage-portrait>img{object-position:56% 43%;transform:scale(1.08)}.audio-stage-id{top:18px;left:20px}.audio-portrait-caption{bottom:15px;left:20px}.audio-portrait-caption>span{font-size:7px}.audio-portrait-caption>strong{font-size:29px;margin-top:5px}.audio-portrait-caption>strong br{display:none}.audio-stage-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'top top' 'brand release' 'title title' 'lead lead' 'actions actions' 'caption caption' 'photo episode';padding:14px 20px 20px;gap:10px 15px}.spotify-neon-brand{width:140px;max-width:100%}.book-formats .spotify-stage h3{font-size:34px}.book-formats .spotify-stage .audio-stage-lead{font-size:12px}.audio-stage-actions{flex-direction:row;align-items:center;gap:15px}.audio-follow-cta{width:auto;min-width:145px;padding:10px 12px}.audio-follow-cta>span{margin-left:0}.audio-listen-cta{font-size:11px}.audio-release{gap:8px}.audio-equalizer{gap:2px}.audio-equalizer i{width:2px}.book-formats .spotify-stage .audio-release strong{font-size:11px}} /* BARRONDO — Alineación del cintillo y navegación */ /* 1. CINTILLO */ .shipping-announcement.shipping-ticker { display: flex; align-items: center; justify-content: center; height: 48px; min-height: 48px; padding: 0; gap: 0; box-sizing: border-box; } .shipping-announcement.shipping-ticker .shipping-ticker-label, .shipping-announcement.shipping-ticker .shipping-ticker-window, .shipping-announcement.shipping-ticker .shipping-ticker-track, .shipping-announcement.shipping-ticker .shipping-ticker-group, .shipping-announcement.shipping-ticker .shipping-ticker-item, .shipping-announcement.shipping-ticker .ticker-message, .shipping-announcement.shipping-ticker .shipping-ticker-toggle { display: flex; align-items: center; } .shipping-announcement.shipping-ticker .shipping-ticker-window { flex: 1 1 0%; min-width: 0; } .shipping-announcement.shipping-ticker .shipping-ticker-track, .shipping-announcement.shipping-ticker .shipping-ticker-group { height: 100%; } .shipping-announcement.shipping-ticker .shipping-ticker-item { align-items: baseline; flex-shrink: 0; } .shipping-announcement.shipping-ticker .ticker-route, .shipping-announcement.shipping-ticker .ticker-message, .shipping-announcement.shipping-ticker .ticker-message-text { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 13px; line-height: 1; letter-spacing: 0.02em; text-box-trim: none; transform: none; } .shipping-announcement.shipping-ticker .ticker-route { color: #f4e8c1; font-weight: 500; opacity: 1; } .shipping-announcement.shipping-ticker .ticker-message, .shipping-announcement.shipping-ticker .ticker-message-text { color: #ffffff; font-weight: 700; opacity: 1; } .shipping-announcement.shipping-ticker .ticker-message { position: relative; display: block; padding-right: 32px; } .shipping-announcement.shipping-ticker .ticker-message b { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 20px; height: 24px; margin: 0; line-height: 1; } .shipping-announcement.shipping-ticker .shipping-ticker-label, .shipping-announcement.shipping-ticker .shipping-ticker-toggle { justify-content: center; align-self: stretch; height: auto; margin: 0; line-height: 1; } .shipping-announcement.shipping-ticker .shipping-ticker-toggle { flex: 0 0 44px; width: 44px; min-width: 44px; } .shipping-ticker .shipping-ticker-toggle svg { display: block; margin: 0; flex-shrink: 0; } .shipping-ticker .shipping-ticker-toggle .ticker-play { display: none; } .shipping-ticker.is-paused .shipping-ticker-toggle .ticker-pause { display: none; } .shipping-ticker.is-paused .shipping-ticker-toggle .ticker-play { display: block; } /* 2. HEADER: reemplaza posicionamiento absoluto por Flexbox */ header .header.reference-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: clamp(12px, 2vw, 32px); height: 82px; min-height: 82px; aspect-ratio: auto; padding: 0 clamp(20px, 4vw, 64px); box-sizing: border-box; background: #052d24; } /* Logo */ header .header.reference-header > .brand.brand-crisp { position: static; inset: auto; order: 1; display: flex; align-items: center; align-self: center; flex: 0 1 285px; width: 285px; max-width: 285px; min-width: 0; height: 64px; gap: 12px; margin: 0; padding: 0; } header .header.reference-header .brand-crisp > .brand-autograph { display: block; flex: 0 0 54px; width: 54px; height: 58px; margin: 0; align-self: center; object-fit: contain; } header .header.reference-header .brand-crisp > .brand-wordmark { margin: 0; line-height: 1.15; } /* Enlaces centrales */ header .header.reference-header > nav { position: static; inset: auto; order: 2; display: flex; align-items: center; justify-content: center; flex: 1 1 auto; width: auto; min-width: 0; height: 44px; gap: clamp(16px, 2vw, 30px); margin: 0; padding: 0; pointer-events: auto; } header .header.reference-header > nav > a, header .header.reference-header > nav > button { position: relative; inset: auto; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; min-width: 0; height: 44px; margin: 0; padding: 0; border: 0; background: transparent; color: #f6efdf; font: 400 15px / 1 Georgia, "Times New Roman", serif; white-space: nowrap; } /* Selector de idioma/moneda */ header .header.reference-header > .barrondo-localization { position: relative; inset: auto; order: 3; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; height: 44px; margin: 0; padding: 0; } header .header.reference-header > .barrondo-localization summary { display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; height: 44px; min-height: 44px; margin: 0; padding: 0 12px; border: 1px solid rgba(246, 239, 223, 0.45); border-radius: 3px; background: #052d24; color: #f6efdf; font: 500 11px / 1 Arial, sans-serif; cursor: pointer; list-style: none; } header .header.reference-header > .barrondo-localization summary::-webkit-details-marker { display: none; } /* Lupa y carrito */ header .header.reference-header > .header-actions { position: static; inset: auto; order: 4; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; height: 44px; gap: 8px; margin: 0; padding: 0; } header .header.reference-header .header-actions .icon-button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0; line-height: 1; } header .header.reference-header .header-actions svg { display: block; flex: none; width: 23px; height: 23px; margin: 0; vertical-align: middle; } header .header.reference-header .header-actions .divider { align-self: center; flex: 0 0 1px; width: 1px; height: 24px; margin: 0; } /* 3. TABLET Y MÓVIL */ @media (max-width: 1100px) { header .header.reference-header { height: 76px; min-height: 76px; gap: 12px; padding-inline: 20px; } header .header.reference-header > nav { display: none; } header .header.reference-header > .brand.brand-crisp { flex: 1 1 auto; width: auto; max-width: none; } } @media (max-width: 600px) { .shipping-announcement.shipping-ticker { height: 58px; min-height: 58px; } .shipping-announcement.shipping-ticker .ticker-route, .shipping-announcement.shipping-ticker .ticker-message, .shipping-announcement.shipping-ticker .ticker-message-text { font-size: 12px; line-height: 1; } header .header.reference-header { gap: 6px; padding-inline: 12px; } header .header.reference-header > .brand.brand- /* BARRONDO — Alineación del cintillo y navegación */ /* 1. CINTILLO */ .shipping-announcement.shipping-ticker { display: flex; align-items: center; justify-content: center; height: 48px; min-height: 48px; padding: 0; gap: 0; box-sizing: border-box; } .shipping-announcement.shipping-ticker .shipping-ticker-label, .shipping-announcement.shipping-ticker .shipping-ticker-window, .shipping-announcement.shipping-ticker .shipping-ticker-track, .shipping-announcement.shipping-ticker .shipping-ticker-group, .shipping-announcement.shipping-ticker .shipping-ticker-item, .shipping-announcement.shipping-ticker .ticker-message, .shipping-announcement.shipping-ticker .shipping-ticker-toggle { display: flex; align-items: center; } .shipping-announcement.shipping-ticker .shipping-ticker-window { flex: 1 1 0%; min-width: 0; } .shipping-announcement.shipping-ticker .shipping-ticker-track, .shipping-announcement.shipping-ticker .shipping-ticker-group { height: 100%; } .shipping-announcement.shipping-ticker .shipping-ticker-item { align-items: baseline; flex-shrink: 0; } .shipping-announcement.shipping-ticker .ticker-route, .shipping-announcement.shipping-ticker .ticker-message, .shipping-announcement.shipping-ticker .ticker-message-text { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 13px; line-height: 1; letter-spacing: 0.02em; text-box-trim: none; transform: none; } .shipping-announcement.shipping-ticker .ticker-route { color: #f4e8c1; font-weight: 500; opacity: 1; } .shipping-announcement.shipping-ticker .ticker-message, .shipping-announcement.shipping-ticker .ticker-message-text { color: #ffffff; font-weight: 700; opacity: 1; } .shipping-announcement.shipping-ticker .ticker-message { position: relative; display: block; padding-right: 32px; } .shipping-announcement.shipping-ticker .ticker-message b { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 20px; height: 24px; margin: 0; line-height: 1; } .shipping-announcement.shipping-ticker .shipping-ticker-label, .shipping-announcement.shipping-ticker .shipping-ticker-toggle { justify-content: center; align-self: stretch; height: auto; margin: 0; line-height: 1; } .shipping-announcement.shipping-ticker .shipping-ticker-toggle { flex: 0 0 44px; width: 44px; min-width: 44px; } .shipping-ticker .shipping-ticker-toggle svg { display: block; margin: 0; flex-shrink: 0; } .shipping-ticker .shipping-ticker-toggle .ticker-play { display: none; } .shipping-ticker.is-paused .shipping-ticker-toggle .ticker-pause { display: none; } .shipping-ticker.is-paused .shipping-ticker-toggle .ticker-play { display: block; } /* 2. HEADER: Flexbox */ header .header.reference-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: clamp(12px, 2vw, 32px); height: 82px; min-height: 82px; aspect-ratio: auto; padding: 0 clamp(20px, 4vw, 64px); box-sizing: border-box; background: #052d24; } /* Logo */ header .header.reference-header > .brand.brand-crisp { position: static; inset: auto; order: 1; display: flex; align-items: center; align-self: center; flex: 0 1 285px; width: 285px; max-width: 285px; min-width: 0; height: 64px; gap: 12px; margin: 0; padding: 0; } header .header.reference-header .brand-crisp > .brand-autograph { display: block; flex: 0 0 54px; width: 54px; height: 58px; margin: 0; align-self: center; object-fit: contain; } header .header.reference-header .brand-crisp > .brand-wordmark { margin: 0; line-height: 1.15; } /* Enlaces centrales */ header .header.reference-header > nav { position: static; inset: auto; order: 2; display: flex; align-items: center; justify-content: center; flex: 1 1 auto; width: auto; min-width: 0; height: 44px; gap: clamp(16px, 2vw, 30px); margin: 0; padding: 0; pointer-events: auto; } header .header.reference-header > nav > a, header .header.reference-header > nav > button { position: relative; inset: auto; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; min-width: 0; height: 44px; margin: 0; padding: 0; border: 0; background: transparent; color: #f6efdf; font: 400 15px / 1 Georgia, "Times New Roman", serif; white-space: nowrap; } /* Selector de idioma/moneda */ header .header.reference-header > .barrondo-localization { position: relative; inset: auto; order: 3; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; height: 44px; margin: 0; padding: 0; } header .header.reference-header > .barrondo-localization summary { display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; height: 44px; min-height: 44px; margin: 0; padding: 0 12px; border: 1px solid rgba(246, 239, 223, 0.45); border-radius: 3px; background: #052d24; color: #f6efdf; font: 500 11px / 1 Arial, sans-serif; cursor: pointer; list-style: none; } header .header.reference-header > .barrondo-localization summary::-webkit-details-marker { display: none; } /* Lupa y carrito */ header .header.reference-header > .header-actions { position: static; inset: auto; order: 4; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; height: 44px; gap: 8px; margin: 0; padding: 0; } header .header.reference-header .header-actions .icon-button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0; line-height: 1; } header .header.reference-header .header-actions svg { display: block; flex: none; width: 23px; height: 23px; margin: 0; vertical-align: middle; } header .header.reference-header .header-actions .divider { align-self: center; flex: 0 0 1px; width: 1px; height: 24px; margin: 0; } /* 3. TABLET Y MÓVIL */ @media (max-width: 1100px) { header .header.reference-header { height: 76px; min-height: 76px; gap: 12px; padding-inline: 20px; } header .header.reference-header > nav { display: none; } header .header.reference-header > .brand.brand-crisp { flex: 1 1 auto; width: auto; max-width: none; } } @media (max-width: 600px) { .shipping-announcement.shipping-ticker { height: 58px; min-height: 58px; } .shipping-announcement.shipping-ticker .ticker-route, .shipping-announcement.shipping-ticker .ticker-message, .shipping-announcement.shipping-ticker .ticker-message-text { font-size: 12px; line-height: 1; } header .header.reference-header { gap: 6px; padding-inline: 12px; } header .header.reference-header > .brand.brand-crisp { gap: 5px; height: 60px; } header .header.reference-header .brand-crisp > .brand-autograph { flex-basis: 32px; width: 32px; height: 48px; } header .header.reference-header .brand-crisp > .brand-wordmark { font-size: clamp(10px, 2.8vw, 14px); letter-spacing: 0; } header .header.reference-header .brand-crisp small { font-size: 5px; letter-spacing: 0.06em; gap: 3px; margin-top: 5px; } header .header.reference-header .brand-crisp i { width: 5px; } header .header.reference-header > .barrondo-localization summary { padding-inline: 7px; font-size: 10px; } header .header.reference-header > .header-actions { gap: 0; } header .header.reference-header .header-actions .divider { display: none; } } @media (prefers-reduced-motion: reduce) { .shipping-announcement.shipping-ticker { height: auto; } .shipping-announcement.shipping-ticker .shipping-ticker-label, .shipping-announcement.shipping-ticker .shipping-ticker-toggle { display: none; } .shipping-announcement.shipping-ticker .shipping-ticker-item { align-items: center; } .shipping-announcement.shipping-ticker .ticker-route, .shipping-announcement.shipping-ticker .ticker-message, .shipping-announcement.shipping-ticker .ticker-message-text { line-height: 1.4; } .shipping-announcement.shipping-ticker .ticker-message { padding-right: 0; } }/* Parche para separar iconos del lado derecho */ header .header.reference-header { padding-right: 15px !important; } header .header.reference-header > .barrondo-localization { margin-left: auto !important; } } /* Barrondo UX: focused homepage, corporate routing and mobile product rails. */ .reference-hero .hero-copy .buy-cta{display:inline-flex!important;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:16px 28px!important;background:#fff8e8!important;color:#092f25!important;border:1px solid #fff8e8!important;box-shadow:0 5px 20px #0003;text-decoration:none!important} .reference-hero .hero-copy .buy-cta:hover{background:#fff!important} .reference-hero .hero-copy .story-link{display:inline-flex!important;align-items:center;gap:12px;min-height:44px;padding:10px 0!important;background:transparent!important;color:#f7f1e4!important;border:0!important;box-shadow:none!important;text-decoration:underline;text-underline-offset:6px;font-size:14px!important} .reference-hero .hero-copy .story-link:hover{color:#d7bd80!important} .ux-corporate-teaser{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:48px auto;padding:40px clamp(20px,4vw,64px);border-block:1px solid #d8cbaf;background:#f6f0e1;color:#092f25} .ux-corporate-teaser>div{max-width:760px}.ux-corporate-teaser h2{font-size:clamp(26px,3vw,40px);line-height:1.15;margin:10px 0 16px}.ux-corporate-teaser p:not(.collection-kicker){font-size:16px;line-height:1.65;margin:0;max-width:68ch}.ux-corporate-teaser nav{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}.ux-corporate-teaser a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:14px 20px;font:600 14px/1.4 Arial,sans-serif;text-decoration:none;border:1px solid #092f25}.ux-teaser-primary{background:#092f25;color:#fff8e8}.ux-teaser-secondary{background:transparent;color:#092f25}.ux-corporate-teaser a:hover{filter:brightness(.9)} .ux-kit-carousel{display:contents} .ux-corporate-teaser a:focus-visible,.hero-copy .buy-cta:focus-visible,.hero-copy .story-link:focus-visible{outline:3px solid #b39a62!important;outline-offset:5px} @media(max-width:1100px){.ux-corporate-teaser{align-items:flex-start;flex-direction:column}} @media(max-width:767px){ .ux-corporate-teaser{margin:28px 0;padding:28px 20px;gap:22px}.ux-corporate-teaser nav{width:100%;flex-direction:column}.ux-corporate-teaser a{width:100%;box-sizing:border-box} .catalog .classic-grid,.catalog .product-grid,.jade-edition .cup-pack-grid,#kits-con-proposito .ux-kit-carousel{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:4px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0;box-sizing:border-box;padding:4px 4px 18px!important;align-items:stretch!important;scrollbar-width:thin;scrollbar-color:#8a7957 #e9dfca} .catalog .classic-grid>article,.catalog .product-grid>article,.jade-edition .cup-pack-grid>article,#kits-con-proposito .ux-kit-carousel>article{flex:0 0 86%!important;width:86%!important;max-width:86%!important;min-width:0!important;scroll-snap-align:start;box-sizing:border-box;grid-column:auto!important;opacity:1!important;transform:none!important} .catalog .classic-grid:focus-visible,.catalog .product-grid:focus-visible,.jade-edition .cup-pack-grid:focus-visible,.ux-kit-carousel:focus-visible{outline:2px solid #092f25;outline-offset:3px} .catalog .classic-card,.catalog .product-grid>.product{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important} .catalog .classic-visual,.catalog .product-grid .product-art{position:relative!important;inset:auto!important;display:flex!important;align-items:center;justify-content:center;height:260px!important;min-height:0!important;width:100%!important;padding:12px!important;box-sizing:border-box} .catalog .classic-visual .catalog-packshot,.catalog .product-grid .product-cutout,.catalog .product-grid .catalog-packshot{height:100%!important;max-height:240px!important;width:100%!important;position:relative!important;inset:auto!important;transform:none!important;display:block!important} .catalog .classic-visual img,.catalog .product-grid .product-art img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important} .catalog .classic-copy,.catalog .product-grid .product-copy{position:relative!important;inset:auto!important;padding:20px!important;width:100%!important;box-sizing:border-box} .catalog .product-grid .product-copy h3{font-size:26px!important}.catalog .product-grid .product-copy p{font-size:15px;line-height:1.5} .catalog .product-grid .commerce-price strong{font-size:32px!important} #kits-con-proposito .ux-kit-carousel .purpose-kit{display:flex!important;flex-direction:column!important;padding:16px!important;gap:14px!important;min-height:0!important;margin:0!important} #kits-con-proposito .ux-kit-carousel .kit-stage{min-height:0!important;padding:0!important;background:transparent!important} #kits-con-proposito .ux-kit-carousel .kit-art{display:block!important;width:100%!important;height:240px!important;min-height:0!important;padding:0!important;position:relative!important;inset:auto!important} #kits-con-proposito .ux-kit-carousel .kit-art img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important} #kits-con-proposito .ux-kit-carousel .kit-copy{padding:0!important}#kits-con-proposito .ux-kit-carousel h3{font-size:28px!important}#kits-con-proposito .ux-kit-carousel .kit-includes{font-size:13px}#kits-con-proposito .ux-kit-carousel .kit-upgrade{display:none} .collection-title::after,.cup-packs-heading::after,.kits-heading::after{content:'Desliza para explorar →';display:block;margin-top:12px;font:12px/1.5 Arial,sans-serif;color:#59685d} html[lang^="en"] .collection-title::after,html[lang^="en"] .cup-packs-heading::after,html[lang^="en"] .kits-heading::after{content:'Swipe to explore →'} .collection-title,.cup-packs-heading,.kits-heading{flex-wrap:wrap} } /* Hero image contains the original secondary link; keep its accessible hit area. */ .reference-hero .hero-copy .buy-cta{font:600 18px/1.2 Georgia,serif!important;white-space:nowrap!important} .reference-hero .hero-copy .buy-cta span{font-size:20px!important;color:#092f25!important;opacity:1!important} .reference-hero .hero-copy .story-link{font-size:0!important;text-decoration:none!important} .reference-hero .hero-copy .story-link span{font-size:0!important} @media(max-width:767px){ .jade-edition{grid-template-columns:minmax(0,1fr)!important} .jade-edition>.jade-copy,.jade-edition>.cup-packs{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box} .jade-edition .cup-pack-grid{width:100%!important} .jade-edition .cup-pack-visual{height:210px!important;min-height:0!important} .jade-edition .cup-pack-visual img{max-height:190px!important;object-fit:contain!important} } footer#redes.demo-footer, footer#redes.demo-footer *{box-sizing:border-box} footer#redes.demo-footer{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:1200px!important;min-width:0!important;margin:0 auto!important;padding:48px 1.25rem 32px!important;text-align:center!important;transform:none!important} footer#redes.demo-footer .footer-community{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:1120px!important;min-width:0!important;margin:0 auto!important;padding:0 0 28px!important;transform:none!important} footer#redes.demo-footer .footer-community>p{width:100%!important;margin:0 0 28px!important;text-align:center!important} footer#redes.demo-footer .footer-socials{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;max-width:720px!important;min-width:0!important;gap:24px!important;margin:0 auto!important;padding:0!important;transform:none!important} footer#redes.demo-footer .footer-socials>a:not([hidden]){display:flex!important;flex:0 0 80px!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:80px!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;text-align:center!important} footer#redes.demo-footer .footer-socials>a[hidden]{display:none!important} footer#redes.demo-footer .footer-channel-note{display:block!important;flex:none!important;width:100%!important;max-width:1120px!important;margin:0 auto 24px!important;padding:22px 0 0!important;border:0!important;border-top:1px solid #d8cbaf!important;text-align:center!important;white-space:normal!important;overflow-wrap:break-word!important;transform:none!important} footer#redes.demo-footer>span,footer#redes.demo-footer>a{margin:0 auto!important;max-width:100%!important;text-align:center!important} footer#redes.demo-footer .barrondo-legal-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:1120px!important;margin:20px auto 0!important;text-align:center!important} @media(max-width:767px){footer#redes.demo-footer .footer-socials{max-width:360px!important;gap:24px 12px!important}footer#redes.demo-footer .footer-socials>a:not([hidden]){flex-basis:calc((100% - 24px)/3)!important;width:calc((100% - 24px)/3)!important}}