/* KOZA / playful art direction, second exploration */
.logo{font-family:var(--display);font-size:42px;letter-spacing:-.105em}.logo-spark{right:-16px}
.hero{background:#a9dff5;min-height:760px;grid-template-columns:48% 52%;padding-top:76px;padding-bottom:75px;isolation:isolate}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:53px;background:radial-gradient(circle at 27px 0,var(--cream) 26px,transparent 27px) 0 0/54px 54px repeat-x;transform:rotate(180deg);z-index:5}
.hero-copy{padding-top:40px;z-index:4}.hero .eyebrow{font-size:12px;letter-spacing:.13em}.hero h1{font-family:var(--display);font-size:clamp(135px,18vw,300px);font-style:normal;line-height:.95;letter-spacing:-.13em;margin:18px 0 14px;white-space:nowrap;font-weight:400}.hero h1 .period{display:inline-block;vertical-align:top;margin-top:10px;margin-left:8px;font-family:var(--sans);font-size:37px;color:var(--lime);letter-spacing:0;transform:rotate(-16deg)}.hero .hero-sub{max-width:455px;font-size:15px;line-height:1.85;position:relative;margin-top:10px;background:#d5eef6c7;border-radius:22px;padding:18px 22px;transform:rotate(-1deg)}.hero .hero-sub strong{font-weight:800}.hero .round-link{margin:28px 0 0 20px;background:#fffbea;border:2px solid var(--ink);border-radius:99px;padding:3px 4px 3px 19px;box-shadow:5px 5px 0 var(--ink);gap:18px;transform:rotate(-2deg)}.hero .round-link b{width:44px;height:44px}.hero .round-link:hover{transform:rotate(1deg)}
.hero-sun{display:none}.hero-visual{min-height:580px}.cloud-stage{position:absolute;left:0;top:54px;width:100%;height:470px;filter:drop-shadow(8px 18px 0 #73bfd9);transform:rotate(6deg);animation:cloudbob 6s ease-in-out infinite}.cloud-stage:before{content:"";position:absolute;left:4%;right:5%;top:17%;bottom:3%;border-radius:49% 49% 45% 46%;background:#fff9e8;z-index:0}.cloud-lobe{position:absolute;background:#fff9e8;border-radius:50%;z-index:0}.cloud-lobe.l1{width:40%;height:48%;left:1%;top:17%}.cloud-lobe.l2{width:43%;height:55%;left:21%;top:0}.cloud-lobe.l3{width:44%;height:53%;right:1%;top:11%}.cloud-lobe.l4{width:43%;height:51%;left:10%;bottom:0}.cloud-lobe.l5{width:48%;height:52%;right:7%;bottom:1%}.cloud-stage img{position:absolute;z-index:2;width:113%;max-width:none;height:auto;left:-4%;top:15%;object-fit:contain;filter:drop-shadow(9px 17px 5px #28381f66);transform:rotate(-12deg)}.hero .hero-sticker{z-index:4;top:15px;right:0;background:#fc95ab;color:#29351f;border:3px solid var(--ink);border-radius:41% 59% 46% 54%;box-shadow:6px 7px 0 #29351f;font-family:var(--display);font-size:27px;line-height:1.05;width:119px;height:111px;transform:rotate(14deg)}.hero .hand-note{font-size:27px;right:2%;bottom:5%;z-index:4;color:var(--ink);transform:rotate(-9deg)}.mini-flower{position:absolute;z-index:6;color:#f69dac;font-size:87px;-webkit-text-stroke:2px var(--ink);filter:drop-shadow(4px 5px 0 #fff8e6)}.mini-flower.f1{left:-8%;top:49%;transform:rotate(-22deg)}.mini-flower.f2{right:12%;bottom:1%;font-size:51px;color:#d1d34b}.hero-doodle{position:absolute;pointer-events:none;line-height:1;color:#fff9e8;text-shadow:-2px -2px var(--ink),2px 2px var(--ink);z-index:1}.cloud-one{font-size:120px;left:44%;top:10px;transform:rotate(-15deg)}.cloud-two{font-size:95px;right:1%;bottom:70px}.hero-asterisk.a1{left:53%;top:66%;font-size:55px;color:#fc95ab}.hero-asterisk.a2{right:6%;bottom:20%;font-size:38px;color:var(--lime)}.hero-bottom{margin-top:15px;font-size:9px;letter-spacing:.1em}
@keyframes cloudbob{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(4deg) translateY(-10px)}}
.intro{position:relative;overflow:hidden;padding-top:125px;padding-bottom:145px;background:var(--cream);grid-template-columns:1fr 2.5fr 1.2fr}.intro:after{content:"";position:absolute;bottom:0;left:0;right:0;height:25px;background:radial-gradient(circle at 20px 25px,#fffdf6 19px,transparent 20px) 0 0/40px 25px repeat-x}.intro .intro-content{position:relative;z-index:2}.intro h2{letter-spacing:-.075em}.intro-content>p:last-of-type{font-size:16px;max-width:620px}.intro-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.intro-tags span{background:#fffdf6;border:1.5px solid #a4aa83;border-radius:99px;padding:10px 14px;font-size:10px;font-weight:800;transform:rotate(-2deg)}.intro-tags span:nth-child(2){background:var(--sky);transform:rotate(3deg)}.intro-tags span:nth-child(3){background:#f3d4c5;transform:rotate(-3deg)}.intro-side{display:block;align-self:center;transform:none}.moss-blob{width:190px;height:220px;border-radius:40% 60% 51% 49% / 54% 45% 55% 46%;background:radial-gradient(circle at 20% 30%,#b5bd42 0 5px,transparent 6px) 0 0/24px 26px,radial-gradient(circle at 70% 50%,#7d8d39 0 7px,transparent 8px) 0 0/29px 30px,#596116;box-shadow:10px 13px 0 #a0a745;display:grid;place-items:center;transform:rotate(15deg);color:#fff5d5;text-align:center;font-family:var(--display);font-size:25px;line-height:1.1;border:7px solid #909a2c}.moss-blob span{transform:rotate(-15deg)}
.collection{position:relative;overflow:hidden}.collection .section-heading{position:relative;z-index:1}.collection-deco{position:absolute;pointer-events:none;z-index:0}.collection-deco.d1{font-size:145px;color:#f6b4c3;right:5%;top:20px;transform:rotate(12deg)}.collection-deco.d2{font-size:110px;color:#a9dff5;left:-17px;top:38%;transform:rotate(-20deg)}.product-image{border:10px solid var(--sky);border-radius:42% 37% 40px 42px / 25% 30% 42px 42px;box-shadow:10px 12px 0 #c7dbe0}.product-two .product-image{border:10px solid #dfb4c7;border-radius:43% 52% 35px 35px / 32% 30% 35px 35px;box-shadow:9px 12px 0 #f1d9bd}.product-card:hover .product-image{transform:rotate(-1deg)}.product-two:hover .product-image{transform:rotate(1deg)}.product-badge{background:#fced9d;border:1px solid var(--ink)}.product-badge.blue{background:#a9dff5}.product-meta h3{letter-spacing:-.055em}.quote{background:#a6b63b}.quote:before{content:"";position:absolute;left:0;right:0;top:0;height:30px;background:radial-gradient(circle at 22px 0,#fffdf6 21px,transparent 22px) 0 0/44px 30px}.process{position:relative}.process:before{content:"✿";position:absolute;right:3%;top:5%;font-size:100px;color:#f6b4c3;transform:rotate(-15deg)}.contact{border-radius:45px 45px 0 0;margin-top:-25px;z-index:2}
@media(max-width:1000px){.hero{grid-template-columns:49% 51%;min-height:650px}.hero h1{font-size:clamp(115px,18vw,210px)}.hero .hero-sub{font-size:13px}.cloud-stage{top:80px;height:355px}.hero-visual{min-height:450px}.hero .hand-note{bottom:8%;font-size:20px}.intro{grid-template-columns:1fr 3fr 1fr;padding-left:6%;padding-right:6%}.moss-blob{width:150px;height:180px;font-size:21px}}
@media(max-width:650px){.hero{min-height:0;padding:36px 6% 55px;display:flex;flex-direction:column}.hero-copy{padding:0;z-index:4}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(110px,27vw,190px);margin:12px 0 14px;letter-spacing:-.13em}.hero h1 .period{font-size:23px;margin:8px 0 0 5px}.hero .hero-sub{margin:0;max-width:100%;font-size:12px;padding:15px 18px;line-height:1.7}.hero .round-link{margin-top:20px;font-size:10px}.hero-visual{height:355px;min-height:0;margin-top:2px}.cloud-stage{top:26px;left:1%;height:280px;width:96%}.cloud-stage img{top:21%;width:121%;left:-8%}.hero .hero-sticker{width:73px;height:72px;font-size:18px;top:10px;right:-1%}.hero .hand-note{font-size:17px;bottom:0;right:2%}.mini-flower.f1{font-size:46px;left:-3%;top:60%}.mini-flower.f2{font-size:35px;right:20%;bottom:0}.cloud-one{left:auto;right:12%;top:28%;font-size:64px}.cloud-two{right:1%;bottom:45px;font-size:56px}.hero-asterisk.a1{left:83%;top:60%;font-size:30px}.hero .hero-bottom{margin-top:16px}.hero:after{height:30px;background:radial-gradient(circle at 16px 0,var(--cream) 15px,transparent 16px) 0 0/32px 32px repeat-x;transform:rotate(180deg)}.intro{padding:70px 7% 95px;display:block}.intro h2{font-size:clamp(51px,12vw,70px)}.intro-side{position:absolute;right:-55px;top:34px;opacity:.5}.moss-blob{width:125px;height:130px;font-size:14px}.intro-content>p:last-of-type{font-size:13px}.intro-tags{gap:7px}.intro-tags span{font-size:9px;padding:8px 10px}.collection-deco.d1{font-size:90px;right:-20px;top:50px}.collection-deco.d2{font-size:75px}.product-image,.product-two .product-image{border-width:6px;box-shadow:6px 7px 0 #c7dbe0}.process:before{font-size:60px}.quote:before{height:20px;background:radial-gradient(circle at 13px 0,#fffdf6 12px,transparent 13px) 0 0/26px 20px}}
@media(prefers-reduced-motion:reduce){.cloud-stage{animation:none}}