:root{--leao-blue:#107293;--leao-teal:#189daa;--leao-blue-dark:#0d689c;--leao-teal-light:#22b8c7;--leao-blue-subtle:#1072931f;--leao-teal-subtle:#189daa1f;--leao-teal-glow:#189daa40;--leao-orange:var(--leao-teal);--leao-orange-light:var(--leao-teal-light);--leao-orange-dark:var(--leao-blue-dark);--leao-orange-subtle:var(--leao-teal-subtle);--leao-orange-glow:var(--leao-teal-glow);--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-mono:"DM Mono", "Courier New", monospace}body.admin-bar .nav{top:32px}@media (width<=782px){body.admin-bar .nav{top:46px}}.leao-page-portfolio .nav__logo img{object-fit:contain;width:auto;max-width:250px;height:52px}.leao-page-portfolio .footer__logo img{object-fit:contain;width:auto;max-width:270px;height:56px}@media (width<=768px){.leao-page-portfolio .nav__logo img{max-width:210px;height:44px}}.portfolio-hero{background:var(--leao-black);align-items:flex-end;min-height:96vh;padding-bottom:clamp(96px,11vw,150px);display:flex;position:relative;overflow:hidden}.portfolio-hero__bg,.portfolio-hero__overlay,.portfolio-hero__grid,.portfolio-hero__mosaic{position:absolute}.portfolio-hero__bg{z-index:0;background:radial-gradient(circle at 76% 36%,#189daa38,#0000 34%),radial-gradient(circle at 18% 82%,#1072931f,#0000 38%),linear-gradient(135deg,#141414 0%,#0b2026 48%,#141414 100%);inset:0}.portfolio-hero__grid{opacity:.15;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:72px 72px;inset:0;mask-image:linear-gradient(#0000 0%,#000 16% 78%,#0000 100%)}.portfolio-hero__overlay{z-index:1;background:linear-gradient(90deg,#141414f5 0%,#141414db 34%,#14141480 66%,#14141452 100%),linear-gradient(#14141424 0%,#14141461 58%,#141414e6 100%);inset:0}.portfolio-hero__mosaic{z-index:0;opacity:.84;width:min(47vw,720px);height:min(63vh,570px);top:17%;right:max(20px,5vw)}.portfolio-hero__tile{background:var(--leao-black-60);border:1px solid #ffffff1f;position:absolute;overflow:hidden;box-shadow:0 26px 80px #0000006b}.portfolio-hero__tile img{object-fit:cover;filter:brightness(.75)contrast(1.08)saturate(.95);width:100%;height:100%;transition:transform 8s,filter .4s}.portfolio-hero__tile--a{width:56%;height:58%;top:0;left:8%;transform:rotate(-3deg)}.portfolio-hero__tile--b{width:54%;height:52%;top:20%;right:0;transform:rotate(3deg)}.portfolio-hero__tile--c{width:62%;height:42%;bottom:0;left:18%;transform:rotate(1deg)}.portfolio-hero:hover .portfolio-hero__tile img{filter:brightness(.86)contrast(1.1)saturate();transform:scale(1.05)}.portfolio-hero__content{z-index:4;width:100%;max-width:var(--container);padding:0 var(--container-pad);padding-left:calc(var(--container-pad) + 28px);margin:0 auto;position:relative}.portfolio-breadcrumb{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--leao-white-40);opacity:0;animation:fadeUp .7s var(--ease-out) .25s forwards;align-items:center;gap:8px;margin-bottom:24px;font-size:11px;display:flex}.portfolio-breadcrumb a{color:var(--leao-white-40);transition:color var(--transition)}.portfolio-breadcrumb a:hover,.portfolio-breadcrumb span[aria-current]{color:var(--leao-orange)}.portfolio-hero__tag{opacity:0;animation:fadeUp .7s var(--ease-out) .35s forwards;margin-bottom:22px}.portfolio-hero__title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--leao-white);opacity:0;max-width:880px;animation:fadeUp .8s var(--ease-out) .55s forwards;margin-bottom:34px;font-size:clamp(48px,6.6vw,92px);font-weight:900;line-height:.94}.portfolio-hero__title em{color:var(--leao-orange);font-style:italic}.portfolio-hero__subtitle{font-family:var(--font-body);color:var(--leao-white-70);opacity:0;max-width:610px;animation:fadeUp .8s var(--ease-out) .75s forwards;margin-bottom:48px;font-size:clamp(16px,2vw,20px);font-weight:300;line-height:1.65}.portfolio-hero__ctas{opacity:0;animation:fadeUp .8s var(--ease-out) .95s forwards}.portfolio-intro{background:var(--leao-black);color:var(--leao-white)}.portfolio-intro__grid{grid-template-columns:minmax(0,.95fr) minmax(320px,.8fr);align-items:start;gap:clamp(44px,7vw,112px);display:grid}.portfolio-section-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--leao-white);max-width:850px;margin-top:22px;font-size:clamp(32px,4.4vw,60px);line-height:1.03}.portfolio-section-title em{color:var(--leao-orange);font-style:italic}.portfolio-section-title--dark{color:var(--leao-black)}.portfolio-intro__copy{border-top:1px solid var(--leao-white-10);padding-top:42px}.portfolio-intro__copy p{color:var(--leao-white-70);font-size:var(--text-lg);max-width:620px;margin-bottom:22px;line-height:1.85}.portfolio-filter{background:var(--leao-light);color:var(--leao-black)}.portfolio-section-header{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:clamp(44px,6vw,82px);display:flex}.portfolio-grid{background:var(--leao-light-dark);border:1px solid var(--leao-light-dark);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.portfolio-case{background:var(--leao-white);min-height:100%;transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;display:flex}.portfolio-case:hover{transform:translateY(-4px);box-shadow:0 26px 60px #00000014}.portfolio-case--featured{grid-column:span 2;grid-template-columns:1.05fr .95fr;display:grid}.portfolio-case__media{background:var(--leao-black-40);min-height:280px;display:block;overflow:hidden}.portfolio-case__media img{object-fit:cover;width:100%;height:100%;min-height:280px;transition:transform .8s var(--ease), filter .5s var(--ease);filter:brightness(.94)contrast(1.05)saturate(.94)}.portfolio-case:hover .portfolio-case__media img{filter:brightness(.88)contrast(1.08)saturate();transform:scale(1.045)}.portfolio-case__body{flex-direction:column;flex:1;padding:clamp(28px,3.4vw,46px);display:flex}.portfolio-case__tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--leao-orange);margin-bottom:16px;font-size:11px}.portfolio-case h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--leao-black);margin-bottom:18px;font-size:clamp(24px,3vw,36px);line-height:1.08}.portfolio-case p{color:#535b5e;max-width:100%;margin-bottom:22px;font-size:16px;line-height:1.72}.portfolio-case__chips{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.portfolio-case__chips li{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--leao-blue-dark);background:#189daa14;border:1px solid #10729338;padding:6px 9px;font-size:10px}.portfolio-deep{background:var(--leao-black);color:var(--leao-white)}.case-detail{border-bottom:1px solid var(--leao-white-10);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(34px,5vw,76px);padding:clamp(54px,7vw,96px) 0;display:grid}.case-detail:first-child{padding-top:0}.case-detail:last-child{border-bottom:none}.case-detail--large{grid-template-columns:1.1fr .9fr}.case-detail--light{background:var(--leao-light);color:var(--leao-black);margin-left:calc(-1 * var(--container-pad));margin-right:calc(-1 * var(--container-pad));padding-left:var(--container-pad);padding-right:var(--container-pad);border-bottom:none}.case-detail__image{background:var(--leao-black-60);border:1px solid var(--leao-white-10);overflow:hidden}.case-detail--light .case-detail__image{border-color:#1414141a}.case-detail__image img{object-fit:cover;filter:brightness(.9)contrast(1.05);width:100%;min-height:430px;display:block}.case-detail__content h2{font-family:var(--font-display);letter-spacing:-.025em;color:inherit;margin:22px 0 24px;font-size:clamp(30px,4.2vw,54px);line-height:1.04}.case-detail__content p{color:var(--leao-white-70);max-width:650px;margin-bottom:18px;font-size:17px;line-height:1.82}.case-detail--light .case-detail__content p{color:#50575a}.case-detail__list{border-top:1px solid var(--leao-white-10);margin-top:26px}.case-detail--light .case-detail__list{border-top-color:#1414141a}.case-detail__list li{border-bottom:1px solid var(--leao-white-10);color:var(--leao-white-70);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:14px 0;font-size:12px}.case-detail--light .case-detail__list li{color:#4d5558;border-bottom-color:#1414141a}.case-detail-grid{gap:var(--grid-gap);grid-template-columns:1fr 1fr;padding-top:clamp(54px,7vw,96px);display:grid}.case-mini{background:var(--leao-black-80);border:1px solid var(--leao-white-10);overflow:hidden}.case-mini img{object-fit:cover;filter:brightness(.86)contrast(1.05);width:100%;height:310px}.case-mini div{padding:clamp(28px,3.5vw,42px)}.case-mini h3{font-family:var(--font-display);color:var(--leao-white);margin:20px 0 14px;font-size:clamp(24px,3vw,36px);line-height:1.08}.case-mini p{color:var(--leao-white-70);max-width:100%;line-height:1.75}.portfolio-cta{background:var(--leao-orange);padding:clamp(64px,8vw,120px) 0;position:relative;overflow:hidden}.portfolio-cta:before{content:"";background:linear-gradient(135deg,#ffffff12,#0000 52%);position:absolute;inset:0}.portfolio-cta__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:48px;display:flex;position:relative}.portfolio-cta__eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:#ffffffb8;margin-bottom:16px;font-size:11px;display:block}.portfolio-cta h2{font-family:var(--font-display);color:var(--leao-white);margin-bottom:16px;font-size:clamp(30px,4vw,54px);font-weight:900;line-height:1}.portfolio-cta h2 em{font-style:italic}.portfolio-cta p{color:#ffffffc7;font-size:var(--text-lg);max-width:560px}@media (width<=1100px){.portfolio-hero__mosaic{opacity:.35;width:66vw;right:-7vw}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-case--featured{grid-column:span 2}}@media (width<=900px){.portfolio-intro__grid,.case-detail,.case-detail--large{grid-template-columns:1fr}.case-detail:nth-child(2n) .case-detail__image{order:-1}.case-detail-grid{grid-template-columns:1fr}}@media (width<=768px){.portfolio-hero{min-height:86vh;padding-bottom:90px}.portfolio-hero__content{padding-left:var(--container-pad)}.portfolio-hero__mosaic{display:none}.portfolio-hero__overlay{background:linear-gradient(90deg,#141414e8,#141414cc),linear-gradient(#1414143d,#141414f0)}.portfolio-section-header{flex-direction:column;align-items:flex-start}.portfolio-grid{grid-template-columns:1fr}.portfolio-case--featured{grid-column:span 1;display:flex}.portfolio-case__media img,.portfolio-case__media{min-height:260px}.case-detail__image img{min-height:300px}.portfolio-cta__inner{text-align:center;flex-direction:column}.portfolio-cta p{margin-left:auto;margin-right:auto}}@media (width<=480px){.portfolio-hero__title{font-size:clamp(42px,12vw,58px)}.portfolio-case__body{padding:26px}.case-mini img{height:230px}}.leao-page-portfolio .portfolio-filter .portfolio-grid{background:0 0!important;border:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;grid-auto-flow:row!important;align-items:stretch!important;gap:24px!important;display:grid!important}.leao-page-portfolio .portfolio-filter .portfolio-case{border:1px solid var(--leao-light-dark);background:var(--leao-white);min-width:0;height:100%;position:relative;overflow:hidden}.leao-page-portfolio .portfolio-filter .portfolio-case--featured{min-height:520px;grid-column:1/-1!important;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)!important;display:grid!important}.leao-page-portfolio .portfolio-filter .portfolio-case__media{height:auto;min-height:300px}.leao-page-portfolio .portfolio-filter .portfolio-case--featured .portfolio-case__media{height:100%;min-height:520px}.leao-page-portfolio .portfolio-filter .portfolio-case__media img{object-fit:cover;width:100%;height:100%;min-height:300px;display:block}.leao-page-portfolio .portfolio-filter .portfolio-case--featured .portfolio-case__media img{min-height:520px}.leao-page-portfolio .portfolio-filter .portfolio-case__body{z-index:1;min-width:0;position:relative}.leao-page-portfolio .portfolio-section-header{grid-template-columns:.8fr 1.2fr;align-items:end;gap:clamp(32px,6vw,80px);display:grid}.leao-page-portfolio .portfolio-section-header .portfolio-section-title{margin:0}@media (width<=1100px){.leao-page-portfolio .portfolio-filter .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.leao-page-portfolio .portfolio-filter .portfolio-case--featured{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important}}@media (width<=820px){.leao-page-portfolio .portfolio-section-header{grid-template-columns:1fr;align-items:start}.leao-page-portfolio .portfolio-filter .portfolio-grid{grid-template-columns:1fr!important;gap:18px!important}.leao-page-portfolio .portfolio-filter .portfolio-case--featured{min-height:0;flex-direction:column!important;grid-column:span 1!important;display:flex!important}.leao-page-portfolio .portfolio-filter .portfolio-case--featured .portfolio-case__media,.leao-page-portfolio .portfolio-filter .portfolio-case--featured .portfolio-case__media img{height:auto;min-height:300px}}.leao-page-portfolio .portfolio-filter .portfolio-section-header{text-align:left;max-width:920px;margin-left:0;margin-right:auto;display:block}.leao-page-portfolio .portfolio-filter .portfolio-section-header #cases-title,.leao-page-portfolio .portfolio-filter .portfolio-section-header .portfolio-section-title,.leao-page-portfolio .portfolio-filter .portfolio-section-title--dark{max-width:920px;margin-top:22px}@media (width<=768px){.leao-page-portfolio .portfolio-filter .portfolio-section-header{max-width:100%}}.portfolio-case .portfolio-case__summary-link.portfolio-case__summary-link--button{display:inline-flex}.leao-page-portfolio .portfolio-case__summary-link{color:#107293;width:fit-content;font:inherit;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #10729361;align-items:center;margin-top:clamp(1rem,2vw,1.35rem);font-size:.86rem;font-weight:700;line-height:1.2;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.leao-page-portfolio .portfolio-case__summary-link:hover,.leao-page-portfolio .portfolio-case__summary-link:focus-visible{color:#189daa;border-bottom-color:currentColor;outline:none}.leao-page-portfolio .case-mini__button{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#189daa;justify-content:center;align-items:center;width:fit-content;min-height:48px;margin-top:clamp(1rem,2vw,1.35rem);padding:0 1.45rem;font-size:.82rem;font-weight:800;line-height:1;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.leao-page-portfolio .case-mini__button:hover,.leao-page-portfolio .case-mini__button:focus-visible{color:#fff;background:#107293;outline:none;transform:translateY(-1px)}.leao-page-portfolio .portfolio-case__media--placeholder,.leao-page-portfolio .case-mini__visual-placeholder{color:#fff;background:linear-gradient(135deg,#189daa2e,#10729314),#111;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:260px;text-decoration:none;display:flex}.leao-page-portfolio .portfolio-case__placeholder-mark,.leao-page-portfolio .case-mini__visual-placeholder{font-family:var(--font-display);font-size:clamp(42px,5vw,72px);line-height:1}.leao-page-portfolio .portfolio-case__placeholder-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffffad;font-size:11px}.leao-page-portfolio .case-mini__visual-placeholder{aspect-ratio:4/3;min-height:100%}.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,1.6vw,1.2rem);margin:0 0 clamp(2rem,4vw,3.5rem);display:grid}.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-toggle{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;font:inherit;letter-spacing:inherit;background:#ffffff09;border:1px solid #ffffff29;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:clamp(1rem,2vw,1.35rem) clamp(1rem,2.5vw,1.75rem);transition:border-color .2s,background .2s,color .2s;display:flex}.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-toggle:hover,.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-toggle:focus-visible{background:#189daa1f;border-color:#189daabf;outline:none}.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-toggle__eyebrow{color:#189daa;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:block}.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-toggle__label{color:currentColor;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:700;line-height:1.2;display:block}.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-toggle__icon{color:#189daa;border:1px solid #189daa8c;flex:none;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;transition:transform .2s,background .2s;display:inline-flex}.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-toggle[aria-expanded=true] .portfolio-accordion-toggle__icon{background:#189daa24;transform:rotate(180deg)}.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-panel[hidden]{display:none!important}.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-panel{scroll-margin-top:7rem}.leao-page-portfolio .portfolio-deep--accordion .case-detail-grid{padding-top:0;display:block}@media (width<=767px){.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-controls{grid-template-columns:1fr;gap:.85rem}.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-toggle{align-items:flex-start}.leao-page-portfolio .portfolio-deep--accordion .portfolio-accordion-toggle__icon{width:2rem;height:2rem}}