:root{--font-sans:"Host Grotesk",system-ui,-apple-system,sans-serif;--color-white:#ffffff;--color-off-white:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-black:#000000}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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}a:hover{opacity:.8}.container{max-width:1280px;margin:0 auto;padding:0 24px}@media (min-width:768px){.container{padding:0 48px}}.header{padding:24px 0;border-bottom:1px solid var(--color-gray-200)}.header-content{display:flex;align-items:center;justify-content:space-between}.header-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-900)}.header-nav{display:flex;gap:24px}.header-nav a{font-size:.875rem;color:var(--color-gray-600);transition:color .15s ease}.header-nav a:hover{color:var(--color-gray-900);opacity:1}.page-header{padding:64px 0 48px}.page-header h1{font-size:2.5rem;font-weight:600;line-height:1.2;margin-bottom:16px}.page-header p{font-size:1.125rem;color:var(--color-gray-600);max-width:600px}@media (min-width:768px){.page-header{padding:80px 0 64px}.page-header h1{font-size:3rem}}.brand-grid{display:grid;grid-gap:24px;gap:24px;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:32px}}@media (min-width:1280px){.brand-grid{grid-template-columns:repeat(4,1fr)}}.brand-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.brand-card:hover{border-color:var(--color-gray-300);box-shadow:0 4px 12px rgba(0,0,0,.05)}.brand-card-logo{display:flex;align-items:center;justify-content:center;height:180px;padding:32px}.brand-card-logo.variant-light{background:var(--color-gray-900)}.brand-card-logo.variant-dark{background:var(--color-white)}.brand-card-logo.variant-color{background:var(--color-gray-900)}.brand-card-logo img{max-width:100%;max-height:100%;object-fit:contain}.brand-card-content{padding:20px;flex:1 1;display:flex;flex-direction:column}.brand-card-name{font-size:1.125rem;font-weight:600;margin-bottom:8px}.brand-card-description{font-size:.875rem;color:var(--color-gray-600);line-height:1.5;flex:1 1}.brand-page{display:flex;flex-direction:column}@media (min-width:1024px){.brand-page{flex-direction:row}}.section-nav{background:var(--color-off-white);border-bottom:1px solid var(--color-gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:100;overflow-x:auto}@media (min-width:1024px){.section-nav{position:-webkit-sticky;position:sticky;top:0;width:280px;min-width:280px;height:100vh;border-right:1px solid var(--color-gray-200);border-bottom:none;padding:32px 24px;overflow-y:auto}}.section-nav-list{display:flex;list-style:none;gap:4px;padding:16px 24px}@media (min-width:1024px){.section-nav-list{flex-direction:column;padding:0;gap:8px}}.section-nav-item a{display:block;padding:8px 16px;font-size:.875rem;color:var(--color-gray-600);white-space:nowrap;border-radius:6px;transition:background .15s ease,color .15s ease}.section-nav-item a:hover{background:var(--color-gray-200);color:var(--color-gray-900);opacity:1}.section-nav-item a.active{background:var(--color-gray-900);color:var(--color-white)}.brand-content{flex:1 1;min-width:0}.brand-hero{padding:48px 24px;border-bottom:1px solid var(--color-gray-200)}@media (min-width:768px){.brand-hero{padding:64px 48px}}.brand-hero-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:16px}.brand-hero h1{font-size:2rem;font-weight:600}@media (min-width:768px){.brand-hero h1{font-size:2.5rem}}.brand-updated{font-size:.875rem;color:var(--color-gray-500)}.brand-description{font-size:1.125rem;color:var(--color-gray-600);max-width:700px}.section{padding:48px 24px;border-bottom:1px solid var(--color-gray-200)}@media (min-width:768px){.section{padding:64px 48px}}.section:last-child{border-bottom:none}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:32px}@media (min-width:768px){.section-title{font-size:1.75rem}}.section-subtitle{font-size:1.125rem;font-weight:600;margin-top:32px;margin-bottom:16px}.logo-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.logo-item{display:flex;flex-direction:column;gap:12px}.logo-preview{display:flex;align-items:center;justify-content:center;padding:32px;border-radius:8px;min-height:140px}.logo-preview.variant-light{background:var(--color-gray-900)}.logo-preview.variant-dark{background:var(--color-white);border:1px solid var(--color-gray-200)}.logo-preview.variant-color{background:var(--color-gray-200)}.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:500;font-size:.875rem}.logo-description{font-size:.75rem;color:var(--color-gray-500)}.color-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.color-item{border:1px solid var(--color-gray-200);border-radius:8px;overflow:hidden}.color-swatch{height:100px;cursor:pointer;position:relative;transition:transform .15s ease}.color-swatch:hover{transform:scale(1.02)}.color-swatch:after{content:"Kopier";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:white;font-size:.75rem;font-weight:500;opacity:0;transition:opacity .15s ease}.color-swatch:hover:after{opacity:1}.color-info{padding:12px;display:flex;flex-direction:column;gap:4px}.color-name{font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:8px}.color-primary-badge{background:var(--color-gray-900);color:var(--color-white);font-size:.625rem;font-weight:500;padding:2px 6px;border-radius:4px;text-transform:uppercase}.color-values{font-size:.75rem;color:var(--color-gray-500);gap:2px}.color-values,.font-list{display:flex;flex-direction:column}.font-list{gap:32px}.font-item{border:1px solid var(--color-gray-200);border-radius:8px;overflow:hidden}.font-preview{padding:32px;background:var(--color-off-white)}.font-sample{font-size:2rem;line-height:1.2}@media (min-width:768px){.font-sample{font-size:2.5rem}}.font-info{padding:20px;display:flex;flex-direction:column;gap:8px}.font-name{font-weight:600;font-size:1rem}.font-weights{font-size:.875rem;color:var(--color-gray-500)}.font-actions{display:flex;gap:12px;margin-top:8px}.image-gallery{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.gallery-item{position:relative;border-radius:8px;overflow:hidden}.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:white;font-size:.75rem}.gallery-image-button{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer;transition:transform .2s ease}.gallery-image-button:hover{transform:scale(1.02)}.gallery-image-button:focus{outline:2px solid var(--color-gray-900);outline-offset:2px}.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}.lightbox-close{position:absolute;top:24px;right:24px;background:none;border:none;color:white;cursor:pointer;padding:8px;border-radius:50%;transition:background .15s ease}.lightbox-close:hover{background:rgba(255,255,255,.1)}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px}.lightbox-caption{margin-top:16px;color:white;font-size:.875rem;text-align:center}.download-list{display:flex;flex-direction:column;gap:12px}.download-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--color-off-white);border-radius:8px;border:1px solid var(--color-gray-200);gap:16px}.download-info{flex:1 1;min-width:0}.download-name{font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:8px}.download-description{font-size:.75rem;color:var(--color-gray-500);margin-top:4px}.file-icon{width:20px;height:20px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background .15s ease,color .15s ease}.btn-primary{background:var(--color-gray-900);color:var(--color-white)}.btn-primary:hover{background:var(--color-gray-800);opacity:1}.btn-secondary{background:var(--color-white);color:var(--color-gray-900);border:1px solid var(--color-gray-300)}.btn-secondary:hover{background:var(--color-gray-100);opacity:1}.btn-small{padding:6px 12px;font-size:.75rem}.brand-details{margin-top:32px}.rich-text{font-size:1rem;line-height:1.7;color:var(--color-gray-700)}*+.rich-text{margin-top:24px}.rich-text:first-child{margin-top:0}.rich-text{max-width:700px}.rich-text p{margin-bottom:16px}.rich-text p:last-child{margin-bottom:0}.rich-text h2{font-size:1.5rem;margin-top:32px;margin-bottom:16px}.rich-text h2,.rich-text h3{font-weight:600;color:var(--color-gray-900)}.rich-text h3{font-size:1.25rem;margin-top:24px;margin-bottom:12px}.rich-text ol,.rich-text ul{margin-bottom:16px;padding-left:24px}.rich-text li{margin-bottom:8px}.rich-text strong{font-weight:600;color:var(--color-gray-900)}.rich-text a{color:var(--color-gray-900);text-decoration:underline}.rich-text h1{font-size:2rem;margin-top:40px;margin-bottom:20px}.rich-text h1,.rich-text h4{font-weight:600;color:var(--color-gray-900)}.rich-text h4{font-size:1.125rem;margin-top:20px;margin-bottom:10px}.rich-text h5{font-size:1rem}.rich-text h5,.rich-text h6{font-weight:600;margin-top:16px;margin-bottom:8px;color:var(--color-gray-900)}.rich-text h6{font-size:.875rem}.rich-text blockquote{border-left:4px solid var(--color-gray-300);padding-left:20px;margin:24px 0;color:var(--color-gray-600);font-style:italic}.rich-text hr{border:none;border-top:1px solid var(--color-gray-200);margin:32px 0}.rich-text code{background:var(--color-gray-100);padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875em}.rich-text sub{font-size:.75em;vertical-align:sub}.rich-text sup{font-size:.75em;vertical-align:super}.rich-text .text-center{text-align:center}.rich-text .text-right{text-align:right}.rich-text .text-justify{text-align:justify}.rich-text-image{margin:24px 0}.rich-text-image img{max-width:100%;height:auto;border-radius:8px}.rich-text-image figcaption{margin-top:8px;font-size:.875rem;color:var(--color-gray-500);text-align:center}.rich-text-file{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-gray-100);border-radius:6px;font-size:.875rem;color:var(--color-gray-900);text-decoration:none;margin:8px 0}.rich-text-file:hover{background:var(--color-gray-200);opacity:1}.rich-text .checklist{list-style:none;padding-left:0}.rich-text .checklist-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.rich-text .checklist-item input[type=checkbox]{margin-top:4px;width:16px;height:16px;accent-color:var(--color-gray-900)}.rich-text .checklist-item.checked span{text-decoration:line-through;color:var(--color-gray-500)}.donts-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dont-item{border:2px solid #ef4444;border-radius:8px;overflow:hidden}.dont-item img{width:100%;aspect-ratio:1;object-fit:cover}.dont-caption{padding:12px;font-size:.75rem;color:#ef4444;font-weight:500}.empty-state{text-align:center;padding:80px 24px;color:var(--color-gray-500)}.empty-state h2{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:var(--color-gray-700)}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-gray-600);margin-bottom:24px}.back-link:hover{color:var(--color-gray-900);opacity:1}[id]{scroll-margin-top:80px}@media (min-width:1024px){[id]{scroll-margin-top:24px}}