:root{--cream:#f0ebe3;--warm-white:#f7f3ee;--brown-dark:#3e2f1c;--brown-mid:#7a5c3a;--brown-light:#b89b7a;--gold:#c4a96b;--text-muted:#9a8a78;--border:#b49b784d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--cream);color:var(--brown-dark);flex-direction:column;min-height:100vh;font-family:Jost,sans-serif;font-weight:300;display:flex;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:100;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}#root{text-align:left;border:none;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}.corner{background:var(--gold);opacity:.6;z-index:10;width:8px;height:8px;position:fixed;transform:rotate(45deg)}.corner.tl{top:18px;left:18px}.corner.tr{top:18px;right:18px}.corner.bl{bottom:18px;left:18px}.corner.br{bottom:18px;right:18px}.border-line{background:var(--border);z-index:5;position:fixed}.border-line.top{height:1px;top:22px;left:36px;right:36px}.border-line.bottom{height:1px;bottom:22px;left:36px;right:36px}.border-line.left{width:1px;top:36px;bottom:36px;left:22px}.border-line.right{width:1px;top:36px;bottom:36px;right:22px}.page{flex-direction:column;flex:1;padding:60px 72px;display:flex;position:relative}.logo{letter-spacing:.35em;color:var(--brown-mid);text-transform:uppercase;opacity:0;align-items:center;gap:10px;font-family:Jost,sans-serif;font-size:18px;font-weight:200;animation:.4s 40ms forwards fadeUp;display:flex}.logo-img{opacity:.75;width:auto;height:36px}.center{flex-direction:column;flex:1;justify-content:center;max-width:560px;padding:80px 0 40px;display:flex}.divider{background:var(--gold);opacity:0;width:40px;height:1px;margin-bottom:32px;animation:.4s .1s forwards fadeUp}.coming-soon-label{letter-spacing:.4em;color:var(--brown-mid);text-transform:uppercase;opacity:0;margin-bottom:28px;font-family:Jost,sans-serif;font-size:11px;font-weight:200;animation:.4s .18s forwards fadeUp}h1{color:var(--brown-dark);opacity:0;margin-bottom:36px;font-family:Cormorant Garamond,serif;font-size:clamp(42px,6vw,72px);font-weight:300;line-height:1.1;animation:.4s .27s forwards fadeUp}h1 em{color:var(--brown-mid);font-style:italic}.tagline-divider{background:var(--border);opacity:0;width:1px;height:40px;margin-bottom:36px;animation:.4s .35s forwards fadeUp}p.body-text{color:var(--brown-mid);opacity:0;max-width:480px;margin-bottom:56px;font-family:Cormorant Garamond,serif;font-size:clamp(16px,2vw,20px);font-weight:300;line-height:1.75;animation:.4s .43s forwards fadeUp}.subscribe-label{letter-spacing:.4em;color:var(--text-muted);text-transform:uppercase;opacity:0;margin-bottom:16px;font-family:Jost,sans-serif;font-size:10px;font-weight:200;animation:.4s .53s forwards fadeUp}.subscribe-form{opacity:0;align-items:stretch;gap:0;max-width:400px;animation:.4s .62s forwards fadeUp;display:flex}.subscribe-form input[type=email]{border:none;border-bottom:1px solid var(--brown-light);letter-spacing:.05em;color:var(--brown-dark);background:0 0;outline:none;flex:1;padding:10px 0;font-family:Jost,sans-serif;font-size:13px;font-weight:300;transition:border-color .3s}.subscribe-form input[type=email]::placeholder{color:var(--text-muted);font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic}.subscribe-form input[type=email]:focus{border-bottom-color:var(--gold)}.subscribe-form.shake input[type=email]{border-bottom-color:#c0392b;animation:.4s shakeInput}.subscribe-form button{border:none;border-bottom:1px solid var(--brown-light);letter-spacing:.3em;color:var(--brown-mid);text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;padding:10px 0 10px 20px;font-family:Jost,sans-serif;font-size:10px;font-weight:300;transition:color .3s,border-color .3s}.subscribe-form button:hover{color:var(--gold);border-bottom-color:var(--gold)}.subscribe-form:focus-within button{border-bottom-color:var(--gold)}.success-msg{color:var(--gold);letter-spacing:.02em;padding:12px 0;font-family:Cormorant Garamond,serif;font-size:15px;font-style:italic;animation:.8s forwards fadeUp}.brand-brief{text-align:right;opacity:0;animation:.65s 1.17s forwards fadeIn;position:fixed;top:50%;right:72px;transform:translateY(-50%)}.brand-brief .brief-label{letter-spacing:.5em;color:var(--gold);text-transform:uppercase;margin-bottom:12px;font-family:Jost,sans-serif;font-size:13px;font-weight:200;display:block}.brand-brief .brief-line{background:var(--border);width:60px;height:1px;margin:16px 0 16px auto}.brand-brief p{color:var(--text-muted);font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic;line-height:1.8}.brand-brief .products{letter-spacing:.25em;color:var(--text-muted);margin-top:8px;font-family:Jost,sans-serif;font-size:14px;font-style:normal;font-weight:200}footer{opacity:0;justify-content:space-between;align-items:flex-end;padding:0 72px 48px;animation:.5s 1.33s forwards fadeIn;display:flex}footer .copyright{letter-spacing:.2em;color:var(--text-muted);font-family:Jost,sans-serif;font-size:10px;font-weight:200}footer .tagline{color:var(--text-muted);letter-spacing:.05em;font-family:Cormorant Garamond,serif;font-size:12px;font-style:italic}.oil-drop-wrap{z-index:2;pointer-events:none;width:80px;height:100vh;position:fixed;top:0;left:65%;overflow:visible}.oil-drop-wrap svg{width:100%;height:100%;overflow:visible}#oil-bead{opacity:0;animation:.27s ease-out 2.67s forwards popBead}#oil-stroke-group{clip-path:inset(0 0 100%);animation:2.2s linear .17s forwards revealStroke}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes revealStroke{0%{clip-path:inset(0 0 100%);animation-timing-function:ease-in}65%{clip-path:inset(0 0 40%);animation-timing-function:ease-out}to{clip-path:inset(0 0 0%)}}@keyframes popBead{0%{opacity:0}to{opacity:1}}@keyframes shakeInput{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (width<=900px){.brand-brief{text-align:left;margin-bottom:40px;animation:.4s .52s forwards fadeUp;position:static;top:auto;right:auto;transform:none}.brand-brief .brief-line{margin:16px 0}.oil-drop-wrap{opacity:.5;left:60%}footer{padding:0 52px 40px}.page{padding:50px 52px 20px}}@media (width<=600px){.page{padding:50px 36px 20px}footer{padding:0 36px 36px}.oil-drop-wrap{opacity:.5;left:75%}.corner,.border-line{display:none}}