.leao-design-grafico-page{background:var(--leao-black)}.design-hero{background:radial-gradient(circle at 74% 34%,#189daa42,#0000 32%),radial-gradient(circle at 24% 74%,#10729324,#0000 38%),linear-gradient(135deg,#141414 0%,#0c1d22 52%,#141414 100%);align-items:center;min-height:92vh;padding:120px 0 76px;display:flex;position:relative;overflow:hidden}.design-hero:before{content:"";z-index:1;background:linear-gradient(90deg,#141414f5 0%,#141414d1 42%,#14141457 100%),linear-gradient(#14141433,#141414db);position:absolute;inset:0}.design-hero__grid{opacity:.14;background-image:linear-gradient(#189daa52 1px,#0000 1px),linear-gradient(90deg,#189daa52 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 0%,#000 15% 86%,#0000 100%)}.design-hero__halo{z-index:2;pointer-events:none;border-radius:50%;position:absolute}.design-hero__halo--one{background:radial-gradient(circle,#189daa2e,#0000 66%);width:min(52vw,840px);height:min(52vw,840px);top:12vh;right:-12vw}.design-hero__halo--two{border:1px solid #189daa24;width:320px;height:320px;bottom:8vh;right:28vw}.design-hero__line{left:var(--container-pad);z-index:4;background:linear-gradient(to bottom, transparent, var(--leao-orange), transparent);width:2px;height:190px;position:absolute;top:50%;transform:translateY(-50%)}.design-hero__inner{z-index:5;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:clamp(48px,7vw,112px);display:grid;position:relative}.design-hero__copy{padding-left:28px}.design-breadcrumb{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--leao-white-40);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:11px;display:flex}.design-breadcrumb a{color:var(--leao-white-40);transition:color var(--transition)}.design-breadcrumb a:hover,.design-breadcrumb span:last-child{color:var(--leao-orange)}.design-hero__tag{margin-bottom:22px}.design-hero h1{color:var(--leao-white);letter-spacing:-.035em;max-width:820px;margin-bottom:30px;font-size:clamp(42px,6.2vw,86px);font-weight:900;line-height:.96}.design-hero h1 em{color:var(--leao-orange);font-style:italic}.design-hero p{color:var(--leao-white-70);max-width:580px;margin-bottom:42px;font-size:clamp(16px,2vw,20px);line-height:1.65}.design-hero__actions{gap:16px}.design-hero__visual{min-height:540px;position:relative}.design-board{background:linear-gradient(135deg,#189daa14,#0000 48%),#ffffff09;border:1px solid #ffffff1a;width:100%;height:540px;position:relative;overflow:hidden;box-shadow:0 40px 90px #00000057}.design-board:before{content:"";opacity:.48;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.design-board__frame{z-index:2;backdrop-filter:blur(6px);color:var(--leao-white);background:#141414d1;border:1px solid #189daa61;position:absolute}.design-board__frame--large{flex-direction:column;justify-content:flex-end;width:58%;height:48%;padding:28px;display:flex;top:18%;left:12%}.design-board__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--leao-orange);font-size:11px;position:absolute;top:22px;left:24px}.design-board__frame--large strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(42px,6vw,70px);font-weight:900;line-height:.9}.design-board__frame--large small{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--leao-white-40);margin-top:12px;font-size:11px}.design-board__frame--small{height:78px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--leao-orange);align-items:flex-end;padding:18px;font-size:11px;display:flex}.design-board__frame--a{width:33%;top:12%;right:10%}.design-board__frame--b{width:28%;bottom:18%;right:18%}.design-board__frame--c{width:30%;bottom:10%;left:22%}.design-board__axis{z-index:1;background:#189daa57;position:absolute}.design-board__axis--x{height:1px;top:50%;left:0;right:0}.design-board__axis--y{width:1px;top:0;bottom:0;left:56%}.design-board__dot{z-index:3;background:var(--leao-orange);width:9px;height:9px;box-shadow:0 0 24px var(--leao-orange-glow);border-radius:50%;position:absolute}.design-board__dot--one{top:18%;left:12%}.design-board__dot--two{top:66%;right:18%}.design-board__dot--three{bottom:10%;left:52%}.design-intro{padding:var(--space-section) 0}.design-intro__grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:start;gap:clamp(48px,7vw,120px);display:grid}.design-intro__copy h2,.design-method__intro h2,.design-system__copy h2,.design-fit__inner h2{letter-spacing:-.03em;color:var(--leao-black);margin:18px 0 28px;font-size:clamp(30px,4.6vw,56px);font-weight:900;line-height:1.02}.design-intro__copy h2 em,.design-fit__inner h2 em{color:var(--leao-orange-dark);font-style:italic}.design-intro__copy p{color:#4d4d4d;margin-bottom:18px;font-size:17px;line-height:1.82}.design-principles{border-top:1px solid var(--leao-light-dark);flex-direction:column;display:flex}.design-principle{border-bottom:1px solid var(--leao-light-dark);grid-template-columns:64px minmax(0,1fr);gap:30px;padding:34px 0;display:grid}.design-principle>span{font-family:var(--font-mono);letter-spacing:.14em;color:var(--leao-orange-dark);padding-top:5px;font-size:11px}.design-principle h3{font-family:var(--font-body);color:var(--leao-black);margin-bottom:10px;font-size:20px;font-weight:800}.design-principle p{color:#555;max-width:620px;line-height:1.72}.design-deliverables{padding:var(--space-section) 0;background:var(--leao-black)}.design-deliverables__lead{color:var(--leao-white-40);max-width:430px}.design-deliverables__grid{background:var(--leao-white-10);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.design-card{background:linear-gradient(135deg, #189daa0d, transparent 56%), var(--leao-black);min-height:300px;transition:background var(--transition), transform var(--transition);flex-direction:column;padding:clamp(30px,4vw,50px);display:flex}.design-card:hover{background:var(--leao-black-80)}.design-card span{font-family:var(--font-mono);letter-spacing:.16em;color:var(--leao-orange);opacity:.72;margin-bottom:44px;font-size:11px}.design-card h3{font-family:var(--font-body);color:var(--leao-white);margin-bottom:18px;font-size:clamp(19px,2.4vw,26px);font-weight:800;line-height:1.15}.design-card p{color:var(--leao-white-40);max-width:100%;margin-top:auto;line-height:1.74}.design-system-section{padding:var(--space-section) 0}.design-system__grid{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:center;gap:clamp(48px,7vw,110px);display:grid}.design-system__visual{align-items:center;min-height:520px;display:flex}.system-sheet{width:min(100%,560px);min-height:450px;color:var(--leao-white);background:#111;border:1px solid #14141429;padding:34px;position:relative;overflow:hidden;box-shadow:0 34px 80px #14141438}.system-sheet:before{content:"";background:radial-gradient(circle at 80% 16%,#189daa57,#0000 34%),linear-gradient(135deg,#189daa24,#0000 52%);position:absolute;inset:0}.system-sheet__top,.system-sheet__title,.system-sheet__row,.system-sheet__colors,.system-sheet__poster{z-index:2;position:relative}.system-sheet__top{gap:8px;margin-bottom:46px;display:flex}.system-sheet__top span{background:#ffffff42;border-radius:50%;width:10px;height:10px}.system-sheet__title{background:var(--leao-white);width:62%;height:36px;margin-bottom:26px}.system-sheet__row{grid-template-columns:90px 1fr;gap:16px;margin-bottom:18px;display:grid}.system-sheet__row b{background:var(--leao-orange);height:16px}.system-sheet__row i{background:#fff3;height:16px}.system-sheet__row--short i{width:64%}.system-sheet__colors{gap:12px;margin:48px 0;display:flex}.system-sheet__colors span{border:1px solid #ffffff2e;width:58px;height:58px}.system-sheet__colors span:first-child{background:var(--leao-orange)}.system-sheet__colors span:nth-child(2){background:var(--leao-blue)}.system-sheet__colors span:nth-child(3){background:var(--leao-black-40)}.system-sheet__colors span:nth-child(4){background:var(--leao-white)}.system-sheet__poster{width:190px;height:126px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--leao-orange);border:1px solid #ffffff29;align-items:flex-end;padding:18px;font-size:11px;display:flex;position:absolute;bottom:34px;right:34px}.design-system__copy h2{color:var(--leao-black)}.design-system__copy p{color:#555;margin-bottom:28px;font-size:17px;line-height:1.78}.system-list{border-top:1px solid var(--leao-light-dark);flex-direction:column;display:flex}.system-list div{border-bottom:1px solid var(--leao-light-dark);grid-template-columns:180px minmax(0,1fr);gap:24px;padding:24px 0;display:grid}.system-list strong{color:var(--leao-black);font-size:16px}.system-list span{color:#555;line-height:1.65}.design-method{padding:var(--space-section) 0;background:var(--leao-black-80)}.design-method__grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(48px,7vw,110px);display:grid}.design-method__intro h2{color:var(--leao-white)}.design-method__intro p{color:var(--leao-white-40);font-size:17px;line-height:1.78}.design-method__steps{border-top:1px solid var(--leao-white-10);flex-direction:column;display:flex}.design-step{border-bottom:1px solid var(--leao-white-10);grid-template-columns:64px minmax(0,1fr);gap:28px;padding:30px 0;display:grid}.design-step>span{font-family:var(--font-mono);letter-spacing:.15em;color:var(--leao-orange);padding-top:6px;font-size:11px}.design-step h3{font-family:var(--font-body);color:var(--leao-white);margin-bottom:10px;font-size:20px;font-weight:800}.design-step p{color:var(--leao-white-40);max-width:640px;line-height:1.72}.design-fit{padding:var(--space-section) 0}.design-fit__inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(48px,7vw,110px);display:grid}.design-fit__list{border-top:1px solid var(--leao-light-dark);flex-direction:column;display:flex}.design-fit__list li{border-bottom:1px solid var(--leao-light-dark);color:#4f4f4f;padding:22px 0 22px 34px;line-height:1.65;position:relative}.design-fit__list li:before{content:"";background:var(--leao-orange);width:9px;height:9px;position:absolute;top:30px;left:0;transform:rotate(45deg)}.design-cta{background:radial-gradient(circle at 80% 28%,#189daa38,#0000 36%),linear-gradient(135deg,#141414 0%,#0b1a1f 56%,#141414 100%);padding:clamp(80px,9vw,132px) 0}.design-cta__inner{border:1px solid var(--leao-white-10);background:#ffffff09;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(36px,5vw,72px);padding:clamp(42px,6vw,78px);display:grid}.design-cta h2{color:var(--leao-white);letter-spacing:-.03em;max-width:820px;margin:18px 0;font-size:clamp(30px,4.4vw,54px);font-weight:900;line-height:1.04}.design-cta p{color:var(--leao-white-40);max-width:620px;font-size:17px;line-height:1.72}@media (width<=1180px){.design-hero__inner,.design-intro__grid,.design-system__grid,.design-method__grid,.design-fit__inner{grid-template-columns:1fr}.design-hero__visual{min-height:460px}.design-board{height:460px}.design-system__visual{min-height:420px}}@media (width<=920px){.design-deliverables__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-cta__inner{grid-template-columns:1fr}}@media (width<=768px){.design-hero{min-height:auto;padding:116px 0 72px}.design-hero__line{display:none}.design-hero__copy{padding-left:0}.design-hero__inner{gap:44px}.design-hero__visual{min-height:360px}.design-board{height:360px}.design-board__frame--large{width:70%;height:52%;padding:22px;top:18%;left:8%}.design-board__frame--a{width:40%;top:10%;right:6%}.design-board__frame--b{width:38%;bottom:14%;right:8%}.design-board__frame--c{width:38%;bottom:8%;left:12%}.design-principle,.design-step{grid-template-columns:42px minmax(0,1fr);gap:18px}.system-list div{grid-template-columns:1fr;gap:8px}.design-deliverables__grid{grid-template-columns:1fr}.design-card{min-height:auto}}@media (width<=480px){.design-hero h1{font-size:clamp(44px,16vw,64px)}.design-hero__actions{align-items:stretch}.design-hero__actions .btn{justify-content:center;width:100%}.design-hero__visual{min-height:300px}.design-board{height:300px}.system-sheet{min-height:360px;padding:24px}.system-sheet__poster{width:150px;height:96px;bottom:24px;right:24px}.design-cta__inner{padding:34px 24px}}