:root{--brown:#493629;--brown-soft:#786757;--cream:#f7f0df;--white:#fffaf0;--coral:#b45d42;--green:#78875d;--blue:#557b85;--shell:min(1380px,calc(100% - 100px))}
body{background:var(--cream);font-family:'Segoe UI',Tahoma,Arial,sans-serif}h1,h2,h3{letter-spacing:-.045em}h2{font-family:Georgia,serif;font-size:clamp(42px,4vw,65px);line-height:1.13}.eyebrow{font-size:10px;letter-spacing:.18em}section{scroll-margin-top:100px}.site-header{position:sticky;top:0;background:#f7f0dff5;backdrop-filter:blur(10px);border-bottom:1px solid #78675722}.header-inner{height:100px}.brand-logo{width:210px}.site-nav{gap:10px}.site-nav>a{padding:11px 22px;border:1px solid #88725d30;background:#e7ddc5;border-radius:42% 35% 30% 35% / 28% 35% 32% 42%;box-shadow:inset 0 -3px #85745a12;font-size:12px;transition:transform .2s}.site-nav>a:nth-child(2){background:#dce1ca;transform:rotate(-3deg)}.site-nav>a:nth-child(3){background:#ecd0bb;transform:rotate(2deg)}.site-nav>a:nth-child(4){background:#d8e2e0;transform:rotate(-2deg)}.site-nav>a:hover{transform:translateY(-4px);border-color:#88725d60}
.hero{min-height:calc(100svh - 100px);padding:50px 0 80px;background:radial-gradient(ellipse at 75% 40%,#e8dcc1 0,transparent 47%),repeating-linear-gradient(90deg,#80634b03 0 1px,transparent 1px 5px);display:flex;align-items:center}.hero::before{display:none}.hero-grid{grid-template-columns:1fr 1.1fr;gap:70px}.age-ribbon{background:transparent;color:var(--brown-soft);border:1px dashed #a49377;border-radius:3px;box-shadow:none;transform:rotate(-3deg);font-size:10px;width:fit-content;padding:8px 14px;margin-bottom:32px}h1{font-size:clamp(62px,6.2vw,100px);font-weight:650;line-height:1.02;margin-bottom:28px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--coral)}.title-star{font-size:.65em;color:#bf943c;margin-left:22px;vertical-align:top}.hero-lead{font-size:17px;max-width:400px;line-height:1.8}.hero-actions .button{font-size:12px;background:var(--brown);color:var(--white);border:0;padding:16px 25px}.hero-note{font:italic 15px Georgia,serif;font-weight:normal}.clay-stage{height:540px;min-height:0;background:radial-gradient(ellipse at 50% 40%,#d1be9e50,transparent 65%);border:0;box-shadow:none;transform:none}.clay-stage::after{content:'';position:absolute;bottom:33px;left:-7%;width:114%;height:86px;z-index:0;background:repeating-linear-gradient(0deg,#ba916432 0 2px,transparent 2px 12px),linear-gradient(#cfa87d,#bb8a5d);border-radius:50%;box-shadow:0 22px 0 #ab7d53,0 36px 30px #69472c20;transform:rotate(-4deg)}.studio-note{position:absolute;left:30px;top:20px;font:italic 21px Georgia,serif;transform:rotate(-9deg);color:#8b785b}.stage-label{width:91px;top:55px;right:6px;font-size:11px;background:#8a9568;outline:5px solid #8a9568;border-width:1px}.sun-shape{width:100px;top:95px;left:65px;background:#e6c978;opacity:.65}.spark-one{top:10px;right:140px;color:#ae673e}.spark-two{bottom:190px;left:25px}.wheel{z-index:1;bottom:77px;width:80%;height:100px;background:repeating-radial-gradient(ellipse,#a3b8b4 0 12px,#698b8b 14px 18px);border:3px solid #657879;box-shadow:0 13px 0 #526b6c,0 23px 0 #7b8e86,0 27px 0 #536969}.wheel::after{border-width:2px;inset:16px 28px}.pot{bottom:153px;width:210px;height:239px;border:1px solid #975840;border-radius:13% 15% 34% 35%;background:repeating-linear-gradient(0deg,transparent 0 9px,#6d342911 10px 11px),linear-gradient(100deg,#b97050,#d99b72 35%,#bf7657 78%,#9a573d);box-shadow:inset -14px -16px 20px #81412c20,12px 18px 22px #704c3728;transform:translateX(-50%) rotate(-4deg)}.pot::before{height:40px;border:3px solid #ba7d59;background:#7e4c35;box-shadow:inset 0 9px 0 #53362450;width:103%;left:-1.5%;top:-16px}.pot::after{width:72px;height:102px;left:auto;right:-51px;top:38px;border:20px solid #b97753;border-left:0;border-radius:0 55% 55% 0;z-index:-1;box-shadow:4px 3px 0 #985735}.pot-flower{display:block;font:120px Georgia,serif;color:#f8e6af;line-height:210px;text-align:center;text-shadow:2px 2px #82432630}.paintbrush{position:absolute;width:17px;height:210px;background:linear-gradient(90deg,#bb873b,#e1b96e,#a57032);bottom:85px;left:30px;transform:rotate(-38deg);z-index:3;border-radius:50% 50% 6px 6px}.paintbrush::before{content:'';position:absolute;top:-46px;width:24px;left:-4px;height:68px;background:linear-gradient(#785544 0 70%,#a8ada0 70%);border-radius:60% 60% 10% 10%}.clay-friend{position:absolute;right:-3px;bottom:95px;width:102px;height:110px;z-index:4;border:0;border-radius:45% 48% 36% 39%;background:linear-gradient(100deg,#718353,#9cab77,#657746);box-shadow:inset -5px -8px 8px #4e602322,7px 8px 10px #56422c22;cursor:pointer;transform:rotate(9deg)}.clay-friend::before,.clay-friend::after{content:'';position:absolute;top:-24px;width:29px;height:40px;border-radius:50%;background:#859664}.clay-friend::before{left:10px;transform:rotate(-15deg)}.clay-friend::after{right:10px;transform:rotate(15deg)}.friend-eyes{font:29px Georgia;letter-spacing:20px;padding-left:16px;display:block}.friend-smile{display:block;width:23px;height:12px;border-bottom:3px solid #3e4931;border-radius:50%;margin:0 auto}.friend-hint{position:absolute;right:0;bottom:37px;z-index:5;font:italic 14px Georgia;color:#4c5037;transform:rotate(-5deg)}.clay-friend:hover{filter:brightness(1.07)}.clay-friend.is-happy{animation:friend-hop .75s ease}.marquee{background:#e5ddc9;border:0;border-block:1px dashed #ac9c7c;color:#837459;transform:none}.marquee-track{animation:none;width:100%;justify-content:space-evenly;font-size:10px;padding:19px;gap:20px;letter-spacing:.16em}.marquee-track span:nth-child(n+4){display:none}.marquee-track span::after{color:#a76445}
.section{min-height:calc(100svh - 100px);padding:85px 0;display:flex;align-items:center}.section-head{max-width:700px;margin-bottom:65px}.section-intro{font-size:16px;line-height:1.8;max-width:530px}.benefits{background:#e6e5d5;background-image:radial-gradient(#9b9f8115 1px,transparent 1px);background-size:6px 6px}.benefit-grid{gap:28px}.benefit-card{position:relative;border:0;border-radius:2px;box-shadow:2px 7px 12px #49432d15;background:#faf5df;min-height:270px;padding:30px;transform:rotate(-3deg)}.benefit-card::before{content:'';position:absolute;left:calc(50% - 30px);top:-15px;width:60px;height:30px;background:#c7b48380;transform:rotate(-9deg);border-inline:1px dashed #9e8b5c55}.benefit-card:nth-child(2){border-radius:2px;background:#efe0ac;transform:rotate(3deg)}.benefit-card:nth-child(3){border-radius:2px;background:#e9ccbb;transform:rotate(-2deg)}.benefit-card:nth-child(4){border-radius:2px;background:#d8e2dc;transform:rotate(3deg)}.benefit-icon{border:0;font:42px Georgia;margin-bottom:25px;color:#827752;width:50px;height:50px}.benefit-card h3{font-size:23px;font-weight:600}.benefit-card p{font-size:14px}.make-grid{gap:35px;border-bottom:18px solid #ba926c;box-shadow:0 8px 0 #98704d,0 24px 22px #80624218}.make-card{border:0;border-radius:0!important;background:transparent;overflow:visible;min-height:320px;padding:0}.make-card h3{position:absolute;bottom:-69px;left:50%;transform:translateX(-50%) rotate(-2deg);font:italic 16px Georgia;white-space:nowrap;background:#eee4cd;padding:8px 20px;border:1px solid #d9ccb0}.make-pot{bottom:0;background:linear-gradient(110deg,#c77756,#e0a783,#b36548);border:1px solid #b47654;box-shadow:inset -15px -12px 20px #76402615;width:165px;height:185px}.make-pot::before{border:3px solid #c8906d;background:#866045;height:28px;top:-10px}.make-pot span{font:100px Georgia;color:#f4e5b5;display:block;text-align:center;margin-top:26px}.make-rainbow{bottom:0;border-color:#c9a454;box-shadow:inset 0 0 0 24px #bc7255,inset 0 0 0 48px #788e84;filter:drop-shadow(5px 3px 0 #7f6f4215)}.make-animal{bottom:0;border:0;background:linear-gradient(100deg,#778654,#a1ac80,#788753);box-shadow:inset -8px -7px 12px #51643122}.make-animal::before,.make-animal::after{border:0;background:#8f9e6a}.animal-face{bottom:60px}.faq-grid{gap:100px;align-items:center}#jautajumi{background:#e8ddd0}.faq-items{padding:24px 35px;background:#fff9ea;box-shadow:4px 8px 16px #65543b14;transform:rotate(1deg);position:relative}.faq-items::before{content:'';width:90px;height:32px;background:#c1b17e77;position:absolute;left:calc(50% - 45px);top:-16px;transform:rotate(-5deg)}details{border:0;border-bottom:1px solid #d4c8ac!important;border-radius:0!important;background:transparent!important;padding:19px 0!important;box-shadow:none!important}summary{font-size:17px}details p{font-size:14px;line-height:1.8;color:var(--brown-soft);padding-top:16px}details:last-child{border-bottom:0!important}.faq-contact{font-size:15px;line-height:1.9}.site-footer{background:var(--cream);border:0;padding:20px 0}.footer-inner{gap:25px}.footer-copy{font-size:10px}.replay{font:italic 13px Georgia;border:0;background:none;cursor:pointer;color:var(--brown-soft)}
.welcome[hidden]{display:none}.welcome{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 65%,#e8d4b7,transparent 60%),var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 20px;overflow:auto}.welcome>img{width:230px;height:auto;max-height:90px;object-fit:contain;margin-bottom:18px}.welcome .eyebrow{font-size:8px;margin-bottom:0}.welcome h2{font-size:clamp(32px,3.3vw,47px);margin:10px 0 24px}.skip-intro{position:absolute;top:25px;right:32px;border:0;background:none;font-size:12px;color:var(--brown-soft);cursor:pointer;padding:12px}.enter-button{padding:15px 28px;background:var(--brown);color:var(--cream);border:0;border-radius:50px;cursor:pointer;font-size:13px}.enter-button span{margin-left:30px}.welcome-foot{font:italic 13px Georgia;margin:20px 0 0;color:#8e7b64}.intro-wheel{position:relative;width:300px;height:220px;margin-top:20px}.wheel-disc{position:absolute;bottom:10px;width:100%;height:65px;border-radius:50%;background:repeating-radial-gradient(ellipse,#a2b4aa 0 8px,#6e8a83 10px 13px);box-shadow:0 10px #637b72,0 15px #4d645d;animation:wheel-shimmer 3s ease-in-out 1}.intro-clay{position:absolute;z-index:2;left:80px;bottom:48px;width:140px;height:145px;border-radius:15% 15% 35% 35%;background:linear-gradient(100deg,#ad6545,#d99a70 40%,#b46d4c);box-shadow:inset -12px -10px 15px #7a442322;transform-origin:bottom;animation:shape-clay 3s ease-in-out both}.intro-clay::before{content:'';position:absolute;top:-8px;left:0;width:100%;height:22px;border:3px solid #c1835b;border-radius:50%;background:#805236;animation:glaze 3s both}.intro-clay::after{content:'';position:absolute;right:-36px;top:20px;width:45px;height:65px;border:13px solid #bd7a54;border-left:0;border-radius:0 60% 60% 0;animation:glaze 3s both}.intro-clay span{font:82px Georgia;line-height:150px;color:#f1ddaa;animation:glaze 3s both}.intro-active{overflow:hidden}.welcome.leaving{opacity:0;transform:scale(1.04);transition:opacity .45s,transform .45s}@keyframes shape-clay{0%,15%{height:75px;border-radius:50% 48% 40% 42%;transform:scaleX(1.25)}65%{height:145px;transform:scaleX(.93)}100%{height:145px;transform:none}}@keyframes glaze{0%,55%{opacity:0}100%{opacity:1}}@keyframes wheel-shimmer{50%{filter:brightness(1.15)}}@keyframes friend-hop{25%{transform:translateY(-22px) rotate(-12deg)}60%{transform:translateY(-8px) rotate(15deg)}100%{transform:rotate(9deg)}}
@media(min-width:1700px){.hero{padding-block:65px}.clay-stage{height:600px}.pot{bottom:160px;width:235px;height:270px}.pot-flower{line-height:235px}.hero-grid{gap:110px}}
@media(max-width:1000px){:root{--shell:calc(100% - 48px)}.hero-grid{gap:35px;grid-template-columns:1fr 1fr}h1{font-size:65px}.clay-stage{height:480px}.pot{width:160px;height:200px}.pot-flower{font-size:90px;line-height:180px}.clay-friend{right:0;width:78px;height:90px}.stage-label{right:0;top:40px;width:74px;font-size:9px}.studio-note{font-size:16px;left:0}.benefit-grid{gap:20px}.benefit-card{padding:24px}.faq-grid{gap:45px}.site-nav>a{padding:10px 16px}}
@media(max-width:920px){.site-nav{background:var(--cream);height:100dvh;padding-top:110px;gap:18px}.site-nav>a{font-size:22px;padding:18px}.hero-grid{grid-template-columns:1fr 1fr}.clay-stage{height:450px}.section{min-height:calc(100svh - 100px)}.benefit-grid{grid-template-columns:1fr 1fr;gap:35px}.faq-grid{grid-template-columns:1fr}.make-grid{gap:15px}.make-rainbow{width:190px}.make-animal{width:130px}.make-pot{width:135px}.header-inner{height:88px}.site-header{z-index:60}}
@media(max-width:640px){:root{--shell:calc(100% - 44px)}.header-inner{height:80px}.brand-logo{width:170px}.hero{padding:35px 0 50px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:20px}.age-ribbon{margin-bottom:27px}h1{font-size:clamp(58px,15vw,80px)}h1 br:nth-of-type(2){display:none}h1 em{margin-right:10px}.title-star{font-size:40px;margin-left:7px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start}.hero-actions .button{width:auto}.clay-stage{height:420px;width:100%;margin-top:15px}.pot{bottom:138px;width:155px;height:185px}.pot-flower{line-height:165px}.wheel{bottom:74px;width:85%;height:75px}.clay-stage::after{width:105%;left:-2.5%;height:70px}.paintbrush{left:22px;height:160px;bottom:90px}.studio-note{top:6px;font-size:15px}.sun-shape{width:80px;left:18px;top:75px}.stage-label{top:44px;right:1px}.clay-friend{bottom:88px;right:0;width:76px;height:84px}.friend-eyes{font-size:23px;letter-spacing:14px;padding-left:10px}.friend-hint{font-size:12px}.spark-one{right:105px;top:15px}.spark-two{display:none}.marquee-track span:nth-child(n+2){display:none}.marquee-track span::after{margin-left:20px}.section{min-height:0;padding:65px 0 80px}.section-head{margin-bottom:45px}h2{font-size:41px}.benefit-grid{grid-template-columns:1fr;gap:30px;padding-inline:8px}.benefit-card{min-height:210px;padding:28px}.benefit-icon{margin-bottom:15px}.make-grid{grid-template-columns:1fr;border:0;box-shadow:none;gap:70px}.make-card{min-height:285px;border-bottom:14px solid #ba926c!important;box-shadow:0 6px 0 #98704d,0 16px 16px #80624218}.make-card h3{bottom:-59px;font-size:16px}.make-pot{width:155px}.make-animal{width:145px}.make-rainbow{width:210px}.faq-items{padding:18px 24px}.faq-contact{margin-bottom:10px}.footer-inner{align-items:center}.welcome>img{width:210px}.welcome h2{font-size:34px}.intro-wheel{transform:scale(.9);margin-top:5px;height:210px}.skip-intro{top:12px;right:12px;font-size:11px}.welcome .eyebrow{font-size:7px;margin-top:4px}.welcome-foot{font-size:11px}.welcome{padding-top:55px}.welcome h2{margin-top:0}.welcome .enter-button{min-height:48px}}
@media(max-height:700px){.welcome>img{width:170px;max-height:55px;margin-bottom:8px}.intro-wheel{height:180px;transform:scale(.8);margin-block:-10px}.welcome h2{font-size:30px;margin-bottom:15px}.welcome-foot{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.intro-clay,.intro-clay span,.intro-clay::before,.intro-clay::after{opacity:1;transform:none}}
h1[tabindex="-1"]:focus{outline:none}
@media(max-width:920px){.site-header{backdrop-filter:none}.site-nav:not(.open){transform:none;opacity:0;pointer-events:none}.site-nav.open{opacity:1;pointer-events:auto}}
@media(max-width:640px){.title-star{display:none}h1 em{display:inline-block;margin-right:12px}}