/* Ironwood button system.
   Loaded LAST. .button / .button.gold = form + page action buttons.
   .site-header .cta-btn = the two header plate buttons (ONE implementation, sized by --u). */
:root{
  --iw-btn-radius:6px;
  --iw-copper:#c26726;
  --iw-copper-hi:#e08a4a;
  --iw-copper-lo:#9f4c1d;
  --iw-ink:#141510;
  --iw-cream:#F6EBDD;
  --iw-btn-trans:background-color .18s,border-color .18s,box-shadow .18s,transform .12s,filter .18s;
}

/* ---------- Form / page action buttons (.button) ---------- */
html body .button{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--iw-btn-radius);border:1px solid var(--iw-copper-hi);
  font-family:inherit;font-weight:700;text-transform:none;letter-spacing:.01em;line-height:1.12;
  color:var(--iw-cream);text-decoration:none;white-space:nowrap;cursor:pointer;
  -webkit-backdrop-filter:none;backdrop-filter:none;transition:var(--iw-btn-trans);
  -webkit-tap-highlight-color:transparent;
  min-height:50px;padding:12px 24px;font-size:.92rem;transform:none;
}
html body .button.gold{
  background:linear-gradient(180deg,#cf702d 0%,var(--iw-copper) 48%,var(--iw-copper-lo) 100%);
  border-color:#e9a066;color:#fff6ea;
  box-shadow:inset 0 1px 0 rgba(255,225,190,.38),inset 0 -1px 0 rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.42);
}
html body .button.gold:hover{
  background:linear-gradient(180deg,#db7b36 0%,#cf6d2a 48%,#a9511f 100%);
  border-color:#f3b27a;filter:none;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,230,200,.45),inset 0 -1px 0 rgba(0,0,0,.28),0 5px 12px rgba(0,0,0,.5);
}
html body .button:active{transform:translateY(1px);filter:brightness(.94);box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}
html body .button:focus-visible{outline:2px solid var(--iw-copper-hi);outline-offset:3px}
html body .contact-form .button,
html body .lightbox-mini-form .button{width:100%}
html body.thanks-page .thanks-wrap .button{border-radius:var(--iw-btn-radius);min-height:54px;font-size:.95rem}

/* ---------- Dialog phone/text button ---------- */
html body .ctp .ctp-num{border-radius:var(--iw-btn-radius);border:1px solid var(--iw-copper);background:linear-gradient(180deg,rgba(38,35,27,.92),rgba(20,21,16,.95));color:var(--iw-cream);font-weight:700;letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,235,210,.07);transition:var(--iw-btn-trans)}
html body .ctp .ctp-num:hover{border-color:var(--iw-copper-hi);color:#fff}

/* ---------- Subtle accent use of existing palette ---------- */
html body.revamp .site-header{border-bottom:1px solid rgba(194,102,38,.55)}
html body.revamp footer nav a:hover,
html body.revamp .footer-nav a:hover{color:var(--iw-copper-hi)}

/* =========================================================================
   HEADER PLATE BUTTONS (Start a Project / Quick Question?)
   One implementation. Every size is a multiple of --u (a length ~1px at the
   base 40px-tall design). --u and --h are set per breakpoint below.
   ========================================================================= */
@font-face{font-family:'IW Plate Head';src:url('fonts/big-shoulders-display-latin-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'IW Plate Sub';src:url('fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'IW Plate Sub';src:url('fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}

html body.revamp .site-header .cta-btn{
  --u:1.3px;--h:52px;--sub-w:600;
  --plate-hi:#e0591f;--plate:#c0441a;--plate-lo:#862a0d;
  --c:calc(var(--u)*6);--rim:1px;--cin:.41px;--bolt:calc(var(--u)*7);--bi:calc(var(--u)*3.5);
  box-sizing:border-box;position:relative;isolation:isolate;overflow:visible;
  display:inline-flex;align-items:center;justify-content:center;
  height:var(--h);min-height:var(--h);width:calc(var(--u)*158.8);
  padding:0 calc(var(--u)*11);gap:0;border:0;border-radius:0;
  font-family:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;color:#f4e8d3;
  -webkit-tap-highlight-color:transparent;
  /* thin polished-metal edge: cream-white with a faint cool-steel catch of light */
  background:linear-gradient(112deg,#fff7e8 0%,#f3e8d2 14%,#fffaf0 24%,#b9c6d3 31%,#f6ecd8 38%,#fffaf0 56%,#efe3cb 68%,#aebdcc 76%,#f8efdc 84%,#ffffff 100%);
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));
  box-shadow:none;filter:none;transition:var(--iw-btn-trans);
}
html body.revamp .site-header .cta-btn.cta-text{--plate-hi:#5a572f;--plate:#4a4826;--plate-lo:#2f2d18;width:calc(var(--u)*178.3)}
html body.revamp .site-header .cta-btn::before{
  content:"";position:absolute;z-index:-2;inset:var(--rim);
  clip-path:polygon(calc(var(--c) - var(--cin)) 0,calc(100% - var(--c) + var(--cin)) 0,100% calc(var(--c) - var(--cin)),100% calc(100% - var(--c) + var(--cin)),calc(100% - var(--c) + var(--cin)) 100%,calc(var(--c) - var(--cin)) 100%,0 calc(100% - var(--c) + var(--cin)),0 calc(var(--c) - var(--cin)));
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='160'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.022' numOctaves='3' seed='21' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 .5  0 0 0 0 .22  0 0 0 1.2 -.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") 0 0/160px 80px repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.2 -.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") 0 0/80px 80px repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='160'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1  0 0 0 0 .02  0 0 0 0 0  0 0 0 1.7 -.62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") 0 0/160px 80px repeat,
    radial-gradient(ellipse at 50% 50%,var(--plate-hi) 0%,var(--plate) 60%,var(--plate-lo) 130%);
  box-shadow:inset 0 0 6px 1px rgba(0,0,0,.55),inset 0 1px 2px rgba(0,0,0,.4);
  pointer-events:none;
}
html body.revamp .site-header .cta-btn.cta-text::before{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='160'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.022' numOctaves='3' seed='21' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .62  0 0 0 0 .58  0 0 0 0 .36  0 0 0 1.0 -.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") 0 0/160px 80px repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.2 -.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") 0 0/80px 80px repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='160'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1  0 0 0 0 .02  0 0 0 0 0  0 0 0 1.7 -.62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") 0 0/160px 80px repeat,
    radial-gradient(ellipse at 50% 50%,var(--plate-hi) 0%,var(--plate) 60%,var(--plate-lo) 130%);
}
html body.revamp .site-header .cta-btn::after{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23b9b6ac'/%3E%3Cstop offset='.5' stop-color='%236e6c66'/%3E%3Cstop offset='1' stop-color='%232f2e2b'/%3E%3C/linearGradient%3E%3CradialGradient id='r' cx='.38' cy='.32'%3E%3Cstop offset='0' stop-color='%23d6d3c8'/%3E%3Cstop offset='.6' stop-color='%236a6862'/%3E%3Cstop offset='1' stop-color='%233a3935'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='10' cy='10.6' r='9.2' fill='%23000' opacity='.45'/%3E%3Cpolygon points='10,1 18,5.5 18,14.5 10,19 2,14.5 2,5.5' fill='url(%23g)' stroke='%231d1c1a' stroke-width='1'/%3E%3Ccircle cx='10' cy='10' r='5' fill='url(%23r)' stroke='%23262522' stroke-width='.8'/%3E%3Cpath d='M7 10h6' stroke='%232b2a27' stroke-width='1'/%3E%3C/svg%3E") left var(--bi) top var(--bi)/var(--bolt) var(--bolt) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23b9b6ac'/%3E%3Cstop offset='.5' stop-color='%236e6c66'/%3E%3Cstop offset='1' stop-color='%232f2e2b'/%3E%3C/linearGradient%3E%3CradialGradient id='r' cx='.38' cy='.32'%3E%3Cstop offset='0' stop-color='%23d6d3c8'/%3E%3Cstop offset='.6' stop-color='%236a6862'/%3E%3Cstop offset='1' stop-color='%233a3935'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='10' cy='10.6' r='9.2' fill='%23000' opacity='.45'/%3E%3Cpolygon points='10,1 18,5.5 18,14.5 10,19 2,14.5 2,5.5' fill='url(%23g)' stroke='%231d1c1a' stroke-width='1'/%3E%3Ccircle cx='10' cy='10' r='5' fill='url(%23r)' stroke='%23262522' stroke-width='.8'/%3E%3Cpath d='M7 10h6' stroke='%232b2a27' stroke-width='1'/%3E%3C/svg%3E") right var(--bi) top var(--bi)/var(--bolt) var(--bolt) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23b9b6ac'/%3E%3Cstop offset='.5' stop-color='%236e6c66'/%3E%3Cstop offset='1' stop-color='%232f2e2b'/%3E%3C/linearGradient%3E%3CradialGradient id='r' cx='.38' cy='.32'%3E%3Cstop offset='0' stop-color='%23d6d3c8'/%3E%3Cstop offset='.6' stop-color='%236a6862'/%3E%3Cstop offset='1' stop-color='%233a3935'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='10' cy='10.6' r='9.2' fill='%23000' opacity='.45'/%3E%3Cpolygon points='10,1 18,5.5 18,14.5 10,19 2,14.5 2,5.5' fill='url(%23g)' stroke='%231d1c1a' stroke-width='1'/%3E%3Ccircle cx='10' cy='10' r='5' fill='url(%23r)' stroke='%23262522' stroke-width='.8'/%3E%3Cpath d='M7 10h6' stroke='%232b2a27' stroke-width='1'/%3E%3C/svg%3E") left var(--bi) bottom var(--bi)/var(--bolt) var(--bolt) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23b9b6ac'/%3E%3Cstop offset='.5' stop-color='%236e6c66'/%3E%3Cstop offset='1' stop-color='%232f2e2b'/%3E%3C/linearGradient%3E%3CradialGradient id='r' cx='.38' cy='.32'%3E%3Cstop offset='0' stop-color='%23d6d3c8'/%3E%3Cstop offset='.6' stop-color='%236a6862'/%3E%3Cstop offset='1' stop-color='%233a3935'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='10' cy='10.6' r='9.2' fill='%23000' opacity='.45'/%3E%3Cpolygon points='10,1 18,5.5 18,14.5 10,19 2,14.5 2,5.5' fill='url(%23g)' stroke='%231d1c1a' stroke-width='1'/%3E%3Ccircle cx='10' cy='10' r='5' fill='url(%23r)' stroke='%23262522' stroke-width='.8'/%3E%3Cpath d='M7 10h6' stroke='%232b2a27' stroke-width='1'/%3E%3C/svg%3E") right var(--bi) bottom var(--bi)/var(--bolt) var(--bolt) no-repeat;
}
html body.revamp .site-header .cta-btn:hover{filter:brightness(1.1) saturate(1.05);transform:translateY(-1px)}
html body.revamp .site-header .cta-btn:active{transform:translateY(1px);filter:brightness(.92)}
html body.revamp .site-header .cta-btn:focus-visible{outline:2px solid #f3b27a;outline-offset:3px;clip-path:none}

/* icon | divider | text */
html body.revamp .site-header .cta-btn .cta-icon{
  flex:none;box-sizing:content-box;width:calc(var(--u)*16);height:calc(var(--u)*16);padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  margin:0 calc(var(--u)*6) 0 0;color:#f4e8d3;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));stroke-width:1.9;
}
html body.revamp .site-header .cta-btn .cta-label{
  position:relative;display:flex;flex-direction:column;flex:0 1 auto;min-width:0;min-height:0;
  align-items:flex-start;justify-content:center;text-align:left;overflow:visible;text-overflow:clip;
  gap:calc(var(--u)*3);margin:0;padding:0 0 0 calc(var(--u)*7);border:0;
}
html body.revamp .site-header .cta-btn .cta-label::before{
  content:"";position:absolute;left:0;top:calc(var(--u)*-4);bottom:calc(var(--u)*-4);width:1px;
  background:rgba(244,232,211,.8);box-shadow:1px 0 0 rgba(0,0,0,.25);
}
html body.revamp .site-header .cta-btn .cta-main{
  display:block;font-family:'IW Plate Head','Big Shoulders Display','Arial Narrow',Impact,sans-serif;
  font-weight:800;text-transform:uppercase;font-size:calc(var(--u)*13);line-height:1;letter-spacing:.03em;
  color:#f6ead6;text-shadow:0 1px 0 rgba(0,0,0,.4),0 0 1px rgba(0,0,0,.4);white-space:nowrap;
}
html body.revamp .site-header .cta-btn .cta-more{display:none!important}
html body.revamp .site-header .cta-btn .cta-sub{
  display:flex;align-items:center;gap:calc(var(--u)*5);
  width:0;height:calc(var(--u)*6);overflow:visible;margin-left:calc(var(--u)*2);
  font-family:'IW Plate Sub','Barlow Condensed','Arial Narrow',sans-serif;
  font-weight:var(--sub-w);text-transform:uppercase;font-size:calc(var(--u)*12);line-height:calc(var(--u)*12);letter-spacing:.12em;
  color:#efe2cb;text-shadow:0 1px 0 rgba(0,0,0,.35);white-space:nowrap;
  transform:scale(.46);transform-origin:left center;
}
html body.revamp .site-header .cta-btn .cta-sub::before{content:"";flex:none;width:calc(var(--u)*14);height:1.5px;background:rgba(244,232,211,.8)}

/* ---- sizes by viewport (same buttons, scaled) ---- */
/* desktop: height 1.30 x the old 40px; width factor steps down only where the header region runs out of room */
@media(min-width:1750px){html body.revamp .site-header .cta-btn{--u:1.3px}}
@media(min-width:1600px) and (max-width:1749px){html body.revamp .site-header .cta-btn{--u:1.18px}}
@media(min-width:1520px) and (max-width:1599px){html body.revamp .site-header .cta-btn{--u:1.1px}}
@media(min-width:1440px) and (max-width:1519px){html body.revamp .site-header .cta-btn{--u:1.07px}}
@media(min-width:1400px) and (max-width:1439px){html body.revamp .site-header .cta-btn{--u:1.03px}}
@media(min-width:1320px) and (max-width:1399px){html body.revamp .site-header .cta-btn{--u:1px}}
@media(min-width:1051px) and (max-width:1319px){html body.revamp .site-header .cta-btn{--u:1.3px;justify-self:center}}
@media(min-width:851px) and (max-width:1050px){html body.revamp .site-header .cta-btn{--u:1.2px;justify-self:center}}
@media(min-width:751px) and (max-width:850px){html body.revamp .site-header .cta-btn{--u:1.1px;justify-self:center}}
/* phones: 44px tall, two equal buttons filling the row; --bw = one button's width */
@media(max-width:750px){
  html body.revamp .site-header .cta-btn{
    --bw:calc((100vw - 24px)/2);--u:calc(var(--bw)/158.8);--h:44px;--sub-w:700;
    --rim:1px;width:100%;
  }
  html body.revamp .site-header .cta-btn.cta-text{width:100%}
  html body.revamp .site-header .cta-btn .cta-main{font-size:calc(var(--u)*13)}
  /* secondary line: 1px larger than before (5px -> 6px), one weight step heavier, tighter tracking */
  html body.revamp .site-header .cta-btn .cta-sub{
    font-size:12px;line-height:12px;height:6px;letter-spacing:.02em;gap:4px;margin-left:calc(var(--u)*2);
    transform:scale(.5);
  }
  html body.revamp .site-header .cta-btn .cta-sub::before{width:12px}
}

@media(max-width:340px){html body.revamp .site-header .cta-btn .cta-sub{letter-spacing:0}}

/* ---------- Phones: header layout (logo 20% smaller, room redistributed, equal 8px button gutters) ---------- */
@media(max-width:750px){
  html body.revamp .site-header{--wb:min(calc((100vw - 32px)*.974),383px);--gap-extra:calc(var(--wb)*.03525 - 4.5px)}
  html body.revamp .site-header .site-header-inner{padding-top:2px;padding-bottom:5px;gap:0;align-items:center}
  html body.revamp .site-header .brand{width:77.92%;max-width:306.4px;margin-block:-12.8px calc(-18.4px + var(--gap-extra))}
  html body.revamp .site-header .header-areas{
    margin-top:5px;margin-bottom:var(--gap-extra);font-size:clamp(11px,3.19vw,14.3px);line-height:1.1;
    display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0;
    width:calc(100% + 8px);margin-inline:-4px;padding:0;
  }
  html body.revamp .site-header .town{position:relative;flex:1 1 auto;justify-content:center;text-align:center}
  html body.revamp .site-header .town:first-child{flex-grow:.5;justify-content:flex-start;text-align:left}
  html body.revamp .site-header .town:last-child{flex-grow:.5;justify-content:flex-end;text-align:right}
  html body.revamp .site-header .town+.town::before{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);margin:0;line-height:1}
  html body.revamp .site-header .header-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:calc(100% + 16px);margin-inline:-8px;margin-top:5px}
}

/* ---- Bundle & Save entry points ---- */
.revamp .small-jobs .bundle-cta{clear:both;margin:20px 0 0}
.revamp .small-jobs .bundle-cta .button{min-height:54px;padding:14px 30px;font-size:.92rem;border-radius:4px;min-width:0;white-space:normal;text-align:center}
@media(max-width:750px){.revamp .small-jobs .bundle-cta{margin-top:20px}.revamp .small-jobs .bundle-cta .button{width:100%;padding:14px 16px;font-size:.9rem}}
html body.revamp .footer .footer-inner nav a.nav-bundle{color:#e2b176;font-weight:600}
html body.revamp .footer .footer-inner nav a.nav-bundle:hover{color:#f0c690}
@media(max-width:750px){
  /* four footer links: tidy 2 x 2 in the right-hand column */
  html body.revamp .footer .footer-inner nav{display:grid;grid-template-columns:auto auto;justify-content:space-between;gap:14px 10px}
  html body.revamp .footer .footer-inner nav a{font-size:15px}
}

/* mobile header: more room under the buttons; smaller town names with the same-size stars */
@media(max-width:750px){
  html body.revamp .site-header .site-header-inner{padding-bottom:11px}
  html body.revamp .site-header .header-areas{font-size:clamp(9px,2.85vw,15px);letter-spacing:.05em;padding-inline:clamp(8px,3.5vw,20px);box-sizing:border-box}
  html body.revamp .site-header .town+.town::before{font-size:clamp(8px,2.55vw,13.6px)}
  html body.revamp .small-jobs.shell .small-jobs-copy .bundle-cta{margin-top:22px}
}
/* logo flips in 3D when tapped */
.site-header .brand{perspective:700px}
.site-header .brand img{transform-style:preserve-3d;backface-visibility:visible}
.site-header .brand.flip img{animation:logoFlip .9s cubic-bezier(.3,.7,.3,1)}
@keyframes logoFlip{0%{transform:rotateY(0)}60%{transform:rotateY(380deg) scale(1.06)}100%{transform:rotateY(360deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.site-header .brand.flip img{animation:none}}