.campaign-view{--campaign-header-height: clamp(64px, 6.6vw, 96px);overflow:clip;background:#8a2628}.campaign-container{width:100%;max-width:1440px;margin-inline:auto;padding-inline:20px}@media only screen and (min-width: 768px){.campaign-container{padding-inline:42px}}@media only screen and (min-width: 1025px){.campaign-container{padding-inline:clamp(64px,6.667vw,96px)}}.campaign-btn{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 14px 10px 22px;overflow:hidden;color:#fff;font-size:clamp(15px,1.111vw,16px);line-height:1;border:1px solid rgba(255,255,255,.8);border-radius:100px;backdrop-filter:blur(20px)}.campaign-btn span,.campaign-btn .icon{position:relative;transition:transform .4s cubic-bezier(0.37, 0, 0.63, 1),color .4s cubic-bezier(0.37, 0, 0.63, 1),scale .4s cubic-bezier(0.37, 0, 0.63, 1),rotate .4s cubic-bezier(0.37, 0, 0.63, 1)}.campaign-btn span{z-index:2}.campaign-btn .icon{z-index:1;flex-shrink:0;width:20px;height:20px;color:#fff}@media(hover: hover){.campaign-btn:hover span{color:#8a2628;transform:translateX(18px)}.campaign-btn:hover .icon{transform:translateX(-10%);rotate:-45deg;scale:55}}.campaign-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.campaign-btn--bold{font-weight:700}.campaign-single-language .langSwitch{display:none}.campaign-hero{--hero-height: 100svh;--scroll-distance: 35svh;--progress: 0;--title-fade: clamp(0, var(--progress) / 0.35, 1);--intro-grow: clamp(0, (var(--progress) - 0.25) / 0.6, 1);position:relative;min-height:calc(var(--hero-height) + var(--scroll-distance) + clamp(100px,13.9vw,200px) + clamp(240px,31.6vw,455px))}.campaign-hero.has-intro{--scroll-distance: 165svh}.campaign-hero .sticky{position:sticky;top:0;height:var(--hero-height);overflow:hidden}.campaign-hero .background{position:absolute;inset:0}.campaign-hero .background::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.44)}.campaign-hero .background video,.campaign-hero .background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.campaign-hero .content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding-block:max(var(--campaign-header-height) + 24px,var(--hero-height)*.2568) calc(var(--hero-height)*.1741);opacity:calc(1 - var(--title-fade));transform:translateY(calc(var(--title-fade) * -48px))}@media only screen and (min-width: 1025px){.campaign-hero .content{padding-left:clamp(64px,11.111vw,160px)}}.campaign-hero .title{max-width:8em;margin:0;font-size:clamp(48px,7.25vw,104px);font-weight:400;line-height:.95;letter-spacing:-0.01em}.campaign-hero .text{margin-top:clamp(20px,2.778vw,40px);font-size:clamp(18px,1.736vw,25px);line-height:1.12}.campaign-hero .text p{margin:0}.campaign-hero .text strong,.campaign-hero .text b{font-weight:700}.campaign-hero .campaign-btn{margin-top:clamp(40px,8.542vw,123px)}.campaign-hero .intro{position:absolute;inset:calc(var(--campaign-header-height) + clamp(12px,min(4.444vw,7.9svh),64px)) clamp(16px,2.778vw,40px) clamp(16px,min(2.778vw,4.9svh),40px);z-index:2;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4svh,48px) clamp(20px,5vw,72px);text-align:center;background:rgba(138,38,40,.92);border-radius:10px;opacity:min(1,var(--intro-grow)*4);transform:translateY(calc(max(0, var(--progress) - 1.1) * -100svh)) scale(var(--intro-grow))}.campaign-hero .intro[inert]{visibility:hidden}.campaign-hero .intro .text{max-width:40em;margin:0 auto;font-size:clamp(14px,min(1.389vw,2.5svh),20px);line-height:1.5}.campaign-hero .intro .text h2{margin:0 0 .6em;font-size:clamp(20px,min(2.361vw,4.2svh),34px);font-weight:700;line-height:1.25}.campaign-hero .intro .text p{margin:0 0 1em}.campaign-hero .intro .text p:last-child{margin-bottom:0}.campaign-hero .intro-inner{opacity:clamp(0,(var(--intro-grow) - .35)/.5,1)}.campaign-hero .countdown{margin-top:clamp(16px,min(4.167vw,7.4svh),60px)}.campaign-hero .countdown .label{margin:0 0 clamp(4px,1.1svh,10px);font-size:clamp(15px,min(1.389vw,2.5svh),20px);line-height:1.3}.campaign-hero .units{display:flex;justify-content:center;gap:clamp(16px,3.75vw,54px);margin:0;padding:0;list-style:none}.campaign-hero .units li{display:flex;flex-direction:column;align-items:center;min-width:2.2em}.campaign-hero .value{font-size:clamp(28px,min(2.778vw,4.9svh),40px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.campaign-hero .unit{margin-top:4px;font-size:clamp(12px,1.042vw,15px);line-height:1.2}.campaign-hero .terms{display:inline-block;margin-top:clamp(16px,min(3.472vw,6.2svh),50px);color:#fff;font-size:clamp(13px,.972vw,14px);font-weight:500;text-decoration:underline;text-underline-offset:3px}.campaign-hero .terms:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(prefers-reduced-motion: reduce){.campaign-hero .content{transform:none}.campaign-hero .intro{transform:translateY(calc(max(0, var(--progress) - 1.1) * -100svh))}}.campaign-showcase{--tube-height: clamp(140px, calc(100svh - 470px), 300px);position:relative;z-index:1;margin-top:clamp(-200px,-13.9vw,-100px)}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase{--tube-height: clamp(260px, calc(100svh - 300px), 367px)}}.campaign-showcase{margin-bottom:var(--showcase-gap);background-color:#8a2628;transition:background-color .8s cubic-bezier(0.33, 1, 0.68, 1)}.campaign-showcase::before{content:"";position:absolute;bottom:calc(100% - 1px);left:0;width:100%;height:clamp(240px,31.6vw,455px);background:linear-gradient(180deg, rgba(138, 38, 40, 0) 0%, #8a2628 100%);pointer-events:none}.campaign-showcase::after{content:"";position:absolute;top:100%;left:0;width:100%;height:var(--showcase-gap);background-color:inherit;pointer-events:none}.campaign-showcase.is-alt{background-color:#6e1e20}.campaign-showcase.is-ready{height:calc(100svh + (var(--slides) - 1)*70svh)}.campaign-showcase.is-ready .sticky{position:sticky;top:0;height:100svh}.campaign-showcase .sticky{display:flex;align-items:center;padding-block:var(--campaign-header-height) 24px}.campaign-showcase .stage{display:grid;grid-template-columns:minmax(0, min(100%, max(350px, (100svh - 300px - var(--tube-height)) * 1.899)));grid-template-rows:repeat(5, auto);justify-content:center;align-items:start;width:100%}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .stage{grid-template-columns:minmax(0, calc((100svh - 300px) * 1.899)) auto;justify-content:center;grid-template-rows:repeat(3, auto);-moz-column-gap:clamp(24px,2.222vw,32px);column-gap:clamp(24px,2.222vw,32px)}}.campaign-showcase .cities{position:relative;z-index:2;grid-area:1/1;display:flex;flex-wrap:wrap;justify-content:center;gap:0 clamp(12px,2.222vw,32px)}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .cities{align-self:last baseline;justify-content:flex-start;margin-bottom:clamp(20px,min(3.9vw,5svh),56px)}}.campaign-showcase .city{padding:0;color:#d07268;font-family:inherit;font-size:min(10.6vw,40px);font-weight:700;line-height:1.2;background:none;border:0;cursor:pointer;transition:color .4s cubic-bezier(0.33, 1, 0.68, 1)}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .city{font-size:clamp(30px,min(3.889vw,5.2svh),56px)}}.campaign-showcase .city.is-active{color:#fff}@media(hover: hover){.campaign-showcase .city:hover{color:#fff}}.campaign-showcase .city:focus-visible{outline:2px solid #fff;outline-offset:4px}.campaign-showcase .slides,.campaign-showcase .slide{display:grid;grid-template-rows:subgrid}.campaign-showcase .slides{grid-column:1;grid-row:2/6}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .slides{grid-row:1/4}}.campaign-showcase .slide{grid-area:1/1/5/2;opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(0.33, 1, 0.68, 1),visibility .35s cubic-bezier(0.33, 1, 0.68, 1)}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .slide{grid-area:1/1/4/2}}.campaign-showcase .slide.is-active{opacity:1;visibility:visible}.campaign-showcase.is-animated .slide.is-active .visual{animation:campaign-slide-in .8s cubic-bezier(0.37, 0, 0.63, 1) both}.campaign-showcase.is-animated .slide.is-active .gift,.campaign-showcase.is-animated .slide.is-active .logo,.campaign-showcase.is-animated .slide.is-active .campaign-btn{animation:campaign-text-in .6s .15s cubic-bezier(0.37, 0, 0.63, 1) both}.campaign-showcase.is-animated.is-back .slide.is-active .visual{animation-name:campaign-slide-in-back}.campaign-showcase.is-animated.is-back .slide.is-active .gift,.campaign-showcase.is-animated.is-back .slide.is-active .logo,.campaign-showcase.is-animated.is-back .slide.is-active .campaign-btn{animation-name:campaign-text-in-back}.campaign-showcase .gift{position:relative;z-index:3;grid-row:1;justify-self:end;max-width:360px;margin:22px 0 14px}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .gift{align-self:last baseline;max-width:min(360px,100% - var(--cities-width, 0px) - 56px);margin:0 0 clamp(20px,min(3.9vw,5svh),56px)}}.campaign-showcase .gift p{margin:0;font-size:clamp(14px,1.111vw,16px);line-height:1.35;text-align:right}.campaign-showcase .gift .sparkle{position:absolute;width:12px;height:12px}.campaign-showcase .gift .sparkle--top{top:-18px;right:52px;width:12px;height:12px}.campaign-showcase .gift .sparkle--left{bottom:-13px;right:113px;width:10px;height:10px}.campaign-showcase .gift .sparkle--right{bottom:-22px;right:15px;width:18px;height:18px}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase.is-gift-below .cities{align-self:start}}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase.is-gift-below .gift{align-self:end;max-width:360px;margin-top:calc(var(--cities-height, 0px) + 12px)}}.campaign-showcase .visual{position:relative;grid-row:2}.campaign-showcase .visual img{display:block;width:100%;height:auto;aspect-ratio:1880/990;-o-object-fit:cover;object-fit:cover;border-radius:12px}.campaign-showcase .badge{position:absolute;bottom:0;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(112px,13.75vw,198px);aspect-ratio:1;text-align:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 198 198'%3E%3Cpath d='M198 98.875c-15.783 4.885-28.853 9.854-39.291 14.948-10.439 5.052-19.207 11.19-26.347 18.288-7.14 7.14-13.236 15.951-18.289 26.473-5.052 10.522-10.063 23.675-14.948 39.416-4.885-15.783-9.854-28.936-14.948-39.416-5.052-10.522-11.19-19.333-18.288-26.473-7.14-7.14-15.95-13.236-26.473-18.288C28.894 108.771 15.741 103.76 0 98.875c15.783-4.886 28.936-9.854 39.416-14.948 10.522-5.053 19.333-11.19 26.473-18.289 7.14-7.14 13.236-15.908 18.288-26.347 5.053-10.438 10.063-23.508 14.948-39.291 4.885 15.783 9.854 28.853 14.948 39.291 5.053 10.439 11.19 19.207 18.289 26.347 7.14 7.14 15.908 13.236 26.347 18.289 10.438 5.052 23.508 10.063 39.291 14.948Z' fill='%23b44b40'/%3E%3C/svg%3E") center/contain no-repeat;transform:translate(-50%, 50%)}.campaign-showcase .badge strong{font-size:clamp(20px,2.222vw,32px);font-weight:700;line-height:1}.campaign-showcase .badge span{margin-top:3px;font-size:clamp(6px,.694vw,10px);line-height:1.2;text-transform:uppercase;letter-spacing:.04em}.campaign-showcase .footer{display:contents}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .footer{grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:36px}}.campaign-showcase .logo{position:relative;z-index:2;grid-row:3;justify-self:start;padding-top:38px}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .logo{padding-top:0}}.campaign-showcase .logo img{--logo-size: clamp(54px, 5.556vw, 80px);display:block;width:auto;max-width:100%;height:calc(var(--logo-size)*var(--logo-shape, 0.5))}.campaign-showcase .campaign-btn{grid-row:4;justify-self:center;margin-top:16px;padding-inline:24px 20px;font-size:16px}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .campaign-btn{margin-top:0;padding-inline:22px 14px;font-size:clamp(15px,1.111vw,16px)}}.campaign-showcase .thermometer{position:relative;z-index:1;grid-column:1;grid-row:4;display:flex;justify-content:flex-end;gap:10px;margin-top:32px;padding-right:17%;pointer-events:none}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .thermometer{gap:clamp(8px,1.944vw,28px);padding-right:0;grid-column:2;grid-row:1/4;place-self:center end;margin-top:0}}.campaign-showcase .scale{--row-gap: max(calc(var(--tube-height) * 0.0651), 14px);position:relative;flex:none;align-self:flex-start;width:calc(clamp(150px,13.2vw,190px) + 100px);height:calc(var(--row-gap)*9);margin:calc(var(--tube-height)*.4518 - var(--row-gap)*4.5) 0 0 -100px;padding:0;overflow:hidden;list-style:none;-webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 25%, #000 75%, transparent 100%);mask-image:linear-gradient(180deg, transparent 0%, #000 25%, #000 75%, transparent 100%)}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .scale{width:calc(clamp(150px,var(--tube-height)*.52,230px) + 100px)}}.campaign-showcase .scale li{--label-room: 22px;position:absolute;top:calc(50% + var(--offset, 0)*var(--row-gap));right:0;display:flex;align-items:center;height:0;color:#ca847c;font-size:clamp(11px,.972vw,14px);line-height:1;letter-spacing:.03em;white-space:nowrap;transform:translateY(calc(var(--shift, 0) * max(0px, var(--label-room) - var(--row-gap))));transition:top .6s ease-in-out,transform .6s ease-in-out,font-size .6s ease-in-out,color .6s ease-in-out}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .scale li{--label-room: calc(var(--tube-height) * 0.056 + 4px);font-size:clamp(11px,var(--tube-height)*.0327,12px)}}.campaign-showcase .scale li.is-active{color:#fff;font-size:24px}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .scale li.is-active{font-size:clamp(22px,var(--tube-height)*.0709,26px)}}.campaign-showcase .scale .amount{display:grid;justify-items:end}.campaign-showcase .scale .amount span{grid-area:1/1;transition:opacity .35s ease-in-out .25s}.campaign-showcase .scale .amount span+span{font-weight:700;opacity:0}.campaign-showcase .scale .is-active .amount span{opacity:0;transition-delay:0s}.campaign-showcase .scale .is-active .amount span+span{opacity:1}.campaign-showcase .tube{--mercury-top: max(22.028%, calc(45.18% + ((922.5 - 930 * var(--level)) / 912 - 0.5) * max(45.554%, 98px)))}@media only screen and (min-width: 998px),only screen and (min-width: 768px)and (orientation: landscape){.campaign-showcase .tube{--mercury-top: calc(22.028% + (1 - var(--level)) * 46.454%)}}.campaign-showcase .tube{position:relative;flex:none;align-self:flex-start}.campaign-showcase .tube .shell{display:block;width:auto;max-width:none;height:var(--tube-height)}.campaign-showcase .tube .mercury{position:absolute;inset:0;width:100%;max-width:none;height:100%;clip-path:inset(var(--mercury-top) 34.914% 0 36.638%);transition:clip-path 1.2s cubic-bezier(0.33, 1, 0.68, 1)}.campaign-showcase .tube .mercury-top{position:absolute;top:var(--mercury-top);left:40.302%;width:21.767%;aspect-ratio:101/15;background:url("../../images/thermometer-mercury-top.png") center/100% 100% no-repeat;transition:top 1.2s cubic-bezier(0.33, 1, 0.68, 1)}@media only screen and (max-width: 767px)and (max-height: 699px){.campaign-showcase{--tube-height: clamp(140px, calc(100svh - 426px), 300px)}.campaign-showcase .sticky{padding-bottom:12px}.campaign-showcase .gift{margin:10px 0 12px}.campaign-showcase .logo{padding-top:20px}.campaign-showcase .thermometer{margin-top:24px;padding-right:10%}.campaign-showcase .campaign-btn{margin-top:8px}}@media(prefers-reduced-motion: reduce){.campaign-showcase .slide *{animation:none !important}.campaign-showcase,.campaign-showcase .slide,.campaign-showcase .city,.campaign-showcase .scale li,.campaign-showcase .scale .amount span,.campaign-showcase .tube .mercury,.campaign-showcase .tube .mercury-top{transition:none}}@keyframes campaign-slide-in{0%{opacity:0;transform:translateY(45%)}30%{opacity:1}75%{transform:translateY(-20px)}100%{transform:none}}@keyframes campaign-slide-in-back{0%{opacity:0;transform:translateY(-45%)}30%{opacity:1}75%{transform:translateY(20px)}100%{transform:none}}@keyframes campaign-text-in{from{opacity:0;transform:translateY(24px)}}@keyframes campaign-text-in-back{from{opacity:0;transform:translateY(-24px)}}.campaign-contact{position:relative;z-index:1;padding-block:clamp(56px,6.111vw,88px) clamp(56px,6.944vw,100px);background:#b44b40}.campaign-contact .campaign-container{display:grid;gap:48px}@media only screen and (min-width: 1025px){.campaign-contact .campaign-container{grid-template-columns:minmax(0, 770fr) minmax(0, 327fr);justify-content:space-between;-moz-column-gap:clamp(48px,9vw,130px);column-gap:clamp(48px,9vw,130px);padding-inline:clamp(64px,5.278vw,76px)}}.campaign-contact .title{max-width:640px;margin:0 0 clamp(24px,2.5vw,36px);font-size:clamp(26px,2.778vw,40px);font-weight:700;line-height:1.1}@media only screen and (max-width: 1024px){.campaign-contact .person{max-width:327px}}.campaign-contact .person .visual img{display:block;width:100%;height:auto;aspect-ratio:656/896;-o-object-fit:cover;object-fit:cover}.campaign-contact .person p{margin:0}.campaign-contact .person .name{margin-top:24px;font-size:clamp(16px,1.25vw,18px);font-weight:700}.campaign-contact .person .role{margin-top:4px;font-size:12px}.campaign-contact .person .links{display:flex;flex-direction:column;gap:4px;margin-top:20px}.campaign-contact .person .links a{width:-moz-fit-content;width:fit-content;color:inherit;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:2px}@media(hover: hover){.campaign-contact .person .links a:hover{text-decoration:none}}.campaign-snowfall{--showcase-gap: clamp(96px, 13.681vw, 197px);position:relative;display:flow-root;clip-path:inset(0)}.campaign-snowfall::after{content:"";position:absolute;bottom:0;left:0;z-index:4;width:100%;height:var(--showcase-gap);background:linear-gradient(180deg, rgba(138, 38, 40, 0) 0%, #8a2628 100%);pointer-events:none}.campaign-snow{position:fixed;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;opacity:.7}@media(prefers-reduced-motion: reduce){.campaign-snow{display:none}}
