/* Shared palette: white, subtle warm gray, charcoal. */
:root{--paper:#ffffff;--ink:#252525;--purple:#555555;--surface:#f4f3f1;--line:#e3e1dd;--muted:#666666}
body,header,.approach,dialog{background:var(--paper);color:var(--ink)}
header,.brand-stage,.hero-bottom,.project-heading,.process,.foot-bottom,.ticker,.services article,.steps article{border-color:var(--line)}
.hero-bottom,.hero-side,.intro p,.section-head p,.project-summary p,.project-category,.services p,.services small,.steps p,.detail-intro p,.detail-panels p,.detail-panels small,.detail-note,.foot-top p,.foot-bottom,.modal-content p,.notice,.tag{color:var(--muted)}
.details,.guide-prep,.guide-check,.project-art,.package-swatch{background:var(--surface)}
.orbit-object{background:#e7e5e1;border-color:#d4d1cc;box-shadow:14px 20px 28px #25252512}
.orbit-object:before{border-color:#ffffff90}
.orbit-object span,.material-swatch span{color:#66635e}
.ticker i,.steps small{color:#8b8882}
.material-swatch{background:repeating-linear-gradient(88deg,#dddbd7 0px,#eeece8 2px,#e3e1dd 3px,#f0eeeb 4px)}
.material-swatch span{text-shadow:1px 1px #fff}
.graphic-swatch{background:#343434;color:#f4f3f1}
.graphic-swatch b{color:#c7c5c1}
.box-lid{background:#f4f3f1;color:#66635e;border-color:#d4d1cc}
.box-base{background:#aaa7a1;border-color:#e3e1dd}
.view-project{background:#ffffffee;color:var(--ink)}
.contact{background:var(--surface);color:var(--ink);border-top:1px solid var(--line)}
.contact p{color:var(--muted)}
.contact button,.form button{background:var(--ink);color:#fff}
.contact button:hover,.form button:hover{background:#444}
.form input,.form textarea,.form select{background:#fff;border-color:var(--line);color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#666}

.project-photo{display:block;width:100%;height:auto;aspect-ratio:1000 / 680;object-fit:contain;padding:24px;background:#f4f3f1}.modal-content .project-photo{aspect-ratio:1;padding:20px}@media(max-width:700px){.project-photo{padding:16px}}

.work-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.work-tags span{font-size:12px;border:1px solid #e3e1dd;border-radius:20px;padding:6px 12px;color:#666}

.product-info{border-top:1px solid #e3e1dd;margin-top:32px;padding-top:24px}.modal-content h3{font-size:1.17em;font-weight:700}.product-info h4{font-size:17px;font-weight:500;margin:28px 0 10px}.product-info figure{margin:8px 0}.product-info img{display:block;width:100%;max-width:640px;height:auto;margin:auto}.product-info figcaption{font-size:12px;color:#777;text-align:center;margin-top:12px}.product-info details{border-top:1px solid #e3e1dd;border-bottom:1px solid #e3e1dd;margin-top:28px}.product-info summary{cursor:pointer;padding:20px 0;font-size:15px}.product-info summary:focus-visible{outline:2px solid #666;outline-offset:4px}



/* Trim built-in vertical whitespace from the three square product photos. */
.product-info img[src*='britz-basic-angle'],.product-info img[src*='britz-basic-front'],.product-info img[src*='britz-basic-low']{aspect-ratio:8 / 5;height:auto;object-fit:cover;object-position:center}

.logo-examples{border-top:1px solid #e3e1dd;margin-top:30px;padding-top:20px}
.logo-examples>p{font-size:12px;color:#777}
.logo-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px;margin:24px 0}
.logo-example-grid figure{margin:0;min-width:0}
.logo-crop{position:relative;overflow:hidden;aspect-ratio:1.5;background:#fff}
.logo-crop img{position:absolute;display:block;width:200%;max-width:none;height:300%;left:0;top:0}
.logo-crop.netflix img{left:-100%}
.logo-crop.youtube img{left:-100%;top:-200%}
.logo-example-grid figcaption{text-align:center;font-size:11px;color:#666;margin-top:10px}

/* Match product bounds rather than the source sheet cells. */
.logo-crop{aspect-ratio:31 / 20}
.logo-crop img[src$="powerbank-logo-color.png"]{width:218.387%;height:350%;left:-10.323%;top:-20%}
.logo-crop.netflix img[src$="powerbank-logo-color.png"]{left:-110.323%}
.logo-crop.youtube img[src$="powerbank-logo-color.png"]{left:-110.323%;top:-242.5%}
.logo-crop img[src$="powerbank-logo-mono.png"]{width:233.226%;height:360.5%;left:-16.129%;top:-30%}
.logo-crop.netflix img[src$="powerbank-logo-mono.png"]{left:-116.129%}
.logo-crop.youtube img[src$="powerbank-logo-mono.png"]{left:-116.129%;top:-252.5%}

.logo-crop.coupang img[src$="powerbank-logo-color.png"]{left:-110.323%;top:-131.5%}.logo-crop.coupang img[src$="powerbank-logo-mono.png"]{left:-116.129%;top:-141.5%}

.logo-crop.samsung img{width:218.387%;height:350%;left:-110.323%;top:-131.5%}.logo-crop.samsung.monochrome img{filter:grayscale(1)}

.business-info{margin-top:28px;font-size:12px;line-height:1.9;color:#777;letter-spacing:-.02em}.business-info p{margin:4px 0;display:flex;flex-wrap:wrap;gap:4px 20px}.business-info a:hover{text-decoration:underline}