/* Designed by Retail Marketing Pro - Cassie Fenoglio */
:root { --ink:#10221d; --forest:#193b31; --moss:#6f8b70; --cream:#f3f0e7; --paper:#faf9f5; --copper:#d71920; --line:#d9d7cd; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
img { max-width:100%; }
a { color:inherit; text-decoration:none; }
svg { width:1.1rem; fill:none; stroke:currentColor; stroke-width:1.8; }
.site-header { height:82px; padding:0 4vw; display:flex; align-items:center; gap:2rem; background:rgba(250,249,245,.96); position:relative; z-index:20; border-bottom:1px solid rgba(16,34,29,.1); }
.brand { display:flex; align-items:center; gap:.75rem; min-width:185px; }
.header-brand { min-width:324px; flex:0 1 372px; }
.header-logo { display:block; width:min(100%,372px); height:auto; max-height:74.4px; object-fit:contain; object-position:left center; }
.brand-mark { width:43px; height:43px; display:grid; place-items:center; background:var(--forest); color:white; font-weight:900; letter-spacing:-.08em; transform:skew(-5deg); }
.brand-copy { display:flex; flex-direction:column; line-height:1; text-transform:uppercase; }
.brand-copy strong { font-size:1.15rem; letter-spacing:.03em; }
.brand-copy small { margin-top:.28rem; font-size:.72rem; letter-spacing:.25em; color:#66756f; }
.nav { display:flex; gap:1.8rem; margin-right:auto; }
.nav a { font-size:.93rem; font-weight:700; }
.nav a:hover { color:var(--copper); }
.header-phone { display:flex; flex-direction:column; font-size:.99rem; font-weight:800; line-height:1.3; }
.header-phone span { text-transform:uppercase; font-size:.68rem; letter-spacing:.15em; color:#718079; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.7rem; min-height:54px; padding:0 1.35rem; text-transform:uppercase; letter-spacing:.1em; font-size:.79rem; font-weight:900; border:0; cursor:pointer; transition:.25s ease; }
.button:hover { transform:translateY(-2px); }
.button-dark { background:var(--ink); color:white; }
.button-accent { background:var(--copper); color:white; }
.button-cream { background:var(--cream); color:var(--ink); }
.menu-button { display:none; }
.hero { min-height:calc(100vh - 88px); position:relative; display:flex; align-items:center; background:linear-gradient(90deg,rgba(8,23,19,.9) 0%,rgba(8,23,19,.54) 49%,rgba(8,23,19,.08) 82%), url('/hero-moving-dean-team-services.png') center/cover; color:white; overflow:hidden; }
.hero:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(10,25,21,.3),transparent 40%); }
.hero-content { position:relative; z-index:2; max-width:900px; padding:6vh 7vw 13vh; }
.eyebrow { margin:0 0 1.2rem; text-transform:uppercase; letter-spacing:.2em; font-size:.76rem; font-weight:900; color:var(--copper); }
.eyebrow.light { color:var(--copper); }
.hero h1 { margin:0; font-size:clamp(4.2rem,7vw,7.5rem); line-height:1; letter-spacing:-.065em; font-weight:850; }
.hero h1 em { color:var(--copper); font-style:normal; font-weight:400; }
.hero-copy { max-width:550px; margin:1.7rem 0; font-size:1.05rem; line-height:1.65; color:#e7ebe8; }
.hero-actions { display:flex; align-items:center; gap:2rem; }
.text-link { display:inline-flex; align-items:center; gap:.6rem; border-bottom:1px solid; padding-bottom:.4rem; text-transform:uppercase; letter-spacing:.1em; font-size:.77rem; font-weight:900; }
.light-link { color:white; border-color:rgba(255,255,255,.45); }
.hero-proof { position:absolute; z-index:3; left:7vw; bottom:0; display:grid; grid-template-columns:repeat(3,1fr); background:var(--cream); color:var(--ink); }
.hero-proof div { padding:1rem 1.7rem; min-width:180px; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.hero-proof strong { text-transform:uppercase; font-size:.88rem; letter-spacing:.1em; }
.hero-proof span { margin-top:.3rem; font-size:.85rem; color:#65716c; }
.section-pad { padding:6rem 7vw; }
.intro { display:grid; grid-template-columns:1.1fr .9fr; gap:5vw; align-items:center; }
h2 { margin:0; font-size:clamp(2.8rem,5vw,5.5rem); letter-spacing:-.06em; line-height:.97; }
.intro h2 span { color:var(--moss); font-weight:400; }
.intro-description { max-width:650px; margin:1.5rem 0; font-size:.95rem; line-height:1.7; color:#52615b; }
.intro-copy { max-width:560px; }
.intro-copy p { font-size:.95rem; line-height:1.7; color:#52615b; margin:0 0 1.5rem; }
.intro-photo { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; object-position:center; }
.services { background:var(--cream); }
.section-heading { display:grid; grid-template-columns:1fr 360px; gap:2.25rem; align-items:end; margin-bottom:2.75rem; }
.section-heading>p { color:#596761; line-height:1.7; }
.services .eyebrow { font-size:.96rem; letter-spacing:.2em; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
.service-card { min-height:520px; padding:1.8rem; border:1px solid #c6c9c0; display:flex; flex-direction:column; gap:.9rem; position:relative; overflow:hidden; isolation:isolate; background:#faf8f0; box-shadow:0 12px 32px rgba(25,59,49,.06); transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease; }
.service-card:nth-child(2) { background:#f6efe6; }
.service-card:nth-child(3) { background:#edf1eb; }
.service-card:nth-child(4) { background:#f8f2e9; }
.service-card:nth-child(5) { background:#edf1eb; }
.service-card:nth-child(6) { background:#faf8f0; }
.service-card-no-image { min-height:340px; padding-top:2.2rem; }
.service-card::before { content:""; position:absolute; inset:0 0 auto; height:7px; background:var(--copper); transform:scaleX(.22); transform-origin:left; transition:transform .3s ease; }
.service-card::after { position:absolute; right:-.15rem; top:-1.7rem; color:rgba(25,59,49,.055); font-size:9rem; line-height:1; font-weight:900; letter-spacing:-.08em; z-index:-1; }
.service-card:nth-child(1)::after { content:"01"; }
.service-card:nth-child(2)::after { content:"02"; }
.service-card:nth-child(3)::after { content:"03"; }
.service-card:nth-child(4)::after { content:"04"; }
.service-card:nth-child(5)::after { content:"05"; }
.service-card:nth-child(6)::after { content:"06"; }
.service-card-image { display:block; width:calc(100% + 3.6rem); height:180px; margin:-1.8rem -1.8rem .25rem; object-fit:cover; object-position:center; }
.service-card:nth-child(1) .service-card-image { object-position:center; }
.service-card:nth-child(2) .service-card-image { object-position:center; }
.service-card:nth-child(3) .service-card-image { object-position:center; }
.service-card:hover { background:var(--forest); color:white; transform:translateY(-10px); box-shadow:0 22px 44px rgba(16,34,29,.2); }
.service-card:hover::before { transform:scaleX(1); }
.service-card:hover::after { color:rgba(255,255,255,.06); }
.service-card>span { font:700 .84rem var(--font-geist-mono); color:var(--copper); }
.service-card h3 { font-size:1.7rem; letter-spacing:-.04em; margin:0 0 1rem; }
.service-card p { margin:0; max-width:320px; line-height:1.6; font-size:1.01rem; color:#67736e; }
.service-card:hover p { color:#cad4cf; }
.service-card>a { align-self:flex-end; margin-top:auto; width:52px; height:52px; border:1px solid currentColor; background:rgba(255,255,255,.35); display:grid; place-items:center; transition:background .25s ease,color .25s ease; }
.service-card:hover>a { background:var(--copper); border-color:var(--copper); color:white; }
.process-section { display:grid; grid-template-columns:1fr 1fr; background:var(--forest); color:white; }
.process-image { min-height:650px; background:url('/workers-wrapping-furniture-dean-team-services.png') center/cover; }
.process-copy { padding:5.5rem 5vw; }
.process-copy h2 { font-size:clamp(2.8rem,4.7vw,5rem); max-width:650px; }
.process-copy ol { list-style:none; padding:0; margin:2.75rem 0 0; }
.process-copy li { display:flex; gap:1.25rem; padding:1.25rem 0; border-top:1px solid rgba(255,255,255,.18); }
.process-copy li>span { color:var(--copper); font:700 .85rem var(--font-geist-mono); padding-top:.2rem; }
.process-copy li strong { font-size:1.08rem; }
.process-copy li p { margin:.4rem 0 0; color:#aebeb7; font-size:.96rem; line-height:1.6; }
.areas { display:grid; grid-template-columns:.9fr 1.1fr; gap:5vw; }
.areas-heading { position:sticky; top:120px; align-self:start; }
.area-list { display:grid; grid-template-columns:1fr 1fr; }
.area-list div { padding:1rem .5rem; border-bottom:1px solid var(--line); font-size:1.08rem; font-weight:750; }
.area-list span { display:inline-block; width:44px; color:var(--copper); font:700 .76rem var(--font-geist-mono); }
.fall-icon-defs { position:absolute; width:0; height:0; overflow:hidden; }
.fall-cleanup { background:#1a3b32; color:white; }
.fall-cleanup-visual { position:relative; height:clamp(420px,50vw,600px); overflow:hidden; }
.fall-cleanup-visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 9%; }
.fall-cleanup-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#1a3b32 0%,rgba(26,59,50,0) 35%); pointer-events:none; }
.fall-cleanup-content { padding-top:2.5rem; }
.fall-cleanup-heading { display:grid; grid-template-columns:1fr minmax(290px,380px); gap:clamp(2rem,5vw,6rem); align-items:end; margin-bottom:3.75rem; }
.fall-cleanup .eyebrow { color:#ff7376; }
.fall-cleanup h2 span { color:#b6cbbf; font-weight:400; }
.fall-cleanup-intro { display:flex; flex-direction:column; align-items:flex-start; gap:1.4rem; padding-bottom:.25rem; }
.fall-cleanup-intro p { margin:0; color:#d1ded6; font-size:1.05rem; line-height:1.7; }
.fall-cleanup-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(2rem,5vw,7rem); }
.fall-cleanup-item { display:grid; grid-template-columns:58px minmax(0,1fr); gap:1.2rem; min-width:0; padding:1.7rem 0; border-top:1px solid rgba(255,255,255,.23); }
.fall-cleanup-icon { width:56px; height:56px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.26); background:rgba(255,255,255,.07); color:#f6eee7; }
.fall-cleanup-icon svg { width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.fall-cleanup-item h3 { margin:0; font-size:clamp(1.25rem,1.8vw,1.65rem); line-height:1.15; letter-spacing:-.04em; }
.fall-cleanup-item p { max-width:470px; margin:.55rem 0 0; color:#c8d7ce; font-size:1rem; line-height:1.6; }
.fall-cleanup-extra { display:grid; grid-template-columns:minmax(220px,.55fr) 1fr; gap:3rem; margin-top:3rem; padding-top:2.5rem; border-top:1px solid rgba(255,255,255,.45); }
.fall-cleanup-extra h3 { margin:0; font-size:1.75rem; letter-spacing:-.04em; }
.fall-cleanup-extra ul { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:1.5rem; margin:0; padding:0; }
.fall-cleanup-extra li { display:flex; align-items:center; gap:.8rem; padding:.9rem 0; border-top:1px solid rgba(255,255,255,.18); font-size:1.05rem; font-weight:700; }
.fall-cleanup-extra-icon { display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; color:#f6eee7; background:rgba(255,255,255,.08); }
.fall-cleanup-extra-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.quote-strip { padding:3.5rem 7vw; background:var(--copper); color:white; display:grid; grid-template-columns:auto 1fr auto; gap:1rem; align-items:center; }
.quote-strip p { margin:0; font-size:1.08rem; }
.quote-strip h2 { font-size:clamp(2rem,4.2vw,4.5rem); }
.faq { display:grid; grid-template-columns:.7fr 1.3fr; gap:5vw; }
.faq-contact { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-top:1.5rem; }
.faq-contact-copy { margin:0; line-height:1.6; color:#617069; }
.faq-call-button { width:max-content; text-decoration:none; }
.faq-photo,.estimate-photo { display:block; width:100%; height:auto; object-fit:cover; }
.faq-photo { margin-top:1.75rem; aspect-ratio:16/10; object-position:center; }
.faq-item { border-top:1px solid var(--line); }
.faq-item:last-child { border-bottom:1px solid var(--line); }
.faq-item button { width:100%; background:none; border:0; padding:1.4rem 0; display:flex; justify-content:space-between; gap:1rem; text-align:left; color:var(--ink); font-size:1.17rem; font-weight:800; cursor:pointer; }
.faq-item b { font-size:1.4rem; color:var(--copper); font-weight:400; }
.faq-answer { display:grid; grid-template-rows:0fr; transition:.3s ease; }
.faq-answer p { overflow:hidden; margin:0; max-width:650px; color:#5c6b65; line-height:1.65; font-size:1.05rem; }
.faq-item.active .faq-answer { grid-template-rows:1fr; }
.faq-item.active .faq-answer p { margin-bottom:1.6rem; }
.estimate { display:grid; grid-template-columns:.8fr 1.2fr; gap:5vw; align-items:stretch; padding:6rem 7vw; background:var(--ink); color:white; }
.estimate-copy { display:flex; flex-direction:column; min-height:0; }
.estimate-copy>p:not(.eyebrow) { max-width:480px; color:#adbbb5; line-height:1.7; }
.contact-block { display:flex; flex-direction:column; margin-top:2.75rem; gap:.45rem; }
.contact-block span { text-transform:uppercase; letter-spacing:.13em; font-size:.7rem; color:#9ba9a3; }
.contact-block a:first-of-type { font-size:1.8rem; font-weight:800; }
.contact-block a[href^="mailto:"] { color:#c5cec9; font-size:1rem; }
.contact-block .client-login { margin-top:1.2rem; color:var(--copper); font-weight:800; text-decoration:underline; text-underline-offset:.3rem; }
.estimate-photo { flex:1 1 0; height:0; min-height:0; margin-top:2rem; aspect-ratio:auto; object-position:center; }
.jobber-form-shell { align-self:start; background:var(--paper); overflow:hidden; }
.jobber-form { display:block; width:100%; height:850px; border:0; background:var(--paper); }
.jobber-privacy-note { margin:0; padding:.8rem 1.25rem 1rem; color:#65716c; font-size:.85rem; line-height:1.5; text-align:center; border-top:1px solid var(--line); }
.jobber-privacy-note a { color:var(--forest); font-weight:800; text-decoration:underline; text-underline-offset:.2rem; }
.estimate-form { background:var(--paper); color:var(--ink); padding:3rem; }
.estimate-form label { display:flex; flex-direction:column; gap:.55rem; margin-bottom:1.15rem; text-transform:uppercase; letter-spacing:.1em; font-size:.77rem; font-weight:900; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
input, select, textarea { width:100%; border:0; border-bottom:1px solid #bfc4be; background:transparent; color:var(--ink); padding:.9rem .15rem; font:500 1.14rem Arial; outline:none; border-radius:0; }
input:focus,select:focus,textarea:focus { border-color:var(--copper); }
textarea { min-height:80px; resize:vertical; }
.submit-button { width:100%; margin-top:.5rem; }
.form-note { text-align:center; font-size:.85rem; color:#7d8984; }
footer { background:#081611; color:white; padding:3.75rem 7vw 1.75rem; display:grid; grid-template-columns:1.5fr .7fr 1fr .8fr; gap:2.75rem; }
.brand-light .brand-mark { background:var(--copper); }
.brand-light .brand-copy small { color:#9dad9f; }
.footer-brand p { color:#a7b4ae; line-height:1.6; font-size:1.05rem; margin-top:1.25rem; }
.footer-logo-link { display:block; width:min(100%,356px); }
.footer-logo { display:block; width:100%; height:auto; object-fit:contain; object-position:left center; }
footer>div:not(.footer-brand):not(.footer-legal) { display:flex; flex-direction:column; align-items:flex-start; gap:.6rem; font-size:1.05rem; }
footer>div>span { text-transform:uppercase; letter-spacing:.15em; color:var(--copper); font-size:.8rem; margin-bottom:.4rem; }
footer>div p { margin:0; color:#a7b4ae; line-height:1.7; }
.footer-hours { max-width:260px; }
.footer-hours p + p { margin-top:.8rem; }
.footer-hours a { color:white; font-weight:700; text-decoration:underline; text-underline-offset:.2rem; }
.footer-legal { grid-column:1/-1; border-top:1px solid rgba(255,255,255,.12); padding-top:1.4rem; margin-top:1.25rem; color:#a7b4ae; font-size:.94rem; line-height:1.6; text-align:center; }
.footer-legal small { display:block; font-size:.94rem; }
.footer-legal p { margin-top:.45rem; }
.footer-legal a { color:white; text-decoration:underline; text-underline-offset:.2rem; }

@media (max-width: 1320px) {
  .site-header { height:76px; gap:1.5rem; }
  .header-brand { min-width:276px; flex-basis:300px; }
  .header-logo { max-height:64.8px; }
  .nav { position:absolute; display:none; top:76px; left:0; right:0; z-index:30; background:var(--paper); padding:2rem 4vw; flex-direction:column; gap:1.25rem; border-top:1px solid var(--line); box-shadow:0 16px 30px rgba(16,34,29,.12); }
  .nav.open { display:flex; }
  .menu-button { display:flex; flex-direction:column; justify-content:center; gap:6px; min-width:48px; min-height:48px; padding:10px; background:none; border:0; margin-left:auto; cursor:pointer; }
  .menu-button span { width:28px; border-top:2px solid var(--ink); }
  .header-phone { display:none; }
  footer { grid-template-columns:1fr 1fr; }
}

@media (max-width: 1000px) {
  .site-header { height:76px; }
  .header-brand { min-width:276px; flex-basis:300px; }
  .header-logo { max-height:64.8px; }
  .nav { position:absolute; display:none; top:76px; left:0; right:0; background:var(--paper); padding:2rem 4vw; flex-direction:column; border-top:1px solid var(--line); }
  .nav.open { display:flex; }
  .menu-button { display:flex; flex-direction:column; gap:5px; background:none; border:0; margin-left:auto; }
  .menu-button span { width:25px; border-top:2px solid var(--ink); }
  .header-phone { display:none; }
  .hero { min-height:820px; }
  .hero-content { padding-left:6vw; }
  .intro,.areas,.faq,.estimate { grid-template-columns:1fr; gap:3rem; }
  .estimate { align-items:start; }
  .estimate-copy { min-height:0; }
  .estimate-photo { flex:none; height:auto; min-height:0; aspect-ratio:3/2; }
  .faq-contact { justify-content:flex-start; }
  .areas-heading { position:static; }
  .process-image { min-height:620px; }
  .service-grid { grid-template-columns:1fr 1fr; }
  .fall-cleanup-heading { grid-template-columns:1fr; gap:1.6rem; }
  .fall-cleanup-intro { max-width:650px; }
  .quote-strip { grid-template-columns:1fr auto; }
  .quote-strip p { grid-column:1/-1; }
  footer { grid-template-columns:1fr 1fr; }
}

@media (max-width: 700px) {
  .site-header { padding:0 5vw; }
  .header-cta { display:none; }
  .brand { min-width:auto; }
  .header-brand { flex:0 1 270px; }
  .header-logo { width:min(100%,270px); max-height:57.6px; }
  .hero { min-height:720px; align-items:flex-start; background-position:62% center; }
  .hero-content { padding:7rem 5vw 10rem; }
  .hero h1 { font-size:clamp(3.2rem,12vw,4.9rem); line-height:1.02; }
  .hero-copy { font-size:1.15rem; max-width:95%; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:1.4rem; }
  .hero-proof { left:5vw; right:5vw; grid-template-columns:1fr 1fr; }
  .hero-proof div { min-width:0; padding:1rem; }
  .hero-proof div:last-child { display:none; }
  .section-pad { padding:4.25rem 5vw; }
  h2 { font-size:clamp(2.7rem,13vw,4rem); }
  .section-heading { grid-template-columns:1fr; }
  .service-grid { grid-template-columns:1fr; }
  .fall-cleanup-heading { margin-bottom:2.5rem; }
  .fall-cleanup-visual { height:300px; }
  .fall-cleanup-content { padding-top:1.5rem; }
  .fall-cleanup-grid,.fall-cleanup-extra,.fall-cleanup-extra ul { grid-template-columns:1fr; }
  .fall-cleanup-extra { gap:1.5rem; margin-top:2rem; }
  .service-card,.service-card:first-child { min-height:500px; border-left:1px solid #bfc4bb; border-bottom:1px solid #bfc4bb; }
  .service-card-no-image,.service-card-no-image:first-child { min-height:340px; }
  .service-card-image { height:230px; }
  .process-section { grid-template-columns:1fr; }
  .process-image { min-height:430px; }
  .process-copy { padding:4rem 5vw; }
  .area-list { grid-template-columns:1fr; }
  .faq-contact { align-items:flex-start; flex-direction:column; gap:.75rem; }
  .quote-strip { grid-template-columns:1fr; padding:3rem 5vw; }
  .quote-strip .button { margin-top:1rem; }
  .estimate { padding:4.25rem 5vw; }
  .jobber-form-shell { min-height:0; }
  .jobber-form { height:880px; }
  .estimate-form { padding:2rem 1.25rem; }
  .form-row { grid-template-columns:1fr; gap:0; }
  footer { grid-template-columns:1fr; padding:3rem 5vw 1.75rem; gap:2rem; }
  .footer-hours { max-width:520px; }
  .footer-legal { text-align:left; }
}

@media (max-width: 420px) {
  .site-header { height:72px; gap:.75rem; }
  .header-brand { min-width:0; flex:0 1 230px; }
  .header-logo { width:min(100%,230px); max-height:52px; }
  .nav { top:72px; padding:1.5rem 5vw; }
  .hero { min-height:700px; }
  .hero-content { padding:6rem 5vw 10rem; }
  .hero h1 { font-size:clamp(3rem,12vw,3.5rem); }
  .hero-proof { left:0; right:0; }
  .hero-proof strong { font-size:.88rem; }
  .hero-proof span { font-size:.85rem; }
  .section-pad { padding:3.5rem 5vw; }
  h2 { font-size:clamp(2.45rem,12vw,3.5rem); }
  .service-card,.service-card:first-child { min-height:480px; padding:1.5rem; }
  .service-card-no-image { min-height:320px; }
  .service-card-image { width:calc(100% + 3rem); height:210px; margin:-1.5rem -1.5rem .35rem; }
  .process-image { min-height:340px; }
  .process-copy { padding:3.25rem 5vw; }
  .estimate { padding:3.5rem 5vw; }
  .jobber-form-shell { min-height:0; }
  .jobber-form { height:910px; }
  .contact-block a:first-of-type { font-size:1.55rem; }
  .contact-block a[href^="mailto:"] { overflow-wrap:anywhere; }
  .jobber-privacy-note { padding:1rem; }
  footer { padding-top:2.75rem; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }

/* Keep the supplied logo large without reserving empty space beside it. */
.site-header .header-brand {
  position:relative;
  display:block;
  flex:0 0 auto;
  min-width:0;
  width:340px;
  height:68px;
  overflow:hidden;
}
.site-header .header-logo {
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%);
  display:block;
  width:100%;
  height:auto;
  max-height:none;
}
@media (max-width:1100px) {
  .site-header .header-brand { width:300px; height:60px; }
}
@media (max-width:600px) {
  .site-header .header-brand { width:250px; height:50px; }
}
@media (max-width:380px) {
  .site-header .header-brand { width:220px; height:46px; }
}