.hero{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-poster{background:radial-gradient(at 60% 40%,#d4d4cc 0%,#f9f9f7 70%);position:absolute;inset:0}.hero-overlay{background:var(--gradient-hero);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;animation:heroFadeUp 1.2s var(--ease-out-expo) both;flex-direction:column;align-items:center;gap:2rem;padding:0 1.5rem;animation-delay:.3s;display:flex;position:relative}.hero-eyebrow{letter-spacing:.4em;text-transform:uppercase;color:#ffffffb3;font-size:.72rem;font-weight:500}.hero-title{font-family:var(--font-display);letter-spacing:.05em;color:#fff;font-size:clamp(3.5rem,12vw,8rem);font-weight:300;line-height:.95}.hero-tagline{letter-spacing:.2em;text-transform:uppercase;color:#ffffffbf;max-width:400px;font-size:clamp(.8rem,2vw,.95rem);font-weight:400}.hero-scroll-hint{z-index:2;flex-direction:column;align-items:center;gap:.5rem;animation:2s ease-in-out infinite scrollBounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll-hint span{letter-spacing:.3em;text-transform:uppercase;color:#fff9;font-size:.65rem}.scroll-line{background:linear-gradient(#ffffff80,#0000);width:1px;height:40px}.marquee-strip{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:14px 0;overflow:hidden}.marquee-track{white-space:nowrap;align-items:center;gap:2rem;animation:28s linear infinite marquee;display:flex}.marquee-track span{letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-muted);flex-shrink:0;font-size:.65rem}.marquee-track .dot{color:var(--color-border-light);letter-spacing:0;font-size:1rem}.home-section{max-width:1400px;margin:0 auto;padding:72px 24px}.home-section__title{letter-spacing:3px;text-transform:uppercase;color:#111;text-align:center;margin-bottom:48px;font-size:11px;font-weight:700}.notes-section{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:72px 24px}.notes-section__title{letter-spacing:3px;text-transform:uppercase;color:#111;text-align:center;margin-bottom:48px;font-size:11px;font-weight:700}.notes-section__grid{flex-wrap:wrap;justify-content:center;gap:28px;max-width:960px;margin:0 auto;display:flex}.notes-section__item{cursor:pointer;flex-direction:column;align-items:center;gap:14px;text-decoration:none;display:flex}.notes-section__circle{border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex;overflow:hidden}.notes-section__circle img{object-fit:cover;width:100%;height:100%}.notes-section__label{letter-spacing:2.5px;text-transform:uppercase;color:#111;font-size:10px;font-weight:700}.featured-section{max-width:1400px;margin:0 auto;padding:72px 24px}.featured-section__header{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.featured-section__title{letter-spacing:3px;text-transform:uppercase;color:#111;font-size:11px;font-weight:700}.featured-section__link{letter-spacing:2px;text-transform:uppercase;color:#888;border-bottom:1px solid #ccc;padding-bottom:2px;font-size:11px;font-weight:600;transition:color .2s,border-color .2s}.featured-section__link:hover{color:#111;border-color:#111}.featured-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.featured-grid__link{text-decoration:none;display:block}.featured-grid__link .product-card{max-width:100%}@media (width<=1024px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.featured-section{padding:48px 12px}.featured-section__header{flex-direction:column;align-items:flex-start;gap:12px}.featured-grid{grid-template-columns:repeat(2,1fr);gap:10px}.notes-section{padding:48px 12px}.notes-section__circle{width:72px;height:72px}.notes-section__circle img{object-fit:cover;width:100%;height:100%}.notes-section__label{letter-spacing:2px;font-size:9px}.notes-section__grid{gap:14px}.home-section{padding:48px 12px}}@media (width<=600px){.featured-section{padding:40px 12px}.featured-grid{grid-template-columns:repeat(2,1fr);gap:8px}.notes-section{padding:40px 12px}.notes-section__circle{width:64px;height:64px}.notes-section__grid{gap:12px}}
