.mf-brand{background:#e9dfc9;color:#183b30;padding:30px 5vw;border-block:1px solid #a78d59;display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center}.mf-brand__logo{width:180px;mix-blend-mode:multiply}.mf-brand small{font:10px monospace;letter-spacing:.2em}.mf-brand h2{font:clamp(32px,4.5vw,65px)/.95 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:12px 0}.mf-brand p{font-size:14px;letter-spacing:.03em}.mf-brand a{color:inherit;font:12px monospace}.mf-ad-page{margin:0;background:#17392f;color:#e9dfc9;font-family:Arial,sans-serif}.mf-ad-page nav,.mf-ad-page footer{padding:22px 5vw;display:flex;justify-content:space-between;gap:20px}.mf-ad-page a{color:inherit}.mf-ad-page .mf-brand{min-height:70vh;box-sizing:border-box;grid-template-columns:minmax(180px,1fr) 2fr;padding:7vw}.mf-ad-page .mf-brand__logo{width:100%;max-width:350px}.mf-ad-page .mf-brand h2{font-size:clamp(50px,7vw,110px)}@media(max-width:600px){.mf-brand{grid-template-columns:95px 1fr;padding:24px 5vw;gap:15px}.mf-brand__logo{width:95px}.mf-ad-page .mf-brand{grid-template-columns:1fr}.mf-ad-page .mf-brand__logo{width:150px}.mf-ad-page nav{font-size:12px}}
.mf-brand{position:relative;isolation:isolate;background:#100f0b;color:#e8c677;border-color:#a4884d66;overflow:hidden;padding-block:42px}
.mf-brand:before{content:'';position:absolute;inset:0;z-index:-2;background:url('public/editorial/smackerz-ultra-unbranded.jpg') 65% 45%/cover no-repeat}
.mf-brand:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090d0bd9 0%,#10100abd 45%,#080a0860 100%)}
.mf-brand__logo{filter:invert(1) sepia(1) saturate(2.2) hue-rotate(354deg) brightness(.95);mix-blend-mode:screen}
.mf-brand h2{color:#e8c677;letter-spacing:-.025em;text-shadow:0 2px 24px #0008}
.mf-brand small{color:#e5c786}.mf-brand p{color:#ede0c5}.mf-brand a{color:#e8c677}
.mf-ad-page{background:#100f0b;color:#e8c677;min-height:100svh;display:flex;flex-direction:column}
.mf-ad-page nav{position:absolute;top:0;left:0;right:0;z-index:2;font:10px monospace;letter-spacing:.14em}
.mf-ad-page .mf-brand{flex:1;min-height:calc(100svh - 62px);border:0;padding:85px 7vw 60px;grid-template-columns:minmax(180px,.8fr) 2fr;gap:5vw}
.mf-ad-page .mf-brand:before{background-position:65% 42%}.mf-ad-page .mf-brand h2{font-size:clamp(48px,7.7vw,118px);line-height:.92}
.mf-ad-page footer{font:11px monospace;align-items:center;padding:22px 5vw}.mf-ad-page footer small{font-size:8px;letter-spacing:.14em;color:#c2b18f}
@media(max-width:600px){.mf-ad-page .mf-brand{grid-template-columns:1fr;gap:12px;padding:65px 8vw 35px}.mf-ad-page .mf-brand__logo{width:155px}.mf-ad-page .mf-brand h2{font-size:clamp(46px,12vw,70px)}.mf-ad-page footer{gap:12px;flex-wrap:wrap}.mf-brand:before{background-position:60% 40%}}
.mf-ad-page footer{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 5vw 18px;background:#10120f}.mf-ad-page footer small{grid-column:1/-1;text-align:center}.mf-ad-page footer a{display:flex;align-items:center;justify-content:center;min-height:64px;padding:8px 20px;border:1px solid #b79b58;border-radius:3px;text-decoration:none;font:700 clamp(15px,2vw,23px)/1.1 Arial,sans-serif;transition:transform .18s,background .18s,box-shadow .18s}.mf-ad-page footer a:last-child{background:#e8c677;color:#161910;box-shadow:4px 4px 0 #796332}.mf-ad-page footer a:hover,.mf-ad-page footer a:focus-visible{transform:translateY(-3px);background:#f8d991;color:#13170f;box-shadow:4px 7px 0 #796332}.mf-ad-page .mf-brand{min-height:calc(100svh - 123px)}@media(max-width:600px){.mf-ad-page footer a{font-size:15px;padding:8px;min-height:58px}}
.mf-brand .mf-website{display:inline-block;margin-top:14px;font:700 clamp(17px,2vw,25px)/1.3 Arial,sans-serif;text-decoration:none;border-bottom:1px solid #e8c677;padding-bottom:5px;letter-spacing:.02em}.mf-brand .mf-website:hover{color:#fff0c9}
.mf-ad-page .mf-brand:after{background:radial-gradient(ellipse at 92% 8%,#df5b173d,transparent 42%),radial-gradient(ellipse at 6% 95%,#75381150,transparent 45%),linear-gradient(90deg,#090809ed 0%,#140e0cc9 42%,#160b0855 75%,#100909aa 100%)}.mf-ad-page .mf-brand:before{filter:sepia(.22) saturate(1.25)}.mf-ad-page .mf-brand>div:before{content:'CROPTOBER / MICHIGAN ROOTS';display:block;width:fit-content;padding:7px 11px;margin-bottom:24px;border:1px solid #c36a38;color:#efa05e;font:11px monospace;letter-spacing:.19em;transform:rotate(-2deg)}.mf-ad-page .mf-brand h2{text-shadow:3px 4px 0 #4b2517,0 8px 35px #000;transform:rotate(-1deg)}.mf-ad-page footer{background:#100b0b;border-top:1px solid #a5502c}.mf-ad-page footer a{border-color:#b97b40}.mf-ad-page footer a:last-child{background:linear-gradient(120deg,#e8c677,#c6924b);box-shadow:4px 4px 0 #74381f}.mf-ad-page nav:after{content:'';position:absolute;right:0;top:0;width:130px;height:130px;pointer-events:none;opacity:.3;background:repeating-radial-gradient(circle at 100% 0,transparent 0 24px,#d5bd8555 25px 26px,transparent 27px 35px),conic-gradient(from 180deg at 100% 0,transparent 0deg 18deg,#d5bd85 19deg 19.5deg,transparent 20deg 43deg,#d5bd85 44deg 44.5deg,transparent 45deg 68deg,#d5bd85 69deg 69.5deg,transparent 70deg)}
/* Animate the photograph, never the lettering or navigation. */
.mf-ad-page .mf-brand:before{animation:mf-cover-drift 18s ease-in-out infinite alternate;transform-origin:65% 45%;will-change:transform}.mf-ad-page .mf-brand:after{animation:mf-cover-glow 12s ease-in-out infinite alternate}@keyframes mf-cover-drift{from{transform:scale(1)}to{transform:scale(1.065) translate(-.7%,.4%)}}@keyframes mf-cover-glow{from{opacity:.86}to{opacity:1}}.mf-motion-toggle{position:absolute;right:5vw;top:18px;z-index:3;background:#100d0bd9;color:#e8c677;border:1px solid #a88b4d;padding:8px 12px;border-radius:3px;font:10px monospace;cursor:pointer}.mf-ad-page.motion-paused .mf-brand:before,.mf-ad-page.motion-paused .mf-brand:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.mf-ad-page .mf-brand:before,.mf-ad-page .mf-brand:after{animation:none}}