:root{--navy:#0a1c30;--cream:#f3e9da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--cream);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #a58150;outline-offset:6px}.entrance{height:100svh;min-height:480px;display:grid;place-items:center;position:relative;padding:30px 20px;overflow:hidden}.opening{text-align:center}.opening h1{display:flex;justify-content:center;font:400 clamp(64px,12vw,164px)/1 Georgia,serif;letter-spacing:-.07em;margin:0;padding-right:.07em}.opening h1 span{display:inline-block;animation:letter-in 1.15s cubic-bezier(.2,.75,.25,1) both}.opening h1 span:nth-child(2){animation-delay:.09s}.opening h1 span:nth-child(3){animation-delay:.18s}.opening h1 span:nth-child(4){animation-delay:.27s}.opening h1 span:nth-child(5){animation-delay:.36s}.opening h1 span:nth-child(6){animation-delay:.45s}.opening p{font-size:14px;letter-spacing:.06em;margin-top:30px;animation:reveal 1s 1.2s both;opacity:.7}.enter{position:absolute;bottom:7%;display:flex;flex-direction:column;gap:20px;align-items:center;animation:reveal 1s 1.6s both}.enter span,.eyebrow,header>span{font-size:11px;letter-spacing:.17em}.enter b{width:42px;height:42px;border:1px solid #f3e9da60;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:400}.catalog{background:var(--cream);color:var(--navy);scroll-margin-top:0}header{padding:22px 6%;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #0a1c3020}.logo{width:64px;height:64px;border-radius:50%;display:block}.contact{border:1px solid #0a1c3050;padding:13px 21px;border-radius:30px;font-size:14px}.contact:hover{background:var(--navy);color:var(--cream)}.intro{text-align:center;padding:85px 20px 35px}.eyebrow{display:block;margin-bottom:24px}h2{font:400 clamp(36px,4.5vw,64px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 25px}p{font-size:17px;line-height:1.8;opacity:.8}em{font-weight:400}.flavor{max-width:1300px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:75px 6% 100px;min-height:600px}.photo img{display:block;width:100%;height:auto;object-fit:contain}.description{max-width:470px}.order{display:inline-flex;justify-content:center;align-items:center;min-height:52px;background:var(--navy);color:var(--cream);border:1px solid var(--navy);padding:16px 23px;font-size:14px;line-height:1.4;margin-top:22px;border-radius:4px;transition:opacity .2s}.order:hover{opacity:.8}.nutella{border-top:1px solid #0a1c3025;direction:rtl}.nutella>*{direction:ltr}.closing{text-align:center;padding:90px 20px;background:#e9decd}.phone{font-size:14px}.closing .order{margin-top:8px}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px}.wordmark{font:36px Georgia,serif}footer small{opacity:.6}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.reveal-ready.visible{opacity:1;transform:none}@keyframes letter-in{from{opacity:0;transform:translateY(35px) rotateX(65deg)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:700px){.entrance{min-height:440px}.opening h1{font-size:clamp(66px,20vw,108px)}.opening p{font-size:12px;margin-top:24px;letter-spacing:.02em}.enter{bottom:10%}header{padding:20px 6%}.logo{width:52px;height:52px}header>span{font-size:9px;letter-spacing:.1em}.contact{font-size:12px;padding:11px 14px}.intro{padding:65px 20px 10px}h2{font-size:40px}p{font-size:16px}.flavor{grid-template-columns:1fr;gap:10px;padding:25px 7% 60px;min-height:0}.photo{max-width:470px;width:100%;margin:auto}.description{padding:8px 2%}.eyebrow{font-size:10px;margin-bottom:18px}.description h2{font-size:39px;margin-bottom:18px}.description p{margin-bottom:8px}.order{width:100%;padding:16px 12px;font-size:14px}.nutella{direction:ltr;padding-top:35px}.closing{padding:65px 7%}.closing .order{max-width:400px}footer{flex-wrap:wrap;padding:30px 7%;gap:22px}footer a{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}