:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);--text-hero: clamp(3rem, .5rem + 7vw, 7rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--color-navy: #071E30;--color-navy-mid: #0A2A42;--color-teal: #0E9B8A;--color-teal-light: #12B8A4;--color-sand: #F2EEE7;--color-cream: #FAFCFD;--color-gold: #D4A843;--color-bg: var(--color-sand);--color-surface: var(--color-cream);--color-surface-2: #FFFFFF;--color-surface-offset: #EDE9E2;--color-border: #D5D0C8;--color-divider: #E0DBD3;--color-text: #0D1B2A;--color-text-muted: #52636E;--color-text-faint: #94A3AE;--color-text-inverse: #F9FBFC;--color-primary: var(--color-teal);--color-primary-hover: #0B7C6E;--color-primary-active: #085C52;--color-primary-highlight: #C9EFEA;--color-accent: var(--color-gold);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px oklch(.12 .03 220 / .08);--shadow-md: 0 4px 16px oklch(.12 .03 220 / .12);--shadow-lg: 0 12px 40px oklch(.12 .03 220 / .18);--shadow-xl: 0 24px 64px oklch(.12 .03 220 / .24);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1);--content-narrow: 640px;--content-default: 960px;--content-wide: 1200px;--font-display: "Boska", "Georgia", serif;--font-body: "General Sans", "Inter", sans-serif;--nav-h: 72px}[data-theme=dark]{--color-bg: #0B1820;--color-surface: #0F2030;--color-surface-2: #132535;--color-surface-offset: #0D1E2C;--color-border: #1E3347;--color-divider: #192C3D;--color-text: #D8E8F0;--color-text-muted: #7A9BAD;--color-text-faint: #3F5A6A;--color-text-inverse: #0B1820;--color-primary: #14C4B0;--color-primary-hover: #0EA898;--color-primary-active: #0A8C7F;--color-primary-highlight: #0D3E38;--shadow-sm: 0 1px 3px oklch(0 0 0 / .25);--shadow-md: 0 4px 16px oklch(0 0 0 / .35);--shadow-lg: 0 12px 40px oklch(0 0 0 / .5)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg: #0B1820;--color-surface: #0F2030;--color-surface-2: #132535;--color-surface-offset: #0D1E2C;--color-border: #1E3347;--color-divider: #192C3D;--color-text: #D8E8F0;--color-text-muted: #7A9BAD;--color-text-faint: #3F5A6A;--color-text-inverse: #0B1820;--color-primary: #14C4B0;--color-primary-hover: #0EA898;--color-primary-active: #0A8C7F;--color-primary-highlight: #0D3E38;--shadow-sm: 0 1px 3px oklch(0 0 0 / .25);--shadow-md: 0 4px 16px oklch(0 0 0 / .35);--shadow-lg: 0 12px 40px oklch(0 0 0 / .5)}}.ocean-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:linear-gradient(160deg,#071e30,#0a3048 40%,#0b3d50,#082840);pointer-events:none}.ocean-bg .wave-layer{position:absolute;bottom:0;left:0;width:200%;max-width:none;height:320px;display:block;transform-origin:center bottom;opacity:.06;will-change:transform;animation:wave-flow linear infinite}.ocean-bg .wave-layer:nth-child(1){animation:wave-flow 8s linear infinite,wave-breathe 8s ease-in-out infinite;bottom:-5%;opacity:.2}.ocean-bg .wave-layer:nth-child(2){animation:wave-flow-rev 12s linear infinite,wave-breathe 12s ease-in-out infinite;animation-delay:-4s,-3s;bottom:-8%;opacity:.15}.ocean-bg .wave-layer:nth-child(3){animation:wave-flow 6s linear infinite,wave-breathe 6s ease-in-out infinite;animation-delay:-3s,-1s;bottom:-12%;opacity:.12}@keyframes wave-flow{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes wave-flow-rev{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes wave-breathe{0%{scale:1 1}50%{scale:1 1.08}to{scale:1 1}}@media(prefers-reduced-motion:reduce){.ocean-bg .wave-layer{animation:none!important}}@keyframes bg-breathe{0%{background:linear-gradient(160deg,#071e30,#0a3048 40%,#0b3d50,#082840)}33%{background:linear-gradient(185deg,#071e30,#0b3a56 35%,#0e4a5e 65%,#082840)}66%{background:linear-gradient(145deg,#071e30,#093040 40%,#0d4050,#071e30)}to{background:linear-gradient(160deg,#071e30,#0a3048 40%,#0b3d50,#082840)}}.ocean-bg{animation:bg-breathe 20s ease-in-out infinite}.ocean-bg .particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(14,155,138,.35) 0%,transparent 70%);animation:float-particle ease-in-out infinite alternate}@keyframes float-particle{0%{transform:translateY(0) scale(1);opacity:.4}to{transform:translateY(-30px) scale(1.1);opacity:.7}}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;padding:0 clamp(var(--space-4),4vw,var(--space-16));transition:background .35s var(--ease-out),box-shadow .35s var(--ease-out),backdrop-filter .35s var(--ease-out);animation:nav-drop .7s var(--ease-out) both}@keyframes nav-drop{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.site-nav.scrolled{background:oklch(from #071E30 l c h / .96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px #ffffff0f,var(--shadow-sm)}.nav-inner{width:100%;max-width:var(--content-wide);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.nav-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.nav-logo{height:44px;width:auto}.nav-wordmark{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.02em}.nav-wordmark span{display:block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--color-teal);letter-spacing:.12em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:var(--space-8);list-style:none}.nav-links a{font-size:var(--text-sm);font-weight:500;color:#ffffffc7;text-decoration:none;letter-spacing:.03em;position:relative;padding-bottom:2px;transition:color var(--transition-interactive)}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-teal);border-radius:1px;transition:width .25s var(--ease-out)}.nav-links a:hover{color:#fff}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:#fff}.nav-cta{flex-shrink:0}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:var(--space-2);background:none;border:none}.nav-hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .28s var(--ease-out),opacity .2s}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:flex;position:fixed;top:var(--nav-h);left:0;right:0;background:oklch(from #071E30 l c h / .97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-6) clamp(var(--space-4),4vw,var(--space-8));z-index:99;flex-direction:column;gap:var(--space-4);border-top:1px solid rgba(255,255,255,.06);box-shadow:0 24px 40px -20px #0000008c;transform-origin:top center;transform:translateY(-12px) scaleY(.96);opacity:0;visibility:hidden;pointer-events:none;transition:transform .34s var(--ease-out),opacity .26s var(--ease-out),visibility 0s linear .34s}.nav-mobile.open{transform:translateY(0) scaleY(1);opacity:1;visibility:visible;pointer-events:auto;transition:transform .42s var(--ease-out),opacity .3s var(--ease-out),visibility 0s linear 0s}.nav-mobile a{font-size:var(--text-base);font-weight:500;color:#ffffffd9;text-decoration:none;padding:var(--space-3) 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color var(--transition-interactive),transform .35s var(--ease-out),opacity .35s var(--ease-out);transform:translateY(-10px);opacity:0}.nav-mobile a:hover{color:#fff}.nav-mobile.open a{transform:translateY(0);opacity:1}.nav-mobile.open a:nth-child(1){transition-delay:.08s}.nav-mobile.open a:nth-child(2){transition-delay:.14s}.nav-mobile.open a:nth-child(3){transition-delay:.2s}.nav-mobile.open a:nth-child(4){transition-delay:.26s}.nav-mobile.open a:nth-child(5){transition-delay:.32s}@media(prefers-reduced-motion:reduce){.nav-mobile,.nav-mobile.open,.nav-mobile a,.nav-mobile.open a{transition-duration:1ms;transition-delay:0s}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-radius:var(--radius-full);padding:var(--space-3) var(--space-8);cursor:pointer;border:2px solid transparent;transition:background var(--transition-interactive),color var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive),transform var(--transition-interactive);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);transform:translate(-100%);transition:transform .5s var(--ease-out)}.btn:hover:before{transform:translate(100%)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--color-teal);color:#fff;border-color:var(--color-teal)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-outline{background:transparent;color:#fff;border-color:#ffffff80}.btn-outline:hover{background:#ffffff1a;border-color:#ffffffd9}.btn-dark{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.btn-dark:hover{background:var(--color-navy-mid)}.btn-sm{font-size:var(--text-xs);padding:var(--space-2) var(--space-5)}.section{padding-block:clamp(var(--space-16),8vw,var(--space-24))}.section-inner{width:100%;max-width:var(--content-wide);margin:0 auto;padding-inline:clamp(var(--space-4),4vw,var(--space-16))}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-4)}.section-label:before{content:"";display:block;width:24px;height:2px;background:var(--color-primary);border-radius:1px}.section-heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);line-height:1.12;letter-spacing:-.02em;margin-bottom:var(--space-6)}.section-subheading{font-size:var(--text-base);color:var(--color-text-muted);max-width:58ch;margin-bottom:var(--space-12);line-height:1.7}.reveal{opacity:1}html.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--reveal-delay, 0s)}html.js .reveal.in-view{opacity:1;transform:none}.stagger-1{animation-delay:.04s;--reveal-delay: .06s}.stagger-2{animation-delay:.08s;--reveal-delay: .12s}.stagger-3{animation-delay:.12s;--reveal-delay: .18s}.stagger-4{animation-delay:.16s;--reveal-delay: .24s}.stagger-5{animation-delay:.2s;--reveal-delay: .3s}.stagger-6{animation-delay:.24s;--reveal-delay: .36s}@media(prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none;transition:none}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}.scroll-progress{position:fixed;top:0;left:0;z-index:200;width:100%;height:3px;background:linear-gradient(90deg,var(--color-teal) 0%,var(--color-teal-light) 60%,#7BE3D6 100%);transform-origin:left center;transform:scaleX(0);pointer-events:none}.ocean-bg .bubble{position:absolute;bottom:-40px;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.28),rgba(20,196,176,.1) 55%,transparent 72%);border:1px solid rgba(255,255,255,.1);animation:bubble-rise linear infinite;opacity:0}@keyframes bubble-rise{0%{transform:translateY(0) translate(0) scale(.9);opacity:0}8%{opacity:.5}50%{transform:translateY(-45vh) translate(14px) scale(1);opacity:.35}92%{opacity:.15}to{transform:translateY(-92vh) translate(-10px) scale(1.08);opacity:0}}@media(prefers-reduced-motion:reduce){.ocean-bg .bubble{display:none}}.site-footer{background:var(--color-navy);color:#ffffffb3;padding-block:var(--space-16)}.footer-inner{max-width:var(--content-wide);margin:0 auto;padding-inline:clamp(var(--space-4),4vw,var(--space-16));display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--space-12)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo-wrap{display:flex;align-items:center;gap:var(--space-3)}.footer-logo{height:48px;width:auto}.footer-tagline{font-size:var(--text-sm);line-height:1.6;color:#ffffff8c;max-width:28ch}.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.footer-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15);color:#fff9;text-decoration:none;transition:background var(--transition-interactive),border-color var(--transition-interactive),color var(--transition-interactive)}.footer-social a:hover{background:var(--color-teal);border-color:var(--color-teal);color:#fff}.footer-col h4{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;margin-bottom:var(--space-5)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-col ul a{font-size:var(--text-sm);color:#fff9;text-decoration:none;transition:color var(--transition-interactive)}.footer-col ul a:hover{color:var(--color-teal)}.footer-col address{font-style:normal}.footer-col address p{font-size:var(--text-sm);color:#fff9;max-width:none;line-height:1.7;margin-bottom:var(--space-3)}.footer-col address a{color:#fff9;text-decoration:none;transition:color var(--transition-interactive)}.footer-col address a:hover{color:var(--color-teal)}.footer-bottom{max-width:var(--content-wide);margin:var(--space-12) auto 0;padding-inline:clamp(var(--space-4),4vw,var(--space-16));padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer-bottom p{font-size:var(--text-xs);color:#ffffff59;max-width:none}.ticker-bar{background:var(--color-teal);overflow:hidden;white-space:nowrap;padding:var(--space-2) 0}.ticker-track{display:inline-flex;animation:ticker-scroll 32s linear infinite}.ticker-track span{display:inline-flex;align-items:center;gap:var(--space-8);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffffeb;padding-right:var(--space-8)}.ticker-track span:after{content:"\b7";opacity:.5}.ticker-bar:hover .ticker-track{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.theme-toggle{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#ffffffb3;border:1px solid rgba(255,255,255,.18);transition:background var(--transition-interactive),color var(--transition-interactive),border-color var(--transition-interactive)}.theme-toggle:hover{background:#ffffff1a;color:#fff;border-color:#fff6}.page-header{padding-top:calc(var(--nav-h) + var(--space-16));padding-bottom:var(--space-16);background:linear-gradient(160deg,var(--color-navy) 0%,#0B3050 60%,#0A2840 100%);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230E9B8A' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.page-header-inner{max-width:var(--content-wide);margin:0 auto;padding-inline:clamp(var(--space-4),4vw,var(--space-16));position:relative;z-index:1}.page-header h1{font-size:var(--text-3xl);font-weight:700;color:#fff;letter-spacing:-.03em;margin-bottom:var(--space-4)}.page-header p{font-size:var(--text-base);color:#ffffffa6;max-width:52ch}.page-header:has(.header-waves){padding-bottom:calc(var(--space-16) + 120px)}.header-waves{position:absolute;left:0;right:0;bottom:0;height:140px;width:100%;max-width:100%;overflow:hidden;pointer-events:none;z-index:2}.header-wave{position:absolute;bottom:0;left:0;width:200%;max-width:none;height:140px;display:block;transform-origin:center bottom;will-change:transform}.header-wave-1{animation:header-wave-flow 14s linear infinite,header-wave-breathe 7s ease-in-out infinite}.header-wave-2{animation:header-wave-flow-rev 18s linear infinite,header-wave-breathe 9s ease-in-out infinite;animation-delay:-3s,-2s}.header-wave-3{animation:header-wave-flow 10s linear infinite,header-wave-breathe 6s ease-in-out infinite;animation-delay:-2s,-1s}@keyframes header-wave-flow{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes header-wave-flow-rev{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes header-wave-breathe{0%{scale:1 1}50%{scale:1 1.12}to{scale:1 1}}@media(prefers-reduced-motion:reduce){.header-wave-1,.header-wave-2,.header-wave-3{animation:none}}@media(max-width:640px){.page-header:has(.header-waves){padding-bottom:calc(var(--space-12) + 80px)}.header-waves,.header-wave{height:90px}}.product-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);transition:box-shadow var(--transition-interactive),transform var(--transition-interactive),border-color var(--transition-interactive);cursor:pointer;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.product-card:active{transform:translateY(-2px)}.product-card-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--color-surface-offset)}.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.product-card:hover .product-card-img img{transform:scale(1.06)}.product-badge{position:absolute;top:var(--space-3);left:var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-teal);color:#fff}.product-badge.gold{background:var(--color-gold)}.product-card-body{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.product-card-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);line-height:1.2}.product-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;max-width:none;flex:1}.product-card-footer{margin-top:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.product-card-tag{font-size:var(--text-xs);font-weight:500;color:var(--color-text-faint);letter-spacing:.06em;text-transform:uppercase}@media(max-width:900px){.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}}@media(max-width:768px){:root{--nav-h: 64px}.footer-inner{grid-template-columns:1fr 1fr;gap:var(--space-10)}.footer-brand{grid-column:1 / -1}}@media(max-width:480px){.footer-inner{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sf-style.css.map */