:root{--font-sans:"Host Grotesk",system-ui,-apple-system,sans-serif;--color-white:#ffffff;--color-off-white:#f9fafb;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-black:#000000;--container-max-width:1400px;--content-max-width:1000px;--header-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-white);color:var(--color-gray-900)}body,main{min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:opacity .2s ease}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 24px}@media (min-width:768px){.container{padding:0 48px}}.header{height:var(--header-height);border-bottom:1px solid var(--color-gray-100);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.8);position:-webkit-sticky;position:sticky;top:0;z-index:50}.header,.header-content{display:flex;align-items:center}.header-content{justify-content:space-between}.header-logo{display:block;color:var(--color-gray-900);transition:opacity .2s ease;line-height:0}.header-logo:hover{opacity:.7}.header-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-gray-900)}.page-header{padding:80px 0 64px;text-align:center}.page-header h1{font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:24px}.page-header p{font-size:1.25rem;color:var(--color-gray-500);max-width:600px;margin:0 auto}@media (min-width:768px){.page-header{padding:100px 0 80px}.page-header h1{font-size:4rem}}.brand-grid{display:grid;grid-gap:32px;gap:32px;padding-bottom:80px}@media (min-width:640px){.brand-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.brand-grid{grid-template-columns:repeat(3,1fr);gap:40px}}.brand-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:24px;overflow:hidden;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);height:100%}.brand-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08);border-color:var(--color-gray-300)}.brand-card-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;padding:40px}.brand-card-logo.variant-light{background:var(--color-gray-900)}.brand-card-logo.variant-color,.brand-card-logo.variant-dark{background:var(--color-gray-50)}.brand-card-logo img{max-width:100%;max-height:100%;object-fit:contain}.brand-card-content{padding:24px;flex:1 1;display:flex;flex-direction:column}.brand-card-name{font-size:1.25rem;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}.brand-card-description{font-size:.9375rem;color:var(--color-gray-500);line-height:1.6;text-wrap:balance}.brand-page{display:flex;flex-direction:column}@media (min-width:1024px){.brand-page{flex-direction:row;align-items:flex-start}}.brand-content{flex:1 1;min-width:0}.brand-hero{padding:64px 24px;border-bottom:1px solid var(--color-gray-100);display:flex;flex-direction:column}.brand-hero>*{width:100%;max-width:var(--content-max-width)}.brand-hero .back-link{width:-moz-fit-content;width:fit-content}@media (min-width:768px){.brand-hero{padding:80px 64px}}.brand-hero-header{margin-bottom:24px}.brand-hero h1{font-size:3rem;font-weight:700;letter-spacing:-.03em;margin-bottom:8px}@media (min-width:768px){.brand-hero h1{font-size:4rem}}.brand-updated{font-size:.875rem;color:var(--color-gray-400);font-family:inherit}.brand-description{font-size:1.25rem;color:var(--color-gray-600);max-width:720px;line-height:1.6;margin-top:24px;text-wrap:balance}.brand-details{margin-top:32px;max-width:720px}.section{padding:64px 24px;border-bottom:1px solid var(--color-gray-100);display:flex;flex-direction:column}.section>*{width:100%;max-width:var(--content-max-width)}@media (min-width:768px){.section{padding:80px 64px}}.section:last-child{border-bottom:none}.section-title{font-size:1.75rem;letter-spacing:-.02em;margin-bottom:40px}.section-subtitle,.section-title{font-weight:600;text-wrap:balance}.section-subtitle{font-size:1.25rem;letter-spacing:-.01em;color:var(--color-gray-900);margin-top:48px;margin-bottom:24px}.section-subtitle:first-child{margin-top:0}.section-nav{background:rgba(255,255,255,.9);border-bottom:1px solid var(--color-gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:visible;display:block}.section-nav-brand{display:none;padding:0 0 32px;color:var(--color-gray-900)}.aspect-logo{height:24px;width:auto;display:block}.section-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 24px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;color:var(--color-gray-900)}.section-nav-hamburger{display:flex;flex-direction:column;justify-content:center;gap:6px;width:24px;height:24px}.section-nav-hamburger span{display:block;width:100%;height:2px;background-color:var(--color-gray-900);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;transform-origin:center}.section-nav-hamburger.active span:first-child{transform:translateY(4px) rotate(45deg)}.section-nav-hamburger.active span:last-child{transform:translateY(-4px) rotate(-45deg)}.section-nav-list{display:none;flex-direction:column;padding:0 24px 24px;border-top:1px solid var(--color-gray-100);background:rgba(255,255,255,.95);max-height:calc(100vh - 80px);overflow-y:auto;list-style-type:none}.section-nav.is-open .section-nav-list{display:flex}.section-nav-item a{display:block;padding:12px 4px;font-size:.9375rem;color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-100);transition:all .2s ease;font-weight:500;border-radius:0;background:transparent;box-shadow:none}.section-nav-item:last-child a{border-bottom:none}.section-nav-item a.active,.section-nav-item a:hover{background:transparent;color:var(--color-gray-900)}.section-nav-item a.active{box-shadow:none}@media (min-width:1024px){.section-nav{width:280px;min-width:280px;height:100vh;border-right:1px solid var(--color-gray-200);border-bottom:none;padding:40px 24px;overflow-y:auto;background:var(--color-white);-webkit-backdrop-filter:none;backdrop-filter:none;top:0}.section-nav,.section-nav-brand{display:block}.section-nav-toggle{display:none}.section-nav-list{display:flex;flex-direction:column;padding:0;white-space:normal;background:transparent;border-top:none;max-height:none;gap:8px}.section-nav-item a{padding:10px 16px;border-bottom:none;border-radius:8px;background:transparent}.section-nav-item a:hover{background:var(--color-gray-100)}.section-nav-item a.active{background:var(--color-gray-900);color:var(--color-white)}}.logo-grid{display:grid;grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.logo-item{gap:16px}.logo-item,.logo-item-primary{display:flex;flex-direction:column}.logo-item-primary{gap:24px;grid-column:1/-1;max-width:600px;margin-bottom:48px}.logo-item-primary .logo-preview{display:flex;align-items:center;justify-content:center;padding:80px;border-radius:24px;min-height:400px;border:1px solid var(--color-gray-200);transition:border-color .2s ease}.logo-item-primary .logo-preview img{max-width:100%;max-height:200px;object-fit:contain}.logo-item-primary .logo-name{font-size:1.25rem;font-weight:700}.logo-preview{display:flex;align-items:center;justify-content:center;padding:48px;border-radius:16px;min-height:240px;border:1px solid var(--color-gray-200);transition:border-color .2s ease}.logo-item-primary:hover .logo-preview,.logo-item:hover .logo-preview{border-color:var(--color-gray-300)}.logo-preview.variant-light{background:var(--color-gray-900);border-color:transparent}.logo-preview.variant-dark{background:var(--color-white)}.logo-preview.variant-color{background:var(--color-gray-50)}.logo-preview img{max-width:100%;max-height:80px;object-fit:contain}.logo-info{display:flex;flex-direction:column;gap:4px}.logo-name{font-weight:600;font-size:.9375rem}.logo-description{font-size:.875rem;color:var(--color-gray-500)}.primary-logo-section{max-width:600px}.primary-logo-main,.primary-logo-section{display:flex;flex-direction:column;gap:24px}.logo-preview-primary{padding:64px;min-height:320px;border-radius:20px}.logo-preview-primary img{max-height:120px}.primary-logo-description .rich-text{margin-top:0}.primary-logo-download,.primary-logo-download .btn{width:100%}.color-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.color-item{border:1px solid var(--color-gray-200);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:transform .2s ease}.color-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.color-swatch{height:120px;cursor:pointer;position:relative}.color-swatch:after{content:"Kopier";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);color:white;font-size:.875rem;font-weight:600;opacity:0;transition:opacity .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.color-swatch:hover:after{opacity:1}.color-info{padding:16px;display:flex;flex-direction:column;gap:4px}.color-name{font-weight:600;font-size:.9375rem;display:flex;align-items:center;justify-content:space-between;gap:8px}.color-primary-badge{background:var(--color-gray-900);color:var(--color-white);font-size:.625rem;font-weight:600;padding:4px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.color-values{font-size:.8125rem;color:var(--color-gray-500);font-family:SF Mono,Monaco,Inconsolata,monospace;gap:2px}.color-values,.font-list{display:flex;flex-direction:column}.font-list{gap:48px}.font-item{border:1px solid var(--color-gray-200);border-radius:16px;overflow:hidden}.font-preview{padding:64px 40px;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.font-sample{font-size:2.5rem;line-height:1.1;font-weight:400}@media (min-width:768px){.font-sample{font-size:3.5rem}}.font-info{padding:24px 40px;display:flex;flex-direction:column;gap:8px}.font-name{font-weight:600;font-size:1.125rem}.font-weights{font-size:.9375rem;color:var(--color-gray-500)}.font-actions{grid-template-columns:repeat(2,1fr)}.font-actions,.image-gallery{display:grid;grid-gap:16px;gap:16px}.image-gallery{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.image-gallery{grid-template-columns:1fr;gap:12px}}.gallery-item{position:relative;border-radius:16px;overflow:hidden;background:var(--color-gray-100)}.gallery-image-button{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer}.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s ease;transform:translateZ(0)}.gallery-image-button:hover img{transform:scale(1.02)}.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:48px 16px 16px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0));color:var(--color-white);font-size:.9375rem;font-weight:500;font-style:italic}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-size:.9375rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none!important}.btn-primary{background:var(--color-gray-900);color:var(--color-white)}.btn-primary:hover{background:var(--color-black);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-secondary{background:var(--color-white);color:var(--color-gray-900);border:1px solid var(--color-gray-200)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);transform:translateY(-1px)}.btn-small{padding:8px 16px;font-size:.8125rem;border-radius:8px}.download-list{display:flex;flex-direction:column;gap:16px}@media (min-width:768px){.download-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}}.download-item{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--color-white);border-radius:12px;border:1px solid var(--color-gray-200);transition:all .2s ease;height:100%}@media (min-width:640px){.download-item{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}}.download-item:hover{border-color:var(--color-gray-300);box-shadow:0 4px 12px rgba(0,0,0,.05)}.download-info{flex:1 1;min-width:0;width:100%}.download-item .btn{width:100%;justify-content:center}@media (min-width:640px){.download-item .btn{width:auto}}.download-name{font-weight:600;font-size:.9375rem;display:flex;align-items:center;gap:8px;margin-bottom:4px}.download-description{font-size:.8125rem;color:var(--color-gray-500)}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:500;color:var(--color-gray-500);margin-bottom:32px;padding:8px 16px;background:var(--color-gray-100);border-radius:99px;transition:all .2s ease;width:-moz-fit-content;width:fit-content}@media screen and (min-width:1024px){a.back-link{margin-top:17px}}.back-link:hover{background:var(--color-gray-200);color:var(--color-gray-900)}.rich-text{font-size:1.0625rem;line-height:1.75;color:var(--color-gray-700);margin-top:32px}.rich-text:first-child{margin-top:0}.rich-text h2{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-top:48px;margin-bottom:24px}.rich-text h2,.rich-text h3{color:var(--color-gray-900);text-wrap:balance}.rich-text h3{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-top:40px;margin-bottom:16px}.rich-text p{margin-bottom:24px;text-wrap:pretty}.rich-text-image{margin:32px 0}.rich-text-image img{border-radius:12px;height:auto}.rich-text-image figcaption{margin-top:12px;font-size:.875rem;color:var(--color-gray-500);font-style:italic}.rich-text-image--small{max-width:300px}.rich-text-image--medium{max-width:500px}.rich-text-image--large{max-width:100%}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:lightbox-fade-in .2s ease}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:24px;right:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--color-white);cursor:pointer;transition:all .2s ease}.lightbox-close:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.lightbox-content{max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;animation:lightbox-scale-in .25s ease}@keyframes lightbox-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.lightbox-caption{margin-top:16px;padding:12px 24px;background:rgba(255,255,255,.1);border-radius:8px;color:var(--color-white);font-size:.9375rem;font-style:italic;text-align:center;max-width:600px}