.bk-main{padding:112px 24px 40px}.bk-wrap{max-width:1100px;margin:0 auto}.bk-hero{position:relative;padding:24px 0 56px}.bk-hero:before{content:"";position:absolute;top:-160px;left:-120px;width:640px;height:640px;background:radial-gradient(circle,rgba(34,197,94,.08) 0%,transparent 70%);pointer-events:none}.bk-hero>*{position:relative}.bk-hero .hero-badge{margin-bottom:var(--sp-5)}.bk-hero .hero-badge .base-icon{width:14px;height:14px}.bk-hero h1{margin:0 0 var(--sp-4);font-size:clamp(var(--text-2xl),5vw,var(--text-3xl));font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);color:var(--fg-primary)}.bk-hero-desc{max-width:640px;margin:0;font-size:var(--text-md);line-height:var(--lh-relaxed);color:var(--fg-secondary)}.bk-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--sp-6)}.bk-hero-meta{margin:12px 0 0;font:400 var(--text-xs)/1.5 var(--font-mono);color:var(--fg-tertiary)}.bk-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--border-subtle)}.bk-toc a{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--fg-secondary);font-size:var(--text-sm);text-decoration:none;transition:color var(--dur-fast) var(--ease-std),border-color var(--dur-fast) var(--ease-std)}.bk-toc a:hover{color:var(--fg-primary);border-color:var(--border-default)}.bk-toc a span{font-family:var(--font-mono);font-size:11px;color:var(--accent-ink)}.bk-section{padding:56px 0;border-top:1px solid var(--border-subtle);scroll-margin-top:88px}.bk-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--sp-6);align-items:end;margin-bottom:var(--sp-8)}.bk-eyebrow{display:block;margin-bottom:8px;font:500 12px/1 var(--font-mono);letter-spacing:.08em;color:var(--accent-ink)}.bk-title{margin:0;font-size:var(--text-2xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);color:var(--fg-primary)}.bk-desc{margin:0;font-size:var(--text-base);line-height:var(--lh-relaxed);color:var(--fg-secondary)}.bk-grid{display:grid;gap:var(--sp-5)}.bk-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.bk-asset{display:flex;flex-direction:column;overflow:hidden;background:var(--site-card-bg);border:1px solid var(--site-card-border);border-radius:var(--radius-lg)}.bk-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;border-bottom:1px solid var(--site-card-border)}.bk-preview img{display:block;width:56%;height:auto}.bk-preview--dark{background:#151515}.bk-preview--light{background:#fff}.bk-preview--icon img{width:auto;height:44%}.bk-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;padding:16px 18px}.bk-name{margin:0;font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--fg-primary)}.bk-note{margin:2px 0 0;font-size:var(--text-sm);color:var(--fg-secondary)}.bk-dl{display:flex;flex-wrap:wrap;gap:8px}.bk-dl .base-btn .base-icon{width:14px;height:14px}.bk-avatar{position:relative;aspect-ratio:1 / 1;padding:0;background:var(--bg-inset)}.bk-avatar img{width:100%;height:100%}.bk-avatar:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1px #22c55e73;pointer-events:none}.bk-rule-preview{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;padding:8%;background:#151515;border-bottom:1px solid var(--site-card-border);overflow:hidden}.bk-rule-preview--light{background:#fff}.bk-rule-preview img{display:block;height:30%;width:auto;max-width:100%}.bk-verdict{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;font-size:var(--text-sm);line-height:1.5;color:var(--fg-secondary)}.bk-verdict b{color:var(--fg-primary);font-weight:var(--fw-semibold)}.bk-verdict svg{flex:none;width:18px;height:18px;margin-top:1px}.bk-verdict--do svg{color:var(--accent)}.bk-verdict--dont svg{color:var(--danger, #e5484d)}.bk-clear{position:relative;padding:22px;border:1px dashed rgba(34,197,94,.6);border-radius:4px}.bk-clear img{height:44px}.bk-clear-x{position:absolute;font:500 11px/1 var(--font-mono);color:#4ade80}.bk-clear-x--t{top:5px;left:50%;transform:translate(-50%)}.bk-clear-x--l{left:6px;top:50%;transform:translateY(-50%)}.bk-clear-x--r{right:6px;top:50%;transform:translateY(-50%)}.bk-clear-x--b{bottom:5px;left:50%;transform:translate(-50%)}.bk-min{display:flex;align-items:center;gap:28px}.bk-min figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}.bk-min img{height:20px;width:auto}.bk-min figcaption{font:500 11px/1 var(--font-mono);color:#97989b}.bk-wrong-stretch img{transform:scale(1.55,.7)}.bk-wrong-rotate img{transform:rotate(-14deg)}.bk-wrong-effect img{filter:drop-shadow(0 0 10px #22c55e) drop-shadow(0 0 2px #a3e635)}.bk-wrong-busy{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635)}.bk-wrong-color{display:block;height:30%;aspect-ratio:3610 / 912;max-width:100%;background:#ef4444;-webkit-mask:url(/brand-kit/base-bros-logo-white.svg) center / contain no-repeat;mask:url(/brand-kit/base-bros-logo-white.svg) center / contain no-repeat}.bk-wrong-type{display:flex;align-items:center;gap:6%;height:30%}.bk-wrong-type img{height:100%}.bk-wrong-type span{font:800 clamp(20px,3.4vw,40px)/1 var(--font-ui);letter-spacing:.18em;color:#fff}.bk-swatch{display:flex;flex-direction:column;overflow:hidden;background:var(--site-card-bg);border:1px solid var(--site-card-border);border-radius:var(--radius-lg)}.bk-chip{height:120px;border-bottom:1px solid var(--site-card-border)}.bk-chip--black{background:#151515}.bk-chip--graphite{background:#232424}.bk-chip--hairline{background:#2e2f31}.bk-chip--mist{background:#97989b}.bk-chip--snow{background:#f8f8fa}.bk-chip--green{background:#00c55b}.bk-swatch-body{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px}.bk-swatch-body h3{margin:0;font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--fg-primary)}.bk-swatch-body p{margin:-6px 0 0;font-size:var(--text-sm);color:var(--fg-secondary)}.bk-codes{display:flex;flex-wrap:wrap;gap:6px}.bk-copy{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:transparent;color:var(--fg-primary);font:500 12px/1 var(--font-mono);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-std),color var(--dur-fast) var(--ease-std)}.bk-copy:hover{border-color:var(--border-default)}.bk-copy svg{width:13px;height:13px;color:var(--fg-tertiary)}.bk-copy.is-copied{border-color:#22c55e99;color:#4ade80}.bk-copy.is-copied svg{color:#4ade80}.bk-gradient{overflow:hidden;margin-top:var(--sp-5);background:var(--site-card-bg);border:1px solid var(--site-card-border);border-radius:var(--radius-lg)}.bk-gradient-fill{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-height:200px;padding:20px 22px;background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635)}.bk-gradient-fill span{font:500 12px/1 var(--font-mono);color:#0a0a0a}.bk-gradient-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 22px}.bk-gradient-body h3{margin:0;font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--fg-primary)}.bk-gradient-body p{margin:4px 0 0;font-size:var(--text-sm);color:var(--fg-secondary)}.bk-gradient-body .bk-codes{justify-content:flex-end}.bk-type{display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--site-card-bg);border:1px solid var(--site-card-border);border-radius:var(--radius-lg)}.bk-type-aa{font-size:88px;line-height:1;font-weight:700;letter-spacing:-.03em;color:var(--fg-primary)}.bk-type-aa--mono{font-family:var(--font-mono);font-weight:500;letter-spacing:-.02em}.bk-type h3{margin:0;font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--fg-primary)}.bk-type p{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--fg-secondary)}.bk-type-weights{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:var(--text-sm);color:var(--fg-primary)}.bk-type-sample{font:500 13px/1.6 var(--font-mono);color:#4ade80}.bk-type a{color:var(--accent-ink);text-decoration:none;font-size:var(--text-sm)}.bk-type a:hover{text-decoration:underline}.bk-type-note{margin-top:var(--sp-5);font-size:var(--text-sm);color:var(--fg-secondary)}.bk-text{display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--site-card-bg);border:1px solid var(--site-card-border);border-radius:var(--radius-lg)}.bk-text-k{font:500 12px/1 var(--font-mono);letter-spacing:.08em;color:var(--accent-ink)}.bk-text p{margin:0;font-size:var(--text-base);line-height:var(--lh-relaxed);color:var(--fg-primary)}.bk-text .bk-copy{align-self:flex-start;margin-top:auto}.bk-slogans{grid-column:1 / -1}.bk-slogan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.bk-slogan-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--border-subtle)}.bk-slogan-list li:first-child{border-top:0;padding-top:2px}.bk-slogan-list li:last-child{padding-bottom:0}.bk-text .bk-slogan{margin:0;font-size:var(--text-lg);font-weight:var(--fw-semibold);line-height:1.35;color:var(--fg-primary)}.bk-slogan-use{display:block;margin-top:4px;font-size:var(--text-xs);color:var(--fg-tertiary)}.bk-text .bk-slogan-list .bk-copy{flex:none;margin-top:0;align-self:center}.bk-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 24px;margin:0;font-size:var(--text-sm)}.bk-facts dt{color:var(--fg-secondary)}.bk-facts dd{margin:0;color:var(--fg-primary)}.bk-facts a,.bk-contact a{color:var(--accent-ink);text-decoration:none}.bk-facts a:hover,.bk-contact a:hover{text-decoration:underline}.bk-contact{display:flex;flex-direction:column;gap:10px}.bk-contact .bk-mail{font-size:var(--text-lg);font-weight:var(--fw-semibold)}.bk-final{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:var(--sp-4);padding:28px;background:var(--site-card-bg);border:1px solid var(--site-card-border);border-radius:var(--radius-lg)}.bk-final h2{margin:0;font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--fg-primary)}.bk-final p{margin:4px 0 0;font-size:var(--text-sm);color:var(--fg-secondary)}@media(max-width:900px){.bk-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-head{grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}}@media(max-width:768px){.bk-main{padding:96px 16px 32px}.bk-hero{padding-bottom:40px}.bk-section{padding:40px 0}.bk-grid--2{grid-template-columns:minmax(0,1fr)}.bk-title{font-size:var(--text-xl)}.bk-gradient-body{grid-template-columns:minmax(0,1fr)}.bk-gradient-body .bk-codes{justify-content:flex-start}.bk-type-aa{font-size:64px}.bk-hero-actions .base-btn{flex:1 1 auto;justify-content:center}}@media(max-width:520px){.bk-slogan-list li{flex-direction:column;align-items:flex-start;gap:10px}.bk-text .bk-slogan-list .bk-copy{align-self:flex-start}.bk-grid--3{grid-template-columns:minmax(0,1fr)}.bk-meta{padding:14px 16px}.bk-clear img{height:32px}.bk-min{gap:18px}}@media(pointer:coarse){.bk-dl .base-btn,.bk-copy{position:relative}.bk-dl .base-btn:after,.bk-copy:after{content:"";position:absolute;inset:-6px 0}}