@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&family=Old+Standard+TT:ital@0;1&display=swap');
:root{--cream:#f8efcf;--ink:#352939;--coral:#e96750;--pink:#efb7ce;--lilac:#b9a4df;--line:rgba(53,41,57,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Golos Text',Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block;height:auto}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--coral);outline-offset:6px}::selection{background:var(--ink);color:var(--cream)}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:var(--cream);padding:15px}.skip:focus{top:10px}.header{min-height:96px;padding:18px 4vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.15;letter-spacing:-.04em}.brand-icon{font-size:50px;line-height:1}.brand b{font-weight:800}.header nav{display:flex;gap:30px;font-size:12px}.header nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid var(--ink);border-radius:100px;padding:20px 27px;font-size:14px;transition:transform .2s,background .2s;max-width:100%}.pill:hover{transform:translateY(-3px);background:var(--pink)}.pill span{font-size:23px;line-height:1}.pill.small{padding:13px 20px;font-size:12px}.pill.dark{background:var(--ink);color:var(--cream)}.pill.dark:hover{background:#55415c}.label,.edition{font-size:10px;letter-spacing:.1em;font-weight:600;line-height:1.6}.section{padding:100px 5vw}.hero{padding:26px 4vw 55px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;overflow:hidden}.hero-top{grid-column:1/-1;display:flex;justify-content:space-between;margin-bottom:45px}.edition span{margin:0 12px;color:var(--coral)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(72px,8.9vw,154px);font-weight:800;letter-spacing:-.08em;line-height:.93;margin:0;position:relative;z-index:2}.serif{font-family:'Old Standard TT',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.065em}.coral{color:var(--coral)}.asterisk{display:inline-block;position:absolute;top:15px;right:5%;font-size:65px;color:var(--coral);animation:turn 30s linear infinite}.hero-bottom{grid-column:1;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:40px 25px 0 0}.hero-bottom p{font-size:13px;line-height:1.8;margin:0}.round-link{width:62px;height:62px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:29px;transition:background .2s}.round-link:hover{background:var(--pink)}.hero-art{grid-column:2;grid-row:2/4;margin:0;align-self:center;border:1px solid var(--ink);border-radius:180px 180px 0 0;overflow:hidden;background:var(--pink);transform:rotate(2deg)}.hero-art img{width:100%;aspect-ratio:1.05;object-fit:cover;object-position:center}.hero-art figcaption{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--lilac);border-top:1px solid var(--ink);font-size:9px;letter-spacing:.04em}.hero-art figcaption b{font-size:22px}.sticker{position:absolute;right:43%;bottom:35px;z-index:3;width:107px;height:107px;border:1px solid var(--ink);border-radius:50%;background:var(--coral);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;text-align:center;transform:rotate(-12deg)}.sticker b{font-size:30px;line-height:1.1}.ribbon{overflow:hidden;background:var(--ink);color:var(--cream);padding:16px 0;white-space:nowrap}.ribbon span{display:block;width:max-content;font-size:15px;letter-spacing:.12em;word-spacing:18px;animation:marquee 32s linear infinite}.intro{background:#f4e6ec}.intro h2{font-size:clamp(40px,5.6vw,86px);line-height:1.06;letter-spacing:-.065em;font-weight:600;max-width:1040px;margin:35px 0}.intro em{color:var(--coral);font-style:normal}.intro-note{display:flex;gap:35px;max-width:500px;margin-left:auto}.intro-note>span{font-size:65px;line-height:1}.intro-note p{font-size:14px;line-height:1.8;margin:0}.mixer{background:var(--lilac);display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:45px;border-bottom:1px solid var(--ink)}h2{font-size:clamp(38px,4.7vw,70px);line-height:1.02;letter-spacing:-.065em;font-weight:600}.mixer-title>p:last-child{font-size:13px;line-height:1.7}.mix-controls{padding-top:35px}.mix-controls label{display:flex;justify-content:space-between;font-size:13px}.mix-controls output{font-variant-numeric:tabular-nums}.mix-controls input{width:100%;margin:22px 0 32px;accent-color:var(--ink);cursor:pointer}.mix-controls .pill{width:100%;font-size:12px;margin-top:10px}.random{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:8px 0;margin-top:15px;font-size:11px}.mix-result{text-align:center}.flask{height:185px;width:155px;border:3px solid var(--ink);border-radius:35px 35px 65px 65px;margin:25px auto 22px;position:relative;overflow:hidden;background:var(--cream)}.flask:before{content:'';position:absolute;top:0;left:45px;width:60px;border-top:9px solid var(--ink);z-index:3}.liquid{position:absolute;bottom:0;left:0;right:0;height:62%;background:var(--coral);transition:height .6s,background .6s;border-top:2px solid var(--ink);border-radius:40% 40% 0 0}.flask>span{position:relative;z-index:2;display:block;font-size:85px;padding-top:48px;line-height:1}.flask i{position:absolute;width:13px;height:13px;border:1px solid var(--ink);border-radius:50%;bottom:20px;left:30px}.flask i:nth-of-type(2){left:100px;bottom:40px;width:8px;height:8px}.flask i:nth-of-type(3){left:85px;bottom:15px}.mixing .flask{animation:shake .55s}.mixing .flask i{animation:bubble .6s}.mix-result h3{font-size:23px;letter-spacing:-.04em;margin-bottom:10px}.mix-result p:not(.label){font-size:13px;line-height:1.7;max-width:285px;margin-inline:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.section-heading p{font-size:13px;line-height:1.8}.section-heading h2{margin-bottom:0}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:40px 0 28px}.filters button{background:transparent;border:1px solid var(--line);border-radius:50px;padding:12px 19px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.filters sup{margin-left:9px;font-size:8px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.postcard{padding:28px 25px 0;border:1px solid var(--ink);border-radius:140px 140px 8px 8px;text-align:center;transition:transform .3s;min-height:440px;display:flex;flex-direction:column}.postcard:hover{transform:translateY(-8px) rotate(-1deg)}.postcard[hidden]{display:none}.postcard>.label{margin:34px 0 0;font-size:8px}.pink{background:var(--pink)}.lavender{background:var(--lilac)}.yellow{background:#efd875}.card-symbol{font-size:100px;line-height:1.1;margin:32px 0 20px}.postcard h3{font-size:clamp(20px,2.1vw,32px);letter-spacing:-.06em;line-height:1.18;font-weight:500}.postcard h3 i{font-family:'Old Standard TT',Georgia,serif;font-weight:400}.postcard button{margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%;padding:22px 0;border:0;border-top:1px solid var(--ink);background:transparent;font-size:11px}.postcard button span{font-size:23px}.download-status{font-size:11px;margin:24px 0 0;line-height:1.7}.story-section{background:#e7ecdf;border-top:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-top:40px}.story-grid p{font-size:14px;line-height:1.85}.text-link{display:inline-block;margin-top:15px;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:13px}.closing{position:relative;background:var(--coral);overflow:hidden;min-height:400px}.closing h2{font-size:clamp(40px,6.3vw,95px);position:relative;z-index:1}.closing-star{position:absolute;right:3%;bottom:-120px;font-size:380px;line-height:1;color:var(--cream);opacity:.4;animation:turn 60s linear infinite}.closing .pill{position:relative;z-index:1}footer{padding:40px 4vw;display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:11px;border-top:1px solid var(--line)}footer p{margin:0}.about-page h1{font-size:clamp(48px,7vw,105px);letter-spacing:-.07em;line-height:1}.about-art{border:1px solid var(--ink);border-radius:140px 140px 0 0;width:100%;max-height:550px;object-fit:cover;margin:50px 0}.about-text{max-width:750px;margin:auto}.about-text h2{font-size:38px;margin-top:60px}.about-text p{font-size:16px;line-height:1.9}.about-text .pill{margin-top:30px}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-40%)}}@keyframes shake{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes bubble{to{transform:translateY(-90px);opacity:0}}
@media(min-width:1500px){.hero,.section,.header,footer{padding-left:max(5vw,calc((100vw - 1400px)/2));padding-right:max(5vw,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.header nav{gap:15px;font-size:11px}.header .pill{display:none}.hero-top .edition{display:none}.hero h1{font-size:10vw}.asterisk{font-size:40px;right:0}.hero-bottom p{font-size:11px}.sticker{width:80px;height:80px;font-size:10px;bottom:15px}.hero-art figcaption span{display:none}.mixer{grid-template-columns:1fr 1fr;gap:35px}.mixer-title{grid-column:1/-1}.mixer-title h2 br{display:none}.mixer-title>p:last-child br{display:none}.story-grid{gap:40px}.card-grid{gap:12px}.postcard{padding:20px 15px 0;min-height:410px}.postcard button{font-size:10px}.section{padding:75px 5vw}}
@media(max-width:650px){html{scroll-padding-top:20px}.header{min-height:80px;padding:15px 5vw}.header nav a:first-child{display:none}.brand{font-size:12px}.brand-icon{font-size:35px}.hero{display:block;padding:20px 5vw 45px}.hero-top{margin-bottom:30px}.hero-top .label{font-size:8px}.hero h1{font-size:19vw;max-width:100%}.asterisk{right:8px;top:10px;font-size:40px}.hero-bottom{padding:28px 0;margin-bottom:35px}.hero-bottom p{font-size:12px}.hero-art{transform:rotate(1deg);border-radius:140px 140px 0 0}.hero-art img{aspect-ratio:1.25}.sticker{right:16px;bottom:25px}.intro h2{font-size:9vw}.intro-note{gap:20px}.intro-note>span{font-size:45px}.mixer{display:block}.mix-controls{padding:15px 0 35px}.mix-result{border-top:1px solid var(--line);padding-top:20px}.section-heading{display:block}.section-heading>p{margin-top:20px}.card-grid{grid-template-columns:1fr}.postcard{min-height:425px;padding-inline:28px;border-radius:160px 160px 8px 8px}.postcard h3{font-size:32px}.postcard button{font-size:12px}.postcard>.label{font-size:9px}.story-grid{display:block}.story-grid h2{margin-bottom:35px}.section{padding:60px 5vw}.closing h2{font-size:11vw}.closing-star{font-size:280px;right:-80px}footer{display:grid;grid-template-columns:1fr 1fr;line-height:1.6}footer .brand{grid-column:1/-1}.about-page h1{font-size:12vw}.about-text h2{font-size:32px}.about-art{border-radius:70px 70px 0 0}.filters{gap:8px}.filters button{font-size:11px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}