: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.8rem,1.2rem + 2.5vw,3.5rem);--space-2:.5rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-20:5rem;--radius-sm:.35rem;--radius-lg:1.1rem;--display:'Cabinet Grotesk','Arial',sans-serif;--body:'Satoshi','Arial',sans-serif}[data-theme="light"],:root{--bg:#f6f4f4;--surface:#fbf9f9;--text:#221c1c;--muted:#7a6c6e;--line:rgba(34,28,28,.14);--primary:#be273e;--primary-hover:#941e30;--accent:#38c7b1;--accent-soft:#dff4ef;--yellow:#f1ca67;--shadow:0 18px 44px rgba(66,29,34,.13)}[data-theme="dark"]{--bg:#150f10;--surface:#1d1617;--text:#e3dedf;--muted:#a49194;--line:rgba(227,222,223,.16);--primary:#dc566a;--primary-hover:#ed7183;--accent:#74d8c9;--accent-soft:#233d39;--yellow:#d5ac51;--shadow:0 18px 44px rgba(0,0,0,.3)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:var(--text-base);line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;width:100%;object-fit:cover;background:var(--surface)}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.skip-link{position:absolute;top:-5rem;left:1rem;background:var(--primary);color:white;padding:var(--space-2) var(--space-4);z-index:20}.skip-link:focus{top:1rem}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.65rem;font-family:var(--display);font-size:1.05rem;font-weight:800;letter-spacing:.05em}.brand span span{color:var(--primary)}.brand-mark{width:32px;height:32px;color:var(--primary)}.nav{display:flex;gap:clamp(1.25rem,3vw,3rem);margin-left:10%;font-size:var(--text-sm);font-weight:700}.nav a{color:var(--muted);transition:color .2s}.nav a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:var(--space-6)}.theme-toggle,.cart-button{background:none;border:0;color:var(--muted);min-height:44px;padding:.5rem 0;font-size:var(--text-sm)}.theme-icon{color:var(--primary);font-size:1.1rem;margin-right:.3rem}.cart-button{display:flex;align-items:center;gap:.45rem;color:var(--text)}.cart-icon{font-size:1.35rem;transform:rotate(180deg);display:inline-block}.cart-count{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--primary);color:white;font-size:.7rem}.hero{max-width:1440px;min-height:calc(100vh - 78px);margin:auto;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,8vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,8rem);align-items:center}.eyebrow{font-family:var(--body);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);margin:0 0 var(--space-6)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.075em;line-height:.88}h1{font-size:clamp(4rem,9vw,8.7rem);margin-bottom:var(--space-8)}h1 i,h2 i,blockquote i{color:var(--primary);font-weight:500}h1 i,h2 i{font-style:italic}.hero-description{max-width:31ch;color:var(--muted);margin-bottom:var(--space-8)}.hero-actions{display:flex;align-items:center;gap:var(--space-6)}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;min-height:48px;padding:.85rem 1.2rem;background:var(--primary);color:white;border:0;font-size:var(--text-sm);font-weight:700;transition:transform .25s,background .25s}.button:hover{background:var(--primary-hover);transform:translateY(-3px)}.button:active,.add-button:active{transform:translateY(1px)}.hero-meta{color:var(--muted);font-size:var(--text-xs);line-height:1.45}.hero-meta b{color:var(--text);font-weight:700}.hero-visual{position:relative;max-width:480px;margin-left:auto}.hero-card{aspect-ratio:4/5;overflow:hidden;background:#202022;box-shadow:var(--shadow);transform:rotate(3deg)}.hero-card img{height:100%;filter:saturate(.8) contrast(1.08)}.hero-orbit{position:absolute;left:-4rem;bottom:3rem;width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--accent);color:#142c2a;font-size:var(--text-xs);font-weight:700;line-height:1.2;transform:rotate(-13deg);box-shadow:0 8px 20px rgba(56,199,177,.2)}.hero-orbit i{position:absolute;top:18px;right:20px;font-style:normal;font-size:1.2rem}.image-caption,.product-tag{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:.8rem 0 0}.ticker{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:.9rem 0;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.ticker div{width:max-content;animation:marquee 22s linear infinite}.ticker span{color:var(--primary);margin:0 2rem}@keyframes marquee{to{transform:translateX(-25%)}}.section{padding:clamp(5rem,10vw,10rem) clamp(1.25rem,8vw,8rem)}.shop{max-width:1440px;margin:auto}.section-heading,.journal-header{display:flex;justify-content:space-between;align-items:end;gap:var(--space-8);margin-bottom:clamp(2rem,5vw,4rem)}h2{font-size:clamp(3rem,6vw,6.5rem);margin-bottom:0}.section-heading>p{max-width:30ch;color:var(--muted);margin:0 0 .5rem}.filter-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:var(--space-4);margin-bottom:var(--space-8)}.filters{display:flex;gap:1.25rem}.filter{border:0;background:none;color:var(--muted);font-size:var(--text-sm);font-weight:700;padding:.5rem 0;border-bottom:2px solid transparent}.filter.active,.filter:hover{color:var(--text);border-bottom-color:var(--primary)}.result-count{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.product-card{min-width:0}.product-image{height:clamp(250px,27vw,390px);position:relative;overflow:hidden;display:grid;place-items:center}.product-image img{height:100%;mix-blend-mode:multiply;filter:saturate(.82)}.coral{background:#e99b9d}.lilac{background:#c9b8df}.mint{background:#a9ded4}.butter{background:#edcf75}.product-tag{position:absolute;z-index:1;top:1rem;left:1rem;background:var(--surface);color:var(--primary);padding:.45rem .65rem;margin:0;font-size:.7rem}.product-info{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem}.product-info h3{font-family:var(--display);font-size:var(--text-lg);margin:0 0 .15rem;letter-spacing:-.03em}.product-info p{font-size:var(--text-sm);color:var(--muted);margin:0}.product-info strong{font-family:var(--display);font-size:var(--text-lg);white-space:nowrap}.add-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-bottom:1px solid var(--line);padding:.9rem 0;color:var(--text);font-weight:700;margin-top:.8rem;transition:color .2s}.add-button:hover{color:var(--primary)}.add-button span{font-size:1.4rem;color:var(--primary)}.product-shape{position:relative;box-shadow:0 20px 25px rgba(45,25,38,.18)}.speaker-shape{width:50%;height:42%;background:#252025;border-radius:50%;transform:rotate(-18deg)}.speaker-shape:before{content:'';position:absolute;inset:16%;border:2px solid #a897b8;border-radius:50%}.earbud-shape{width:38%;height:49%;background:#f4f7f3;border-radius:45% 45% 55% 55%;transform:rotate(19deg)}.earbud-shape:after{content:'';position:absolute;width:32%;height:42%;right:-23%;bottom:5%;background:#f4f7f3;border-radius:0 0 70% 70%}.charger-shape{width:42%;height:50%;background:#e8e4db;border-radius:28px;transform:rotate(12deg)}.charger-shape:after{content:'';position:absolute;bottom:-14%;left:38%;width:24%;height:21%;background:#f1eee5;border-radius:0 0 7px 7px}.manifesto{padding:clamp(5rem,10vw,10rem) clamp(1.25rem,12vw,12rem);background:var(--accent-soft);display:grid;grid-template-columns:180px 1fr;gap:clamp(3rem,9vw,10rem);align-items:center}.manifesto-sticker{width:150px;height:150px;border:2px solid var(--primary);color:var(--primary);display:grid;place-items:center;text-align:center;font-family:var(--display);font-weight:800;font-size:1.3rem;line-height:.85;transform:rotate(-9deg)}blockquote{font-family:var(--display);font-size:clamp(3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.075em;margin:0 0 var(--space-8)}.manifesto-copy{max-width:34ch;color:var(--muted)}.text-link{display:inline-flex;gap:.8rem;align-items:center;border-bottom:1px solid var(--primary);padding-bottom:.35rem;color:var(--text);font-size:var(--text-sm);font-weight:700}.journal{max-width:1440px;margin:auto}.journal-header .text-link{margin-bottom:.35rem}.journal-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--space-8)}.journal-image{height:clamp(260px,34vw,460px);display:grid;place-items:center;overflow:hidden;margin-bottom:var(--space-6)}.blue{background:#90b7d3}.green{background:#a9c39d}.floating-card{background:#f2c94c;color:#1e2524;padding:1.3rem;box-shadow:10px 14px 0 rgba(35,53,54,.15);font-family:var(--display);font-size:1.4rem;line-height:.85;transform:rotate(-7deg)}.floating-card b{font-size:2.4rem}.mini-dial{width:130px;height:130px;border:16px solid #262d2e;border-radius:50%;display:grid;place-items:center;color:#e9dbbb;background:#d1d9bd;font-size:2rem;box-shadow:12px 16px 0 rgba(48,72,51,.18)}.journal-card h3{font-family:var(--display);font-size:var(--text-xl);line-height:1;letter-spacing:-.05em;max-width:16ch}.newsletter{padding:clamp(4rem,7vw,7rem) clamp(1.25rem,8vw,8rem);background:var(--primary);color:white;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:end}.newsletter .eyebrow{color:var(--yellow)}.newsletter h2{font-size:clamp(3.5rem,7vw,7rem)}.newsletter-form label{display:block;font-size:var(--text-sm);font-weight:700;margin-bottom:.5rem}.newsletter-form>div{display:flex;border-bottom:1px solid rgba(255,255,255,.6)}.newsletter-form input{min-width:0;flex:1;background:none;border:0;color:white;padding:1rem 0;outline:0}.newsletter-form input::placeholder{color:rgba(255,255,255,.65)}.newsletter-form .button{background:white;color:var(--primary);margin-bottom:.35rem}.newsletter-form small{display:block;margin-top:.8rem;color:rgba(255,255,255,.72);font-size:var(--text-xs)}.site-footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.5rem clamp(1.25rem,5vw,5rem);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.footer-brand{color:var(--text);font-weight:700}.footer-brand span{color:var(--primary)}.site-footer>div:last-child{display:flex;gap:1.5rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--text);color:var(--bg);padding:1rem 1.2rem;transform:translateY(150%);transition:transform .3s;z-index:10;font-size:var(--text-sm);box-shadow:var(--shadow)}.toast.visible{transform:translateY(0)}.is-hidden{display:none!important}@media(max-width:800px){.site-header{height:70px}.nav{display:none}.header-actions{gap:.8rem}.theme-label{display:none}.hero{min-height:auto;display:flex;flex-direction:column;align-items:stretch;padding-top:4rem;gap:4rem}.hero-visual{width:88%;margin-left:auto}.hero-orbit{left:-2.5rem;width:120px;height:120px}.section-heading,.journal-header{display:block}.section-heading>p{margin-top:1.5rem}.filter-row{align-items:flex-start;gap:1rem;flex-direction:column}.filters{flex-wrap:wrap;gap:1rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem 1rem}.product-image{height:260px}.product-info{display:block}.product-info strong{display:block;margin-top:.35rem}.manifesto{display:flex;flex-direction:column;align-items:flex-start;gap:3rem}.journal-grid{grid-template-columns:1fr}.newsletter{grid-template-columns:1fr;align-items:start}.site-footer>div:nth-child(2){order:3;width:100%}}@media(max-width:500px){h1{font-size:clamp(3.5rem,18vw,5.3rem)}h2{font-size:clamp(3rem,16vw,5rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.hero-visual{width:86%}.hero-card{aspect-ratio:4/5}.product-grid{grid-template-columns:1fr 1fr}.product-image{height:210px}.product-info h3{font-size:1.1rem}.product-info p{font-size:.9rem}.newsletter-form>div{display:block;border:0}.newsletter-form input{width:100%;border-bottom:1px solid rgba(255,255,255,.6);margin-bottom:1rem}.newsletter-form .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
