.brand-logo{display:inline-flex;align-items:center;gap:10px}.brand-logo img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid rgba(189,141,62,.45);box-shadow:0 5px 16px rgba(46,25,12,.13)}
.sharebar{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:28px auto}.sharebar-label{font-weight:700;color:inherit;margin-right:3px}.share-btn{appearance:none;border:1px solid rgba(189,141,62,.4);background:rgba(255,255,255,.72);color:#252039;border-radius:999px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font:600 .84rem "Noto Sans Thai",sans-serif;cursor:pointer;transition:.2s}.share-btn:hover,.share-btn:focus-visible{transform:translateY(-2px);border-color:#bd8d3e;box-shadow:0 9px 22px rgba(35,28,66,.13);outline:none}.share-btn.line{background:#06c755;color:#fff;border-color:#06c755}.share-btn.facebook{background:#1877f2;color:#fff;border-color:#1877f2}.share-btn.copy.done{background:#285f4a;color:#fff}
.knowledge-strip{padding:64px 0;background:#fffdf8;border-block:1px solid rgba(91,63,24,.18)}.knowledge-strip h2{font:500 clamp(2rem,4vw,3.5rem)/1.12 "Playfair Display",serif;margin:7px 0 14px}.knowledge-strip p{color:#686570}.knowledge-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.knowledge-links a{padding:18px;border:1px solid rgba(91,63,24,.18);border-radius:17px;background:#fff;color:#252039;font-weight:700}.knowledge-links a span{display:block;color:#bd8d3e;font-size:.72rem;letter-spacing:.08em;margin-bottom:6px}.knowledge-links a:hover{border-color:#bd8d3e;transform:translateY(-2px)}
@media(max-width:900px){.knowledge-links{grid-template-columns:1fr 1fr}}@media(max-width:560px){.brand-logo img{width:36px;height:36px}.knowledge-links{grid-template-columns:1fr}.sharebar-label{width:100%;text-align:center}}

/* Comfortable service copy gutters and reliable Thai heading line-height. */
.content{width:min(820px,calc(100% - 48px))}.print-service .content h2{line-height:1.35}.print-service .actions a{white-space:normal;text-align:center;padding-block:10px}@media(max-width:560px){.content{width:calc(100% - 40px)}}

@media(max-width:380px){.navin{gap:8px}.brand-logo{gap:6px;flex-shrink:0;font-size:1rem}.brand-logo img{width:30px;height:30px;flex-shrink:0}.brand-logo span{white-space:nowrap;letter-spacing:.1em;font-size:.75rem;margin-left:0}.nav .pill,.nav .btn{white-space:nowrap;font-size:.72rem;padding:8px 10px;min-height:40px}.navin>div:last-child{display:flex;gap:5px}.design-page .hero h1{font-size:2.45rem;line-height:1.25}.portfolio-page .hero h1{font-size:2.75rem;line-height:1.2}}
@media(max-width:380px){.portfolio-page .brand-logo{font-size:1rem}.portfolio-page .brand-logo span{font-size:.65rem;letter-spacing:.07em}.portfolio-page .nav .pill{font-size:.7rem;padding:8px;white-space:nowrap}.portfolio-page .navin{gap:6px}}