:root{color-scheme: light;--pink-500: #ec008c;--pink-600: #c4006f;--pink-100: #ffd9ee;--choc-900: #3a1f14;--choc-700: #5c3420;--cone-300: #f2c98a;--cone-100: #fbe9cb;--cream-50: #fff7ea;--pink-200: #ffb3dc;--yellow-300: #ffd84d;--lime-300: #c9e86a;--blue-300: #8fd0ff;--orange-300: #f8ae38;--purple-200: #cbb8ff;--pink-ink: #ec008c;--green-ink: #4a9a1c;--blue-ink: #1a7fd4;--orange-ink: #f58220;--purple-ink: #8b5cf6;--purple-deep: #5b21b6;--bg: var(--cream-50);--surface: #ffffff;--text: var(--choc-900);--text-muted: #6b4a3a;--accent: var(--pink-500);--accent-text: var(--pink-600);--on-accent: #ffffff;--border: rgba(58,31,20,0.14);--focus: #2563eb;--font-display: "Bricolage Grotesque",system-ui,sans-serif;--font-body: "Bricolage Grotesque",system-ui,sans-serif;--font-script: "Caveat","Comic Sans MS",cursive;--s1: 4px;--s2: 8px;--s3: 16px;--s4: 24px;--s5: 32px;--s6: 48px;--s7: 64px;--s8: 96px;--radius-sm: 12px;--radius: 24px;--radius-lg: 40px;--shadow-sm: 0 2px 6px rgba(58,31,20,0.08);--shadow: 0 14px 36px -12px rgba(58,31,20,0.28);--ease-out: cubic-bezier(0.22,1,0.36,1);--spring: cubic-bezier(0.34,1.56,0.64,1);--dur-fast: 160ms;--dur: 280ms;--z-float: 1;--z-content: 2;--z-header: 40;--z-dialog: 100;--header-h: 84px}*,*::before,*::after{box-sizing: border-box}[hidden]{display: none !important}html{scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 16px);-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--bg);color: var(--text);font-family: var(--font-body);font-size: 1.0625rem;line-height: 1.6;overflow-x: hidden}img{max-width: 100%;height: auto;display: block}a{color: inherit}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer}h1,h2,h3{text-wrap: balance}p{text-wrap: pretty}:focus-visible{outline: 3px solid var(--focus);outline-offset: 3px;border-radius: 6px}.container{width: min(1200px,100% - 32px);margin-inline: auto}.section{padding-block: clamp(64px,9vw,120px);position: relative}.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: absolute;left: 16px;top: -60px;z-index: 1000;background: var(--text);color: #fff;padding: 10px 16px;border-radius: 999px;text-decoration: none}.skip-link:focus{top: 12px}.icon{width: 1.15em;height: 1.15em;flex: none}.display{font-family: var(--font-display);font-weight: 800;font-size: clamp(3.1rem,11.5vw,9.4rem);line-height: 0.92;letter-spacing: -0.035em;margin: 0}.display span{display: block}.line-dark{color: var(--text)}.line-pink{color: var(--accent);text-shadow: 0 6px 0 var(--pink-100)}.h2{font-family: var(--font-display);font-weight: 800;font-size: clamp(2.3rem,5.6vw,4.4rem);line-height: 0.98;letter-spacing: -0.03em;margin: 0 0 var(--s4)}.h3{font-family: var(--font-display);font-weight: 800;font-size: clamp(1.7rem,3vw,2.4rem);line-height: 1.05;letter-spacing: -0.02em;margin: 0 0 var(--s3)}.hue{color: var(--hue,var(--pink-ink))}.kicker{display: inline-block;padding: 5px 14px;border-radius: 999px;background: var(--chip,var(--pink-200));color: var(--text);font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;margin: 0 0 var(--s3)}.about{--hue: var(--green-ink);--chip: var(--lime-300)}.products{--hue: var(--blue-ink);--chip: var(--yellow-300)}.process{--hue: var(--orange-ink);--chip: var(--blue-300)}.facts{--hue: var(--purple-deep);--chip: var(--purple-200)}.contact{--hue: var(--pink-ink);--chip: var(--yellow-300)}.pd-copy{--chip: var(--purple-200)}.script{font-family: var(--font-script);font-weight: 700}.eyebrow{font-family: var(--font-script);font-size: clamp(1.4rem,2.4vw,1.9rem);color: var(--accent-text);margin: 0 0 var(--s2)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 12px;min-height: 52px;padding: 0 26px;border-radius: 999px;border: 2px solid transparent;font-weight: 700;font-size: 1rem;text-decoration: none;white-space: nowrap;transition: transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast),box-shadow var(--dur-fast);touch-action: manipulation}.btn:hover{transform: translateY(-2px)}.btn:active{transform: scale(0.97)}.btn-primary{background: var(--accent);color: var(--on-accent);box-shadow: 0 6px 0 var(--pink-600)}.btn-primary:hover{box-shadow: 0 8px 0 var(--pink-600)}.btn-primary:active{box-shadow: 0 2px 0 var(--pink-600)}.btn-dark{background: var(--text);color: var(--cream-50)}.btn-dark:hover{background: var(--choc-700)}.btn-ghost{background: transparent;border-color: var(--text);color: var(--text)}.btn-ghost:hover{background: var(--text);color: var(--cream-50)}.btn-block{width: 100%}.icon-btn{display: inline-grid;place-items: center;width: 48px;height: 48px;border-radius: 50%;border: 2px solid var(--text);background: transparent;color: var(--text);transition: background-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}.icon-btn:hover{background: var(--text);color: var(--cream-50)}.icon-btn:active{transform: scale(0.94)}.site-header{position: sticky;top: 0;z-index: var(--z-header);background: transparent;border-bottom: 1px solid transparent;transition: background-color var(--dur),border-color var(--dur),box-shadow var(--dur)}.site-header.is-scrolled{background: color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter: saturate(1.4) blur(10px);border-color: var(--border);box-shadow: var(--shadow-sm)}.header-inner{display: flex;align-items: center;gap: var(--s4);height: var(--header-h)}.brand{transition: opacity var(--dur),transform var(--dur) var(--ease-out)}.brand img{width: auto;height: 64px}.site-header:not(.is-scrolled) .brand{opacity: 0;transform: translateY(-8px);pointer-events: none}.nav{margin-left: auto}.nav-list{display: flex;gap: 4px;list-style: none;margin: 0;padding: 0}.nav-list a{display: inline-flex;align-items: center;min-height: 44px;padding: 0 14px;border-radius: 999px;text-decoration: none;font-weight: 600;font-size: 0.975rem;transition: background-color var(--dur-fast),color var(--dur-fast)}.nav-list a:hover{background: var(--pink-100)}.nav-list a[aria-current="true"]{background: var(--text);color: var(--cream-50)}.site-header:not(.is-scrolled) .nav-list a:hover{background: rgba(255,255,255,0.45)}.nav-toggle{display: none}.header-cta{min-height: 46px;padding: 0 20px}@media (max-width: 960px){.header-cta{display: none}.nav-toggle{display: inline-grid;place-items: center;width: 48px;height: 48px;border-radius: 50%;border: 2px solid var(--text);background: rgba(255,255,255,0.5)}.nav-list{position: absolute;left: 16px;right: 16px;top: calc(var(--header-h) - 6px);flex-direction: column;padding: 12px;background: var(--surface);border-radius: var(--radius);box-shadow: var(--shadow);border: 1px solid var(--border);opacity: 0;transform: translateY(-8px);pointer-events: none;visibility: hidden;transition: opacity var(--dur-fast),transform var(--dur-fast) var(--ease-out),visibility 0s linear var(--dur-fast)}.nav-list.is-open{opacity: 1;transform: none;pointer-events: auto;visibility: visible;transition-delay: 0s}.nav-list a{width: 100%;min-height: 48px;font-size: 1.05rem}.site-header:not(.is-scrolled) .nav-list a:hover{background: var(--pink-100)}}.hero{--sky-1: #bfe9ff;--sky-2: #5cc8ff;--sky-3: #1ea7fd;--sky-4: #0b84e3;position: relative;overflow: hidden;isolation: isolate;margin-top: calc(-1 * var(--header-h));--certs-h: 118px;padding: calc(var(--header-h) + 4px) 0 88px;min-height: calc(100dvh - var(--certs-h));display: grid;align-items: center;background: radial-gradient(ellipse 60% 55% at 50% 38%,var(--sky-1) 0%,var(--sky-2) 38%,transparent 72%),radial-gradient(ellipse 120% 90% at 50% 40%,var(--sky-3) 30%,var(--sky-4) 100%)}.sprinkle-rain{position: absolute;inset: 0;width: 100%;height: 100%;z-index: 0;pointer-events: none}.hero-inner{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0,1fr);justify-items: center;text-align: center}.hero-logo-wrap{position: relative;width: min(760px,100%,max(300px,(100dvh - var(--certs-h) - var(--header-h) - 195px) * 1.4));aspect-ratio: 1100 / 785;perspective: 1000px;transform: rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style: preserve-3d;transition: transform 500ms var(--ease-out);animation: logo-in 1100ms var(--spring) backwards}.hero-logo{position: relative;width: 100%;height: 100%;object-fit: contain;filter: drop-shadow(0 26px 30px rgba(10,60,120,0.35));animation: logo-float 7s ease-in-out 1100ms infinite}.hero-logo-halo{position: absolute;inset: 8% 4%;border-radius: 50%;background: radial-gradient(closest-side,rgba(255,255,255,0.75),rgba(255,255,255,0) 100%);animation: halo 5s ease-in-out infinite}.hero-logo-shine{position: absolute;inset: 0;pointer-events: none;background: linear-gradient(105deg,transparent 38%,rgba(255,255,255,0.7) 50%,transparent 62%) no-repeat;background-size: 260% 100%;background-position: 150% 0;-webkit-mask: url("../assets/img/tss-logo.png?v=20261023b") center / contain no-repeat;mask: url("../assets/img/tss-logo.png?v=20261023b") center / contain no-repeat;mix-blend-mode: soft-light;animation: shine 7s ease-in-out 1200ms infinite,logo-float 7s ease-in-out 1100ms infinite}@keyframes logo-in{from{opacity: 0;transform: translateY(40px) scale(0.6) rotate(-10deg);filter: blur(14px)}60%{opacity: 1;filter: blur(0)}to{opacity: 1;transform: none;filter: none}}@keyframes logo-float{0%,100%{translate: 0 0;rotate: 0deg}50%{translate: 0 -14px;rotate: -1.2deg}}@keyframes halo{0%,100%{opacity: 0.7;scale: 1}50%{opacity: 1;scale: 1.06}}@keyframes shine{0%{background-position: 150% 0}22%,100%{background-position: -60% 0}}.hero-actions{margin-top: clamp(16px,3vw,32px);display: flex;gap: var(--s3);flex-wrap: wrap;justify-content: center;animation: rise 800ms var(--ease-out) 750ms both}.btn-light{background: #fff;color: var(--text);border-color: var(--text)}.btn-light:hover{background: var(--cream-50)}@keyframes rise{from{opacity: 0;transform: translateY(18px)}}.scroll-down{position: absolute;right: max(16px,calc((100% - 1200px) / 2));bottom: 64px;z-index: 2;display: grid;place-items: center;width: 52px;height: 52px;border-radius: 50%;border: 2px solid var(--text);color: var(--text);background: rgba(255,255,255,0.7);transition: transform var(--dur-fast) var(--ease-out)}.scroll-down:hover{transform: translateY(3px)}.wave{position: absolute;left: 0;width: 100%;height: 48px;display: block;z-index: 1}.wave-bottom{bottom: -1px;fill: var(--accent)}.wave-top{top: -1px;fill: var(--bg)}@media (max-width: 760px){.hero{min-height: 0;padding-bottom: 120px}.hero-actions .btn{flex: 1 1 auto}.scroll-down{display: none}}.certs{background: var(--accent);color: #fff;padding: 18px 0 28px}.cert-list{list-style: none;margin: 0 auto;padding: 0;display: grid;grid-template-columns: repeat(4,max-content);justify-content: space-between;gap: 16px 28px}.cert-list li{display: flex;align-items: center;gap: 10px;font-weight: 700;font-size: 1.175rem;line-height: 1.25;white-space: nowrap}@media (max-width: 1100px){.cert-list{grid-template-columns: repeat(2,max-content);justify-content: space-evenly}}@media (max-width: 560px){.cert-list{grid-template-columns: max-content;justify-content: center;gap: 14px}.cert-list li{font-size: 1.05rem}}.cert-list .icon{color: #fff;width: 26px;height: 26px}.about{padding-bottom: 0}.about-grid{display: grid;grid-template-columns: 1.1fr 1fr;gap: clamp(32px,6vw,80px);align-items: center}.about-copy p:not(.kicker){max-width: 60ch;color: var(--text)}.stat-grid{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: 1fr 1fr;gap: var(--s3)}.stat{border-radius: var(--radius);padding: 18px 20px;min-height: 140px;display: flex;flex-direction: column;justify-content: flex-start;border: 2px solid var(--text)}.stat:nth-child(odd){transform: rotate(-2deg)}.stat:nth-child(even){transform: rotate(2deg) translateY(18px)}.stat strong{font-family: var(--font-display);font-weight: 800;font-size: clamp(1.7rem,3.2vw,2.4rem);line-height: 1;letter-spacing: -0.02em}.stat span{font-weight: 500;font-size: 0.95rem;margin-top: 6px;line-height: 1.35}.stat-pink{background: var(--pink-200)}.stat-lime{background: var(--lime-300)}.stat-purple{background: var(--purple-200)}.stat-orange{background: var(--orange-300)}.stat-blue{background: var(--blue-300)}.stat-yellow{background: var(--yellow-300)}.stat-long strong{font-size: clamp(1.45rem,2.6vw,1.95rem)}.color-strip{margin-top: clamp(64px,9vw,110px);overflow: hidden;padding-block: 24px 72px}.color-strip-track{display: flex;gap: 20px;width: max-content;animation: marquee 50s linear infinite}.color-strip img{width: 120px;height: 120px;border-radius: 50%;object-fit: cover;border: 4px solid #fff;box-shadow: var(--shadow-sm)}.color-strip:hover .color-strip-track{animation-play-state: paused}@keyframes marquee{to{transform: translateX(-50%)}}@media (max-width: 860px){.about-grid{grid-template-columns: 1fr}.stat{min-height: 112px}.color-strip img{width: 84px;height: 84px}}.products{background: var(--pink-100);padding-top: clamp(96px,11vw,140px)}.section-head{display: flex;justify-content: space-between;align-items: flex-end;gap: var(--s5);flex-wrap: wrap;margin-bottom: var(--s5)}.section-note{max-width: 36ch;margin: 0 0 var(--s4);font-weight: 500}.filters{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-bottom: var(--s5)}.chip{min-height: 40px;padding: 0 18px;border-radius: 999px;border: 2px solid var(--text);background: var(--surface);font-weight: 700;font-size: 0.9rem;transition: background-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}.chip:hover{transform: translateY(-2px)}.chip.is-active{background: var(--purple-200)}.product-grid{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: clamp(32px,4vw,48px) clamp(20px,3vw,32px)}.product{position: relative;display: flex;flex-direction: column}.product[hidden]{display: none}.product:nth-child(even){margin-top: 36px}.product-arch{position: relative;aspect-ratio: 4 / 4.6;border-radius: 999px 999px var(--radius) var(--radius);background: var(--tone);border: 2px solid var(--text);display: grid;place-items: center;overflow: visible;transform: rotate(var(--tilt,-2deg));transition: transform var(--dur) var(--spring)}.product:hover .product-arch{transform: rotate(0deg) translateY(-6px)}.product-arch img{width: 76%;aspect-ratio: 1;border-radius: 50%;object-fit: cover;border: 6px solid #fff;box-shadow: 0 22px 30px -16px rgba(58,31,20,0.55);transition: transform 500ms var(--spring)}.product:hover .product-arch img{transform: rotate(14deg) scale(1.04)}.product-meta{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;margin-top: var(--s4)}.product h3{font-family: var(--font-display);font-weight: 800;font-size: 1.2rem;line-height: 1.1;white-space: nowrap;margin: 0;letter-spacing: -0.015em}.product p{margin: 4px 0 0;font-size: 0.85rem;font-weight: 700;color: var(--text)}.product-btn{flex: none;display: inline-grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: var(--text);color: var(--cream-50);border: 0;transition: background-color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}.product-btn:hover{background: var(--accent);transform: rotate(45deg)}.product-btn::after{content: "";position: absolute;inset: 0}@media (max-width: 600px){.product:nth-child(even){margin-top: 0}.product-grid{grid-template-columns: 1fr 1fr;gap: 28px 14px}.product h3{font-size: 1rem}.product p{font-size: 0.78rem;line-height: 1.3}.product-btn{width: 38px;height: 38px}}.process{background: var(--bg)}.process .container{width: min(1320px,100% - 32px)}.process-grid{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(4,1fr);gap: var(--s4);counter-reset: step}.step{background: var(--surface);border: 2px solid var(--text);border-radius: var(--radius);overflow: hidden;display: flex;flex-direction: column}.step-media{position: relative;aspect-ratio: 16 / 10;background: var(--tone,var(--cone-300));border-bottom: 2px solid var(--text)}.step-media video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;background: #000}.step-placeholder{position: absolute;inset: 0;display: grid;place-items: center;text-align: center;padding: 16px;background-image: radial-gradient(rgba(58,31,20,.14) 1.6px,transparent 1.6px);background-size: 18px 18px}.step-placeholder span:first-child{display: grid;place-items: center;width: 64px;height: 64px;border-radius: 50%;background: var(--text);color: var(--cream-50);margin: 0 auto 10px;opacity: .9}.step-placeholder .icon{width: 26px;height: 26px;margin-left: 3px}.step-placeholder small{font-weight: 700;font-size: 0.8rem;letter-spacing: 0.12em;text-transform: uppercase}.step-body{padding: 26px}.step-num{display: inline-grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: var(--tone,var(--pink-200));color: var(--text);border: 2px solid var(--text);font-weight: 800;margin-bottom: 12px;font-variant-numeric: tabular-nums}.step h3{font-family: var(--font-display);font-weight: 800;font-size: 1.43rem;margin: 0 0 6px;line-height: 1.15}.step p{margin: 0;color: var(--text-muted);font-size: 1.07rem}@media (max-width: 960px){.process-grid{grid-template-columns: 1fr 1fr}}@media (max-width: 600px){.process-grid{grid-template-columns: 1fr}}.facts{background: var(--blue-300)}.fact-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--s5);margin-top: var(--s4)}.fact{position: relative;border-radius: var(--radius-lg);border: 2px solid var(--text);padding: clamp(28px,4vw,48px);box-shadow: 8px 8px 0 var(--text)}.fact-pink{background: var(--orange-300);transform: rotate(-1.5deg)}.fact-yellow{background: var(--lime-300);transform: rotate(1.5deg)}.fact-tag{display: inline-block;font-family: var(--font-script);font-size: 1.4rem;background: #fff;color: var(--text);border: 2px solid var(--text);padding: 2px 14px;border-radius: 999px;margin-bottom: var(--s3);transform: rotate(-4deg)}.fact h3{font-family: var(--font-display);font-weight: 800;font-size: clamp(1.8rem,3.6vw,2.8rem);line-height: 1;letter-spacing: -0.02em;margin: 0 0 var(--s3)}.fact p{margin: 0;font-size: 1.1rem;font-weight: 500}@media (max-width: 760px){.fact-grid{grid-template-columns: 1fr}}.contact-grid{display: grid;grid-template-columns: 1fr 1.15fr;gap: clamp(32px,6vw,80px);align-items: start}.contact-info>p:not(.kicker){max-width: 44ch}.contact-links{list-style: none;padding: 0;margin: var(--s5) 0 0;display: grid;gap: var(--s3)}.contact-links a{display: flex;align-items: center;gap: var(--s3);text-decoration: none;font-weight: 700;font-size: 1.1rem;padding: 12px;border-radius: var(--radius);transition: background-color var(--dur-fast);overflow-wrap: anywhere}.contact-links a:hover{background: var(--pink-100)}.contact-links small{display: block;font-size: 0.8rem;font-weight: 500;color: var(--text-muted)}.ci{display: grid;place-items: center;flex: none;width: 52px;height: 52px;border-radius: 50%;background: var(--blue-300);color: var(--text);border: 2px solid var(--text)}.contact-links li:nth-child(2) .ci{background: var(--yellow-300)}.contact-form{background: var(--surface);border: 2px solid var(--text);border-radius: var(--radius-lg);padding: clamp(20px,3vw,28px);box-shadow: 10px 10px 0 var(--purple-200)}.field-row{display: grid;grid-template-columns: 1fr 1fr;gap: 0 var(--s3)}.field{margin-bottom: 12px;min-width: 0}.field label{display: block;font-weight: 700;font-size: 0.95rem;margin-bottom: 6px}.req{color: var(--accent-text)}.field input,.field select,.field textarea{width: 100%;min-height: 44px;padding: 9px 14px;border-radius: var(--radius-sm);border: 2px solid var(--border);background: var(--bg);font-size: 1rem;transition: border-color var(--dur-fast),box-shadow var(--dur-fast)}.field textarea{resize: vertical;min-height: 80px}.field input:focus,.field select:focus,.field textarea:focus{outline: none;border-color: var(--text);box-shadow: 0 0 0 4px var(--pink-100)}.field [aria-invalid="true"]{border-color: #b42318}.field-hint{margin: 6px 0 0;font-size: 0.875rem;color: var(--text-muted)}.field-error{margin: 6px 0 0;font-size: 0.875rem;color: #b42318;font-weight: 600}.field-error:empty{display: none}.error-summary{border: 2px solid #b42318;background: #fef3f2;color: #7a1a12;border-radius: var(--radius-sm);padding: 12px 16px;margin-bottom: var(--s4)}.error-summary p{margin: 0 0 4px}.error-summary ul{margin: 0;padding-left: 20px}.error-summary a{color: inherit}.form-note{text-align: center;font-size: 0.875rem;color: var(--text-muted);margin: 14px 0 0}.form-note.is-success{color: #166534;font-weight: 700}.form-note.is-error{color: #b42318;font-weight: 700}.btn[disabled]{opacity: 0.6;cursor: progress;transform: none}.hp-field{position: absolute !important;left: -9999px;width: 1px;height: 1px;overflow: hidden}@media (max-width: 860px){.contact-grid{grid-template-columns: 1fr}}@media (max-width: 520px){.field-row{grid-template-columns: 1fr}}.site-footer{background: var(--text);color: var(--cream-50);padding: var(--s7) 0 var(--s5);position: relative}.footer-inner{display: grid;justify-items: center;gap: var(--s4);text-align: center}.footer-logo{width: 190px;height: auto;background: var(--cream-50);border-radius: var(--radius);padding: 12px 18px}.footer-nav{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 4px 8px}.footer-nav a{display: inline-flex;align-items: center;min-height: 44px;padding: 0 12px;text-decoration: none;font-weight: 500;border-radius: 999px}.footer-nav a:hover{background: rgba(255,255,255,.12)}.copyright{font-size: 0.85rem;opacity: .8;margin: 0}.site-footer :focus-visible{outline-color: var(--yellow-300)}.product-dialog{width: min(1000px,calc(100% - 32px));max-height: calc(100dvh - 32px);padding: 0;border: 2px solid var(--text);border-radius: var(--radius-lg);background: var(--bg);color: var(--text);box-shadow: var(--shadow);overflow: hidden}.pd-scroll{max-height: calc(100dvh - 36px);overflow-y: auto;overscroll-behavior: contain}.product-dialog::backdrop{background: rgba(58,31,20,0.55);backdrop-filter: blur(3px)}.product-dialog[open]{animation: pop 320ms var(--spring)}@keyframes pop{from{opacity: 0;transform: scale(0.94) translateY(12px)}}.dialog-close{position: absolute;top: 14px;right: 14px;background: var(--bg);z-index: 1}.pd-body{display: grid;grid-template-columns: 1fr 1fr}.pd-media{background: var(--tone,var(--pink-100));display: grid;place-items: center;align-content: center;gap: var(--s3);padding: var(--s5);border-right: 2px solid var(--text)}.pd-media img{width: 100%;max-width: 320px;aspect-ratio: 1;border-radius: 50%;object-fit: cover;border: 6px solid #fff;box-shadow: var(--shadow)}.pd-showing{margin: 0;padding: 4px 14px;border-radius: 999px;background: #fff;border: 2px solid var(--text);font-weight: 700;font-size: 0.9rem}.pd-showing:empty{display: none}.pd-copy{padding: var(--s6) var(--s5) var(--s5)}.pd-tags{list-style: none;padding: 0;margin: var(--s3) 0 0;display: flex;flex-wrap: wrap;gap: 8px}.pd-tags li{font-size: 0.8rem;font-weight: 700;padding: 4px 12px;border-radius: 999px;background: var(--surface);border: 1.5px solid var(--border)}.pd-colors,.pd-shapes{border-top: 2px solid var(--text);padding: var(--s5)}.pd-colors-note{margin: calc(-1 * var(--s3)) 0 var(--s4);font-size: 0.95rem;font-weight: 600;font-style: italic;color: var(--text-muted)}.shape-chips{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px}.shape-chips li{padding: 4px 11px;border-radius: 999px;border: 1.5px solid var(--text);font-weight: 700;font-size: 0.8rem;background: var(--pink-200)}.shape-chips li:nth-child(6n+2){background: var(--lime-300)}.shape-chips li:nth-child(6n+3){background: var(--blue-300)}.shape-chips li:nth-child(6n+4){background: var(--yellow-300)}.shape-chips li:nth-child(6n+5){background: var(--orange-300)}.shape-chips li:nth-child(6n+6){background: var(--purple-200)}.pd-colors-title{font-family: var(--font-display);font-weight: 800;font-size: 1.4rem;margin: 0 0 var(--s4)}.pd-colors-title span{font-family: var(--font-body);font-size: 0.95rem;font-weight: 700;color: var(--text-muted)}.swatch-grid{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(112px,1fr));gap: var(--s4) var(--s3)}.swatch{width: 100%;display: grid;justify-items: center;gap: 8px;padding: 6px 4px;border: 0;background: none;border-radius: var(--radius-sm);text-align: center;color: var(--text)}.swatch img{width: 88px;height: 88px;border-radius: 50%;object-fit: cover;border: 4px solid #fff;box-shadow: 0 0 0 2px var(--border),var(--shadow-sm);transition: transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast)}.swatch:hover img{transform: scale(1.06)}.swatch[aria-pressed="true"] img{box-shadow: 0 0 0 3px var(--text),var(--shadow-sm)}.swatch-name{font-weight: 700;font-size: 0.9rem;line-height: 1.2}@media (max-width: 700px){.pd-body{grid-template-columns: 1fr}.pd-media{border-right: 0;border-bottom: 2px solid var(--text);padding: var(--s4)}.pd-media img{max-width: 180px}.pd-copy{padding: var(--s4)}.pd-colors,.pd-shapes{padding: var(--s4)}.shape-chips{gap: 6px}.shape-chips li{font-size: 0.78rem;padding: 3px 10px}.swatch-grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s3) 8px}.swatch img{width: 72px;height: 72px}.swatch-name{font-size: 0.82rem}}.reveal{opacity: 0;transform: translateY(24px);transition: opacity 600ms var(--ease-out),transform 600ms var(--ease-out)}.reveal.is-visible{opacity: 1;transform: none}.stat-grid.reveal.is-visible{transform: none}.fact-pink.reveal.is-visible{transform: rotate(-1.5deg)}.fact-yellow.reveal.is-visible{transform: rotate(1.5deg)}.no-js .reveal{opacity: 1;transform: none}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation: none !important;transition-duration: 1ms !important}.reveal{opacity: 1;transform: none}}@media (max-width: 480px){.contact-links a{font-size: 1rem;gap: 12px;padding: 10px 4px}.contact-links a>span:last-child{white-space: nowrap}.ci{width: 48px;height: 48px}}@media (min-width: 701px){.product-dialog{width: min(1080px,calc(100% - 32px))}.pd-body{grid-template-columns: 300px 1fr}.pd-media{padding: 20px}.pd-media img{max-width: 230px}.pd-copy{padding: 26px 64px 20px 30px}.pd-copy .kicker{margin-bottom: 10px}.pd-copy h2{font-size: 1.9rem;margin-bottom: 8px}.pd-copy [data-pd-desc]{margin: 0}.pd-tags{margin-top: 12px;gap: 6px}.pd-tags li{font-size: 0.8rem;padding: 4px 11px}.pd-colors,.pd-shapes{padding: 16px 30px}.pd-colors-title{font-size: 1.35rem;margin: 0 0 10px}.pd-colors-note{margin: -6px 0 12px;font-size: 0.95rem}.shape-chips li{font-size: 0.78rem;padding: 3px 10px}.swatch-grid{grid-template-columns: repeat(auto-fill,minmax(88px,1fr));gap: 10px 6px}.swatch{padding: 2px;gap: 6px}.swatch img{width: 62px;height: 62px;border-width: 3px}.swatch-name{font-size: 0.85rem}}@media (min-width: 701px) and (max-height: 760px){.filters{margin-bottom: 20px}.pd-media img{max-width: 190px}.pd-copy{padding-top: 20px;padding-bottom: 16px}.pd-copy h2{font-size: 1.65rem}.pd-colors,.pd-shapes{padding: 12px 30px}.pd-colors-title{font-size: 1.2rem;margin-bottom: 8px}.swatch-grid{grid-template-columns: repeat(auto-fill,minmax(80px,1fr));gap: 6px 4px}.swatch img{width: 52px;height: 52px}.swatch-name{font-size: 0.82rem}}.field label{margin-bottom: 4px}.contact-form .btn{min-height: 48px}.form-note{margin-top: 10px}