@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f6f3ec;--ink:#102d23;--gold:#a47b36;--muted:#6e756c;--line:#d8d6ca}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{font:inherit}.shell{max-width:1600px;margin:auto;padding:0 6%}header{height:125px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;text-decoration:none}.brand img{width:106px;height:50px;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.08)}.origin{font-size:10px;letter-spacing:.24em;text-transform:uppercase;display:flex;align-items:center;gap:15px}.origin:before{content:'';width:27px;height:1px;background:var(--gold)}.instagram{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.instagram svg{width:17px;height:17px;stroke-width:1.3}.hero{position:relative;min-height:690px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:55px 0 65px;gap:4%;isolation:isolate}.copy{position:relative;z-index:2;max-width:650px}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.25em;font-size:10px;font-weight:500;margin-bottom:31px}.dot{height:6px;width:6px;border-radius:100%;background:var(--gold);box-shadow:0 0 0 5px #a47b3610}.eyebrow span:last-child{color:var(--muted);letter-spacing:.16em}h1{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.047em;font-size:clamp(65px,7.5vw,116px);line-height:.99;margin:0 0 30px;max-width:680px}h1 em{font-weight:400;color:var(--gold)}.description{font-size:14px;line-height:1.9;color:var(--muted);max-width:350px;margin:0 0 32px}.follow{display:inline-flex;align-items:center;justify-content:space-between;gap:43px;background:var(--ink);color:#f6f3ec;min-height:52px;padding:0 24px;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:10px;border:1px solid var(--ink);transition:background .3s,transform .3s}.follow:hover{background:#214637;transform:translateY(-2px)}.follow span{color:#c4a267;font-size:21px;line-height:1;transition:transform .3s}.follow:hover span{transform:translateX(4px)}.note{font-size:10px;color:var(--muted);margin-top:17px}.art{height:570px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.art:before{content:'';position:absolute;width:80%;height:75%;background:radial-gradient(ellipse,#dfd5bd70,transparent 69%);z-index:-2;animation:light 13s ease-in-out infinite alternate}.year{position:absolute;top:100px;left:50%;transform:translateX(-50%);font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(190px,23vw,340px);letter-spacing:-.06em;color:#dedbd05a;z-index:-1;user-select:none}.bottle-wrap{height:100%;position:relative;display:flex;justify-content:center;align-items:center;animation:float 9s ease-in-out infinite;will-change:transform}.bottle{display:block;max-height:100%;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(12px 18px 12px #3e32121a)}.ground{position:absolute;bottom:4px;left:50%;width:240px;height:24px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#55431b26,transparent 70%);filter:blur(7px);z-index:-1}.caption{position:absolute;right:0;top:50%;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.22em;font-size:9px;color:var(--muted);display:flex;align-items:center;gap:18px}.caption:before{content:'';width:1px;height:45px;background:var(--gold)}.edition{position:absolute;bottom:7px;left:0;font-size:9px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.edition b{display:block;margin-bottom:7px;color:var(--ink);font-size:10px;letter-spacing:.22em;font-weight:500}.reveal{animation:reveal 1.1s cubic-bezier(.2,.65,.3,1) both}.copy{animation-delay:.1s}.art.reveal{animation-delay:.25s}.storyline{border-top:1px solid var(--line);padding:27px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.chain-signature{display:flex;align-items:center;gap:24px}.chain{width:100px;height:31px;stroke:var(--gold);fill:none;stroke-width:1.35}.chain .end{transform-origin:76px 15px;animation:chain 9s ease-in-out infinite}.storyline p{font-family:'Libre Caslon Display',Georgia,serif;font-size:23px;letter-spacing:-.015em;margin:0}.smallcaps{font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted)}footer{background:var(--ink);color:#c8cfc8;padding:23px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.07em}.footer-message{color:#ede9dd;letter-spacing:.19em;text-transform:uppercase}.footer-right{display:flex;align-items:center;gap:27px}.motion{background:none;border:0;border-left:1px solid #ffffff26;padding:4px 0 4px 23px;display:flex;align-items:center;gap:9px;cursor:pointer;color:#c8cfc8;font-size:9px;letter-spacing:.06em}.motion svg{height:12px;width:12px}.motion:hover{color:#fff}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}@keyframes float{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-9px) rotate(.3deg)}}@keyframes light{from{transform:translate(-14px,-10px);opacity:.7}to{transform:translate(18px,9px);opacity:1}}@keyframes chain{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero{min-height:calc(100svh - 280px)}}
@media(max-width:900px){.shell{padding:0 6%}header{height:100px}.origin{display:none}.hero{min-height:640px;gap:0}.art{height:480px}h1{font-size:76px}.caption{right:-12px}.edition{bottom:-15px}.storyline p{font-size:20px}.chain-signature{gap:15px}.chain{width:78px}.smallcaps{font-size:8px}}
@media(max-width:600px){header{height:85px}.brand img{width:91px;height:44px}.instagram{font-size:8px;letter-spacing:.1em;gap:8px}.instagram svg{width:15px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:42px 0 27px;min-height:0}.copy{max-width:100%}.eyebrow{font-size:8px;gap:10px;margin-bottom:25px}h1{font-size:clamp(62px,15vw,90px);line-height:1.01;max-width:450px;margin-bottom:22px}.description{font-size:13px;line-height:1.8;max-width:310px;margin-bottom:24px}.follow{min-height:48px;font-size:9px;padding:0 20px;gap:35px}.note{font-size:9px;margin-top:13px}.art{height:410px;margin-top:27px}.year{top:70px;font-size:240px}.bottle-wrap{height:395px}.caption{right:4px;font-size:8px}.edition{left:0;bottom:7px;font-size:8px}.edition b{font-size:9px}.ground{bottom:0}.storyline{padding:24px 0;align-items:flex-start}.chain-signature{gap:12px;align-items:flex-start}.chain{width:60px;height:26px;flex-shrink:0}.storyline p{font-size:21px;max-width:200px;line-height:1.2}.storyline .smallcaps{display:none}footer{flex-direction:column;align-items:flex-start;padding:24px 6%;gap:18px;font-size:8px}.footer-right{width:100%;justify-content:space-between;gap:10px}.motion{font-size:8px;padding-left:14px}.footer-message{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion{display:none}}
