:root{--teal:#0f4f5c;--cream:#fff4d6;--sun:#ffd23f;--pink:#ff2e88;--ink:#0f2a30;--pad:clamp(16px, 4vw, 56px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{color:var(--ink);background:var(--sun);-webkit-font-smoothing:antialiased;font:500 17px/1.5 Rubik,system-ui,sans-serif;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}h1,h2{letter-spacing:-.02em;font-weight:900;line-height:.95}[data-reveal]{opacity:0;transition:opacity .8s,transform 1s cubic-bezier(.2,1.4,.4,1);transform:translateY(40px)rotate(-1deg)}[data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}.marquee-track,.wall-col,.hero-can img{animation:none!important}}.logo{color:var(--cream);-webkit-text-stroke:.16em var(--teal);paint-order:stroke fill;filter:drop-shadow(.04em .05em 0 var(--teal));flex-direction:column;align-items:center;font:900 1em/.86 Rubik;display:inline-flex;transform:rotate(-6deg)}.btn{background:var(--teal);color:var(--cream);border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:18px;font-weight:800;transition:transform .35s cubic-bezier(.2,1.8,.4,1),background .3s;display:inline-flex}.btn:hover{background:var(--pink);transform:scale(1.06)rotate(-2deg)}.btn.ghost{color:var(--teal);box-shadow:inset 0 0 0 3px var(--teal);background:0 0}.tag{letter-spacing:.08em;background:var(--cream);color:var(--teal);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-block}.tag.dark{background:var(--teal);color:var(--cream)}.gate{z-index:100;background:var(--sun);padding:var(--pad);place-items:center;display:grid;position:fixed;inset:0}.gate-card{text-align:center;justify-items:center;gap:22px;display:grid}.gate .logo{margin-bottom:.32em;font-size:clamp(70px,14vw,150px)}.gate h2{color:var(--teal);font-size:clamp(32px,5vw,56px)}.gate-btns{gap:12px;display:flex}.gate small{color:var(--teal);opacity:.75}.ribbon{background:var(--teal);color:var(--cream);text-align:center;padding:6px var(--pad);font-size:13px}.ribbon a{text-decoration:underline}.head{z-index:40;margin:10px var(--pad) 0;background:var(--cream);box-shadow:0 6px 0 var(--teal);border-radius:999px;justify-content:space-between;align-items:center;padding:8px 10px 8px 26px;display:flex;position:sticky;top:10px}.head-logo .logo{font-size:26px}.head nav{gap:6px;display:flex}.head nav a{border-radius:999px;padding:10px 16px;font-weight:800;transition:background .3s,color .3s}.head nav a:hover{background:var(--teal);color:var(--cream)}.warning{bottom:0;z-index:60;color:#000;text-align:center;padding:9px var(--pad);background:#fff;border-top:3px solid #000;font:800 clamp(13px,1.6vw,19px)/1.2 Rubik;position:fixed;inset-inline:0}.hero{min-height:calc(100svh - 90px);padding:40px var(--pad) 80px;grid-template-columns:1fr 1.25fr;align-items:center;gap:20px;display:grid;position:relative;overflow:hidden}.palm{filter:blur(8px);background:radial-gradient(18% 6% at 40% 30%,#0f4f5c24,#0000 70%),radial-gradient(22% 5% at 55% 42%,#0f4f5c1f,#0000 70%),radial-gradient(20% 5% at 35% 52%,#0f4f5c1f,#0000 70%),radial-gradient(24% 6% at 60% 62%,#0f4f5c1a,#0000 70%);width:60%;height:90%;animation:7s ease-in-out infinite alternate sway;position:absolute;inset:-10% auto auto -8%;transform:rotate(-24deg)}@keyframes sway{to{transform:rotate(-18deg)translateY(10px)}}.hero-copy{z-index:2;justify-items:start;gap:20px;display:grid;position:relative}.hero h1{color:var(--teal);font-size:clamp(54px,8.4vw,132px)}.hero p{max-width:30ch;color:var(--teal);font-size:clamp(18px,1.6vw,22px)}.hero-cans{height:min(82vh,780px);position:relative}.hero-can{width:31%;bottom:2%;transform:rotate(calc((var(--i) - 2.5) * 7deg)) translateY(calc((var(--i) - 2.5) * (var(--i) - 2.5) * 4%));z-index:calc(10 - (var(--i) - 2.5) * (var(--i) - 2.5));transition:transform .5s cubic-bezier(.2,1.8,.4,1);position:absolute;inset-inline-start:calc(var(--i) * 12.6%)}.hero-can img{animation:4.5s ease-in-out infinite float;animation-delay:calc(var(--i) * -.7s);filter:drop-shadow(0 30px 30px #0f4f5c40)}.hero-can:hover{z-index:20;transform:rotate(0)translateY(-6%)scale(1.06)}@keyframes float{50%{transform:translateY(-14px)}}.marquee{z-index:5;margin:0 -2%;padding:18px 0;position:relative;overflow:hidden;transform:rotate(-1.5deg)}.marquee.teal{background:var(--teal);color:var(--cream)}.marquee.pink{background:var(--pink);color:var(--cream);transform:rotate(1.5deg)}.marquee-track{width:max-content;animation:28s linear infinite marquee;display:flex}.marquee span{white-space:nowrap;padding:0 22px;font:900 clamp(24px,3.2vw,44px)/1 Rubik}.marquee b{color:var(--sun);font-size:.7em}@keyframes marquee{to{transform:translate(50%)}}.wall{background:var(--teal);height:110svh;position:relative;overflow:hidden}.wall-cols{opacity:.95;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 14px;display:grid;position:absolute;inset:-10% 0}.wall-col{align-content:start;gap:14px;animation:60s linear infinite up;display:grid}.wall-col.down{margin-top:-40%;animation-name:down}.wall-col img{aspect-ratio:4/5;object-fit:cover;border-radius:22px;width:100%}@keyframes up{to{transform:translateY(-50%)}}@keyframes down{0%{transform:translateY(-50%)}to{transform:none}}.wall-copy{text-align:center;padding:var(--pad);color:var(--cream);background:radial-gradient(closest-side,#0f4f5cd1,#0f4f5c40);place-content:center;gap:16px;display:grid;position:absolute;inset:0}.wall-copy h2{font-size:clamp(44px,7vw,110px)}.wall-copy p{font-size:clamp(18px,1.6vw,22px)}.range{padding:clamp(80px, 10vw, 140px) var(--pad);background:var(--cream)}.range-head{text-align:center;justify-items:center;gap:14px;margin-bottom:50px;display:grid}.range-head h2{color:var(--teal);font-size:clamp(40px,6vw,88px)}.range-row{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.range-item{text-align:center;justify-items:center;gap:6px;padding-top:20px;display:grid;position:relative}.range-blob{aspect-ratio:1;background:var(--c);border-radius:46% 54% 48% 52%;width:92%;transition:transform .6s cubic-bezier(.2,1.6,.4,1),border-radius .6s;position:absolute;top:18%}.range-item img{object-fit:contain;width:100%;height:clamp(240px,26vw,400px);transition:transform .5s cubic-bezier(.2,1.8,.4,1);position:relative}.range-item:hover img{transform:rotate(-10deg)translateY(-14px)}.range-item:hover .range-blob{border-radius:60% 40% 55% 45%;transform:scale(1.12)rotate(20deg)}.range-item b{color:var(--teal);font-size:22px;font-weight:900;position:relative}.range-item span{color:var(--teal);opacity:.8;font-size:14px;position:relative}.rooms{position:relative}.dots{inset-inline-start:18px;z-index:30;gap:10px;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.dots a{background:var(--c);width:14px;height:14px;box-shadow:0 0 0 3px var(--cream);border-radius:50%;transition:transform .3s}.dots a.on{transform:scale(1.5)}.room{background:var(--bg);height:100svh;color:var(--ink);padding:90px var(--pad) 70px;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:sticky;top:0;overflow:hidden}.room-pattern{background:radial-gradient(circle at 12% 22%,#ffffff1f 0 9%,#0000 9.2%),radial-gradient(circle at 88% 78%,#ffffff1a 0 14%,#0000 14.2%),radial-gradient(circle at 70% 18%,#00000012 0 6%,#0000 6.2%),radial-gradient(circle at 30% 85%,#0000000f 0 11%,#0000 11.2%);position:absolute;inset:0}.room-copy{z-index:2;color:var(--ink);justify-items:start;gap:18px;display:grid;position:relative}.room-num{letter-spacing:.1em;opacity:.8;font-size:14px;font-weight:800}.room h2{font-size:clamp(56px,8vw,130px)}.room-line{max-width:22ch;font-size:clamp(20px,2vw,28px);font-weight:700}.room-notes{flex-wrap:wrap;gap:8px;display:flex}.room-notes span{background:var(--ac);color:var(--chip,var(--teal));border-radius:999px;padding:8px 16px;font-weight:800}.room-stats{gap:30px;margin-top:6px;display:flex}.room-stats div{display:grid}.room-stats b{font-size:38px;font-weight:900;line-height:1}.room-stats span{opacity:.8;font-size:13px}.room-can{z-index:2;object-fit:contain;filter:drop-shadow(0 40px 40px #00000040);justify-self:center;width:100%;height:min(66vh,640px);animation:5s ease-in-out infinite float;position:relative;transform:rotate(14deg)}.room-shot{z-index:3;inset-inline-end:6%;border:6px solid var(--cream);border-radius:20px;width:clamp(150px,16vw,240px);position:absolute;bottom:10%;transform:rotate(-7deg);box-shadow:0 20px 40px #0003}.people{padding:clamp(90px, 11vw, 150px) var(--pad);background:var(--pink);color:var(--cream);z-index:10;position:relative}.people-head{text-align:center;justify-items:center;gap:14px;margin-bottom:56px;display:grid}.people-head h2{font-size:clamp(44px,6.6vw,100px)}.people-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.people-card{transform:rotate(var(--r));background:var(--cream);border-radius:24px;padding:12px 12px 18px;transition:transform .5s cubic-bezier(.2,1.8,.4,1)}.people-card.in{transform:rotate(var(--r))}.people-card:hover{transform:rotate(0)scale(1.04)}.people-card img{aspect-ratio:4/5;object-fit:cover;border-radius:16px;width:100%}.people-card figcaption{color:var(--teal);text-align:center;margin-top:10px;font-size:20px;font-weight:900}.buy{background:var(--sun);text-align:center;padding:clamp(90px, 11vw, 150px) var(--pad);z-index:10;justify-items:center;gap:20px;display:grid;position:relative}.buy h2{color:var(--teal);font-size:clamp(48px,7vw,110px)}.buy p{max-width:46ch;color:var(--teal);font-size:20px}.foot{background:var(--teal);color:var(--cream);text-align:center;padding:90px var(--pad) 110px;z-index:10;justify-items:center;gap:30px;display:grid;position:relative}.foot-logo{-webkit-text-stroke-color:#0a3640;filter:drop-shadow(.04em .05em #0a3640);font-size:clamp(90px,18vw,260px)}.foot-row{flex-wrap:wrap;justify-content:center;gap:10px 28px;font-weight:800;display:flex}.foot-row a:hover{color:var(--sun)}.foot small{opacity:.7}@media (width<=900px){.hero{grid-template-columns:1fr;gap:0;min-height:auto;padding-top:24px;padding-bottom:40px}.hero h1{font-size:clamp(46px,13vw,72px)}.hero-cans{height:46vh}.wall-cols{grid-template-columns:repeat(2,1fr)}.wall-col:nth-child(n+3){display:none}.range-row{grid-template-columns:repeat(3,1fr);row-gap:40px}.room{grid-template-columns:1fr;align-content:start;padding-top:120px}.room-copy{gap:12px}.room h2{font-size:clamp(44px,12vw,72px)}.room-can{width:80%;height:40vh;animation:none;position:absolute;bottom:7%;left:50%;transform:translate(-50%)rotate(10deg)}.room-shot{display:none}.people-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.head nav a:not(:first-child),.dots{display:none}}