/* DINOGOODS commercial sample + UI refinement — 2026-08-28 */
:root{--paper:#f6f6f6!important}
html,body{background:#f6f6f6!important}
.site-header,.mobile-menu{background:#f6f6f6!important}

/* Header inquiry CTA: preserve white label in every interactive state. */
.btn-header,.btn-header:visited,.btn-header span{color:#fff!important}
.btn-header:hover,.btn-header:focus-visible,.btn-header:active{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.btn-header:hover span,.btn-header:focus-visible span,.btn-header:active span,.btn-header:hover svg,.btn-header:focus-visible svg,.btn-header:active svg{color:#fff!important;stroke:currentColor!important}

/* Commercial sample page */
.sample-commercial-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(42px,6vw,88px);align-items:start}
.sample-policy-card{border-top:1px solid var(--line);padding-top:22px;max-width:560px}
.sample-policy-card h2{font-size:clamp(30px,3.2vw,46px);font-weight:700;line-height:1.08;letter-spacing:-.04em;margin:0 0 18px}
.sample-policy-card p{font-size:15px;line-height:1.6;margin:0 0 15px}
.sample-policy-card ul{margin:22px 0 26px;padding:0;list-style:none;border-top:1px solid var(--line)}
.sample-policy-card li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.5}
.sample-policy-card li strong{display:block;color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}
.sample-policy-email{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-weight:800;font-size:clamp(16px,1.5vw,20px);overflow-wrap:anywhere}
.sample-policy-email:hover{color:var(--brand)}
.sample-commercial-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.sample-commercial-form .form-section-title{grid-column:1/-1;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);padding-top:8px;margin-top:5px}
.sample-commercial-form label{font-size:12px;font-weight:700;line-height:1.35;color:var(--ink)}
.sample-commercial-form input,.sample-commercial-form select,.sample-commercial-form textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:13px 14px;border-radius:0;min-height:48px;outline:none;transition:border-color .2s,box-shadow .2s}
.sample-commercial-form textarea{min-height:138px;resize:vertical;line-height:1.5}
.sample-commercial-form input:focus,.sample-commercial-form select:focus,.sample-commercial-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.sample-commercial-form .full,.sample-commercial-form .sample-consent,.sample-commercial-form .sample-form-note{grid-column:1/-1}
.sample-consent{display:flex!important;align-items:flex-start;gap:10px;font-size:12px!important;font-weight:500!important;line-height:1.5!important;color:var(--muted)!important;padding:10px 0}
.sample-consent input{width:17px!important;height:17px!important;min-height:0!important;margin:2px 0 0!important;padding:0!important;flex:0 0 auto}
.sample-form-note{font-size:12px;line-height:1.55;color:var(--muted);max-width:760px}
.sample-commercial-form button{justify-self:start;margin-top:2px}

/* Compact but full-width footer wordmark. The larger glyphs reduce the old excessive gaps. */
.footer-wordmark{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:0!important;width:100%!important;font-size:clamp(54px,13.2vw,230px)!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:.78!important;white-space:nowrap!important;overflow:hidden!important;padding-top:clamp(26px,3.5vw,46px)!important;padding-bottom:clamp(12px,1.7vw,20px)!important}
.footer-wordmark span{display:block!important;flex:0 0 auto!important;font-weight:800!important}

@media(max-width:899px){
 .sample-commercial-layout{grid-template-columns:1fr;gap:34px}
 .sample-commercial-form{grid-template-columns:1fr}
 .sample-commercial-form .full,.sample-commercial-form .form-section-title,.sample-commercial-form .sample-consent,.sample-commercial-form .sample-form-note{grid-column:auto}
 .footer-wordmark{font-size:clamp(48px,13.4vw,72px)!important;letter-spacing:-.035em!important}
}
@media(max-width:520px){
 .footer-wordmark{font-size:13.1vw!important;font-weight:800!important}
}