@font-face{font-family:TikTok;src:url('assets/tiktok-sans.woff2') format('woff2');font-weight:100 900;font-stretch:75% 150%;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{--bg:#111114;--fg:#f2f1ed;--muted:#a0a09d;--line:#ffffff29;--accent:#e9ff60;--paper:#f2f1ed;--ink:#111114;margin:0;background:var(--bg);color:var(--fg);font-family:TikTok,Arial,sans-serif;font-weight:300;letter-spacing:-.02em;line-height:1;transition:background .6s,color .6s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}::selection{background:var(--accent);color:#111}header{display:flex;justify-content:space-between;align-items:center;padding:24px 3vw;position:relative;z-index:5;border-bottom:1px solid var(--line)}.signature{font-size:22px;font-weight:600}.signature sup{font-size:12px;margin-left:5px}nav{display:flex;gap:32px;font-size:15px}.contact{font-size:16px}.contact span{margin-left:30px}a:hover{color:var(--accent)}.hero{padding:0 3vw;min-height:calc(100svh - 74px);position:relative;overflow:hidden}.hero-meta{display:flex;justify-content:space-between;padding-top:22px;font-size:12px;letter-spacing:0}.hero-meta time{margin-left:14px}.hero-stage{position:relative;height:clamp(440px,45vw,740px);display:flex;align-items:center;justify-content:center}h1{display:flex;justify-content:space-between;width:100%;font-size:39vw;font-weight:800;line-height:.82;letter-spacing:-.03em;font-variation-settings:'wdth' 75,'opsz' 36;user-select:none}h1 span{display:inline-block}.portrait{position:absolute;left:32%;top:34%;width:20%;height:54%;transform:rotate(-7deg);z-index:2;box-shadow:0 15px 70px #0007}.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);object-position:50% 34%}.portrait figcaption{font-size:11px;letter-spacing:.02em;background:var(--accent);color:#111;padding:8px 10px}.about-heading{position:relative}.about-stamp{position:absolute;right:3%;top:22%;font-size:13px;line-height:1.05;transform:rotate(8deg);border:1px solid var(--line);padding:15px}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding:5px 0 80px}.profession{font-size:24px;padding:0 0 12px;font-weight:500}.profession span{font-size:16px;color:var(--muted)}.hero-bottom p{font-size:18px;line-height:1}.announcement{display:flex;gap:16px;align-items:center;max-width:350px;justify-self:center;border-top:1px solid var(--line);padding:15px 0;transform:rotate(2deg);transition:transform .3s}.announcement:hover{transform:rotate(-1deg)}.announcement img{width:45px;height:54px;object-fit:cover}.eyebrow{font-size:11px;letter-spacing:.04em;display:block;margin-bottom:10px;color:var(--muted)}.announcement p{font-size:20px}.announce-arrow{font-size:30px;align-self:start;margin-left:20px}.utilities{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;z-index:20;pointer-events:none}.utilities button{pointer-events:auto;background:#111e;color:#fff;border:0;border-radius:30px;min-height:36px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;letter-spacing:.03em;backdrop-filter:blur(15px)}.utilities #sound{width:36px;padding:0}.crocs-dot{width:7px;height:7px;border-radius:50%;background:#ff8cd6}.equalizer{height:12px;display:flex;gap:2px;align-items:center}.equalizer i{width:2px;height:3px;background:currentColor}.playing .equalizer i{animation:bars .7s infinite alternate}.equalizer i:nth-child(2){animation-delay:-.4s}.equalizer i:nth-child(3){animation-delay:-.2s}.equalizer i:nth-child(4){animation-delay:-.6s}@keyframes bars{to{height:12px}}body.crocs{--bg:#ff8cd6;--fg:#3e1337;--muted:#6a285a;--line:#3e13373d;--accent:#f9ff76;--paper:#ffb9e6;--ink:#3e1337}body.crocs .portrait img{filter:none}#toast{position:fixed;left:50%;bottom:85px;transform:translate(-50%,20px);background:var(--accent);color:#111;padding:15px 23px;opacity:0;z-index:50;pointer-events:none;font-size:17px;max-width:85vw;text-align:center;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:absolute;top:-100px;left:20px;z-index:99}.skip:focus{top:10px;background:var(--accent);color:#111;padding:15px}@media(min-width:1700px){.hero-stage{height:44vw}}@media(max-width:760px){header{padding:20px 5vw}nav{display:none}.signature{font-size:19px}.contact{font-size:14px}.contact span{margin-left:15px}.hero{padding:0 5vw}.hero-meta{font-size:10px}.hero-meta>span:last-child{display:none}.hero-stage{height:105vw;max-height:550px;margin-top:clamp(-72px,-16vw,-48px)}h1{font-size:38vw}.portrait{width:34%;height:40%;left:22%;top:52%}.about-stamp{right:0;top:10%;font-size:10px;padding:9px}.hero-bottom{grid-template-columns:1fr;gap:30px;padding-bottom:100px}.hero-bottom>div{grid-column:1/-1}.profession{font-size:24px}.announcement{justify-self:start;gap:10px}.announcement p{font-size:16px}.eyebrow{font-size:10px}.announce-arrow{margin-left:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.section{padding:90px 3vw 120px}.section-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.035em;margin-bottom:60px}.display{font-weight:600;font-variation-settings:'wdth' 75,'opsz' 36;font-size:clamp(70px,12vw,220px);letter-spacing:-.03em;line-height:1}.display em{font-style:normal}.cases{background:var(--paper);color:var(--ink);position:relative}.cases .section-top{border-top:1px solid currentColor;padding-top:20px}.cases .display{position:relative;white-space:nowrap}.asterisk{display:inline-block;font-size:9vw;width:1em;height:1em;line-height:1;margin-left:25px;vertical-align:top;animation:spin 16s linear infinite}.asterisk svg{display:block;width:100%;height:100%}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:35px 0 60px;gap:25px}.stat{display:flex;align-items:center;text-align:left;gap:25px;border-bottom:1px solid #1114;padding:0 0 30px;color:var(--ink)}.stat .zero{font-size:clamp(100px,13vw,200px);font-weight:600;font-variation-settings:'wdth' 75;letter-spacing:-.03em;line-height:1}.stat>span:last-child{font-size:clamp(18px,2.4vw,36px)}.stat small{font-size:.58em;display:inline-block;margin-top:8px;opacity:.6}.stat:hover .zero{font-variation-settings:'wdth' 120}.case-intro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start;padding:60px 0 90px}.case-intro .eyebrow{color:inherit;padding-top:8px}.case-intro p{font-size:clamp(26px,3.5vw,58px)}.case-intro p span{opacity:.45}.small-note{font-size:12px;line-height:1.15;align-self:end}.brand-caption{display:flex;justify-content:space-between;border-top:1px solid #1114;padding:18px 0;font-size:11px;letter-spacing:.03em}.brand-caption button{font-size:11px}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #1114;margin-bottom:100px;perspective:1000px;overflow:hidden}.brand{height:140px;display:flex;justify-content:center;align-items:center;position:relative}.brand img{width:72%;max-width:176px;height:64px;object-fit:contain;filter:brightness(0);animation:brand-spin 13s cubic-bezier(.65,0,.35,1) infinite;animation-delay:calc(var(--i)*-1.4s);transition:filter .3s}.brand:hover img{animation-play-state:paused;filter:none}.brand-grid.paused img{animation-play-state:paused}.brand::after{content:attr(data-brand);position:absolute;bottom:8px;font-size:11px;opacity:0;transition:.2s}.brand:hover::after,.brand:focus-visible::after{opacity:.6}@keyframes brand-spin{0%,25%,100%{transform:rotateY(0) rotate(-3deg)}45%,55%{transform:rotateY(360deg) rotate(5deg)}75%{transform:rotateY(360deg) rotate(-3deg)}}@keyframes spin{to{transform:rotate(360deg)}}.project-pair{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;margin-bottom:70px}.second-project{padding-top:120px}.project-image{position:relative;overflow:hidden}.project-image img{width:100%;height:43vw;max-height:600px;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.3,1)}.second-project .project-image img{height:auto;max-height:none;aspect-ratio:4/3;object-position:center}.project-image:hover img{transform:scale(1.04)}.project-image>span{position:absolute;bottom:15px;left:15px;background:var(--paper);color:var(--ink);padding:10px;font-size:11px}.project-heading{display:flex;justify-content:space-between;gap:15px;margin:25px 0 20px}.project-heading h3{font-size:clamp(27px,3vw,50px);font-weight:500}.project-heading>span{font-size:11px;text-align:right;line-height:1.2;padding-top:6px}.project>p{font-size:18px;line-height:1;max-width:480px;opacity:.65}.text-cta{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid currentColor;padding:20px 0 14px;font-size:clamp(20px,2.5vw,36px);font-weight:500;letter-spacing:-.03em}.text-cta span{font-size:1.6em;transition:transform .25s}.text-cta:hover span{transform:translate(5px,-5px)}.cases a:hover{color:inherit;opacity:.65}.about{background:var(--bg);color:var(--fg)}.indent{display:block;margin-left:22%}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:100px}.press{transform:rotate(-6deg);align-self:start;position:relative;margin:60px 0 0 20px}.press img{width:100%;box-shadow:0 20px 80px #0005}.press-tape{display:block;background:var(--accent);color:#111;position:absolute;top:-23px;left:14%;padding:14px 22px;font-size:13px;transform:rotate(3deg)}.press-caption{font-size:11px;display:block;padding-top:15px;opacity:.6}.lead{font-size:clamp(40px,4.7vw,78px);font-weight:400}.lead span{color:var(--muted)}.about-copy>p:not(.lead){font-size:22px;line-height:1;max-width:470px;margin-top:32px}.about-copy .hand-note{color:var(--accent);transform:rotate(-4deg);padding:18px 0 25px;font-size:26px!important;font-family:Caveat,cursive;font-weight:500;letter-spacing:0}.about-copy .text-cta{margin-top:45px;font-size:23px}.manifesto{height:180svh;position:relative;border-top:1px solid var(--line)}.manifesto-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:6vw 3vw;overflow:hidden}.manifesto .eyebrow{margin-bottom:60px;text-align:center}.manifesto-line{display:block;width:100%;min-width:0;font-size:14.5vw;line-height:.93;font-weight:600;font-variation-settings:'wdth' 75,'opsz' 36;letter-spacing:-.03em;text-align:center;will-change:transform,color}.manifesto-line + .manifesto-line{color:var(--accent)}.manifesto-foot{text-align:right;font-size:12px;line-height:1.2;padding-top:50px}.kombucha{background:var(--paper);color:var(--ink)}.kombucha-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px;gap:30px}.kombucha-heading .display{font-size:11.4vw}.kombucha-heading>p{font-size:32px;padding-bottom:16px}.kombucha-art{position:relative}.kombucha-art img{width:100%;height:58vw;max-height:900px;object-fit:cover}.bottle-tag{position:absolute;bottom:7%;right:5%;font-size:clamp(18px,3vw,40px);line-height:.95;font-weight:500;background:var(--accent);color:#111;padding:25px;transform:rotate(8deg)}.kombucha-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12vw;padding-top:65px}.kombucha-bottom .lead{font-size:5vw}.kombucha-bottom .lead span{color:inherit;opacity:.45}.kombucha-bottom>div>p{font-size:24px;line-height:1;max-width:500px}.flavors{display:flex;gap:8px;flex-wrap:wrap;padding:30px 0}.flavors span{font-size:10px;border:1px solid #1114;border-radius:30px;padding:10px 14px}.kombucha a:hover{color:inherit;opacity:.6}.travel .display{font-size:10.3vw}.travel .display>span{color:#ff8cd6}.travel-intro{display:flex;justify-content:space-between;margin:35px 0 60px;gap:30px}.travel-intro>p{font-size:25px;line-height:1}.travel-intro>span{font-size:11px;line-height:1.1}.travel-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:35px;align-items:start}.map-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0 20px}.map-canvas{position:relative;aspect-ratio:1000/560;background-image:radial-gradient(#ffffff18 1px,transparent 1px);background-size:12px 12px}.map-canvas>img{width:100%;height:100%;opacity:.6}.map-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-route path{stroke:var(--accent);stroke-width:1.5;fill:none;stroke-dasharray:5 7;animation:route-dash 20s linear infinite}@keyframes route-dash{to{stroke-dashoffset:-400}}.map-bottom{display:flex;justify-content:space-between;font-size:10px;margin-top:25px;gap:25px}.travel-photo{position:relative;overflow:hidden}.travel-photo>img{height:330px;width:100%;object-fit:cover}.travel-photo>span{position:absolute;bottom:12px;left:12px;background:#111d;color:#fff;padding:8px;font-size:11px}.travel-card-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.travel-card-title h3{font-size:36px;font-weight:500}.travel-card-title>span{font-size:11px}.travel-card>p{font-size:18px;line-height:1;min-height:78px;color:var(--muted)}.city-list{display:flex;flex-wrap:wrap;margin:50px 0;gap:10px}.city-list button{border:1px solid var(--line);padding:13px 17px;font-size:16px;transition:.2s}.city-list button:hover,.city-list button.active{background:var(--accent);color:#111;border-color:var(--accent)}.travel-next{border-top:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.travel-next>p{font-size:28px}.travel-next .text-cta{font-size:25px}footer{padding:80px 3vw 95px;background:var(--accent);color:#111;position:relative;overflow:hidden}.section-top button{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px}.footer-bottom a:hover{color:inherit;text-decoration:underline}body.crocs .map-canvas>img{filter:sepia(1) hue-rotate(270deg);opacity:.5}body.crocs footer{background:#ed4cac;color:#3e1337}body.crocs .cases,body.crocs .kombucha{background:var(--paper)}body.crocs .bottle-tag,body.crocs .press-tape,body.crocs .portrait figcaption{background:#ed4cac;color:#3e1337}.reveal{transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s}.motion-ready .reveal{opacity:0;transform:translateY(45px)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.loader{position:fixed;inset:0;background:var(--bg);color:var(--fg);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:clip-path .9s cubic-bezier(.76,0,.24,1);clip-path:inset(0)}.loader.done{clip-path:inset(0 0 100% 0);pointer-events:none}.loader-word{font-size:35vw;font-weight:600;letter-spacing:-.03em;font-variation-settings:'wdth' 75;opacity:.12}.loader-photo{position:absolute;width:22vw;max-width:300px;min-width:140px;height:31vw;max-height:390px;min-height:195px;object-fit:cover;transform:rotate(-7deg)}.loader-bottom{position:absolute;bottom:45px;left:3vw;right:3vw;display:flex;align-items:end;justify-content:space-between}.loader-copy{font-size:32px;line-height:1.15}.loader-number{font-size:7vw;font-variation-settings:'wdth' 75;font-weight:600}.hero.entered h1 > span{animation:letter-in 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--letter)*80ms)}.hero.entered .portrait{animation:portrait-in 1.5s cubic-bezier(.16,1,.3,1) both}.hero.entered .announcement{animation:announcement-in 1.5s .3s both}@keyframes letter-in{from{transform:translateY(90%) rotate(10deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes portrait-in{from{transform:translateY(90px) rotate(15deg) scale(.8);opacity:0}to{transform:translateY(0) rotate(-7deg) scale(1);opacity:1}}@keyframes announcement-in{from{transform:translateY(30px) rotate(-8deg);opacity:0}to{transform:translateY(0) rotate(2deg);opacity:1}}
@media(max-width:760px){.section{padding:60px 5vw 70px}.section-top{font-size:10px;margin-bottom:35px}.section-top>span:last-child{max-width:125px;text-align:right}.display{font-size:14vw}.cases .display{font-size:13.5vw}.asterisk{font-size:9vw;margin-left:8px}.stats{gap:12px;padding:25px 0}.stat{display:block;padding-bottom:20px}.stat .zero{font-size:23vw;display:block}.stat>span:last-child{font-size:16px;display:block}.stat small{font-size:11px}.case-intro{grid-template-columns:1fr;padding:45px 0;gap:20px}.case-intro p{font-size:32px}.small-note{text-align:right;font-size:10px}.brand-caption{font-size:9px;gap:25px;line-height:1.1}.brand-caption button{font-size:9px;flex-shrink:0}.brand-grid{grid-template-columns:repeat(2,1fr);margin-bottom:50px}.brand{height:100px}.brand img{max-width:140px;height:50px}.project-pair{grid-template-columns:1fr;gap:45px;margin-bottom:25px}.second-project{padding-top:0}.project-image img{height:105vw;max-height:520px}.project-heading h3{font-size:30px}.project>p{font-size:18px}.text-cta{font-size:24px}.about .display{font-size:17vw}.indent{margin-left:13%}.about-layout{grid-template-columns:1fr;margin-top:40px;gap:65px}.press{width:90%;margin:30px auto 0}.press-tape{font-size:10px;padding:12px;top:-20px;left:12%}.lead{font-size:46px}.about-copy>p:not(.lead){font-size:21px;line-height:1}.about-copy .text-cta{font-size:22px}.manifesto{height:145svh}.manifesto-sticky{min-height:85svh;top:7svh;padding:10vw 5vw}.manifesto .eyebrow{font-size:10px;margin-bottom:45px}.manifesto-line{font-size:14vw}.manifesto-foot{font-size:10px}.kombucha-heading{display:block;margin-bottom:30px}.kombucha-heading .display{font-size:15vw}.kombucha-heading>p{font-size:24px;padding-top:25px;text-align:right}.kombucha-art img{height:105vw;object-position:42%}.bottle-tag{font-size:24px;padding:17px;right:0;bottom:8%}.kombucha-bottom{grid-template-columns:1fr;gap:30px;padding-top:45px}.kombucha-bottom .lead{font-size:46px}.kombucha-bottom>div>p{font-size:21px}.travel .display{font-size:12.5vw}.travel-intro{display:block;margin:30px 0}.travel-intro>p{font-size:22px}.travel-intro>span{display:block;margin-top:20px;font-size:10px}.travel-layout{grid-template-columns:1fr;gap:35px}.map-panel{padding:20px 0}.map-bottom{font-size:9px}.travel-photo>img{height:90vw;max-height:450px}.travel-card-title h3{font-size:36px}.travel-card>p{min-height:0;font-size:20px}.city-list{margin:30px 0;gap:8px}.city-list button{padding:12px;font-size:14px}.travel-next{grid-template-columns:1fr;gap:25px;padding-bottom:0}.travel-next>p{font-size:24px}.travel-next .text-cta{font-size:22px}footer{padding:60px 5vw 100px}.footer-bottom{font-size:10px;flex-wrap:wrap;line-height:1.2}.footer-bottom>span:last-child{flex-basis:100%;padding-top:8px}.loader-bottom{bottom:80px;left:5vw;right:5vw}.loader-number{font-size:18vw}.loader-copy{font-size:28px}}
@media(prefers-reduced-motion:reduce){.manifesto{height:auto}.manifesto-sticky{position:relative;min-height:60svh;top:0}.motion-ready .reveal{opacity:1;transform:none}.loader{display:none}.hero.entered h1 > span,.hero.entered .portrait,.hero.entered .announcement{animation:none}}
.brand[data-brand="Атом"]:hover img,.brand[data-brand="Cofix"]:hover img{filter:brightness(0)}

/* Pointer reactions share the page's type, photographs and accent color. */
.reaction-trigger{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(8px,1.2vw,22px);width:100%;min-width:0;padding:0;color:inherit;text-align:center;position:relative;isolation:isolate}
.reaction-trigger:focus-visible{outline-offset:12px}
.manifesto-line{display:block;position:relative;white-space:nowrap}
.reaction-letter{display:inline-block;transform-origin:50% 80%;transform:translateY(var(--lift,0px)) rotate(var(--lean,0deg)) scaleY(var(--stretch,1));transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.reaction-hint{font-size:11px;letter-spacing:.04em;text-align:center;margin-top:25px;color:var(--muted);min-height:1em}
.hero-letter-face{transform:translateY(var(--hero-lift,0px)) rotate(var(--hero-lean,0deg));transition:transform .5s cubic-bezier(.16,1,.3,1);transform-origin:50% 85%}
.portrait{translate:var(--photo-x,0px) var(--photo-y,0px);rotate:var(--photo-tilt,0deg);transition:translate .5s,rotate .5s}
.portrait img{transition:filter .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
.kombucha-art{overflow:hidden}
.kombucha-art img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.project-image>span,.bottle-tag,.press,.about-stamp{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.text-cta{position:relative;isolation:isolate;transition:color .3s,padding .4s}
.text-cta::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.text-cta:focus-visible{color:#111}
.text-cta:focus-visible::before{transform:scaleY(1)}
nav a{position:relative}
nav a::after{content:'';position:absolute;bottom:-7px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s}
nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.stat .zero{transition:transform .5s cubic-bezier(.2,.8,.2,1),color .3s;display:inline-block}
.profession span{display:inline-block;transition:transform .5s}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .portrait:hover img{transform:scale(1.06);filter:grayscale(1) contrast(1.12)}
  .about-stamp:hover{transform:rotate(-8deg) scale(1.07)}
  .profession:hover span{transform:rotate(180deg)}
  .project-image:hover img,.kombucha-art:hover img{transform:translate(var(--image-x,0px),var(--image-y,0px)) scale(1.055)}
  .project-image:hover>span{transform:translateY(-6px) rotate(-3deg)}
  .kombucha-art:hover .bottle-tag{transform:rotate(-6deg) translateY(-8px)}
  .press:hover{transform:rotate(0deg) translateY(-8px)}
  .text-cta:hover{color:#111;padding-left:16px;padding-right:16px}
  .text-cta:hover::before{transform:scaleY(1)}
  nav a:hover::after{transform:scaleX(1);transform-origin:left}
  .stat:hover .zero{transform:rotate(-12deg) scale(1.12)}
}
@media(prefers-reduced-motion:reduce){
  .reaction-letter,.hero-letter-face{transform:none!important}
  .portrait{translate:none;rotate:none}
}

/* Location pins stay at real coordinates; labels move to keep every target usable. */
.map-canvas{isolation:isolate}
.map-canvas>img{pointer-events:none;opacity:.85}
#map-markers{position:absolute;inset:0;z-index:3;pointer-events:none}
.map-marker{position:absolute;width:24px;height:24px;padding:0;transform:translate(-50%,-50%);border:0;background:transparent;color:var(--accent);pointer-events:auto;border-radius:50%}
.map-marker::after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border:1px solid currentColor;border-radius:50%;background:var(--bg);transition:width .2s,height .2s,background .2s,box-shadow .2s;pointer-events:none}
.map-marker.active::after{width:11px;height:11px;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 15%,transparent)}
.map-marker:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
.map-bottom{line-height:1.35;align-items:start}
.map-bottom>span:last-child{text-align:right}
#map-status{color:var(--accent)}
@media(max-width:760px){.city-list button{min-height:44px}}

/* A separate footer game; pointer scrolling stays enabled outside the product. */
.curd-game{display:grid;grid-template-columns:1fr;gap:30px;align-items:center;padding:20px 0 55px;margin-bottom:30px;border-bottom:1px solid #1116}
.curd-intro h2{text-align:center;font-size:clamp(64px,8vw,140px);font-weight:600;font-variation-settings:'wdth' 75,'opsz' 36;letter-spacing:-.03em;line-height:1}
.curd-caption{text-align:center;font-size:clamp(14px,1.2vw,18px);line-height:1.3;margin-top:20px}
.curd-playground{min-width:0;width:100%;max-width:1100px;justify-self:center;text-align:center}
.curd-arena{height:400px;position:relative;isolation:isolate;overflow:hidden;background:transparent;color:inherit}
.curd-piece{position:absolute;left:8%;bottom:76px;width:44%;max-width:400px;padding:0;z-index:3;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab;transform:translate(var(--drag-x,0px),var(--drag-y,0px));transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s}
.curd-art{display:block;width:100%;aspect-ratio:1000/410;overflow:hidden;pointer-events:none;transform:rotate(-8deg);transform-origin:center;transition:transform .3s}
.curd-art img{display:block;width:100%;max-width:none;height:auto;transform:translateY(-29%);clip-path:polygon(8% 35.5%,17.8% 30.9%,92% 37%,92% 63.5%,85.5% 69.3%,8% 61.2%);pointer-events:none;-webkit-user-drag:none}
.curd-piece:focus-visible,.curd-bin:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.curd-bin{position:absolute;right:8%;bottom:30px;width:220px;height:330px;padding:0;color:inherit;z-index:2;touch-action:manipulation}
.curd-bin svg{width:100%;height:100%;overflow:visible;transition:transform .3s}.curd-bin:hover svg{transform:rotate(3deg)}

.curd-bin-lid{transform-origin:138px 64px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.curd-status{font-size:13px;line-height:1.25;padding-top:14px;min-height:47px}
.curd-telegram{font-size:16px;font-weight:500;text-decoration:underline}
.curd-telegram:hover{color:inherit}
.curd-telegram[hidden]{display:none}
.is-picked .curd-art{transform:rotate(0deg) translateY(-8px)}

.is-picked .curd-bin-lid,.is-over-bin .curd-bin-lid{transform:rotate(32deg) translateY(-12px)}
.is-dragging .curd-piece{cursor:grabbing;transition:none}
.is-over-bin .curd-bin svg{transform:rotate(-4deg) scale(1.06)}
.is-complete .curd-piece{opacity:0;pointer-events:none}
.is-complete .curd-bin-lid{transform:none}
@media(prefers-reduced-motion:no-preference){
  .is-hinting .curd-art{animation:curd-hint-toss 1.5s .15s ease-in-out,curd-hint-reminder 12s 9s ease-in-out infinite}
  .is-hinting .curd-bin-lid{animation:curd-hint-lid 1.5s .15s ease-in-out,curd-lid-reminder 12s 9s ease-in-out infinite}
}
@keyframes curd-hint-toss{
  0%,100%{transform:translate(0,0) rotate(-8deg)}
  35%{transform:translate(8%,-26px) rotate(-13deg)}
  60%{transform:translate(24%,-18px) rotate(4deg)}
}
@keyframes curd-hint-lid{
  0%,15%,100%{transform:rotate(0) translateY(0)}
  45%,65%{transform:rotate(24deg) translateY(-8px)}
}
@keyframes curd-hint-reminder{
  0%,12%,100%{transform:translate(0,0) rotate(-8deg)}
  4%{transform:translate(4%,-12px) rotate(-10deg)}
  7%{transform:translate(10%,-8px) rotate(-3deg)}
}
@keyframes curd-lid-reminder{
  0%,2%,12%,100%{transform:rotate(0) translateY(0)}
  5%,8%{transform:rotate(10deg) translateY(-3px)}
}
@media(max-width:760px){
  .curd-game{gap:20px;padding:15px 0 30px}
  .curd-intro h2{font-size:clamp(48px,15vw,90px)}
  .curd-arena{height:300px}
  .curd-piece{left:3%;bottom:62px;width:56%;min-height:64px}
  .curd-art{transform:rotate(-5deg)}
  .curd-bin{right:3%;width:38%;max-width:150px;height:auto;aspect-ratio:2/3;bottom:34px}
    .curd-status{font-size:12px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){
  .curd-piece,.curd-art,.curd-bin-lid,.curd-bin svg{transition:none}
}

/* Shared optical sizing scales small SVGs up as well as large artwork down. */
.brand[data-brand="Cofix"] img{width:60%;max-width:140px}
.brand[data-brand="Winline"] img{filter:grayscale(1)}
.brand[data-brand="Winline"]:hover img{filter:none}

.swag-note{text-align:left;line-height:1.25;touch-action:manipulation}
.swag-answer{display:inline-block;filter:blur(5px);transition:filter .35s;user-select:none}
[data-blur-reveal][aria-expanded="true"] .swag-answer{filter:blur(0);user-select:text}
@media(max-width:760px){.swag-note{text-align:right}}
@media(prefers-reduced-motion:reduce){.swag-answer{transition:none}}

.tea-reveal{font:inherit;line-height:inherit;text-align:inherit;padding:0;touch-action:manipulation}

/* Full-width editorial sponsor ribbon. */
.sponsor-strip{display:block;width:100%;overflow:hidden;background:var(--accent);color:#111114;padding:10px 0;font-size:16px;font-weight:500;line-height:1;letter-spacing:-.01em}
.sponsor-strip:hover{color:#111114}
.sponsor-strip:focus-visible{outline:2px solid #111114;outline-offset:-4px}
.sponsor-track{display:flex;width:max-content;animation:sponsor-scroll 36s linear infinite}
.sponsor-group{display:flex;align-items:center;justify-content:space-around;min-width:100vw;flex-shrink:0;gap:40px;padding-right:40px}
.sponsor-group>span{white-space:nowrap}
.sponsor-group i{display:inline-block;font-style:normal;margin-left:12px;transition:transform .25s}
.sponsor-strip:hover i,.sponsor-strip:focus-visible i{transform:translate(2px,-2px) rotate(45deg)}
@keyframes sponsor-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sponsor-track{animation:none}.sponsor-group i{transition:none}}

@font-face{font-family:Caveat;src:url("assets/caveat-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
.travel .section-top .travel-notes{font-family:Caveat,cursive;font-weight:500;font-size:clamp(26px,2.5vw,36px);line-height:1.1;letter-spacing:0;max-width:none;margin-left:auto;transform:rotate(-4deg)}

/* A small sticker over the opening composition. */
.hero-joke{position:absolute;right:14%;top:62%;z-index:10;display:grid;place-items:center;width:168px;height:168px;padding:21px;border-radius:50%;background:var(--accent);color:#111114;font-size:24px;font-weight:700;line-height:1.05;text-align:center;transform:rotate(10deg);transition:transform .25s;touch-action:manipulation}
.hero-joke:hover:not(:disabled){transform:rotate(-6deg) scale(1.07)}
.hero-joke:active:not(:disabled){transform:rotate(-6deg) scale(.96);}
.hero-joke>span{display:block;width:100%;min-width:0}
.hero-joke-total{display:block;white-space:nowrap;font-size:.9em;line-height:1.25}
.hero-joke-total small{font-size:.65em}
.hero-joke:focus-visible{outline:3px solid var(--fg);outline-offset:5px}
@media(max-width:760px){.hero-joke{right:4%;top:65%;width:138px;height:138px;padding:15px;font-size:21px}}
@media(prefers-reduced-motion:no-preference){.hero.entered .hero-joke{animation:hero-joke-in .7s 2.3s cubic-bezier(.2,.8,.3,1.3) both}}
@keyframes hero-joke-in{from{opacity:0;translate:0 20px;scale:.5}to{opacity:1;translate:0 0;scale:1}}
@media(prefers-reduced-motion:reduce){.hero-joke{transition:none}}

.hero.entered .hero-joke.is-dismissed{animation:hero-joke-out .55s cubic-bezier(.4,0,.8,.4) forwards;pointer-events:none}
@keyframes hero-joke-out{
  0%{opacity:1;translate:0 0;scale:1;rotate:0deg}
  30%{opacity:1;translate:0 -14px;scale:1.15;rotate:-12deg}
  100%{opacity:0;translate:18px 38px;scale:0;rotate:85deg}
}