
    :root{--forest:#102a21;--deep:#071a14;--cream:#f3ead7;--gold:#c5a35b;--ink:#17231d;--progress:0;--tilt:0;--stream:0;--fill:0;--reveal:0}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif;overflow-x:hidden}
    h1,h2,h3,.brand{font-family:Georgia,"Times New Roman",serif}a{color:inherit;text-decoration:none}
    #nav{position:fixed;inset:0 0 auto;z-index:50;height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(#071a14d9,transparent);transition:.4s}
    #nav.scrolled{background:#071a14ed;box-shadow:0 8px 30px #0003}.brand{font-size:22px;letter-spacing:3px}.links{display:flex;gap:28px;font-size:14px}.cart{border:1px solid #c5a35b;padding:9px 15px;border-radius:50px}
    .intro{height:270vh;background:var(--deep)}.stage{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;color:white}
    .plantation{position:absolute;inset:-5%;background:linear-gradient(180deg,#06181411,#061814a8),url("images/38abfb23b6cd81047a.png") center/cover;transform:scale(calc(1.1 - var(--reveal)*.1));opacity:var(--reveal);filter:saturate(.9) contrast(1.02)}
    .mist{position:absolute;inset:0;background:linear-gradient(115deg,transparent 10%,#fff4 42%,transparent 65%);transform:translateX(calc((1 - var(--progress))*55%));filter:blur(25px)}
    .hero-copy{position:absolute;top:9%;text-align:center;z-index:6;opacity:calc(1 - var(--reveal));transform:translateY(calc(var(--reveal)*-45px))}.eyebrow{color:var(--gold);letter-spacing:5px;font-size:12px}.hero-copy h1{margin:12px 0 6px;font-size:clamp(40px,6vw,78px);font-weight:400;letter-spacing:8px}.hero-copy p{margin:auto;max-width:620px;line-height:1.8;color:#f6eddb}
    .pour-scene{z-index:5;width:min(88vw,1120px);height:min(72vh,720px);position:relative;transform:translateY(7vh) scale(calc(1 - var(--reveal)*.12));opacity:calc(1 - var(--reveal))}
    .teapot-layer{position:absolute;z-index:2;left:1%;top:4%;width:67%;height:68%;object-fit:contain;filter:drop-shadow(0 26px 26px #0008);transform-origin:31% 57%;transform:rotate(calc(var(--tilt)*18deg)) translateY(calc(var(--tilt)*2%));will-change:transform}
    .cup-layer{position:absolute;z-index:3;right:3%;bottom:2%;width:39%;height:49%;object-fit:contain;filter:drop-shadow(0 24px 24px #0007)}
    .pour-overlay{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.tea-stream-shadow,.tea-stream{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stream));opacity:calc(var(--stream)*.98)}.tea-stream-shadow{stroke:#6f2807;stroke-width:28;filter:blur(2px)}.tea-stream{stroke:url(#teaGradient);stroke-width:19;filter:drop-shadow(0 3px 3px #ff9f2477)}.tea-highlight{fill:none;stroke:#ffd078;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stream));opacity:calc(var(--stream)*.72)}.cup-tea{fill:url(#cupTeaGradient);opacity:var(--fill);transform-box:fill-box;transform-origin:center;transform:scale(calc(.72 + var(--fill)*.28));filter:drop-shadow(0 2px 7px #7b290bcc)}.tea-shine{fill:none;stroke:#ffd68b;stroke-width:5;stroke-linecap:round;opacity:calc(var(--fill)*.72)}
    .pour-caption{position:absolute;bottom:2vh;right:0;left:0;text-align:center;color:#ead7a7;font-size:12px;letter-spacing:2px;opacity:calc(1 - var(--reveal))}.pour-caption b{display:block;color:#fff;font:22px Georgia;margin-bottom:8px;letter-spacing:0}
    .reveal-copy{position:absolute;z-index:6;text-align:center;opacity:var(--reveal);transform:translateY(calc((1 - var(--reveal))*35px));text-shadow:0 4px 24px #00160f}.reveal-copy h2{font:clamp(44px,7vw,96px) Georgia;margin:10px 0}.reveal-copy p{font-size:18px;color:#f4ead4}
    .scroll-hint{position:absolute;bottom:24px;z-index:7;font-size:11px;letter-spacing:2px;color:#f4e6c8;opacity:calc(1 - var(--progress)*3)}.scroll-hint:after{content:"";display:block;width:1px;height:34px;background:var(--gold);margin:10px auto;animation:pulse 1.6s infinite}@keyframes pulse{50%{transform:scaleY(.35);opacity:.3}}
    section{padding:110px 7vw}.story{background:#f5eedf;display:grid;grid-template-columns:1.18fr .82fr;gap:7vw;align-items:center}.story .photo{min-height:610px;border-radius:180px 180px 8px 8px;background:linear-gradient(#0000,#09251a66),url("images/fadaa06a650adac22f.png") center/cover;box-shadow:0 25px 70px #183c252b}.copy h2,.origin h2,.experience h2,.catalog h2{font-size:clamp(38px,5vw,70px);font-weight:400;line-height:1.05;margin:15px 0 30px}.copy p{line-height:2;color:#536159;max-width:550px}.signature{color:#997b38;font:italic 23px Georgia;margin-top:30px}
    .origin{background:#0a2119;color:#fff;text-align:center;position:relative;overflow:hidden}.origin:before{content:"CEYLON";position:absolute;inset:20px 0 auto;font:clamp(90px,20vw,290px) Georgia;color:#ffffff06;letter-spacing:20px}.origin>*{position:relative}.origin>p{max-width:720px;margin:0 auto 55px;color:#cbd8d1;line-height:1.9}.origin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d3b96f55;border:1px solid #d3b96f55}.origin-grid article{background:#0a2119;padding:42px 28px}.origin-grid b{display:block;color:#d9bd75;font:40px Georgia;margin-bottom:10px}.origin-grid span{color:#d6dfda;line-height:1.7}
    .experience{background:var(--forest);color:white;text-align:center}.experience>p{color:#cbd8d1;max-width:660px;margin:0 auto 55px;line-height:1.9}.ritual{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ritual article{min-height:350px;padding:45px 25px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #d8bd7040;background:linear-gradient(transparent,#071a14e8),radial-gradient(circle at 50% 30%,#d6c187 0 8%,#466150 9% 22%,#173328 23% 100%);transition:.4s}.ritual article:hover{transform:translateY(-10px);border-color:var(--gold)}.ritual h3{font-size:26px;color:#f2dfab;margin:0 0 12px}.ritual p{color:#d3ddd7;line-height:1.6}
    .catalog{text-align:center;background:#f4ecdc}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:55px}.product{background:#fff;padding:30px 20px;box-shadow:0 12px 35px #3d4d3f12}.tin{height:225px;width:145px;margin:0 auto 25px;border-radius:8px;background:linear-gradient(120deg,#173c2e,#2f5a46 45%,#0a2118);box-shadow:0 18px 35px #0c251b44;display:grid;place-items:center;color:#e8d39a;font:17px Georgia;letter-spacing:2px;border:2px solid #b7954d}.product h3{font-size:21px;margin:10px}.product p{font-size:13px;color:#647068;min-height:45px;line-height:1.5}.price{display:block;color:#927538;margin:16px}.add{border:1px solid var(--forest);background:transparent;color:var(--forest);padding:10px 20px;cursor:pointer}.add:hover{background:var(--forest);color:#fff}
    footer{background:#061711;color:#e9e1cf;padding:70px 7vw 30px;text-align:center}.footer-brand{font:34px Georgia;letter-spacing:6px;color:#ebd69c}.fine{border-top:1px solid #ffffff20;margin-top:45px;padding-top:22px;font-size:11px;color:#9aa9a1}
    .toast{position:fixed;z-index:90;bottom:25px;left:25px;background:#f3ead7;color:#102a21;padding:14px 22px;border-right:4px solid var(--gold);transform:translateY(100px);transition:.35s}.toast.show{transform:none}
    @media(max-width:800px){.links{display:none}.intro{height:235vh}.pour-scene{width:112vw;height:58vh;transform:translateY(8vh) scale(calc(1 - var(--reveal)*.1))}.hero-copy{top:12%}.hero-copy h1{letter-spacing:3px}.pour-caption{bottom:6vh}.story{grid-template-columns:1fr}.story .photo{min-height:440px;border-radius:120px 120px 8px 8px}.origin-grid,.ritual{grid-template-columns:1fr}.products{grid-template-columns:1fr 1fr}}
    @media(max-width:480px){.products{grid-template-columns:1fr}section{padding:80px 6vw}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tea-box,.plantation,.mist,.hero-copy{transform:none!important}.scroll-hint:after{animation:none}}
  
html{scroll-behavior:auto}#nav{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s}body.entered #nav{opacity:1;visibility:visible;pointer-events:auto}
.intro{height:360svh}.stage{height:100svh;background:#0e1e15}
#tea-stage{position:absolute;inset:0;z-index:5;display:grid;place-items:center}
#tea-canvas,#tea-poster{position:absolute;width:min(100vw,137.36svh);height:auto;max-width:1250px;aspect-ratio:1000/728;object-fit:contain}
#tea-canvas{visibility:hidden}.reveal-copy{visibility:hidden;pointer-events:none}body.entered .reveal-copy{visibility:visible}
.reveal-copy h1{font:clamp(32px,7vw,90px) Georgia;letter-spacing:.07em;margin:20px 0}
body:not(.entered) main>section,body:not(.entered) footer,body:not(.entered) .toast{visibility:hidden}
.products{gap:24px}.product{padding:0 0 26px;overflow:hidden;border:1px solid #dfd5c4;box-shadow:0 12px 35px #3d4d3f0d;border-radius:4px}
.product-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.product h3{margin:24px 16px 10px}.product p{margin:0 18px;line-height:1.8;min-height:48px}.product .add{min-width:65%;padding:12px 20px}
.ritual{gap:24px}.ritual article{display:block;padding:0;min-height:0;background:#16392b;border:1px solid #c5a35b55;overflow:hidden;border-radius:4px}.ritual-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.ritual-copy{padding:28px 24px 32px}.step-number{display:block;font:italic 18px Georgia;color:#c5a35b;margin-bottom:12px}.ritual p{margin-bottom:0}
@media(max-width:800px){.intro{height:320svh}#tea-canvas,#tea-poster{width:min(100vw,137.36svh);max-width:none}}@media(prefers-reduced-motion:reduce){.intro{height:150svh}}
.language-switch{position:fixed;top:15px;inset-inline-end:max(20px,3vw);z-index:80}
#language-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-width:106px;min-height:44px;padding:9px 13px;border:1px solid #c5a35b;border-radius:24px;background:#102a21;color:#f3ead7;font:14px Arial,sans-serif;cursor:pointer;box-shadow:0 3px 14px #0002}
#language-toggle:hover{background:#244735}#language-toggle svg{width:18px;height:18px;flex:none}
button:focus-visible,a:focus-visible{outline:3px solid #f1cf82;outline-offset:4px}
#nav{padding-inline-start:5vw;padding-inline-end:calc(3vw + 138px);gap:20px;background:#071a14eb}
#nav .brand{white-space:nowrap;flex-shrink:0}#nav .cart{white-space:nowrap;flex-shrink:0;font-size:14px}
.links{gap:22px}.links a{padding:12px 0}.cart{min-height:44px;display:flex;align-items:center;gap:5px}
.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}
.intro-guide{position:absolute;bottom:clamp(24px,6svh,64px);inset-inline:16px;z-index:6;text-align:center;color:#f3ead7;opacity:calc(1 - var(--reveal));pointer-events:none;text-shadow:0 2px 12px #0005}
.intro-guide strong{display:block;font:400 clamp(20px,2vw,25px) Georgia,'Times New Roman',serif;line-height:1.4}
.intro-guide p{font-size:15px;line-height:1.6;margin:6px 0 10px;color:#e7d9ba}.intro-guide svg{width:22px;height:22px;display:block;margin:auto;color:#d8ba76}
html[lang=en] .eyebrow{letter-spacing:3px}html[lang=en] .product p{min-height:70px}html[lang=en] .copy h2{font-size:clamp(36px,4.4vw,64px)}
.price{unicode-bidi:isolate}.story,.origin,.experience,.catalog{scroll-margin-top:90px}
@media(max-width:1100px){.links{display:none}}
@media(max-width:800px){#nav{height:118px;padding:62px 22px 12px;align-items:center;gap:14px}.brand{font-size:18px;letter-spacing:2px}#nav .cart{font-size:13px;padding:8px 12px}.language-switch{top:12px;inset-inline-end:20px}.story,.origin,.experience,.catalog{scroll-margin-top:130px}.intro-guide strong{font-size:21px}.intro-guide p{font-size:14px}}
@media(max-height:540px){.intro-guide{bottom:12px}.intro-guide strong{font-size:18px}.intro-guide p{font-size:12px;margin:2px 0}.intro-guide svg{height:16px}#tea-canvas,#tea-poster{max-height:70svh;width:auto;max-width:100vw;transform:translateY(-24px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.product .add{display:inline-block;margin-top:24px}.contact{background:#e9dfcb;text-align:center;scroll-margin-top:135px}.contact h2{font-size:clamp(32px,4vw,56px);font-weight:400}.contact-intro{line-height:1.8}.contact form{max-width:600px;margin:35px auto;text-align:start}.contact label{display:block;margin:18px 0}.contact label span{display:block;margin-bottom:8px}.contact input,.contact textarea{display:block;width:100%;padding:14px;border:1px solid #9b9e8d;border-radius:3px;background:#fffdf7;color:#17231d;font:16px Arial;box-sizing:border-box}.contact textarea{resize:vertical}.contact-submit{background:#102a21;color:#f3ead7;border:0;padding:14px 30px;font-size:16px;min-height:48px;cursor:pointer}.contact-submit:disabled{opacity:.6}.contact-use{font-size:13px;line-height:1.7}.mh-honey{position:absolute;inset-inline-start:0;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#contact-status{line-height:1.8}.admin-bar #nav{top:32px}.admin-bar .language-switch{top:47px}.admin-bar .stage{top:32px;height:calc(100svh - 32px)}.mh-document{max-width:900px;margin:auto;min-height:70vh;padding:70px 24px}.mh-document h1{font-size:42px}.mh-document p{line-height:1.9}.mh-document a{text-decoration:underline}.mh-document img{max-width:100%;height:auto}
@media(max-width:782px){.admin-bar #nav{top:46px}.admin-bar .language-switch{top:61px}.admin-bar .stage{top:46px;height:calc(100svh - 46px)}}
