body,header,nav,main,footer,div,img,ul,figure,figcaption,section,article,aside,figure,figcaption,form,fieldset,legend,label,input,textarea,button,table,tr,td,th,thead,tbody,dl,dt,dd{margin:0;padding:0;border:0}body{background-color:#F4F5F0}img{max-width:100%;display:block}*{box-sizing:border-box}header{top:0;background-color:#F4F5F0;height:140px;padding:10px 0}header img{margin:0 auto;display:block;max-width:150px;height:auto}#hero img{opacity:0;animation:fadeInHero 1.8s ease-out forwards}@keyframes fadeInHero{from{opacity:0}to{opacity:1}}nav{padding:1%;margin-bottom:1.5em}nav ul{list-style-type:none;text-align:center;padding:0}nav li{font-size:1.2em;font-family:"Cinzel",serif;border-top:1px solid #575E56}nav li:first-child{border-top:none}nav li a{display:block;color:#575E56;padding:.4em .8em;text-decoration:none}.mobile{display:block}.tablet-desktop{display:none}main{background-color:#606960;padding:2%;font-size:1.15em;font-family:"Josefin Slab",serif;color:#F4F5F0;margin:0 auto;text-align:center}.about-main,.index-main{background-image:url(../images/class-clay-main.png);background-size:cover;background-position:center;background-repeat:no-repeat}#form{margin-top:2%;background-color:#f2f2f2;padding:4%;color:#606960}#form h2{text-align:left;color:#606960;font-family:"Cinzel",serif}.whole-welcome{background-color:#F4F5F0;color:#606960;padding:1em;border-radius:12px;max-width:800px;margin:2em auto;box-shadow:0 4px 15px rgb(0 0 0 / .1);text-align:center}.welcome-text{font-size:1.4em}.feature{background-color:#FFF;padding:30px;margin:30px auto;border-radius:10px;max-width:1000px;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.feature-text{flex:1;font-family:"Josefin Slab",serif;color:#606960}.feature-text h2{font-family:"Cinzel",serif;font-size:1.8em;margin-bottom:.5em;font-weight:none}.feature-text p{font-size:1.3em}.feature-img{flex:0 0 35%}.feature-img img{width:100%;height:auto;object-fit:cover;border-radius:30px;padding:0 10px 4px}.video-feature{position:relative;overflow:hidden;border-radius:12px;height:350px;margin:3em 0}.feature-video-file{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.45;z-index:1}.video-overlay-text{position:relative;z-index:2;color:#606960;text-align:center;padding:4em 2em}.video-feature{animation:fadeIn 1.2s ease forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.promo-banner{background-color:#F4F5F0;color:#606960;text-align:center;padding:1em;font-family:"Cinzel",serif;font-size:1.4em;border:2px solid #606960;margin:1.5em auto;width:fit-content;border-radius:10px}.collection-page main,.shop-page main{background-color:#FFF}.mobile h2{font-weight:700}.frame{width:100%;max-width:none;margin:0}.shop-category{grid-column:1 / -1;text-align:center;margin:2rem 0 1rem;font-family:"Cinzel",serif;color:#606960}.process{background:rgb(244 245 240 / .9);max-width:900px;margin:2.5rem auto;padding:0 1rem;font-family:"Josefin Slab",serif;color:#F4F5F0}.process h2{font-family:"Cinzel",serif;font-size:2em;color:#606960;text-align:center;margin-bottom:1rem}.process-list{counter-reset:step;list-style:none;padding:0;margin:0}.process-list li{counter-increment:step;display:flex;flex-direction:column;align-items:center;text-align:center;background:#FFF;padding:1.4rem 1.8rem;margin:1.8rem 0;border-radius:14px;box-shadow:0 6px 18px rgb(96 105 96 / .06);position:relative}.process-list li::before{content:counter(step);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Cinzel",serif;font-weight:700;font-size:1.2rem;background:#606960;color:#F4F5F0;margin-bottom:.9rem;box-shadow:0 6px 14px rgb(0 0 0 / .08)}.process-list li h3{margin:0 0 .35rem 0;font-family:"Cinzel",serif;font-size:1.05rem;color:#606960;line-height:1.1}.process-list li p{margin:0;font-size:1rem;color:#4a4a4a;line-height:1.5}.process-list li:hover{transform:translateY(-4px);transition:transform 220ms ease;box-shadow:0 12px 26px rgb(96 105 96 / .1)}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr)}.pic-text{position:static;bottom:0;background:none;color:#606960;width:100%;padding:.5em 0 .8em;text-align:center;font-family:"Cinzel",serif;font-size:1.1em}#form h2,h3{text-align:center}.external-link{color:#606960;font-weight:700;text-decoration:none}.external-link:hover{color:#70776F}.faq-main{background-image:url(../images/class-clay-faq.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#606960;padding:2em;font-family:"Josefin Slab",serif;text-align:center}.faq-box{background-color:rgb(255 255 255 / .92);max-width:900px;width:90%;margin:2em auto;padding:2em 2.5em;border-radius:14px;box-shadow:0 6px 18px rgb(0 0 0 / .1);overflow-wrap:break-word}.faq-title{font-family:"Cinzel",serif;font-size:2em;margin-bottom:1em;color:#606960}.faq-list{max-width:900px;margin:0 auto;padding:0 1rem;text-align:left}.faq-list dt{font-family:"Cinzel",serif;font-size:1.25em;font-weight:700;margin-top:1.5em;padding-bottom:.4em;border-bottom:2px solid #606960;color:#606960}.faq-list dd{margin:.5em 0 1.2em 0;padding-left:0;font-size:1.1em;line-height:1.6;color:#4a4a4a}.faq-nav{margin-bottom:1.5em;text-align:center}.faq-nav a{margin:0 .6em;font-family:"Cinzel",serif;color:#606960;text-decoration:none;font-size:1.1em;padding:.3em .6em;border-radius:6px;transition:background-color 0.3s ease}.faq-nav a:hover{background-color:#e9ede9}.faq-text{font-family:"Cinzel",serif;font-weight:700}footer p{font-size:.85em;text-align:center;color:#575E56;padding:0 1em}footer p a{color:#575E56;text-decoration:none}@media screen and (min-width:630px),print{.tablet-desktop{display:block}.mobile{display:none}main{padding:0;background-color:#606960}nav{margin-bottom:0}nav li{border-top:none;display:inline-block;border-right:1px solid #e5e9fc;font-size:1.2em}.welcome-hero{margin-bottom:2em;font-family:"Cinzel",serif;font-size:1.5em}.feature{display:flex;align-items:center;gap:2em;background-color:#F4F5F0;margin-bottom:3em;padding:30px;margin:30px auto}.feature-text{flex:1;font-family:"Josefin Slab",serif;color:#606960}.feature-text h2{font-family:"Cinzel",serif;font-size:1.8em;margin-bottom:.5em;font-weight:none}.feature-text p{font-size:1.3em}.feature-img{flex:0 0 35%}.feature-img img{width:100%;height:auto;object-fit:cover;border-radius:30px;padding:0 10px 4px}.feature-img a img{transition:transform 0.3s ease,filter 0.3s ease;display:block;max-width:100%}.feature-img a:hover img{transform:scale(1.05);filter:brightness(1.1)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.grid img{width:100%;object-fit:cover;display:block}.grid img{transition:transform 0.3s ease}.grid img:hover{transform:scale(1.05)}.pic-text{font-size:1.1em;padding:.5em 0 .8em}#hero{position:relative;width:100%;height:400px;overflow:hidden;margin:0}#hero img{width:100%;height:100%;object-fit:cover;display:block}.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#F4F5F0;font-family:"Cinzel",serif;font-size:2em;text-align:center;background-color:rgb(87 94 86 / .6);padding:.5em 1em;border-radius:10px}}@media screen and (min-width:1026px),print{nav li{border:none}nav li a{transition:color 0.3s ease,background-color 0.3s ease}nav li a:hover{color:#F4F5F0;background-color:#70776F;border-radius:6px}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}@media print{body{background-color:#fff;color:#000}}