:root{--ink:#24354a;--cream:#fff8ea;--turquoise:#18bfc0;--coral:#ff6472;--yellow:#ffbd17;--blue:#168ae0;--purple:#8b42c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.nav{z-index:10;justify-content:space-between;align-items:center;height:92px;display:flex;position:relative}.nav-logo{width:150px;height:auto;display:block}.nav-link{border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:12px 19px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.nav-link:hover{box-shadow:0 3px 0 var(--ink);transform:translateY(2px)}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:24px;min-height:650px;padding-block:44px 78px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.eyebrow{letter-spacing:.08em;text-transform:uppercase;background:#ffdfa0;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:900;display:inline-flex}.hero h1{letter-spacing:-.07em;margin:24px 0 20px;font-size:clamp(60px,7vw,98px);font-weight:900;line-height:.86}.hero h1 span{color:var(--coral);text-shadow:0 5px #ffd1d6}.hero-copy>p{color:#516174;max-width:530px;margin:0;font-size:20px;line-height:1.55}.actions{align-items:center;gap:20px;margin-top:34px;display:flex}.actions>span{color:#687689;max-width:180px;font-size:13px;font-weight:700;line-height:1.45}.primary-btn{border:2px solid var(--ink);background:var(--turquoise);box-shadow:0 7px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;padding:17px 23px;font-weight:900;transition:all .2s;display:inline-flex}.primary-btn:hover{box-shadow:0 4px 0 var(--ink);transform:translateY(3px)}.logo-cloud{border:3px solid var(--ink);background:#fff;border-radius:45% 55% 48% 52%/54% 42% 58% 46%;place-items:center;min-height:510px;padding:32px;display:grid;position:relative;transform:rotate(1deg);box-shadow:12px 14px #b8eee7}.hero-logo{filter:drop-shadow(0 9px 7px #23354a24);width:88%;max-width:760px;height:auto;transform:rotate(-1deg)}.logo-motto{letter-spacing:.22em;margin-top:-2%;font-size:14px;font-weight:900}.logo-motto b:first-child{color:var(--coral)}.logo-motto b:last-child{color:var(--yellow)}.clay-dot{border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:50%;position:absolute}.dot-pink{background:var(--coral);width:28px;height:28px;top:22%;left:-2%}.dot-blue{background:var(--blue);width:17px;height:17px;bottom:7%;left:47%}.dot-yellow{background:var(--yellow);width:38px;height:38px;top:9%;right:-2%}.marquee{background:var(--yellow);border-block:3px solid var(--ink);width:101%;margin-left:-.5%;padding:17px 0;overflow:hidden;transform:rotate(-1deg)}.marquee div{letter-spacing:.12em;word-spacing:.4em;width:max-content;font-size:14px;font-weight:900}.marquee b{color:var(--coral);margin-inline:18px}.kits{grid-template-columns:.75fr 1.25fr;gap:70px;padding-block:110px;display:grid}.section-copy>span,.coming-label{letter-spacing:.14em;text-transform:uppercase;color:var(--coral);font-size:12px;font-weight:900}.section-copy h2,.coming h2{letter-spacing:-.055em;margin:14px 0 20px;font-size:clamp(46px,5vw,70px);line-height:.92}.section-copy>p{color:#617084;max-width:360px;font-size:17px;line-height:1.6}.kit-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.kit-card{border:3px solid var(--ink);min-height:310px;box-shadow:7px 8px 0 var(--ink);border-radius:28px;padding:27px 22px;transition:all .2s;position:relative}.kit-card:hover{box-shadow:10px 13px 0 var(--ink);transform:translateY(-5px)rotate(-1deg)}.kit-card.coral{background:#ff8892}.kit-card.blue{background:#50b5ee}.kit-card.purple{background:#b978dc}.number{opacity:.55;font-weight:900;position:absolute;top:18px;right:20px}.kit-icon{border:2px solid var(--ink);background:var(--cream);width:60px;height:60px;box-shadow:3px 4px 0 var(--ink);border-radius:20px;place-items:center;margin-top:28px;display:grid}.kit-card h3{margin:32px 0 10px;font-size:24px;line-height:1}.kit-card p{margin:0;font-size:15px;font-weight:600;line-height:1.55}.coming{border:3px solid var(--ink);box-shadow:10px 12px 0 var(--turquoise);background:#fff;border-radius:42px;justify-content:space-between;align-items:center;gap:40px;margin-bottom:90px;padding:54px 58px;display:flex}.coming h2{margin-bottom:0}.coming>a{border:2px solid var(--ink);background:var(--yellow);box-shadow:0 6px 0 var(--ink);border-radius:999px;align-items:center;gap:10px;padding:17px 22px;font-weight:900;display:flex}.footer{border-top:2px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding-block:25px;font-size:12px;font-weight:700;display:grid}.footer img{width:100px;height:auto}.footer p{text-align:center;margin:0}.footer a{border-bottom:1px solid;justify-self:end}a:focus-visible{outline:4px solid var(--coral);outline-offset:4px}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:30px}.hero-copy{order:2}.logo-cloud{min-height:400px}.hero-logo{width:88%}.kits{grid-template-columns:1fr;gap:45px}.kit-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.shell{width:calc(100% - 30px)}.nav{height:75px}.nav-logo{width:120px}.nav-link{padding:9px 13px}.hero{padding-bottom:60px}.logo-cloud{border-radius:38px;min-height:280px}.hero h1{font-size:clamp(54px,16vw,78px)}.hero-copy>p{font-size:17px}.actions{flex-direction:column;align-items:flex-start}.kit-grid{grid-template-columns:1fr}.kit-card{min-height:240px}.coming{flex-direction:column;align-items:flex-start;padding:38px 28px}.footer{grid-template-columns:1fr;padding-block:28px}.footer p{text-align:left}.footer a{justify-self:start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}