@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#073873;--orange:#ff721d;--cream:#fcfaf4;--pink:#f52d74;--blue:#03bce9;--green:#a9df37;--muted:#617086}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--navy);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:6px}img{display:block;width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h2{font-size:46px;letter-spacing:-2px;line-height:1.15}.wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}.orange{color:var(--orange)}.announcement{height:35px;background:var(--navy);color:white;display:flex;gap:5px;align-items:center;justify-content:center;font-size:11px;letter-spacing:.6px}.announcement>span{color:#ffdf35;margin-left:16px}.header{height:115px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{position:relative;display:block;width:142px;flex-shrink:0}.brand sup{position:absolute;right:-12px;top:12px;font-size:13px;font-weight:bold}.header nav{display:flex;gap:32px;font-size:13px;font-weight:600}.header nav a:hover{color:var(--orange)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);vertical-align:middle;margin-left:5px}.button{display:inline-flex;gap:34px;align-items:center;justify-content:space-between;background:var(--navy);color:white;padding:19px 25px;border-radius:9px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#0c4f9f;transform:translateY(-3px)}.button>span{font-size:22px;line-height:1}.button.small{font-size:12px;padding:14px 20px;gap:22px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-top:44px;padding-bottom:86px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;margin-bottom:23px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.spark{color:var(--orange);font-size:22px}.hero h1{font-size:clamp(48px,5.4vw,77px);font-weight:800;letter-spacing:-4.3px;line-height:1.1;margin-bottom:32px}.highlight{position:relative}.highlight svg{position:absolute;left:0;bottom:-17px;width:100%;height:24px;fill:none;stroke:var(--orange);stroke-width:7;stroke-linecap:round}.intro{font-size:21px;line-height:1.5;font-weight:500;margin-bottom:16px}.hero-description{font-size:14px;color:var(--muted);line-height:1.8;max-width:360px;margin-bottom:28px}.hero-note{display:flex;align-items:center;gap:13px;margin-top:29px;font-size:11px;line-height:1.6;color:var(--muted)}.hero-note strong{color:var(--navy);font-weight:500}.mini-faces{display:flex;padding-right:4px}.mini-faces i{font-style:normal;border:3px solid var(--cream);display:grid;place-items:center;border-radius:50%;width:35px;height:35px;font-size:25px;background:#ffcf35;margin-left:-6px;color:var(--navy)}.mini-faces i:nth-child(2){background:#1cbcf0;transform:rotate(-12deg)}.mini-faces i:nth-child(3){background:#ff86ad;transform:rotate(15deg)}.hero-art{position:relative;padding:12px 18px 40px 8px}.photo-frame{height:490px;transform:rotate(3deg);overflow:hidden;border-radius:150px 150px 24px 24px;background:#116fc5;position:relative}.photo-frame img{height:100%;object-fit:cover;object-position:55% 50%;transform:scale(1.06)}.photo-label{position:absolute;bottom:30px;left:30px;color:#fff;font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.photo-label span{color:var(--green)}.hero-star{position:absolute;right:-6px;top:-29px;color:#ffce24;font-size:126px;line-height:1;transform:rotate(13deg);text-shadow:2px 2px 0 var(--navy)}.round-sticker{position:absolute;top:35px;left:-30px;background:var(--green);border-radius:50%;width:126px;height:126px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:14px;line-height:1.25;font-weight:800;transform:rotate(-14deg);box-shadow:0 0 0 5px var(--cream)}.round-sticker strong{font-size:12px;font-weight:500;margin-top:4px}.round-sticker>span{font-size:26px}.floating-card{position:absolute;bottom:10px;right:-15px;display:flex;align-items:center;gap:16px;background:white;padding:22px 25px;border:1px solid #e8e8e1;border-radius:13px;box-shadow:0 10px 35px #07387314;transform:rotate(-6deg);font-size:14px;line-height:1.6}.card-symbol{background:var(--pink);color:white;padding:12px 16px;border-radius:10px;transform:rotate(6deg)}.tiny-star{font-size:32px;color:var(--orange);margin-left:16px}.art-caption{position:absolute;bottom:1px;left:19px;font-size:8px;letter-spacing:1.5px;writing-mode:vertical-rl;transform:rotate(180deg)}.ribbon{overflow:hidden;background:#ffdb37;padding:20px 0;border-top:1px solid var(--navy);border-bottom:1px solid var(--navy)}.ribbon>div{display:flex;gap:40px;white-space:nowrap;width:max-content;font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:800;letter-spacing:1px;transform:translateX(-18px)}.ribbon span{font-size:25px;line-height:1}.universe{padding-top:85px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:31px}.section-heading .eyebrow{margin-bottom:14px}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8;padding-bottom:6px}.filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filters button{cursor:pointer;background:transparent;color:var(--navy);border:1px solid #d8dcd8;border-radius:30px;padding:11px 20px;font-size:12px;font-weight:600}.filters button.active{background:var(--navy);border-color:var(--navy);color:white}.filters button span{margin-left:12px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 26px}.product{border:0;background:transparent;padding:0;cursor:pointer;text-align:left;color:var(--navy);min-width:0}.product[hidden]{display:none}.product .image{height:345px;overflow:hidden;border-radius:15px;position:relative;background:#d9e5ec}.product img{height:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.045)}.gaming img{object-position:center 58%}.sound img{object-position:center 53%}.accessories img{object-position:center 48%}.tag{position:absolute;top:20px;left:20px;background:#fffdf4;border-radius:5px;padding:8px 12px;font-size:9px;font-weight:800;letter-spacing:1.1px}.circle-arrow{position:absolute;bottom:20px;right:20px;background:white;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:23px;transition:background .2s}.product:hover .circle-arrow{background:#ffdb37}.product-caption{display:flex;justify-content:space-between;gap:20px;padding:18px 2px 0}.product-caption h3{font-size:19px;letter-spacing:-.5px;margin-bottom:6px}.product-caption p{font-size:12px;color:var(--muted)}.product-caption>span{font-size:11px;color:#8190a1;padding-top:5px}.catalog-note{font-size:11px;color:var(--muted);margin-top:30px;line-height:1.6}.catalog-note span{color:var(--orange);font-size:16px;margin-right:5px}.idea{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-top:1px solid #dfe1db;padding-block:80px}.idea-graphic{position:relative;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.bubble{font-family:Manrope,Arial,sans-serif;font-size:47px;font-weight:800;letter-spacing:-2px;padding:9px 30px;border-radius:14px;border:2px solid var(--navy);box-shadow:5px 6px 0 var(--navy);line-height:1.25}.b1{background:#1cc2ed;transform:rotate(-10deg);align-self:flex-start;margin-left:48px;z-index:3}.b2{background:#ffdc30;transform:rotate(7deg);z-index:2;margin-top:5px}.b3{background:#ff73a3;transform:rotate(-5deg);margin-top:6px;align-self:flex-end;margin-right:15px}.idea-star{position:absolute;right:18px;top:-13px;font-size:75px;color:var(--orange);transform:rotate(12deg)}.idea-copy h2{margin-bottom:23px}.idea-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:15px;max-width:440px}.idea-copy strong{color:var(--navy)}.handwritten{display:block;font-weight:700;font-size:16px;margin-top:25px;transform:rotate(-3deg);color:var(--navy)}.upcoming{background:var(--navy);border-radius:22px;display:grid;grid-template-columns:1.2fr 1fr;padding:57px 66px;overflow:hidden;position:relative;color:white;margin-bottom:70px;gap:30px}.upcoming .eyebrow{color:#ffdb37;margin-bottom:18px}.upcoming h2{font-size:48px}.upcoming p:not(.eyebrow){color:#d1ddec;font-size:13px;line-height:1.8;margin-top:20px}.upcoming .button{background:#ffda32;color:var(--navy);margin-top:28px}.upcoming .button:hover{background:#ffe681}.upcoming-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px}.big-four{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:330px;line-height:.9;transform:rotate(9deg);color:#03bce9;text-shadow:6px 6px 0 #021f47}.upcoming-star{position:absolute;top:10px;right:-10px;font-size:140px;color:#ffdb37;transform:rotate(12deg)}.upcoming-label{position:absolute;bottom:18px;background:var(--pink);padding:12px 18px;font-size:11px;font-weight:800;letter-spacing:1px;transform:rotate(-10deg)}footer{padding-bottom:25px}.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:30px;border-bottom:1px solid #dfe1db}.footer-brand{width:110px}.footer-top p{font-size:12px;line-height:1.8;color:var(--muted)}.footer-top strong{font-weight:500;color:var(--navy)}.footer-top>a:last-child{margin-left:auto;font-size:12px;font-weight:600}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding-top:21px;gap:20px}.footer-bottom .orange{font-size:14px;margin-left:7px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}dialog{border:1px solid #dae0e5;border-radius:20px;padding:48px;max-width:560px;width:calc(100% - 36px);color:var(--navy);background:var(--cream);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#041d45ad;backdrop-filter:blur(5px)}dialog h2{font-size:34px;margin-bottom:20px;letter-spacing:-1px}dialog>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted)}.close-dialog{position:absolute;right:16px;top:10px;border:0;background:transparent;font-size:30px;color:var(--navy);cursor:pointer}.coming-tag{display:inline-block;margin-top:25px;padding:10px 15px;background:#ffdf40;border-radius:5px;font-size:10px;letter-spacing:1px;font-weight:700}@media(min-width:1500px){.hero h1{font-size:77px}}@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.header nav{gap:18px}.hero{gap:30px}.hero h1{letter-spacing:-3px}.photo-frame{height:450px}.round-sticker{width:105px;height:105px;font-size:12px;left:-15px}.floating-card{right:0;padding:18px}.hero-star{font-size:95px}.product .image{height:290px}.idea{gap:40px}.bubble{font-size:37px}.upcoming{padding:45px}.upcoming-star{font-size:100px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.announcement{font-size:10px;height:30px}.header{height:100px;gap:15px}.brand{width:110px}.header nav{display:none}.button.small{font-size:10px;padding:12px;gap:10px}.hero{grid-template-columns:1fr;padding-top:20px;padding-bottom:50px;gap:45px}.hero h1{font-size:57px;letter-spacing:-3px}.hero .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:20px}.hero-copy{max-width:520px}.hero-description{max-width:380px}.hero-art{max-width:500px;width:100%;margin:auto;padding-inline:15px}.photo-frame{height:420px;border-radius:120px 120px 20px 20px}.hero-star{right:0;top:-18px}.round-sticker{left:0;top:40px}.floating-card{right:5px;bottom:10px;font-size:12px}.hero-note{margin-top:23px}.ribbon{padding:17px 0}.ribbon>div{font-size:13px;gap:24px}.universe{padding-top:52px;padding-bottom:42px}.section-heading{display:block}.section-heading>p{margin-top:18px;font-size:12px}h2{font-size:36px;letter-spacing:-1.5px}.filters{gap:7px}.filters button{padding:10px 13px;font-size:10px}.product-grid{gap:25px 14px}.product .image{height:240px;border-radius:10px}.tag{top:12px;left:12px;font-size:7px;letter-spacing:.5px;padding:7px 9px}.circle-arrow{width:32px;height:32px;right:12px;bottom:12px;font-size:18px}.product-caption h3{font-size:16px;line-height:1.35}.product-caption p{font-size:11px;line-height:1.5}.product-caption>span{display:none}.idea{grid-template-columns:1fr;gap:35px;padding-block:45px}.idea-graphic{max-width:380px;width:100%;margin:auto;min-height:250px}.bubble{font-size:39px}.b1{margin-left:15px}.b3{margin-right:0}.idea-star{right:10px;top:0}.upcoming{grid-template-columns:1fr;padding:35px 28px;gap:15px;margin-bottom:45px}.upcoming h2{font-size:38px}.upcoming-art{min-height:220px;max-width:280px;width:100%;margin:auto}.big-four{font-size:240px}.upcoming-star{top:0;right:0;font-size:100px}.upcoming-label{bottom:5px}.footer-top{gap:25px;flex-wrap:wrap}.footer-top>a:last-child{width:100%;margin:0}.footer-bottom{flex-direction:column;gap:12px}.footer-brand{width:95px}dialog{padding:40px 25px}dialog h2{font-size:29px}}@media(max-width:440px){.product-grid{grid-template-columns:1fr}.product .image{height:300px}.hero h1{font-size:51px}.photo-frame{height:360px}.product-caption h3{font-size:20px}.product-caption p{font-size:12px}.hero-art{padding-bottom:45px}.intro{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
