.SkSeramik,.SkSeramikFilm{--sk-ser-max: 1240px;--sk-ser-ink: #0b3428;--sk-ser-body: #4a4a48;--sk-ser-bg: #f6f4ef;--sk-ser-line: rgba(11, 52, 40, .16)}.template-collection--seramik .SkCollection{background:var(--sk-ser-bg, #f6f4ef)}.SkSeramik{background:var(--sk-ser-bg);padding:0 0 clamp(2rem,4vw,3.25rem);overflow:hidden}.SkSeramik__heroPhoto{width:100%;overflow:hidden}.SkSeramik__heroImg{display:block;width:100%;height:clamp(300px,46vw,560px);object-fit:cover;object-position:center 42%;transform:scale(1.02);transition:transform 1.4s cubic-bezier(.22,1,.36,1);-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.SkSeramik__heroPhoto.is-visible .SkSeramik__heroImg{transform:scale(1)}.SkSeramik__heroCopy{max-width:720px;margin:0 auto;padding:clamp(1.75rem,4vw,3rem) 24px 0;text-align:center}.SkSeramik__eyebrow{margin:0 0 .9rem;font-family:var(--heading-font-family);font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--sk-ser-ink)}.SkSeramik__title{margin:0 0 1rem;font-family:var(--heading-font-family);font-weight:500;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.1;letter-spacing:.01em;color:var(--sk-ser-ink)}.SkSeramik__line{margin:0 auto 1.5rem;max-width:52ch;font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.7;color:var(--sk-ser-body)}.SkSeramik__scroll{display:inline-flex;align-items:center;gap:.6rem;padding-bottom:4px;font-family:var(--heading-font-family);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--sk-ser-ink);text-decoration:none;border-bottom:1px solid var(--sk-ser-line);transition:gap .3s ease,border-color .3s ease}.SkSeramik__scroll:hover{gap:.9rem;border-color:var(--sk-ser-ink)}.SkSeramik__scroll svg{animation:skSerBob 2.4s ease-in-out infinite}@keyframes skSerBob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.SkSeramik__anchor{display:block;height:0;scroll-margin-top:90px}.SkSeramikFilm{background:var(--sk-ser-bg);padding:clamp(2.75rem,6vw,5rem) 24px;overflow:hidden}.SkSeramikFilm__inner{max-width:var(--sk-ser-max);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.75rem,5vw,4.5rem);align-items:center}.SkSeramikFilm__kicker{margin:0 0 1rem;font-family:var(--heading-font-family);font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--sk-ser-ink)}.SkSeramikFilm__title{margin:0 0 1.25rem;font-family:var(--heading-font-family);font-weight:500;font-size:clamp(1.6rem,3.6vw,2.5rem);line-height:1.12;color:var(--sk-ser-ink)}.SkSeramikFilm__para{margin:0 0 1rem;max-width:44ch;font-size:clamp(.95rem,1.4vw,1.06rem);line-height:1.7;color:var(--sk-ser-body)}.SkSeramikFilm__media{display:flex;justify-content:center}.SkSeramikFilm__videoFrame{position:relative;width:100%;max-width:540px;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;background:#e8e5dd;box-shadow:0 24px 60px -30px #0b342880}.SkSeramikFilm__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none}.SkSeramikFilm__videoCaption{position:absolute;left:16px;bottom:16px;z-index:2;padding:7px 12px;font-family:var(--heading-font-family);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:#0b34288c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:999px}.SkSeramik [data-sk-reveal],.SkSeramikFilm [data-sk-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--sk-reveal-delay, 0ms)}.SkSeramik [data-sk-reveal].is-visible,.SkSeramikFilm [data-sk-reveal].is-visible{opacity:1;transform:none}@media screen and (max-width:1007px){.SkSeramikFilm__inner{grid-template-columns:1fr;gap:clamp(1.5rem,5vw,2.5rem);text-align:center}.SkSeramikFilm__para{margin-left:auto;margin-right:auto}.SkSeramikFilm__videoFrame{max-width:420px}}@media screen and (max-width:480px){.SkSeramik__heroImg{height:clamp(220px,58vw,320px)}.SkSeramikFilm__videoFrame{max-width:100%}}@media(prefers-reduced-motion:reduce){.SkSeramik [data-sk-reveal],.SkSeramikFilm [data-sk-reveal]{opacity:1;transform:none;transition:none}.SkSeramik__scroll svg{animation:none}.SkSeramik__heroImg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sk-seramik.css.map */