:root{--background:#f7ecd4;--foreground:#30271d;--muted:#6f6252;--accent:#967647;--secondary:#a7957c;--surface:#fffaf0;--wide:60vw}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 20%,#96764712,transparent 46%),radial-gradient(circle at 80% 75%,#5639220e,transparent 48%),linear-gradient(135deg,var(--background),#f3e2c3b3,var(--background));color:var(--foreground);background-size:160% 160%;background-attachment:fixed;margin:0;font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif;animation:42s ease-in-out infinite alternate latte-wash}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{z-index:10;width:var(--wide);justify-content:space-between;align-items:center;height:84px;margin:auto;display:flex;position:relative}.brand{align-items:center;width:58px;display:flex}.brand img{width:100%;height:auto}.site-header nav{align-items:center;gap:2rem;display:flex}.site-header nav a{letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}.site-header nav a:hover{color:var(--accent)}.menu-button{color:var(--foreground);background:0 0;border:0;display:none}.splash{width:var(--wide);grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);align-items:center;gap:clamp(1rem,2.5vw,3rem);min-height:calc(100svh - 154px);margin:auto;display:grid}.splash-copy{padding-bottom:1rem}.splash-copy>span,.simple-page>span{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:800}.splash h1,.simple-page h1{letter-spacing:-.075em;max-width:760px;margin:.6rem 0 .9rem;font-size:clamp(3.2rem,6vw,6.5rem);font-weight:750;line-height:.88}.splash p,.simple-page p{max-width:520px;color:var(--muted);margin:0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6}.splash-copy>div{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.button{border:2px solid var(--foreground);letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.15rem;font-size:.72rem;font-weight:800;display:inline-flex}.button.primary{border-color:var(--accent);background:var(--accent);color:#fffaf0;box-shadow:4px 4px 0 var(--foreground)}.button:hover{transform:translate(2px,2px)}.button.primary:hover{box-shadow:2px 2px 0 var(--foreground)}.splash-logo{justify-self:end;place-items:center;width:min(42vw,560px);display:grid}.splash-logo img{width:100%;height:auto}.simple-page{width:var(--wide);min-height:calc(100svh - 154px);margin:auto;padding:clamp(4rem,7vw,7rem) 0;position:relative}.simple-page h1{font-size:clamp(3.5rem,7vw,7rem)}.simple-page:after{content:"";z-index:-1;aspect-ratio:1;background:color-mix(in srgb,var(--secondary) 40%,transparent);border-radius:50%;width:min(32vw,360px);position:absolute;top:14%;right:0}.product-pills{flex-wrap:wrap;gap:.7rem;margin-top:2.5rem;display:flex}.product-pills span{border:2px solid var(--accent);background:var(--surface);border-radius:999px;padding:.8rem 1rem;font-size:.78rem;font-weight:750}.about-stamp{aspect-ratio:1;background:var(--accent);width:120px;color:var(--background);border-radius:50%;place-items:center;margin-top:3rem;font-size:1.5rem;font-weight:850;display:grid;transform:rotate(-8deg)}.site-footer{width:var(--wide);border-top:1px solid color-mix(in srgb,var(--foreground) 18%,transparent);height:70px;color:var(--muted);justify-content:space-between;align-items:center;margin:auto;font-size:.67rem;display:flex}.back-to-top{z-index:30;border:1px solid var(--secondary);background:var(--background);width:42px;height:42px;color:var(--foreground);opacity:0;pointer-events:none;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:fixed;bottom:1.2rem;right:1.2rem}.back-to-top.visible{opacity:1;pointer-events:auto}.floating-star{z-index:24;cursor:grab;touch-action:none;will-change:transform;background:0 0;border:0;width:68px;height:68px;margin:0;padding:0;position:fixed;top:0;left:0}.floating-star:active{cursor:grabbing}.floating-star:focus-visible{outline:2px solid var(--foreground);outline-offset:5px;border-radius:50%}.floating-star img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:75s linear infinite star-spin;display:block}@keyframes latte-wash{0%{background-position:15% 20%,85% 75%,0%}50%{background-position:35% 40%,65% 55%,50% 35%}to{background-position:55% 25%,45% 80%,100% 65%}}@keyframes star-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){:root{--wide:84vw}}@media (max-width:760px){:root{--wide:calc(100% - 2rem)}.site-header{height:86px}.brand{width:58px}.menu-button{border:1px solid color-mix(in srgb,var(--foreground) 22%,transparent);border-radius:50%;place-content:center;gap:4px;width:42px;height:42px;display:grid}.menu-button i{background:currentColor;width:16px;height:1px;display:block}.menu-button span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.site-header nav{border:1px solid color-mix(in srgb,var(--foreground) 18%,transparent);background:var(--surface);border-radius:18px;align-items:stretch;min-width:180px;padding:.6rem;display:none;position:absolute;top:76px;right:0;box-shadow:0 20px 50px #46321e26}.site-header nav.open{display:grid}.site-header nav a{padding:.8rem}.splash{grid-template-columns:1fr;gap:1rem;min-height:auto;padding:3rem 0 5rem}.splash-copy{padding:0}.splash h1{font-size:clamp(3.5rem,17vw,6rem)}.splash-logo{grid-row:1;justify-self:center;width:min(76vw,420px)}.simple-page{min-height:calc(100svh - 196px)}.simple-page:after{width:56vw;top:8%;right:-14%}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:.6rem;height:110px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.button{transition:none}body,.floating-star img{animation:none}}
