:root{color-scheme:dark;--cream:#fff1d8;--ink:#152219;font-family:Arial,Helvetica,sans-serif;color:var(--cream);background:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-size:16px}a{color:inherit}button,input,a{-webkit-tap-highlight-color:transparent}a:focus-visible,label:has(input:focus-visible),.viewport:focus-visible{outline:2px solid var(--cream);outline-offset:6px}
.garden{position:relative;width:100%;height:100svh;min-height:460px;isolation:isolate;overflow:hidden}.viewport{position:absolute;inset:0;overflow:hidden}.landscape{position:absolute;left:50%;top:50%;width:max(100vw,177.6833svh);height:max(100svh,56.2799vw);transform:translate(-50%,-50%)}.camera{position:absolute;inset:0;transform-origin:51% 54%;will-change:transform;animation:forward 120s linear forwards}.garden-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.products{position:absolute;inset:0}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,23,16,.6),transparent 39%,transparent 76%,rgba(9,19,13,.8));z-index:2}
.header{position:absolute;z-index:5;left:3.7%;right:3.7%;top:30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:.75rem;letter-spacing:.2em;font-weight:600;margin:0;text-shadow:0 1px 8px #102015}.contact{display:inline-flex;align-items:center;gap:28px;border:1px solid #fff1d877;border-radius:30px;padding:12px 23px;text-decoration:none;font-size:.875rem;background:#15221929;backdrop-filter:blur(7px);transition:background .3s}.contact:hover{background:var(--cream);color:var(--ink)}.contact span{font-size:1.1rem}
.brand{position:absolute;z-index:3;left:50%;top:16%;transform:translateX(-50%);width:max-content;max-width:92%;text-align:center;pointer-events:none;text-shadow:0 2px 28px #17251c99}.overline{font-size:.75rem;letter-spacing:.32em;margin:0 0 10px;font-weight:600}.brand h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(60px,7.5vw,116px);font-weight:normal;letter-spacing:-.065em;line-height:1.08;margin:0}.brand em{font-weight:normal}.tagline{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(17px,1.45vw,23px);margin:15px 0 0;letter-spacing:.02em}
.bottle{position:absolute;transform:translate(-50%,-100%);height:var(--h);width:var(--w);left:var(--x);top:var(--y);text-decoration:none;isolation:isolate;z-index:1;outline-offset:3px;min-width:0}.bottle::before{content:"";position:absolute;bottom:-1%;left:5%;width:125%;height:4%;background:#151609;filter:blur(3px);border-radius:50%;opacity:.5;transform:skewX(-30deg);transform-origin:left center;z-index:-1}.packshot{position:absolute;inset:0;overflow:hidden;display:block}.bottle img{display:block;position:absolute;max-width:none;object-fit:fill;filter:brightness(.84) sepia(.13) drop-shadow(3px 1px 2px #18120977);transition:filter .25s}.bottle:hover,.bottle:focus-visible{z-index:10}.bottle:hover img,.bottle:focus-visible img{filter:brightness(1.05) sepia(.06) drop-shadow(0 0 7px #ffd29288)}.bottle .tip{position:absolute;left:50%;bottom:103%;transform:translate(-50%,6px);background:#f8eedc;color:#253023;border:1px solid #cbb98f;border-radius:3px;padding:10px 15px;white-space:nowrap;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:14px;box-shadow:0 6px 30px #07120b44;line-height:1.4}.tip small{display:block;font-size:12px;opacity:.7}.bottle:hover .tip,.bottle:focus-visible .tip{opacity:1;transform:translate(-50%,0)}
.explore-hint{position:absolute;bottom:92px;left:50%;transform:translateX(-50%);z-index:4;text-align:center;font-size:.8125rem;letter-spacing:.025em;color:#fff1d8df;width:max-content;max-width:90%;text-shadow:0 2px 9px #102015}.mobile-hint{display:none}.footer{position:absolute;left:3.7%;right:3.7%;bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:5;font-size:.75rem}.ambience{display:flex;align-items:center;gap:20px}.sound-control,.motion-control{position:relative;display:flex;gap:10px;align-items:center;cursor:pointer;min-height:44px;font-size:.8125rem}.sound-control input,.motion-control input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.motion-control{opacity:.8}.sound-bars{display:flex;align-items:center;gap:3px;width:20px;height:18px}.sound-bars i{display:block;width:2px;height:3px;background:var(--cream)}.sound-control:has(input:checked) i{animation:wave 1.1s ease-in-out infinite alternate}.sound-control:has(input:checked) i:nth-child(2){animation-delay:-.4s}.sound-control:has(input:checked) i:nth-child(3){animation-delay:-.7s}.sound-control:has(input:checked) i:nth-child(4){animation-delay:-.2s}.exclusive{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;margin:0;white-space:nowrap;font-size:.8125rem}.exclusive strong{font-size:1.15rem;letter-spacing:-.04em}.responsible{display:flex;align-items:center;gap:10px;margin:0}.responsible strong{font-size:.75rem;border:1px solid #fff1d877;padding:5px;border-radius:50%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.paused .camera{animation-play-state:paused}
@keyframes forward{from{transform:scale(1)}to{transform:scale(1.1)}}@keyframes wave{from{height:3px}to{height:16px}}
@media(max-aspect-ratio:1/1){.viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x}.viewport::-webkit-scrollbar{display:none}.landscape{left:0;top:0;transform:none;width:177.6833svh;height:100svh}.header{left:22px;right:22px;top:21px}.eyebrow{font-size:.625rem;letter-spacing:.12em;max-width:130px;line-height:1.7}.contact{padding:10px 17px;gap:16px}.brand{top:19%;width:94%}.brand h1{font-size:clamp(58px,13.5vw,95px)}.overline{font-size:.625rem;letter-spacing:.25em}.tagline{font-size:18px}.footer{left:22px;right:22px;bottom:18px;align-items:flex-end}.ambience{gap:12px;flex-direction:column;align-items:flex-start}.sound-control,.motion-control{min-height:30px;font-size:12px}.exclusive{bottom:43px;font-size:12px;right:0;left:auto;transform:none}.exclusive strong{font-size:17px}.responsible{font-size:12px;gap:6px}.explore-hint{bottom:105px;font-size:12px;max-width:85%;line-height:1.5}.desktop-hint{display:none}.mobile-hint{display:inline}.bottle{min-width:0}.shade{background:linear-gradient(180deg,#102015a8,transparent 45%,transparent 72%,#0c180bd9)}}
@media(prefers-reduced-motion:reduce){.camera{animation:none!important}.sound-control:has(input:checked) i{animation:none;height:10px}*{transition:none!important}}