@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--gold:#f8d74c;--dark:#101014;--pink:#ee4d9d;--blue:#29b5e9}html{scroll-behavior:smooth}body{font-family:'DM Sans',Arial,sans-serif;background:#f7f7f5;color:#17171b}h1,h2,h3,.brand-name{font-family:Manrope,Arial,sans-serif}header{position:sticky;top:0;z-index:40;background:#111115ed;backdrop-filter:blur(18px);padding:12px max(5%,calc((100% - 1320px)/2));border-bottom:1px solid #ffffff19}header nav{gap:28px}header nav a{font-size:13px;font-weight:700}header .btn.mini{border-radius:999px;padding:13px 20px}.brand-logo{width:58px;height:48px}.hero{overflow:hidden;min-height:690px;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 80% 50%,#2b2033 0%,#111217 48%,#09090c 85%);padding:90px max(6%,calc((100% - 1300px)/2)) 70px;gap:36px}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#0008);pointer-events:none}.hero .eyebrow{display:inline-flex;border:1px solid #f8d74c55;background:#f8d74c10;padding:10px 16px;border-radius:50px;font-size:11px;letter-spacing:1.6px}.hero h1{font-size:clamp(48px,5.2vw,79px);font-weight:800;letter-spacing:-3.8px;line-height:1.06;margin:27px 0 23px}.hero h1 em{background:linear-gradient(100deg,#ffe37d,#f9c839 35%,#f66eaa 95%);background-clip:text;-webkit-background-clip:text}.hero p{font-size:17px;line-height:1.85;color:#d1d0d6}.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{border-radius:999px;font-weight:800;padding:15px 24px;background:var(--gold);box-shadow:none;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.hero .btn.outline{border:1px solid #ffffff55;background:#ffffff0d}.highlights{margin-top:35px;display:flex;flex-wrap:wrap;gap:10px}.highlights span{border:1px solid #ffffff25;background:#ffffff0b;border-radius:30px;padding:9px 12px;font-size:11px}.hero-mascot img{width:112%;max-width:720px;filter:drop-shadow(0 24px 50px #000b)}.hero-mascot .glow{width:95%;background:radial-gradient(circle,#e7358a44,#1c94d52b 45%,transparent 70%)}.mascot-tag{right:0;bottom:8%;border:1px solid #ffffff50;padding:16px 22px;font-weight:800;transform:rotate(-3deg)}.trust-strip{padding:23px 6%;background:#f8d74c;font-size:11px;letter-spacing:1.7px}.section{padding:105px max(6%,calc((100% - 1280px)/2))}.section-head{margin-bottom:38px}.section h2,.about h2{font-weight:800;font-size:clamp(34px,3.5vw,52px);letter-spacing:-2px;line-height:1.14}.eyebrow.dark{color:#c63a7f;font-weight:800;letter-spacing:2px}.products{gap:22px}.product{background:white;border:1px solid #eae8e7;border-radius:24px;box-shadow:0 10px 30px #00000008}.product .visual{height:220px;min-height:220px;position:relative;overflow:hidden;font-size:0!important;background:#f1eae3!important;display:grid;place-items:center}.product .visual:before{content:'';width:145px;height:88px;border-radius:9px;transform:rotate(-14deg);box-shadow:12px 13px 0 #ffffff8a,0 24px 30px #0002;background:linear-gradient(125deg,#16171b 0 45%,#e74c9a 46% 58%,#ffc849 59% 75%,#25b9ec 76%);border:5px solid #fff}.product .visual:after{content:'MX  /  MEDIA';position:absolute;font-weight:900;font-size:11px;color:white;letter-spacing:2px;transform:rotate(-14deg)}.product:nth-child(2) .visual{background:#dceef2!important}.product:nth-child(2) .visual:before{width:120px;height:145px;border-radius:2px;transform:rotate(10deg);background:linear-gradient(150deg,#f9cc3b 0 40%,#e95099 41% 70%,#1a1a21 71%);box-shadow:12px 9px 0 white,20px 18px 0 #b2c8d0}.product:nth-child(2) .visual:after{transform:rotate(10deg)}.product:nth-child(3) .visual{background:#efe5ee!important}.product:nth-child(3) .visual:before{height:128px;width:125px;border-radius:3px;transform:rotate(-9deg);background:linear-gradient(90deg,#fff 0 49%,#e8b8d2 50% 51%,#fff 52%);box-shadow:9px 13px 0 #e6d1e0}.product:nth-child(3) .visual:after{color:#24232a;transform:rotate(-9deg)}.product:nth-child(4) .visual{background:#e6e9de!important}.product:nth-child(4) .visual:before{width:175px;height:85px;transform:rotate(-5deg);background:linear-gradient(135deg,#242b36 0 50%,#ef5a97 51%);border-radius:1px}.product:nth-child(4) .visual:after{transform:rotate(-5deg)}.product:nth-child(5) .visual{background:#e2e8f1!important}.product:nth-child(5) .visual:before{width:112px;height:160px;transform:rotate(7deg);border-radius:2px;background:linear-gradient(145deg,#202b40,#267dc4 55%,#f9d348 56%)}.product:nth-child(5) .visual:after{transform:rotate(7deg)}.product:nth-child(6) .visual{background:#f5e7d7!important}.product:nth-child(6) .visual:before{width:135px;height:135px;border-radius:50%;transform:rotate(-10deg);background:conic-gradient(#ed5b9e 0 90deg,#ffc83e 90deg 180deg,#25b7e6 180deg 270deg,#1d1c22 270deg)}.product:nth-child(6) .visual:after{content:'MX';font-size:26px;transform:none}.product .body{padding:24px}.product .body h3{font-size:20px;font-weight:800}.product .body button{font-weight:800;color:#a42a6b}.product:hover{transform:translateY(-7px);box-shadow:0 24px 45px #00000013}.band{padding:30px 20px;background:#16151b;font-size:clamp(17px,2vw,26px);letter-spacing:2px;text-align:center}.light{background:#eeeff1}.model-grid,.portfolio-grid{gap:20px}.model,.work{border-radius:22px;border:1px solid #e5e5e8;box-shadow:0 12px 25px #00000008}.model .preview{min-height:190px;font-weight:900;letter-spacing:3px}.model .meta,.work .meta{padding:20px}.about{padding:100px max(6%,calc((100% - 1280px)/2));background:linear-gradient(110deg,#17151c,#312239 65%,#1a1b26)}.about h2{max-width:650px}.about p{line-height:1.9}.quote{background:#f5f3ef}.quote form{box-shadow:0 20px 55px #0000000c;border:1px solid #ece8e3;padding:34px;border-radius:26px}.quote input,.quote select,.quote textarea{background:#fafafa;border:1px solid #ddd;border-radius:12px}footer{padding-top:65px;padding-bottom:55px;background:#0c0c10}footer a{color:#f5d44b}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e94d9e;outline-offset:3px}@media(max-width:850px){header{padding:10px 5%}.hero{grid-template-columns:1fr;padding:70px 6% 40px;gap:5px}.hero h1{letter-spacing:-2px}.hero-mascot{min-height:390px}.hero-mascot img{max-width:580px;width:100%}.section{padding:75px 6%}.about{padding:75px 6%}}@media(max-width:520px){header nav{gap:13px}header nav a{font-size:11px}.hero{padding-top:55px}.hero h1{font-size:46px}.hero p{font-size:15px}.hero-mascot{min-height:280px}.product .visual{height:170px;min-height:170px}.product .visual:before{scale:.8}.product .body{padding:16px}.product .body h3{font-size:17px}.quote form{padding:18px}.trust-strip{letter-spacing:.4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}