@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900&family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;0,900&display=swap";@font-face{font-family:Matroska;src:url(/fonts/matroska/Matroska.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}*:where(:not(html,iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img,svg{max-width:100%;display:block}table{border-collapse:collapse}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}strong{font-weight:700}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}:where([draggable=true]){-webkit-user-drag:element}.main-wrapper{width:100%;max-width:var(--main-wrapper-large);margin:0 auto;padding:0 1em}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.flex-column{display:flex;flex-direction:column;justify-content:flex-start}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center;align-items:center}.flex-end{justify-content:flex-end;align-items:flex-end}.flex-start{justify-content:flex-start;align-items:flex-start}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-between{justify-content:space-between}.flex-justify-around{justify-content:space-around}.flex-justify-center{justify-content:center}.flex-align-start{align-items:flex-start}.flex-align-end{align-items:flex-end}.flex-align-center{align-items:center}.flex-align-stretch{align-items:stretch}.flex-align-baseline{align-items:baseline}.gap-small{gap:var(--gap-small)}.gap-medium{gap:var(--gap-medium)}.gap-large{gap:var(--gap-large)}.gap-xlarge{gap:var(--gap-xlarge)}.w-full{width:100%}.w-90{width:90%}.w-80{width:80%}.w-70{width:70%}.w-60{width:60%}.w-50{width:50%}.w-40{width:40%}.w-30{width:30%}.w-20{width:20%}.w-10{width:10%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.text-center{text-align:center}.text-12{font-size:12px}.text-14{font-size:14px}.text-16{font-size:16px}.text-18{font-size:18px}.text-20{font-size:20px}.text-24{font-size:24px}.text-28{font-size:28px}.text-32{font-size:32px}.hide{display:none!important}.show{display:block!important}.no-desktop{display:none!important}.no-mobile{display:block!important}.highlight{color:var(--color-primary)}.outline{outline:1px solid red}@media only screen and (max-width:768px){.flex-row{width:100%;flex-direction:column}.no-desktop{display:block!important}.no-mobile{display:none!important}}.brand-card{flex:0 1 calc((100% - 3rem)/4);max-width:calc((100% - 3rem)/4);width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;border-radius:var(--border-radius);overflow:hidden;background:var(--color-light);border:1px solid rgba(114,20,20,.14);box-shadow:0 0 0 1px #fff9 inset,0 12px 28px #7214141a,0 2px 6px #0000000f;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;position:relative;z-index:var(--base-layer)}.brand-card:hover{border-color:#ad000059;box-shadow:0 0 0 1px #ffffffb3 inset,0 18px 42px #7214142e,0 4px 12px #00000014;transform:translateY(-4px)}.brand-card:focus-within{outline:3px solid var(--color-primary-dark);outline-offset:2px}.brand-card__accent{height:6px;flex-shrink:0;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 55%,var(--color-primary-dark) 100%)}.brand-card__media{position:relative;width:100%;overflow:hidden;border-bottom:1px solid rgba(114,20,20,.1)}.brand-card__media--asset{aspect-ratio:16 / 9;background:radial-gradient(ellipse 120% 80% at 50% 20%,#fff,#ececec 72%,#e2e2e2)}.brand-card__media--asset:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff59}.brand-card__media--asset img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:1rem 1.125rem;transition:transform .28s ease;filter:drop-shadow(0 10px 22px rgba(0,0,0,.12))}.brand-card:hover .brand-card__media--asset img{transform:scale(1.02)}.brand-card__media--video{position:relative;aspect-ratio:16 / 9;width:100%;overflow:hidden;background:radial-gradient(ellipse 120% 80% at 50% 20%,#1a1a1a,#0d0d0d 72%,#000);cursor:pointer}.brand-card__media--video .brand-card__video{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain}.brand-card__media--video .brand-card__video-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:var(--color-light);background:#00000059;pointer-events:none;opacity:1;transition:opacity .2s ease}.brand-card__media--video .brand-card__video-play svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}.brand-card__media--video.is-playing .brand-card__video-play{opacity:0}.brand-card__media--video .brand-card__tag,.brand-card__media--video .brand-card__ext,.brand-card__media--video .brand-card__video-duration{z-index:3}.brand-card__media--video .brand-card__video-duration{position:absolute;right:.65rem;bottom:.65rem;padding:.25rem .5rem;border-radius:6px;background:#000000c7;color:var(--color-light);font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.04em;line-height:1.2}.brand-card--video .brand-card__body--video{gap:.65rem;flex:1 1 auto}.brand-card--video .brand-card__specs{flex-shrink:0}.brand-card--video .brand-card__title{-webkit-line-clamp:2}.brand-card__filename{margin:0;font-family:var(--font-body);font-size:.68rem;color:var(--color-dark-grey);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-card__specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0}.brand-card__spec{display:flex;flex-direction:column;gap:.15rem;padding:.45rem .5rem;border-radius:8px;background:#7214140d;border:1px solid rgba(114,20,20,.08);min-width:0}.brand-card__spec dt{margin:0;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-dark-grey)}.brand-card__spec dd{margin:0;font-size:.78rem;font-weight:700;color:var(--color-primary-dark);font-family:var(--font-body);line-height:1.2}.brand-card__media--color{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.brand-card--color-token{border-radius:16px;overflow:hidden}.brand-card--color-token:hover{transform:translateY(-3px)}.brand-card--color-token .brand-card__accent{display:none}.brand-card__swatch{position:relative;aspect-ratio:4 / 3;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 1.1rem;background-color:var(--swatch-color, #000);color:var(--swatch-text, #fff);overflow:hidden}.brand-card__swatch:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.14) 0%,transparent 42%),linear-gradient(320deg,rgba(0,0,0,.18) 0%,transparent 55%);pointer-events:none}.brand-card__swatch:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f;pointer-events:none}.brand-card__swatch-badge{position:relative;z-index:1;align-self:flex-start;padding:.25rem .55rem;border-radius:999px;font-family:var(--font-body);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#00000047;color:inherit;backdrop-filter:blur(6px)}.brand-card__swatch-hex{position:relative;z-index:1;align-self:flex-end;font-family:var(--font-body);font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:800;letter-spacing:.06em;text-shadow:0 1px 2px rgba(0,0,0,.18)}.brand-card__body--color-token{gap:.85rem;padding:1rem 1.1rem 1.15rem}.brand-card__color-head{display:flex;flex-direction:column;gap:.35rem;min-width:0}.brand-card--color-token .brand-card__title{-webkit-line-clamp:2;font-size:.8125rem}.brand-card__token{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:600;color:var(--color-primary);background:#ad00000f;border:1px solid rgba(173,0,0,.12);border-radius:6px;padding:.3rem .45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-card__token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.brand-card__token-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0;padding:.45rem .55rem;border-radius:8px;border:1px solid rgba(114,20,20,.12);background:#7214140a;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.brand-card__token-chip--wide{grid-column:1 / -1}.brand-card__token-chip:hover{background:#ad000012;border-color:#ad000038}.brand-card__token-chip:active{transform:scale(.98)}.brand-card__token-chip:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}.brand-card__token-chip-label{font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-dark-grey)}.brand-card__token-chip-value{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:700;color:var(--color-primary-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-card--color-token .brand-card__toast{top:auto;bottom:.65rem;right:.65rem}.brand-card__media--email{aspect-ratio:9 / 16;background-color:var(--color-background)}.brand-card__media--email iframe{width:100%;height:100%;border:0;pointer-events:none}.brand-card--interactive{cursor:pointer}.brand-card--interactive:hover .brand-card__media--color:after{content:"Copiar HEX";display:flex;justify-content:center;align-items:center;color:#fff;font-size:clamp(1rem,3vw,1.75rem);font-weight:700;width:100%;height:100%;background-color:#0000008c;position:absolute;top:0;left:0;z-index:2}.brand-card__body{display:flex;flex-direction:column;gap:1rem;padding:1.125rem 1.25rem 1.35rem;background:linear-gradient(180deg,#f6f7f8,#fafafa 45%,#fff);border-top:1px solid rgba(255,255,255,.85);flex:1 1 auto;min-height:0;text-align:left}.brand-card__body--center{text-align:center;justify-content:center}.brand-card__body--toolbar{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;margin-top:auto;flex:0 0 auto}.brand-card__body--toolbar .brand-card__title{flex:1;min-width:0;text-align:left}.brand-card__title{font-family:var(--font-headline);font-size:.875rem;font-weight:700;color:var(--color-primary-dark);line-height:1.3;letter-spacing:.04em;text-transform:uppercase;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.brand-card__meta{font-family:var(--font-body);font-size:1rem;margin:0;color:var(--color-dark-grey);font-weight:600}.brand-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:auto;flex-shrink:0;padding:.6rem 1rem;font-family:var(--font-body);font-size:.8125rem;font-weight:600;letter-spacing:.01em;text-transform:none;text-decoration:none;color:var(--color-primary-dark);background:transparent;border-radius:6px;border:1px solid rgba(114,20,20,.22);box-shadow:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.brand-card__btn-icon{flex-shrink:0;opacity:.75}.brand-card__btn:hover{color:var(--color-primary-dark);background:#7214140d;border-color:#72141459}.brand-card__btn:active{background:#72141414}.brand-card__btn:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}.brand-card__actions{display:flex;flex-shrink:0;align-items:center;gap:.35rem}.brand-card__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--color-primary-dark);text-decoration:none;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.brand-card__icon-btn:hover{color:var(--color-primary-dark);background:#7214140d;border-color:#7214142e}.brand-card__icon-btn:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}.brand-card__icon-btn svg{width:1.2rem;height:1.2rem;stroke:currentColor}.brand-card__toast{position:absolute;top:.65rem;right:.65rem;background-color:var(--color-success);color:var(--color-light);padding:.35rem .65rem;border-radius:6px;font-size:.75rem;font-weight:700;z-index:var(--text-layer)}@media(prefers-reduced-motion:reduce){.brand-card,.brand-card__media--asset img,.brand-card__btn,.brand-card__icon-btn{transition:none}.brand-card:hover,.brand-card:hover .brand-card__media--asset img{transform:none}}@media(max-width:1200px){.brand-card{flex:0 1 calc((100% - 2rem) / 3);max-width:calc((100% - 2rem) / 3)}}@media(max-width:900px){.brand-card{flex:0 1 calc((100% - 1rem)/2);max-width:calc((100% - 1rem)/2)}}@media(max-width:600px){.brand-card{flex:0 1 100%;max-width:100%}}.library-page{display:flex;flex-direction:column;gap:1.5rem;min-height:0}.library-page .page-header{margin-bottom:0}.page-header--with-metrics{display:grid;grid-template-columns:1fr auto;gap:1.25rem 2rem;align-items:end;padding:1.35rem 1.5rem;background:var(--color-light);border:1px solid rgba(114,20,20,.1);border-radius:18px;box-shadow:0 0 0 1px #ffffffd9 inset,0 12px 32px #72141412}.page-header__content{min-width:0}.page-header--with-metrics .headline{margin-bottom:.4rem}.page-header--with-metrics .description{margin-bottom:0}.page-header__metrics{display:flex;flex-direction:column;align-items:flex-end;gap:.65rem;flex-shrink:0}.page-header__metric{display:flex;flex-direction:column;align-items:center;text-align:center}.page-header__metric--primary{padding:.65rem 1.1rem .7rem;min-width:5.5rem;background:linear-gradient(145deg,#ad00001a,#7214140f);border:1px solid rgba(114,20,20,.14);border-radius:14px;box-shadow:0 4px 12px #7214140f}.page-header__metric--primary .page-header__metric-value{font-size:2.5rem;line-height:1}.page-header__metric--secondary .page-header__metric-value{font-size:1.25rem;line-height:1}.page-header__metric-value{font-family:var(--font-headline);font-weight:700;color:var(--color-primary-dark);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.page-header__metric-label{margin-top:.2rem;font-family:var(--font-body);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-dark-grey);white-space:nowrap}.page-header__metric-list{display:flex;align-items:stretch;gap:.5rem;margin:0;padding:0;list-style:none}.page-header__metric--secondary{padding:.45rem .65rem;min-width:3.25rem;background:var(--color-secondary-light);border:1px solid rgba(114,20,20,.08);border-radius:10px}.page-header__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .65rem;padding:0;list-style:none;font-size:.75rem;color:var(--color-dark-grey);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.page-header__breadcrumb li{display:inline-flex;align-items:center;gap:.35rem}.page-header__breadcrumb li+li:before{content:"›";opacity:.5;font-weight:400}.page-header__breadcrumb a{color:var(--color-primary);text-decoration:none}.page-header__breadcrumb a:hover{text-decoration:underline}.library-page .headline{margin-bottom:.5rem}.library-page .description{margin-bottom:0;max-width:42rem}.library-panel{display:flex;flex-direction:column;background:var(--color-light);border:1px solid rgba(114,20,20,.1);border-radius:18px;box-shadow:0 0 0 1px #ffffffd9 inset,0 16px 40px #72141414;overflow:hidden}.library-toolbar{position:sticky;top:0;z-index:var(--deco-layer);display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.15rem;background:linear-gradient(180deg,#fff,#fafafa);border-bottom:1px solid rgba(114,20,20,.1)}.library-toolbar__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.library-toolbar__label{margin:0;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-dark)}.library-toolbar__meta{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.library-toolbar__count{margin:0;font-size:var(--font-size-small);font-weight:700;color:var(--color-dark-grey);white-space:nowrap}.library-toolbar__count strong{color:var(--color-primary-dark);font-weight:800}.library-toolbar__clear{padding:.35rem .75rem;border:1px solid rgba(114,20,20,.16);border-radius:999px;background:transparent;color:var(--color-primary-dark);font-family:var(--font-body);font-size:.75rem;font-weight:700;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,background-color .18s ease,border-color .18s ease}.library-toolbar__clear.is-visible{opacity:1;pointer-events:auto}.library-toolbar__clear:hover{background:#ad00000f;border-color:#ad00004d}.library-toolbar__row{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:1rem;align-items:start}.library-toolbar__search-wrap{position:relative}.library-toolbar__search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--color-dark-grey);pointer-events:none}.library-toolbar__search{width:100%;padding:.65rem 2.25rem .65rem 2.5rem;border:1px solid rgba(114,20,20,.14);border-radius:10px;font-family:var(--font-body);font-size:.95rem;background:var(--color-secondary-light);box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.library-toolbar__search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ad00001f;background:var(--color-light)}.library-toolbar__search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:999px;background:#72141414;color:var(--color-dark-grey);font-size:1.1rem;line-height:1;cursor:pointer}.library-toolbar__search-clear.is-visible{display:inline-flex}.library-toolbar__chips-wrap{min-width:0}.library-toolbar__chips{display:flex;flex-wrap:wrap;gap:.4rem}.library-toolbar__chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid rgba(114,20,20,.14);border-radius:999px;background:var(--color-light);color:var(--color-dark-grey);font-family:var(--font-body);font-size:.75rem;font-weight:700;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .15s ease}.library-toolbar__chip:hover{border-color:#ad00004d;color:var(--color-primary-dark)}.library-toolbar__chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-light)}.library-toolbar__chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;padding:.1rem .35rem;border-radius:999px;background:#00000014;font-size:.65rem;font-weight:800;line-height:1.2}.library-toolbar__chip.is-active .library-toolbar__chip-count{background:#ffffff38}.library-toolbar__chip-count:empty,.library-toolbar__chip-count[data-count="0"]{display:none}.library-panel__content{padding:1.15rem}.library-panel__content--flush{padding-top:1.15rem}.library-panel__content--flow{display:flex;flex-direction:column;gap:1.5rem}.library-panel__content--flow h2{font-family:var(--font-headline);font-size:1.15rem;margin:0 0 .75rem;text-transform:uppercase;color:var(--color-primary-dark)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.15rem;align-items:stretch}.library-grid--emails{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.library-grid--emails .brand-card{min-width:380px}.library-grid--videos{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.library-grid--colors,.library-grid--images{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media(min-width:1024px){.library-grid--images{grid-template-columns:repeat(5,minmax(0,1fr))}}.library-grid .brand-card{flex:unset;max-width:none;width:100%;height:100%;min-height:100%}.library-grid .resource-card{height:100%;min-height:100%}.library-grid.is-filtering .brand-card.is-hidden{display:none!important}.library-grid.is-filtering .brand-card{animation:library-card-in .25s ease backwards}@keyframes library-card-in{0%{opacity:0;transform:translateY(6px)}}.library-empty{display:none;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1.5rem;text-align:center;border-radius:14px;background:var(--color-secondary-light);border:1px dashed rgba(114,20,20,.2)}.library-panel__content:has(.library-empty.is-visible) .library-grid{display:none}.library-empty.is-visible{display:flex}.library-empty__icon{font-size:2rem;opacity:.35;line-height:1}.library-empty__text{margin:0;max-width:22rem;color:var(--color-dark-grey);font-size:.95rem;line-height:1.5}.brand-card__tag{position:absolute;top:.65rem;left:.65rem;z-index:3;padding:.2rem .5rem;border-radius:6px;background:#000000b8;color:var(--color-light);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(4px)}.brand-card__ext{position:absolute;top:.65rem;right:.65rem;z-index:3;padding:.2rem .45rem;border-radius:6px;background:#ffffffeb;color:var(--color-primary-dark);font-family:var(--font-body);font-size:.62rem;font-weight:700;letter-spacing:.04em;border:1px solid rgba(114,20,20,.12)}.brand-card__media{position:relative}@media(max-width:768px){.library-toolbar__row{grid-template-columns:1fr}.library-toolbar__chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.library-toolbar__chips::-webkit-scrollbar{display:none}.library-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}.library-grid--emails{grid-template-columns:1fr}.library-grid--emails .brand-card{min-width:0}.library-panel__content{padding:.85rem}}.library-toolbar--compact{flex-direction:row;align-items:center;justify-content:flex-end;padding:.75rem 1.15rem}@media(max-width:720px){.page-header--with-metrics{grid-template-columns:1fr;align-items:stretch;gap:1rem}.page-header__metrics{align-items:stretch;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.page-header__metric--primary{flex:1;min-width:7rem}.page-header__metric-list{flex:1;justify-content:stretch}.page-header__metric--secondary{flex:1}}@media(prefers-reduced-motion:reduce){.library-grid.is-filtering .brand-card{animation:none}}.library-grid--utilities{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.library-grid--utilities .resource-card{width:100%;min-width:0}.library-grid.is-filtering .resource-card.is-hidden{display:none!important}.library-grid.is-filtering .resource-card{animation:library-card-in .25s ease backwards}.resource-card{display:flex;flex-direction:column;height:100%;min-height:100%;border-radius:16px;overflow:hidden;background:var(--color-light);border:1px solid rgba(114,20,20,.12);box-shadow:0 0 0 1px #ffffffb3 inset,0 10px 28px #72141414;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.resource-card:hover{border-color:#ad00004d;box-shadow:0 0 0 1px #fffc inset,0 16px 36px #72141424;transform:translateY(-3px)}.resource-card:focus-within{outline:3px solid var(--color-primary-dark);outline-offset:2px}.resource-card--placeholder{opacity:.88;border-style:dashed}.resource-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.15rem .85rem;background:linear-gradient(160deg,var(--resource-accent-bg, #f5f5f5) 0%,#ffffff 100%);border-bottom:1px solid rgba(114,20,20,.06)}.resource-card__icon{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:12px;background:var(--resource-accent, var(--color-primary-dark));color:var(--color-light);flex-shrink:0;box-shadow:0 6px 16px #0000001f}.resource-card__badges{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.resource-card__ext{padding:.25rem .55rem;border-radius:6px;background:#0000000f;font-family:var(--font-body);font-size:.68rem;font-weight:800;letter-spacing:.05em;color:var(--color-primary-dark)}.resource-card__type{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-dark-grey)}.resource-card__body{display:flex;flex-direction:column;gap:.4rem;flex:1 1 auto;min-height:0;padding:1rem 1.15rem .85rem}.resource-card__category{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--resource-accent, var(--color-primary))}.resource-card__title{margin:0;font-family:var(--font-headline);font-size:1rem;line-height:1.25;text-transform:uppercase;letter-spacing:.02em;color:var(--color-primary-dark)}.resource-card__description{margin:0;font-size:var(--font-size-small);line-height:1.5;color:var(--color-dark-grey);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.resource-card__action{display:flex;align-items:center;justify-content:center;margin-top:auto;flex-shrink:0;margin-left:1.15rem;margin-right:1.15rem;margin-bottom:1.15rem;padding:.6rem 1rem;border-radius:6px;background:transparent;color:var(--color-primary-dark);text-decoration:none;font-size:.8125rem;font-weight:600;text-transform:none;letter-spacing:.01em;border:1px solid rgba(114,20,20,.22);box-shadow:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.resource-card__action:hover{background:#7214140d;border-color:#72141459;color:var(--color-primary-dark)}.resource-card--php{--resource-accent: #4f5b93;--resource-accent-bg: #eceef8}.resource-card--wordpress{--resource-accent: #21759b;--resource-accent-bg: #e8f4fa}.resource-card--agent{--resource-accent: var(--color-primary);--resource-accent-bg: #fdeaea}.resource-card--skill{--resource-accent: #5c3d2e;--resource-accent-bg: #f5ebe4}.resource-card--component{--resource-accent: #444444;--resource-accent-bg: #f0f0f0}@media(max-width:768px){.library-grid--utilities{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.resource-card:hover{transform:none}.library-grid.is-filtering .resource-card{animation:none}}.typography-page{display:flex;flex-direction:column;gap:1.5rem}.typography-panel .library-panel{margin:0}.typography-toolbar{position:sticky;top:0;z-index:var(--deco-layer);flex-direction:column;align-items:stretch;gap:1rem;padding:1.1rem 1.25rem}.typography-toolbar__intro{display:flex;flex-direction:column;gap:.25rem}.typography-toolbar__eyebrow{margin:0;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary-dark)}.typography-toolbar__hint{margin:0;font-size:.8125rem;line-height:1.45;color:var(--color-dark-grey);max-width:36rem}.typography-toolbar__controls{display:flex;flex-direction:column;gap:1rem}.typography-toolbar__field{display:flex;flex-direction:column;gap:.45rem}.typography-toolbar__label{margin:0;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-dark-grey)}.typography-toolbar__input-row{display:flex;gap:.5rem;align-items:stretch}.typography-toolbar__input{flex:1;min-width:0;padding:.75rem 1rem;font-family:var(--font-body);font-size:1.05rem;font-weight:600;color:var(--color-secondary-dark);background:var(--color-light);border:1px solid rgba(114,20,20,.18);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}.typography-toolbar__input::placeholder{color:var(--color-light-grey);font-weight:400}.typography-toolbar__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ad000026}.typography-toolbar__reset{flex-shrink:0;padding:0 1rem;font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--color-primary-dark);background:transparent;border:1px solid rgba(114,20,20,.22);border-radius:10px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.typography-toolbar__reset:hover{background:#ad00000f;border-color:#72141459}.typography-toolbar__reset:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}.typography-toolbar__count{margin:0;font-size:.7rem;color:var(--color-dark-grey);font-variant-numeric:tabular-nums}.typography-toolbar__options{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem 1.5rem}.typography-toolbar__presets,.typography-toolbar__style{display:flex;flex-direction:column;gap:.45rem}.typography-toolbar__toggle{padding:.4rem .85rem;font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary-dark);background:var(--color-light);border:1px solid rgba(114,20,20,.2);border-radius:999px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.typography-toolbar__toggle:hover{background:#ad00000f;border-color:#7214144d}.typography-toolbar__toggle[aria-pressed=true]{color:var(--color-light);background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.typography-toolbar__toggle:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}.typography-grid--uppercase .typography-sample__text{text-transform:uppercase;letter-spacing:.04em}.typography-toolbar__presets-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-dark-grey)}.typography-toolbar__preset-list{display:flex;flex-wrap:wrap;gap:.45rem}.typography-toolbar__preset{padding:.4rem .75rem;font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--color-primary-dark);background:#ad00000f;border:1px solid rgba(114,20,20,.14);border-radius:999px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.typography-toolbar__preset:hover{background:#ad00001f;border-color:#72141447}.typography-toolbar__preset:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}.typography-toolbar__preset:active{transform:scale(.98)}.typography-grid{display:flex;flex-direction:column;gap:1.5rem;width:100%}.typography-grid .typography-card{width:100%;max-width:none}.typography-card{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:var(--color-light);border:1px solid rgba(114,20,20,.14);box-shadow:0 0 0 1px #fff9 inset,0 8px 20px #72141412;transition:border-color .2s ease,box-shadow .2s ease}.typography-card__accent{height:5px;flex-shrink:0;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 55%,var(--color-primary-dark) 100%)}.typography-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem .85rem;background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid rgba(114,20,20,.08)}.typography-card__identity{min-width:0}.typography-card__title{margin:0;font-family:var(--font-headline);font-size:1.35rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary-dark);line-height:1.15}.typography-card__hint{margin:.35rem 0 0;font-size:.8125rem;line-height:1.4;color:var(--color-dark-grey)}.typography-card__tag{flex-shrink:0;padding:.25rem .55rem;font-family:var(--font-body);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary-dark);background:#ad000014;border-radius:6px;white-space:nowrap}.typography-card__preview{position:relative;padding:1.25rem 1.35rem 1.35rem;background:linear-gradient(145deg,var(--color-secondary-dark) 0%,var(--color-primary-dark) 55%,#4a0808 100%);overflow:hidden}.typography-card__preview:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 100% 0%,rgba(173,0,0,.35) 0%,transparent 55%);pointer-events:none}.typography-card__samples{position:relative;z-index:1;display:flex;flex-direction:column;gap:.85rem}.typography-sample{display:flex;flex-direction:column;gap:.3rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.1)}.typography-sample:last-child{padding-bottom:0;border-bottom:none}.typography-sample__meta{font-family:var(--font-body);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffadadcc}.typography-sample__text{margin:0;color:var(--color-light);line-height:1.15;letter-spacing:-.02em;word-break:break-word;overflow-wrap:anywhere}.typography-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem 1.25rem;padding:1rem 1.25rem 1.15rem;background:linear-gradient(180deg,#f6f7f8,#fff);border-top:1px solid rgba(114,20,20,.08)}.typography-card__file{display:flex;flex-direction:column;gap:.15rem;margin:0;min-width:0}.typography-card__file-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-dark-grey)}.typography-card__file-name{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--color-secondary)}.typography-card__footer .brand-card__btn{width:auto;min-width:10rem;margin-top:0;flex-shrink:0}@media(max-width:720px){.typography-toolbar__input-row{flex-direction:column}.typography-toolbar__reset{width:100%;padding:.6rem 1rem}.typography-card__header{flex-direction:column;align-items:flex-start}.typography-card__footer{flex-direction:column;align-items:stretch}.typography-card__footer .brand-card__btn{width:100%}}@media(prefers-reduced-motion:reduce){.typography-toolbar__preset:active{transform:none}}:root{--color-primary: #ad0000;--color-primary-light: #ffadad;--color-primary-dark: #721414;--color-secondary: #222222;--color-secondary-light: #f2f2f2;--color-secondary-dark: #000000;--color-background: #f2f2f2;--color-alert: #e7b43c;--color-success: #269a57;--color-error: #e74c3c;--color-dark: #000000;--color-light: #ffffff;--color-dark-grey: #666666;--color-light-grey: #cbcbcb;--color-text: #666666;--color-shadow: 0 2px 4px rgba(0, 0, 0, .1);--color-overlay: rgba(0, 0, 0, .2);--font-body: "Lato", sans-serif;--font-headline: "Arial Black", "Helvetica Neue", sans-serif;--font-size-base: 16px;--font-size-large: 1.25rem;--font-size-small: .875rem;--border-radius: 20px;--rounded: 50%;--main-wrapper-xlarge: 1400px;--main-wrapper-large: 1200px;--main-wrapper-medium: 1024px;--main-wrapper-small: 768px;--gap-small: .5rem;--gap-medium: 1rem;--gap-large: 2rem;--gap-xlarge: 3rem;--transition: all .3s ease-in-out;--loader-layer: 99999;--modal-layer: 9999;--menu-layer: 999;--deco-layer: 99;--text-layer: 9;--base-layer: 1;--bg-layer: -1;--sidebar-width: 18rem}html{scroll-behavior:smooth}body{width:100%;height:100dvh;background-color:var(--color-background);font-family:var(--font-body),sans-serif;position:relative;z-index:var(--base-layer)}.main-content{display:flex;flex-direction:row;align-items:stretch;width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.main-content .content{flex:1 1 auto;min-width:0;min-height:0;padding:2rem;overflow-x:hidden;overflow-y:auto}.main-content .content h1.headline{font-family:var(--font-headline);font-size:2.5rem;text-transform:uppercase;margin-bottom:1rem;font-weight:700}.main-content .content p.description{font-size:1rem;line-height:1.5;color:var(--color-text);margin-bottom:2rem}.main-content .content h2:not(.brand-card__title):not(.home-zone__title){font-family:var(--font-headline);font-size:1.5rem;margin-bottom:1rem;font-weight:700;margin-top:2rem}@media(max-width:768px){body.sidebar-open{overflow:hidden}.main-content{flex-direction:row;height:auto;min-height:100dvh}.main-content .content{flex:1;width:100%;min-width:0;padding:5rem 1rem 1rem}}