:root{--color-abyss: #0b1a2e;--color-deep-sea: #1a3a4a;--color-tide-pool: #3a6b7a;--color-seafoam: #7bb8b0;--color-coral: #d97a6a;--color-sand: #e8d9c8;--color-shell: #f5ede4;--color-gold: #c9a96e;--color-silver: #b8c0c8;--surface: var(--color-shell);--on-surface: var(--color-abyss);--surface-dark: var(--color-abyss);--on-surface-dark: var(--color-seafoam);--accent: var(--color-coral);--accent-gold: var(--color-gold);--border-subtle: rgba(11, 26, 46, 0.12);--border-subtle-dark: rgba(123, 184, 176, 0.18);--font-display: "Young Serif", "Iowan Old Style", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);--step-0: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);--step-1: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);--step-2: clamp(1.6rem, 1.4rem + 1vw, 2.2rem);--step-3: clamp(2.1rem, 1.7rem + 2vw, 3.4rem);--step-4: clamp(2.8rem, 2.1rem + 3.5vw, 5.2rem);--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 7rem;--space-2xl: 11rem;--ease-organic: cubic-bezier(0.22, 1, 0.36, 1);--dur-fast: 0.3s;--dur-med: 0.6s;--dur-slow: 1.2s;--content-max: 1240px;--radius-organic: 40% 60% 55% 45% / 50% 45% 55% 50%;--radius-sm: 6px;--z-nav: 100;--z-curtain: 200;--z-modal: 300}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{background:none;border:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}p,h1,h2,h3,h4{overflow-wrap:break-word}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{font-family:var(--font-body);font-size:var(--step-0);color:var(--on-surface);background:var(--surface)}h1,h2,h3,h4,.font-display{font-family:var(--font-display);font-weight:500;line-height:1.1;letter-spacing:-0.01em;color:var(--on-surface)}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}.eyebrow{font-family:var(--font-body);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.14em;color:var(--color-tide-pool);font-weight:600}.lede{font-size:var(--step-1);line-height:1.5;max-width:42ch;color:var(--color-deep-sea)}.rich-text{max-width:60ch}.rich-text p+p{margin-top:1em}a.link-underline{position:relative;display:inline-block}a.link-underline::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(1);transform-origin:left;transition:transform var(--dur-fast) var(--ease-organic)}a.link-underline:hover::after{transform:scaleX(0)}.site-nav{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);mix-blend-mode:difference}.site-nav__logo{font-family:var(--font-display);font-size:var(--step-1);color:var(--color-shell)}.site-nav__links{display:none;gap:var(--space-md)}@media(min-width: 768px){.site-nav__links{display:flex}}.site-nav__link{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;color:var(--color-shell)}.site-nav__link:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.site-nav__toggle{color:var(--color-shell)}@media(min-width: 768px){.site-nav__toggle{display:none}}.nav-toggle{position:fixed;top:var(--space-sm);right:var(--space-md);z-index:200;display:flex;flex-direction:column;gap:6px;padding:8px;background:rgba(0,0,0,0);border:none;cursor:pointer;mix-blend-mode:difference}@media(min-width: 768px){.nav-toggle{display:none}}.nav-toggle__bar{display:block;width:28px;height:2px;background:var(--color-shell);transition:all .3s ease;transform-origin:center}.nav-toggle.is-open .nav-toggle__bar:nth-child(1){transform:rotate(45deg) translate(6px, 6px)}.nav-toggle.is-open .nav-toggle__bar:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.is-open .nav-toggle__bar:nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}.mobile-menu{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.95);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:all .4s ease}@media(min-width: 768px){.mobile-menu{display:none}}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu__nav{display:flex;flex-direction:column;gap:var(--space-sm);text-align:center}.mobile-menu__link{font-family:var(--font-display);font-size:var(--step-3);color:var(--color-shell);transition:opacity .2s ease}.mobile-menu__link:hover{opacity:.7}.mobile-menu__link:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.product-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-sm);padding:var(--space-md) 0;max-width:var(--content-max);margin-inline:auto}@media(min-width: 768px){.product-grid{grid-template-columns:repeat(3, 1fr);gap:var(--space-md)}}.product-card{position:relative;display:block;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-shell)}.product-card__image-wrap{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--color-sand)}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-med) var(--ease-organic)}.product-card__glow{position:absolute;inset:0;background:radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 50%), rgba(123, 184, 176, 0.35), transparent 60%);opacity:0;transition:opacity var(--dur-fast) ease;pointer-events:none}.product-card:hover .product-card__image{transform:scale(1.045)}.product-card:hover .product-card__glow{opacity:1}.product-card__status{position:absolute;top:var(--space-xs);left:var(--space-xs);font-size:var(--step-0);text-transform:uppercase;letter-spacing:.08em;padding:.25em .7em;border-radius:100px;background:rgba(11,26,46,.7);color:var(--color-shell)}.product-card__status--sold{background:rgba(217,122,106,.85)}.product-card__meta{padding:var(--space-xs) .1rem 0}.product-card__title{font-family:var(--font-display);font-size:var(--step-0)}.product-card__price{font-size:var(--step--1);color:var(--color-tide-pool);margin-top:.2em}.product-card__bead-count{font-size:var(--step--1);color:var(--color-gold);margin-top:.3em}.product-card:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-md);max-width:var(--content-max);margin-inline:auto}.filter-bar__pill{font-size:var(--step--1);padding:.5em 1.1em;border:1px solid var(--border-subtle);border-radius:100px;color:var(--color-deep-sea);transition:background var(--dur-fast) var(--ease-organic),color var(--dur-fast) var(--ease-organic),border-color var(--dur-fast) var(--ease-organic)}.filter-bar__pill:hover{border-color:var(--color-tide-pool)}.filter-bar__pill.is-active{background:var(--color-abyss);border-color:var(--color-abyss);color:var(--color-shell)}.filter-bar__pill:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-lg) var(--space-md);background:radial-gradient(120% 100% at 50% 0%, var(--color-deep-sea) 0%, var(--color-abyss) 60%);color:var(--color-shell);overflow:hidden}.hero__texture{position:absolute;inset:0;opacity:.5;pointer-events:none;mix-blend-mode:screen}.hero__eyebrow{color:var(--color-seafoam);margin-bottom:var(--space-sm)}.hero__title{font-size:var(--step-4);max-width:22ch;color:var(--color-gold)}.hero__title .word{display:inline-block;overflow:hidden}.hero__title .word span{display:inline-block;transform:translateY(110%)}.hero__tagline{margin-top:var(--space-sm);max-width:38ch;color:var(--color-sand);font-size:var(--step-1)}.hero__scroll-cue{position:absolute;bottom:var(--space-md);right:var(--space-md);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--color-seafoam);display:flex;align-items:center;gap:var(--space-xs)}.hero__scroll-cue::after{content:"";width:1px;height:32px;background:currentColor;animation:scroll-cue 2s var(--ease-organic) infinite}@keyframes scroll-cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.01%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}.wave-divider{display:block;width:100%;height:auto;color:var(--surface)}.site-footer{background:var(--surface-dark);color:var(--on-surface-dark);padding:var(--space-lg) var(--space-md);margin-top:var(--space-xl)}.site-footer__grid{max-width:var(--content-max);margin-inline:auto;display:grid;gap:var(--space-md)}.site-footer__brand{font-family:var(--font-display);font-size:var(--step-2)}.site-footer__tagline{color:var(--color-sand);margin-top:var(--space-xs)}.site-footer__socials{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.site-footer__social-link{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--color-seafoam)}.site-footer__meta{margin-top:var(--space-lg);font-size:var(--step--1);color:rgba(245,237,228,.5)}.btn{display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.6em;border-radius:100px;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;transition:transform var(--dur-fast) var(--ease-organic),background var(--dur-fast) ease}.btn--primary{background:var(--color-coral);color:var(--color-shell)}.btn--primary:hover{transform:translateY(-2px)}.btn--ghost{border:1px solid currentColor}.product-detail__hero{width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--color-sand)}@media(min-width: 768px){.product-detail__hero{aspect-ratio:16/9}}.product-detail__hero img{width:100%;height:100%;object-fit:cover}.product-detail__body{max-width:var(--content-max);margin-inline:auto;padding:var(--space-lg) var(--space-md);display:grid;gap:var(--space-lg)}@media(min-width: 768px){.product-detail__body{grid-template-columns:1.2fr 1fr}}.product-detail__badge{margin-bottom:var(--space-xs)}.product-detail__price{font-size:var(--step-1);color:var(--color-tide-pool);margin:var(--space-sm) 0}.product-detail__materials{color:var(--color-deep-sea);margin-bottom:var(--space-md)}.product-detail__dimensions{font-size:var(--step--1);color:var(--color-tide-pool);margin-top:var(--space-sm)}.product-detail__cta{margin-top:var(--space-md)}.product-detail__thumbs{display:flex;gap:var(--space-xs);margin-top:var(--space-md);overflow-x:auto}.product-detail__thumb{width:84px;height:84px;flex:none;border-radius:var(--radius-sm);overflow:hidden}.product-detail__thumb img{width:100%;height:100%;object-fit:cover}.product-detail__related{max-width:var(--content-max);margin-inline:auto;padding:0 var(--space-md) var(--space-xl)}main{display:block}.section{padding:var(--space-2xl) var(--space-md) 0}.section--tight{padding:var(--space-2xl) var(--space-md) 0}.section__inner{max-width:var(--content-max);margin-inline:auto}.section__header{max-width:60ch;margin-bottom:var(--space-md)}.curtain{position:fixed;inset:0;z-index:200;background:var(--color-abyss);transform:translateY(101%);pointer-events:none}
