/* MX Media V5 — acabamento editorial premium */
:root{--yellow:#ffd52d;--ink:#101014}body{background:#f5f5f3}header{box-shadow:0 12px 32px #00000016}header .brand-name{letter-spacing:.4px}.hero{position:relative;min-height:660px;background:radial-gradient(circle at 73% 48%,#31304b 0%,#17141f 38%,#09090d 75%)}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#16bdf1 0 25%,#f64b9b 25% 50%,#ffd52d 50% 75%,#16161a 75%)}.hero-art{position:relative;isolation:isolate}.hero-mascot img{position:relative;z-index:2;width:100%;max-width:620px;max-height:570px;object-fit:contain;animation:mxfloat 5s ease-in-out infinite;filter:drop-shadow(0 20px 35px #0008)}.hero-mascot .glow{position:absolute;inset:8% 2%;z-index:0;background:radial-gradient(circle,#f6419940 0%,#16bdf12b 38%,transparent 68%);filter:blur(22px)}@keyframes mxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}.mascot-tag{display:none!important}.mascot-speech{position:absolute;z-index:5;right:-1%;top:4%;max-width:275px;padding:18px 19px;background:#fff;color:#1a1921;border:2px solid #ffd52d;border-radius:22px 22px 5px 22px;box-shadow:0 18px 35px #0006;transform:rotate(2deg)}.mascot-speech:after{content:'';position:absolute;bottom:-13px;right:32px;border-width:13px 13px 0 0;border-style:solid;border-color:#ffd52d transparent transparent transparent}.speech-name{font-size:10px;letter-spacing:2px;font-weight:900;color:#ae2c73}.mascot-speech p{font-size:14px!important;line-height:1.5!important;font-weight:750;color:#17171b!important;margin:9px 0 13px}.speech-actions{display:flex;gap:8px;flex-wrap:wrap}.speech-actions button{font-size:11px;font-weight:800;background:#f1f0f2;color:#17171b;border:0;border-radius:100px;padding:9px 11px;cursor:pointer}.speech-actions button:first-child{background:#ffd52d}.speech-pop{animation:speechin .3s ease}@keyframes speechin{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.section-head h2{max-width:750px}.portfolio-section{position:relative;background:linear-gradient(160deg,#f7f8fa,#f2f0ee)}.portfolio-decoration{font-weight:900;font-size:clamp(55px,9vw,150px);letter-spacing:-7px;color:#14141406;position:absolute;top:8px;right:5%;pointer-events:none}.portfolio-grid .work{overflow:hidden;background:#fff;border-radius:22px;transition:transform .25s,box-shadow .25s}.portfolio-grid .work:hover{transform:translateY(-6px);box-shadow:0 22px 50px #0002}.portfolio-grid .preview{height:245px;display:block!important;padding:0!important;background:#111!important}.portfolio-grid .preview img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-grid .work>.meta{display:flex;flex-direction:column;gap:7px;padding:22px}.work-label{font-size:10px;color:#b52b75;letter-spacing:1.5px;font-weight:900}.portfolio-grid .work>.meta strong{font-size:19px}.about{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 40%,#3e2544,#15151d 62%);border-top:4px solid #ffd52d}.about-mark{position:absolute;right:-10px;bottom:-45px;font-size:clamp(100px,18vw,280px);font-weight:900;letter-spacing:-17px;color:#ffffff09;pointer-events:none}.about-mark span{display:block;font-size:.25em;letter-spacing:9px;text-align:right}.about>div:not(.about-mark),.about>p{position:relative;z-index:1}.about h2{color:#fff}.about p{color:#ded9e2}.quote{background:linear-gradient(135deg,#fff,#f0eff3)}footer{padding-top:0}footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-bottom:1px solid #ffffff26;margin-bottom:48px;padding:38px 0}.footer-top strong{font-size:clamp(21px,3vw,36px);color:#fff}.footer-cta{display:inline-block;background:#ffd52d;color:#111!important;border-radius:50px;padding:15px 24px;font-weight:900}.product .visual{height:245px!important}.product .body button{color:#b42d74}.portfolio-section .hint{margin-top:18px}@media(max-width:900px){.mascot-speech{right:2%;top:0}.hero-mascot img{max-height:490px}}@media(max-width:540px){.hero-mascot{min-height:420px}.hero-mascot img{width:100%;max-height:370px;margin-top:45px}.mascot-speech{right:0;top:-10px;max-width:220px;padding:12px;transform:none}.mascot-speech p{font-size:12px!important}.portfolio-grid .preview{height:205px}.portfolio-decoration{display:none}.footer-top{padding:30px 0}}@media(prefers-reduced-motion:reduce){.hero-mascot img{animation:none}}