/* Outfitter Marketplace. A clean white site in a regular weight face. All the color comes from
   full-width photo banners, listing photos and one orange. Phone first: wider rules come last. */
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url("../fonts/barlow-400.5d7d7375cfc2.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-weight:500;font-display:swap;src:url("../fonts/barlow-500.6d97a2877b1c.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url("../fonts/barlow-600.2ea6ccdd0660.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-weight:700;font-display:swap;src:url("../fonts/barlow-700.d5cfdc4aa43d.woff2") format("woff2")}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:#fff}
:root{--orange:#F4520B;--ink:#26221F;--ink2:#625A53;--line:#EBE4DC;--edge:#C2B7AD;--wash:#FAF6F1;color-scheme:light}
#site{background:#fff;color:var(--ink);font-family:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.5}
:where(#site) h1,:where(#site) h2,:where(#site) h3{margin:0}
#site h1,#site h2,#site h3{font-weight:500;line-height:1.14;text-wrap:balance}
#site h1{font-size:clamp(32px,4vw,44px);letter-spacing:-.01em}
#site h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.006em}
#site h3{font-size:21px}
#site img{display:block;max-width:100%}
:where(#site) p{margin:0}
#site a{color:inherit}
.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.narrow{max-width:740px;margin-left:max(0px,calc((100% - 1160px)/2))}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.meta{color:var(--ink2);font-size:17px}
.lede{color:var(--ink2);font-size:20px;line-height:1.4;max-width:34em}
.stack{display:grid;gap:14px;min-width:0}
.stack > *{min-width:0}
.gap{margin-top:18px}
#site .only-wide{display:none}

/* Buttons and links */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:0;border-radius:999px;background:var(--orange);color:#fff!important;font:inherit;font-size:19px;font-weight:700;line-height:1.15;text-decoration:none;cursor:pointer;text-align:center}
.btn.line{background:#fff;box-shadow:inset 0 0 0 1px var(--edge);color:var(--ink)!important;font-weight:600}
.btn.sm{min-height:46px;padding:0 20px}
.btn.wide{width:100%}
.go{color:var(--orange)!important;font-size:19px;font-weight:700;text-decoration:none}
button.go{padding:0;border:0;background:none;font-family:inherit;cursor:pointer;text-align:left}
.tlink{display:inline-flex;align-items:center;min-height:44px;color:var(--orange)!important;font-size:19px;font-weight:700;text-decoration:none}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.stacked{display:grid;gap:10px}
.qlink{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--ink2)!important;font:inherit;font-size:18px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.quiet{display:flex;flex-wrap:wrap;gap:0 22px}
.twob{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rte{border:1px solid var(--edge);border-radius:12px;overflow:hidden;background:#fff}
.rte:focus-within{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.rte-bar{display:flex;flex-wrap:wrap;gap:2px;padding:4px;background:var(--wash);border-bottom:1px solid var(--line)}
.rte-bar button{min-width:44px;min-height:44px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:17px;font-weight:500;cursor:pointer}
.rte-box{min-height:170px;padding:12px 14px;font-size:18px;line-height:1.5;outline:0}
.rte-box ul,.rte-box ol,.copy ul,.copy ol{margin:6px 0;padding-left:24px}
.rte-box h3{margin:8px 0 2px!important}
.btns{display:flex;flex-wrap:wrap;gap:10px}

/* Forms */
.f{min-width:0}
.lab{display:block;margin-bottom:6px;font-weight:600}
.lab em{color:var(--ink2);font-style:normal;font-weight:400}
.in{width:100%;min-height:50px;padding:10px 14px;border:1px solid var(--edge);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:18px}
textarea.in{min-height:150px;resize:vertical}
.hint{margin-top:6px;color:var(--ink2);font-size:17px;line-height:1.35}
.form{display:grid;gap:18px;margin-top:20px}
.two-f{display:grid;gap:18px}
.two-f > *{min-width:0}
.boxed{display:grid;gap:16px;padding:18px;background:var(--wash);border-radius:14px}
.check{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.check input,.choice input{width:22px;height:22px;accent-color:var(--orange);flex:none}
.choice{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;padding:16px 18px;border:1px solid var(--edge);border-radius:14px;cursor:pointer}
.choice:has(input:checked){box-shadow:inset 0 0 0 2px var(--orange);border-color:var(--orange)}
.choice b{display:block;font-size:20px;font-weight:500;line-height:1.25}
.choice span span{display:block;color:var(--ink2);line-height:1.35;margin-top:2px}
.stepline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;color:var(--ink2);font-size:17px}
.progress{height:6px;margin-block:8px 18px;border-radius:999px;background:var(--line);overflow:hidden}
.progress i{display:block;height:100%;background:var(--orange);border-radius:999px}
.sent{padding:12px 14px;background:var(--wash);border-radius:12px}
.warn{padding:14px 16px;border-left:3px solid var(--orange);background:var(--wash);border-radius:0 12px 12px 0}
.warn b{display:block;font-weight:600}

/* Header */
.stripe{height:5px;background:var(--orange)}
.hd{background:#fff;border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:66px}
.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:clamp(18px,5.4vw,21px);font-weight:500;text-decoration:none;white-space:nowrap}
.brand i{display:block;flex:none;width:10px;height:10px;border-radius:50%;background:var(--orange)}
.nav,.acts{display:none}
.nav a,.acts a.plain{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;color:var(--ink2)!important;font-weight:500;text-decoration:none;white-space:nowrap}
.nav a[aria-current]{color:var(--ink)!important;font-weight:600}
.menu{flex:none;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--wash);color:var(--ink);font:inherit;font-size:17px;font-weight:500;cursor:pointer}
.drawer{padding-block:0 16px;border-top:1px solid var(--line)}
.drawer a{display:flex;align-items:center;min-height:48px;font-weight:500;text-decoration:none;border-bottom:1px solid var(--line)}
.drawer .btn{margin-top:14px;width:100%;border:0}

/* Banners */
.banner,.deer{position:relative;overflow:hidden;background:#141A15;color:#fff}
.bi{position:absolute;inset:0;width:100%!important;height:100%;max-width:none!important;object-fit:cover}
#site .bi.bc{display:none}
.bi.bp{object-position:72% bottom}
.scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,9,.62) 0,rgba(8,12,9,.5) 48%,rgba(8,12,9,0) 70%)}
.bt{position:relative;padding-block:30px 270px}
#site .banner h1{font-size:clamp(38px,4.6vw,58px);letter-spacing:-.012em;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.35);max-width:700px}
.bt .lede{margin-top:14px;color:#fff;font-size:21px;line-height:1.4;max-width:30em;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.banner .eyebrow{margin-bottom:6px;color:#fff;font-size:19px;font-weight:600;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.search{display:flex;gap:6px;margin-top:22px;padding:6px;background:#fff;border-radius:999px;max-width:600px}
.search input{flex:1;min-width:0;min-height:48px;padding:0 16px;border:0;border-radius:999px;background:none;color:var(--ink);font:inherit;font-size:18px}
.search input::placeholder{color:var(--ink2)}
.search .btn{min-height:48px;padding:0 22px}
.banner.short{display:flex;align-items:center;min-height:196px}
.banner.short .bt{padding-block:22px}
.banner.short .scrim{background:linear-gradient(90deg,rgba(8,12,9,.84),rgba(8,12,9,.66) 46%,rgba(8,12,9,.3) 66%,rgba(8,12,9,0) 92%)}
#site .banner.short h1{font-size:30px;max-width:62%}
#site .banner.short .lede,.banner.short .eyebrow{display:none}
.sub-out{padding-top:14px}

/* Audience paths */
.paths{position:relative;z-index:2;display:grid;gap:12px;margin-top:-30px;margin-bottom:clamp(32px,3.6vw,44px)}
.path{display:block;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;box-shadow:0 8px 24px rgba(30,20,10,.10)}
.path h2{font-size:23px!important}
.path p{margin-top:6px;color:var(--ink2);line-height:1.4}
.path span{display:inline-block;margin-top:10px}

/* Highlighted listing */
.feature{padding-block:clamp(40px,5.2vw,64px);background:var(--wash)}
.feature-l{margin-bottom:4px;color:var(--orange);font-size:19px;font-weight:700}
.fpics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.fpics img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.fpics img:first-child{grid-column:1/-1}
.fbody{display:grid;gap:16px;margin-top:18px}
.fbody > *{min-width:0}
.fcopy{display:grid;gap:12px;max-width:44em}
.fact{display:grid;gap:10px;align-content:start;justify-items:start}
.fact .pr{margin:0}

/* Job and people cards */
.sec{padding-block:clamp(44px,5.6vw,68px)}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 16px;margin-bottom:10px}
.head .go{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.blocks{display:grid;gap:40px;min-width:0}
.blocks > *{min-width:0}
.jgrid,.pgrid{display:grid;gap:12px;margin-top:6px}
.jcard,.pcard{display:flex;flex-direction:column;gap:2px;min-width:0;padding:18px 20px;border-radius:16px;text-decoration:none}
.jcard{background:#fff;border:1px solid var(--line);box-shadow:0 2px 10px rgba(30,20,10,.05)}
.pcard{background:var(--wash)}
.role{color:var(--orange);font-size:19px;font-weight:700;line-height:1.3}
.jt{display:block;font-size:21px;font-weight:500;line-height:1.25}
.jw{display:block;color:var(--ink2);font-size:17px;line-height:1.35}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pill{padding:4px 11px;border-radius:999px;background:var(--wash);color:var(--ink);font-size:16px;line-height:1.3}
.pq{margin-top:8px;line-height:1.4}
.pcard .go{margin-top:auto;padding-top:10px}
.home-jobs .jcard:nth-child(n+4),.home-people .pcard:nth-child(n+3){display:none}
details.jcard{padding:0}
details.jcard summary{display:flex;flex-direction:column;gap:2px;padding:18px 20px;list-style:none;cursor:pointer}
details.jcard summary::-webkit-details-marker{display:none}
.more{display:inline-block;margin-top:10px}
details.jcard[open] .more{display:none}
.jb{display:grid;gap:12px;justify-items:start;padding:0 20px 18px;max-width:46em}
details.jcard[open]{grid-column:1/-1}

/* Search and filters */
.tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-top:12px}
.tools-q{min-width:0}
.tools-f{grid-column:1/-1;display:none;gap:8px;min-width:0}
.tools-f.open{display:grid}
.tf{min-width:0}
.tools .check{min-height:50px}
.resultline{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 14px;padding-block:18px 8px}

/* Business cards */
.deer .scrim{background:linear-gradient(180deg,rgba(8,12,9,.68) 0,rgba(8,12,9,.6) 52%,rgba(8,12,9,0) 76%)}
.deer .bt{padding-block:34px 250px}
#site .deer h2{color:#fff;font-size:clamp(32px,3.8vw,46px);text-shadow:0 2px 14px rgba(0,0,0,.35)}
.deer p{margin-top:10px;font-size:21px;line-height:1.4;max-width:26em}
.deer .btn{margin-top:18px}
.cards{display:grid;gap:26px 22px;margin-top:6px}
.card{display:block;text-decoration:none;min-width:0}
.ph{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;border-radius:16px;background:var(--wash);color:var(--ink2)}
.ph img{width:100%;height:100%;object-fit:cover}
.pr{margin-top:12px;font-size:22px;font-weight:600;line-height:1.25}
.ct{margin-top:2px;font-weight:500;line-height:1.3}
.cw{color:var(--ink2);font-size:17px}
.mark{color:var(--orange);font-size:19px;font-weight:700}

/* Pricing */
.pricing{padding-block:clamp(40px,5vw,58px);background:var(--wash)}
.pricing .lede{margin-top:6px;font-size:19px}
.plans{display:grid;gap:14px;margin-top:22px}
.plan{display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}
.amt{margin-top:6px;color:var(--orange);font-size:42px;font-weight:600;line-height:1.15;letter-spacing:-.01em}
.plan ul{margin:10px 0 20px;padding:0;list-style:none;color:var(--ink2)}
.plan li{padding:2px 0}
.plan .btn{margin-top:auto}

/* Detail pages */
.page{padding-block:18px 48px}
.back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:6px;color:var(--ink2)!important;font-weight:500;text-decoration:none}
.back::before{content:"";width:8px;height:8px;margin-right:9px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(45deg)}
.two{display:grid;gap:30px;margin-top:22px}
.two > *{min-width:0}
.box{display:grid;gap:14px;align-content:start;padding:20px;border:1px solid var(--line);border-radius:16px}
.copy{display:grid;gap:14px;max-width:42em;align-content:start}
.gal{display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:8px;margin-top:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;min-width:0}
.gal a{display:block;scroll-snap-align:start}
.gal img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.gal.solo{grid-auto-columns:100%}
.video{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:var(--wash);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.facts{margin:0;display:grid}
.facts div{display:flex;justify-content:space-between;gap:20px;padding-block:10px;border-bottom:1px solid var(--line)}
.facts dt{color:var(--ink2);flex:0 0 auto}
.facts dd{margin:0;text-align:right;font-weight:500;min-width:0}
.actionbar{position:sticky;bottom:0;z-index:4;display:flex;gap:8px;padding-block:10px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));background:#fff;border-top:1px solid var(--line)}
.actionbar .btn{flex:1}
.statusline{padding:12px 16px;border-left:3px solid var(--orange);background:var(--wash);border-radius:0 12px 12px 0;font-weight:600}
/* Photo viewer: the arrows sit on the photo itself, so they are always on screen. */
.viewer{background:#141A15;color:#fff;min-height:calc(100svh - 72px)}
.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px}
.viewer-count{font-size:17px}
.viewer-back{flex:0 0 auto;box-shadow:none}
.viewer-stage{position:relative;display:grid;place-items:center;padding:0 8px;max-width:1160px;margin-inline:auto}
.viewer-stage img{width:auto;height:auto;max-height:calc(100svh - 230px);object-fit:contain;border-radius:8px}
.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink)!important;text-decoration:none;font-size:40px;line-height:1;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.viewer-nav span{margin-top:-4px}
.viewer-nav.prev{left:12px}
.viewer-nav.next{right:12px}
.viewer-nav:hover,.viewer-nav:focus-visible{background:#fff;outline:3px solid var(--orange);outline-offset:2px}
.viewer-thumbs{display:flex;gap:8px;overflow-x:auto;padding-block:12px 20px}
.viewer-thumbs a{flex:0 0 auto;border-radius:6px;border:2px solid transparent;opacity:.7}
.viewer-thumbs a[aria-current]{border-color:var(--orange);opacity:1}
.viewer-thumbs img{width:72px;height:54px;object-fit:cover;border-radius:4px}
.qa{border-bottom:1px solid var(--line)}
.qa summary{display:flex;align-items:center;min-height:56px;padding-block:8px;font-weight:500;cursor:pointer}
.qa p{padding-bottom:14px;max-width:42em}
.toc{padding:0;margin:0;list-style:none}
.toc a{display:flex;align-items:center;min-height:44px;text-decoration:none}
.legal h2{font-size:24px!important;margin-top:26px}
.sub{margin-top:26px}
.legal p{margin-top:8px;max-width:42em}
.bigno{font-size:clamp(46px,8vw,70px);font-weight:500;line-height:1;color:var(--orange)}

/* Lists used by My listings and Admin */
.rowc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:center;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none}
.rowc .t{font-size:20px;font-weight:500;line-height:1.25;min-width:0}
.rowc .s{grid-column:1;color:var(--ink2);font-size:17px;line-height:1.35;min-width:0}
.rowc .r{grid-column:2;grid-row:1/3;text-align:right}
.tag{display:inline-block;padding:3px 11px;border-radius:999px;background:var(--wash);font-size:16px;line-height:1.35;white-space:nowrap}
.tag.on{background:#fff;box-shadow:inset 0 0 0 1.5px var(--orange)}
.unread{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--orange);color:#fff;font-size:17px;font-weight:700}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.stat{padding:14px 16px;background:var(--wash);border-radius:14px}
.stat b{display:block;font-size:30px;font-weight:600;line-height:1.1}
.stat span{color:var(--ink2);font-size:17px}
.pagehead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px}
.thread{display:grid;gap:10px;margin-top:16px}
.msg{max-width:88%;padding:11px 15px;background:var(--wash);border-radius:14px}
.msg.me{justify-self:end;background:#fff;border:1px solid var(--line)}
.who{display:block;color:var(--ink2);font-size:16px}
.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.thumb{width:150px;min-width:0}
.thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.thumb .btns{gap:0 12px;margin-top:2px}
.thumb button{min-height:44px;padding:0;border:0;background:none;color:var(--orange);font:inherit;font-size:17px;font-weight:700;cursor:pointer}
.preview{margin-top:16px;border:2px dashed var(--edge);border-radius:16px;overflow:hidden}
.stripe-note{padding:26px;background:var(--wash);border-radius:16px;text-align:center}

/* Admin */
.adbar{background:#fff;border-bottom:1px solid var(--line)}
.adtag{padding:3px 11px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--orange);font-size:17px;font-weight:600}
.adnav{display:flex;gap:4px;overflow-x:auto;padding-block:0 8px;scrollbar-width:thin}
.adnav a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:999px;color:var(--ink2)!important;font-weight:500;text-decoration:none;white-space:nowrap}
.adnav a[aria-current]{background:var(--wash);color:var(--ink)!important}
.chart{margin-top:10px}
.bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;height:150px;border-bottom:1px solid var(--edge)}
.bars i{display:block;width:100%;max-width:40px;margin-inline:auto;border-radius:4px 4px 0 0;background:var(--orange)}
.barx{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:4px;color:var(--ink2);font-size:16px;text-align:center}
.funnel{display:grid;gap:8px}
.funnel div{display:grid;gap:4px}
.funnel span{display:flex;justify-content:space-between;gap:12px}
.funnel i{display:block;height:8px;border-radius:4px;background:var(--orange)}

/* Footer */
.news{padding-block:30px}
.news-in{display:grid;gap:12px}
.news-in > *{min-width:0}
.news h3{font-size:clamp(24px,2.6vw,30px)!important}
.news p{color:var(--ink2);font-size:17px}
.news form{display:flex;gap:8px}
.news input{flex:1;width:100%;min-width:0;min-height:50px;padding:0 16px;border:1px solid var(--edge);border-radius:999px;background:#fff;color:var(--ink);font:inherit}
.ft{border-top:1px solid var(--line);padding-block:18px 28px;color:var(--ink2);font-size:17px}
.ft ul{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:0 18px}
.ft a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.toast{position:fixed;left:50%;bottom:18px;z-index:20;width:min(92vw,520px);padding:12px 16px;border-radius:12px;background:#26221F;color:#fff;font:17px/1.35 "Barlow",system-ui,sans-serif;transform:translateX(-50%)}

/* ---------- Wider screens ---------- */
@media (min-width:620px){
  .paths,.plans,.cards,.jgrid,.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-jobs .jcard:nth-child(n+4),.home-people .pcard:nth-child(n+3){display:flex}
  .fpics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .fpics img:first-child{grid-column:auto}
  .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .two-f{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fold-in{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}
}
@media (min-width:900px){
  #site .only-phone{display:none}
  #site .only-wide{display:block}
  #site .btn.only-wide,#site .go.only-wide{display:inline-flex}
  .nav,.acts{display:flex;align-items:center}
  .acts{gap:6px}
  .menu,.drawer{display:none}
  .bar{min-height:72px}
  #site .bi.bc{display:block}
  #site .bi.bp{display:none}
  .banner{min-height:min(50vw,700px)}
  .scrim,.banner.short .scrim{background:linear-gradient(90deg,rgba(8,12,9,.56),rgba(8,12,9,.36) 44%,rgba(8,12,9,0) 66%)}
  .bt{padding-block:clamp(100px,10.6vw,150px) 90px}
  .bt .lede{font-size:22px;max-width:27em}
  .search{max-width:620px}
  .paths{gap:14px;margin-top:-44px}
  .banner.short{min-height:clamp(250px,24vw,330px)}
  .banner.short .bt{padding-block:40px}
  #site .banner.short h1{font-size:clamp(38px,4.2vw,50px);max-width:640px}
  #site .banner.short .lede,.banner.short .eyebrow{display:block}
  .sub-out{display:none}
  .deer .scrim{background:linear-gradient(90deg,rgba(8,12,9,.46),rgba(8,12,9,.28) 44%,rgba(8,12,9,0) 62%)}
  .deer .bt{padding-block:84px}
  .deer .bt > *{max-width:600px}
  .news-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px}
  .fbody{grid-template-columns:minmax(0,1fr) 250px;gap:48px}
  .two{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:48px}
  .box.side{position:sticky;top:76px}
  .gal{grid-auto-flow:row;grid-template-columns:2fr 1fr;grid-auto-columns:auto;height:430px;overflow:visible}
  .gal.solo{grid-template-columns:1fr}
  .gal a:first-child{grid-row:1/4}
  .gal a{min-height:0}
  .gal img{aspect-ratio:auto;min-height:0}
  .actionbar{position:static;padding-inline:0;border-top:0;justify-content:flex-start}
  .actionbar .btn{flex:0 1 auto}
  .tools{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:-36px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(30,20,10,.10)}
  .tools-q{flex:1.3}
  #site .tools-btn{display:none}
  .tools-f,.tools-f.open{display:flex;flex:2;align-items:center;gap:10px}
  .tf{flex:1}
  .tools .check,.tools .qlink{flex:none;white-space:nowrap}
}

/* Site additions */
.err{margin-top:6px;color:#B3261E;font-size:17px;font-weight:500}
.f.bad .in,.f.bad .rte{border-color:#B3261E}
.msgs{padding-top:14px}
.msgs .sent+.sent{margin-top:8px}
.stacked > form{display:grid;gap:10px;min-width:0}
.stacked > form > .btn{display:inline-flex;width:100%}
.js .nojs-only{display:none}
.thumb form{display:inline}
.upload-row{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--wash);border-radius:10px;margin-top:6px}
.chipline{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.cardbody{display:contents}
.pre-line{white-space:pre-line}
.pager-note{margin-top:14px;color:var(--ink2);font-size:17px}

/* Pages built after the mockup */
#site .banner .bigline{color:#fff;font-size:30px;font-weight:500;line-height:1.12;max-width:62%;text-shadow:0 2px 16px rgba(0,0,0,.35)}
#site .banner h1.eyebrow{display:block;max-width:none;margin-bottom:6px;font-size:17px;font-weight:600;letter-spacing:0;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.js .only-js{display:block}
html:not(.js) .only-js{display:none}
.form .check{min-height:44px}
.pagehead .btn{flex:none}
.box .ct a{color:inherit}
@media (min-width:900px){
  #site .banner .bigline{font-size:clamp(38px,4.2vw,50px);max-width:640px}
  #site .banner h1.eyebrow{font-size:19px}
}
@media print{.hd,.ft,.adbar,.stripe,.back,[data-print]{display:none!important}}
.copy,.legal,.facts dd,.rowc .t,.rowc .s,.msg,.meta,.jt,.ct{overflow-wrap:anywhere}
.rowc > *,.stacked > *{min-width:0}
.twob > :only-child{grid-column:1 / -1}
.pq{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.box.side{align-self:start}

/* Receipt: reads like a receipt on screen and prints cleanly on one page. */
.receipt{display:grid;gap:18px;padding:24px;border:1px solid var(--line);border-top:5px solid var(--orange);border-radius:16px}
.receipt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.receipt-brand{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--ink2);margin-bottom:4px}
.receipt-brand .dot{width:10px;height:10px;border-radius:50%;background:var(--orange)}
.receipt-status{background:#E5F4E4;font-weight:600}
#site .receipt-sub{font-size:21px;margin-top:6px}
.receipt-item{display:grid;gap:4px}
.receipt-item .t{font-weight:600}
.receipt-sum .total{border-bottom:0;border-top:2px solid var(--ink);font-size:21px}
.receipt-sum .total dt{color:var(--ink);font-weight:600}
.receipt-sum .total dd{font-weight:700}
.receipt-seller{display:grid;gap:2px;padding:14px 16px;background:var(--wash);border-radius:12px;color:var(--ink2);font-size:16px}
.receipt-seller b{color:var(--ink)}
@media print{.receipt{border:0;padding:0}.receipt-seller{background:none;padding:0}}

/* Admin header: sign out sits beside the Admin tag on every Admin page. */
.adright{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.adright form{margin:0}