/* Crestone Roofing Knoxville v3. Tokens per SPEC 6.1. */
:root{
  --gold:#FBB908;--gold-press:#E0A500;--ink:#0E0F11;--ink-2:#1C1E22;--paper:#FFFFFF;--paper-warm:#F7F4EE;
  --line:#E4DED3;--muted:#4E555C;--on-dark:#FFFFFF;--on-dark-muted:#C9CDD2;--ok:#1F7A3A;--err:#B3261E;
  --draft-fg:#7A4B00;--draft-bg:#FFF3CC;--r-card:10px;--r-input:8px;--r-pill:999px;
  --shadow:0 1px 2px rgba(14,15,17,.08),0 6px 20px rgba(14,15,17,.06);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --head:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --bar:64px;
  --shingle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28'%3E%3Cpath d='M0 13.5H56M0 27.5H56M.5 0V14M28.5 14V28' stroke='%230E0F11' stroke-opacity='.11' fill='none'/%3E%3C/svg%3E");
  --shingle-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28'%3E%3Cpath d='M0 13.5H56M0 27.5H56M.5 0V14M28.5 14V28' stroke='%23FBB908' stroke-opacity='.13' fill='none'/%3E%3C/svg%3E");
  --ridge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120 70 52l38 34 62-74 46 50 34-30 70 72 40-40 40 56z' fill='%230E0F11' fill-opacity='.16'/%3E%3Cpath d='M0 120 120 70l50 30 80-58 60 44 90 34z' fill='%230E0F11' fill-opacity='.12'/%3E%3C/svg%3E");
  --ridge-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120 70 52l38 34 62-74 46 50 34-30 70 72 40-40 40 56z' fill='%23FBB908' fill-opacity='.20'/%3E%3Cpath d='M0 120 120 70l50 30 80-58 60 44 90 34z' fill='%23FBB908' fill-opacity='.12'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--body);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:3px}
h1,h2,h3,.h3{font-family:var(--head);text-wrap:balance;margin:0 0 var(--s4)}
h1{font-size:clamp(2.1rem,5.5vw + .5rem,3.6rem);line-height:1.08;font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(1.6rem,3vw + .6rem,2.4rem);line-height:1.15;font-weight:700}
h3,.h3{font-size:1.25rem;line-height:1.3;font-weight:600}
p{margin:0 0 var(--s4)}
.lede{font-size:1.1875rem;line-height:1.55}
.small{font-size:.875rem;line-height:1.45}
.muted{color:var(--muted)}
.eyebrow{font:600 .8125rem/1.4 var(--body);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--s3)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.site-header :focus-visible,.sec--ink :focus-visible,.hero :focus-visible,.site-footer :focus-visible,.sticky-bar :focus-visible,.panel--ink :focus-visible{outline-color:var(--gold)}
.skip{position:absolute;left:var(--s4);top:-60px;z-index:100;background:var(--gold);color:var(--ink);padding:var(--s3) var(--s4);border-radius:var(--r-input);font-weight:600}
.skip:focus{top:var(--s3)}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.narrow{max-width:820px}
@media (min-width:600px){.wrap{padding:0 24px}}
.sec{padding:48px 0}
.sec--tight{padding:24px 0 0}
@media (min-width:900px){.sec{padding:80px 0}}
.sec--warm{background:var(--paper-warm)}
.sec--ink{background:var(--ink);color:var(--on-dark)}
.sec--gold{background:var(--gold) var(--shingle);color:var(--ink)}
.sec--ink .lede,.sec--ink p{color:var(--on-dark)}

/* buttons */
.btns{display:flex;flex-wrap:wrap;gap:var(--s3);margin:var(--s5) 0 var(--s4)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:var(--r-pill);font:600 1rem/1 var(--body);text-decoration:none;border:2px solid transparent;cursor:pointer;text-align:center;text-wrap:balance}
.btn--gold{background:var(--gold);color:var(--ink)}
.btn--gold:hover,.btn--gold:active{background:var(--gold-press)}
.btn--ink{background:var(--ink);color:var(--on-dark)}
.btn--ink:hover{background:var(--ink-2)}
.btn--outline-light{border-color:var(--on-dark);color:var(--on-dark)}
.btn--outline-light:hover{background:rgba(255,255,255,.08)}
.btn--outline{border-color:var(--ink);color:var(--ink);background:transparent}
.btn--sm{min-height:44px;padding:0 16px;font-size:.9375rem}
.btn--lg{min-height:56px;padding:0 28px;font-size:1.0625rem}
.btn--block{width:100%}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--ink);color:var(--on-dark)}
.header-in{height:64px;display:flex;align-items:center;gap:var(--s4)}
.brand{flex:none;display:flex;align-items:center;min-height:44px}
.brand img{height:40px;width:auto}
.nav{display:none}
.nav ul{list-style:none;margin:0;padding:0}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s3)}
.header-phone{display:none;flex-direction:column;text-decoration:none;line-height:1.15;color:var(--on-dark)}
.header-phone .small{color:var(--on-dark-muted);font-size:.75rem}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-pill);background:transparent;border:1.5px solid rgba(255,255,255,.35);color:var(--on-dark);cursor:pointer;padding:0}
.bars,.bars::before,.bars::after{display:block;width:18px;height:2px;background:currentColor;position:relative;content:""}
.bars::before{position:absolute;top:-6px}.bars::after{position:absolute;top:6px}
.header-cta{display:none}
@media (min-width:600px){.header-cta{display:inline-flex}}
@media (min-width:900px){.header-phone{display:flex}.phone-icon{display:none}}
.nav-open .nav{display:block;position:absolute;top:64px;left:0;right:0;background:var(--ink);border-top:1px solid rgba(255,255,255,.12);padding:var(--s3) 16px var(--s5);max-height:calc(100vh - 64px);overflow:auto}
.nav-open .nav a{display:block;padding:14px 4px;font-weight:600;font-size:1.0625rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}
@media (min-width:1180px){
  .menu-btn{display:none}
  .nav,.nav-open .nav{display:block;position:static;padding:0;border:0;background:none;overflow:visible;max-height:none}
  .nav ul{display:flex;gap:2px}
  .nav a,.nav-open .nav a{display:block;padding:10px 9px;font-size:.9rem;font-weight:600;text-decoration:none;border:0;white-space:nowrap}
  .nav a:hover{color:var(--gold)}
  .nav .nav-more{display:none}
}

/* hero */
.hero{background:var(--ink);color:var(--on-dark);padding:40px 0 48px}
.hero .eyebrow{color:var(--gold)}
.hero .lede{color:var(--on-dark-muted);max-width:60ch}
.hero-grid{display:grid;gap:var(--s6);align-items:center}
@media (min-width:900px){.hero{padding:72px 0 80px}.hero-grid{grid-template-columns:1.08fr .92fr;gap:56px}}
.hero-text a{color:var(--on-dark);font-weight:600}
.hero--guide{padding:32px 0 40px}
.hero--guide .lede{color:var(--on-dark-muted)}
.byline{color:var(--on-dark-muted);font-size:.9375rem;margin:0}
.photo{margin:0}
.photo img{border-radius:var(--r-card);width:100%;aspect-ratio:4/3;object-fit:cover}
.photo--hero img{aspect-ratio:5/4}
.photo figcaption{font-size:.8125rem;color:var(--muted);margin-top:var(--s2)}
.hero .photo figcaption,.sec--ink .photo figcaption{color:var(--on-dark-muted)}
.photo figcaption a{color:inherit}
.crumbs ol{list-style:none;margin:0 0 var(--s5);padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.875rem;color:var(--on-dark-muted)}
.crumbs li+li::before{content:"\203A";margin-right:6px}
.crumbs a{color:var(--on-dark-muted)}

/* designed panels (photo slots with no approved image) */
.panel{position:relative;overflow:hidden;border-radius:var(--r-card);aspect-ratio:4/3;padding:28px;display:flex;flex-direction:column;justify-content:flex-start}
.panel--gold{background:var(--ridge) bottom/100% 46% no-repeat,var(--shingle),var(--gold);color:var(--ink)}
.panel--ink{background:var(--ridge-gold) bottom/100% 46% no-repeat,var(--shingle-gold),var(--ink-2);color:var(--on-dark);border:1px solid rgba(251,185,8,.25)}
.panel-kicker{font:600 .8125rem/1.4 var(--body);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--s3)}
.panel--ink .panel-kicker{color:var(--gold)}
.panel-line{font:700 clamp(1.5rem,2.6vw + .6rem,2.3rem)/1.12 var(--head);margin:0;max-width:16ch;text-wrap:balance}
.panel-mark{position:absolute;right:22px;top:22px;width:44px;height:30px;background:currentColor;opacity:.9;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 30'%3E%3Cpath d='M0 30 15 6l6 9 7-11 16 26z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 30'%3E%3Cpath d='M0 30 15 6l6 9 7-11 16 26z'/%3E%3C/svg%3E") center/contain no-repeat}
.hero .panel{aspect-ratio:5/4}

/* trust strip */
.trust{background:var(--paper);border-bottom:1px solid var(--line)}
.trust-list{list-style:none;margin:0 auto;display:flex;gap:var(--s5);overflow-x:auto;scroll-snap-type:x mandatory;padding-top:20px;padding-bottom:20px}
.trust-list li{flex:0 0 78%;scroll-snap-align:start;display:flex;gap:var(--s3);align-items:flex-start;font-size:.9375rem;line-height:1.4}
.trust-list strong{display:block}
.trust-list .small{color:var(--muted)}
.ico{flex:none;width:36px;height:36px;padding:7px;border-radius:50%;background:var(--ink);color:var(--gold)}
@media (min-width:600px){.trust-list li{flex-basis:42%}}
@media (min-width:1100px){.trust-list{overflow:visible}.trust-list li{flex:1 1 0}}

/* prose */
.prose .block,.prose .callout{margin-bottom:var(--s7)}
.prose .block:last-child{margin-bottom:0}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 var(--s4)}
.prose li{margin-bottom:var(--s2)}
.prose p,.prose li{max-width:68ch}
.prose a,.faq-a a,.facts a{color:var(--ink);font-weight:600}
.callout{background:var(--paper-warm);border-left:6px solid var(--gold);border-radius:var(--r-card);padding:var(--s5)}
ol.numbered{list-style:none;padding:0;counter-reset:n}
ol.numbered li{counter-increment:n;position:relative;padding-left:48px;margin-bottom:var(--s4)}
ol.numbered li::before{content:counter(n);position:absolute;left:0;top:-1px;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--gold);font:700 .95rem/32px var(--head);text-align:center}
.table-wrap{overflow-x:auto;margin:0 0 var(--s4)}
table{border-collapse:collapse;width:100%;font-size:.9375rem;min-width:480px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{background:var(--ink);color:var(--on-dark);font-weight:600}
tbody th{font-weight:600}
.draft-tag{display:inline-block;background:var(--draft-bg);color:var(--draft-fg);font-size:.8125rem;font-weight:600;padding:2px 10px;border-radius:var(--r-pill)}
mark.verify{background:var(--draft-bg);color:var(--draft-fg);font-size:.75rem;font-weight:600;padding:1px 6px;border-radius:4px;letter-spacing:.04em}
.answer{font-size:1.25rem;line-height:1.55;border-left:6px solid var(--gold);padding-left:var(--s5);margin:0}
.guide-foot{border-top:1px solid var(--line);padding-top:var(--s4)}

/* cards */
.cards{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:var(--s4)}
@media (min-width:600px){.cards{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.cards--guides{grid-template-columns:repeat(4,1fr)}}
.card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s5);box-shadow:var(--shadow);display:flex;flex-direction:column;border-top:4px solid var(--gold)}
.card h3 a{text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--r-card)}
.card p{color:var(--muted);flex:1}
.card-link{font-weight:600;font-size:.9375rem}
.card-link::after{content:" \2192"}
.card:hover{border-color:var(--ink);border-top-color:var(--gold)}
.card:focus-within{outline:3px solid var(--ink);outline-offset:2px}
.card a:focus-visible{outline:none}

/* steps */
.steps{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:var(--s5);counter-reset:s}
@media (min-width:600px){.steps{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{counter-increment:s}
.steps li::before{content:counter(s);display:block;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--gold);font:700 1.35rem/48px var(--head);text-align:center;margin-bottom:var(--s3)}
.steps p{color:var(--muted)}

/* storm band */
.storm-grid{display:grid;gap:var(--s6)}
@media (min-width:900px){.storm-grid{grid-template-columns:1.2fr .8fr;align-items:center}}
.eyebrow--gold{color:var(--gold)}
.storm-lines{list-style:none;margin:0;padding:0}
.storm-lines li{border-left:4px solid var(--gold);padding:var(--s2) 0 var(--s2) var(--s4);margin-bottom:var(--s4);font-size:1.0625rem}
.link-light{color:var(--on-dark);font-weight:600}
.split{display:grid;gap:var(--s6);align-items:center}
@media (min-width:900px){.split{grid-template-columns:1fr 1fr;gap:56px}}

/* price */
.price-big{font:700 clamp(1.85rem,7vw,3.4rem)/1.05 var(--head);margin:0 0 var(--s3)}
.price-about{display:block;font:600 .8125rem/1.4 var(--body);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.price a{font-weight:600}

/* see your roof */
.seeroof{display:grid;gap:var(--s6)}
@media (min-width:900px){.seeroof{grid-template-columns:1fr 1fr;align-items:start}}
.seeroof label,.lead-form label{display:block;font-weight:600;margin-bottom:6px}
.inline-field{display:flex;gap:var(--s2);flex-wrap:wrap}
.inline-field input{flex:1 1 220px}
input,textarea{font:inherit;width:100%;min-height:48px;padding:10px 14px;border:1.5px solid #8A9097;border-radius:var(--r-input);background:#fff;color:var(--ink)}
input:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:1px}
.seeroof-form{margin-bottom:var(--s3)}
.seeroof-form .small{margin:var(--s2) 0 0}
.seeroof-note,.seeroof-after{background:var(--paper-warm);border-radius:var(--r-card);padding:var(--s4);margin-top:var(--s4)}
.map-frame{aspect-ratio:16/10;border-radius:var(--r-card);overflow:hidden;background:var(--ink-2);margin-bottom:var(--s4)}
.map-frame iframe{width:100%;height:100%;border:0}
.map-card{display:flex;align-items:flex-end;position:relative;aspect-ratio:16/10;border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:var(--on-dark);background:radial-gradient(circle at 62% 42%,rgba(251,185,8,.28) 0 7px,transparent 8px),radial-gradient(circle at 62% 42%,transparent 0 26px,rgba(251,185,8,.5) 27px 28px,transparent 29px),var(--ink-2)}
.map-card-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(118deg,transparent 46%,rgba(251,185,8,.35) 46.4% 47.4%,transparent 47.8%),linear-gradient(28deg,transparent 60%,rgba(255,255,255,.18) 60.3% 61%,transparent 61.3%)}
.map-card-text{position:relative;display:flex;flex-direction:column;gap:4px;padding:var(--s5);background:linear-gradient(transparent,rgba(14,15,17,.9) 38%);width:100%}
.map-card-text .eyebrow{color:var(--gold);margin:0}
.map-card-text strong{font:600 1.2rem/1.3 var(--head)}
.map-card-text .small{color:var(--on-dark-muted)}
.map-card:hover strong{text-decoration:underline}

/* ask */
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 var(--s4)}
.chip{font:600 .875rem/1 var(--body);min-height:44px;padding:0 16px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.chip:hover{border-color:var(--ink)}
.ask-results .hit{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s4) var(--s5);margin-bottom:var(--s3)}
.ask-results .hit h3{font-size:1.0625rem;margin-bottom:var(--s2)}
.ask-results .hit p{margin-bottom:var(--s2)}
.ask-results .hit--top{border-left:6px solid var(--gold)}
.ask-results a{font-weight:600}
.ask-nomatch{background:#fff;border-radius:var(--r-card);padding:var(--s4) var(--s5);margin-bottom:var(--s3)}
.ask-foot{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;justify-content:space-between;margin:var(--s4) 0 0}

/* areas */
.area-grid{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:var(--s3);grid-template-columns:1fr}
@media (min-width:600px){.area-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.area-grid{grid-template-columns:repeat(5,1fr)}}
.area-grid a{display:flex;flex-direction:column;gap:2px;min-height:76px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);text-decoration:none;background:#fff}
.area-grid a:hover{border-color:var(--ink)}
.area-grid span{font-size:.875rem;color:var(--muted)}
.facts{padding-left:1.2em}.facts li{margin-bottom:var(--s3)}

/* faq */
.faq{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--s4);align-items:center;padding:18px 0;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{margin:0;font-size:1.0625rem}
.faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--gold);font:600 1.25rem/31px var(--head);text-align:center}
.faq[open] summary::after{content:"\2212"}
.faq-a p{max-width:68ch}
.faq-page h2{margin-top:var(--s7)}
.faq-page h2:first-child{margin-top:0}
.more a{font-weight:600}
.more a::after{content:" \2192"}

/* cta + form */
.cta-grid{display:grid;gap:var(--s6)}
@media (min-width:900px){.cta-grid{grid-template-columns:1fr 1fr;align-items:start}}
.cta-alt a{color:var(--on-dark);font-weight:600}
.form-box{background:var(--paper);color:var(--ink);border-radius:var(--r-card);padding:var(--s5)}
.field{margin-bottom:var(--s4)}
.opt{font-weight:400;color:var(--muted)}
.err{color:var(--err);font-size:.875rem;margin:6px 0 0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{font-size:1.0625rem}
.form-msg.ok{color:var(--ok)}
.form-msg.bad{color:var(--err)}
.form-msg strong{display:block;font:700 1.35rem/1.3 var(--head);margin-bottom:var(--s2);color:var(--ink)}
.sms-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s5)}
.sms-band h2{margin-bottom:var(--s2)}.sms-band p{margin:0;max-width:56ch}

/* related, ways, credits */
.pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.pills a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid var(--line);border-radius:var(--r-pill);text-decoration:none;font-weight:600;font-size:.9375rem}
.pills a:hover{border-color:var(--ink)}
.ways{list-style:none;margin:0 0 var(--s5);padding:0;display:grid;gap:var(--s4)}
@media (min-width:900px){.ways{grid-template-columns:repeat(3,1fr)}}
.ways li{border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s5);display:flex;flex-direction:column;align-items:flex-start;border-top:4px solid var(--gold)}
.ways p{flex:1}
.credits{list-style:none;margin:0;padding:0}
.credit{border-bottom:1px solid var(--line);padding:var(--s4) 0}
.credit p{margin-bottom:var(--s2)}

/* footer */
.site-footer{background:var(--ink);color:var(--on-dark);padding:56px 0 32px}
.site-footer a{color:var(--on-dark);text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.foot-top{display:grid;gap:var(--s6)}
@media (min-width:900px){.foot-top{grid-template-columns:1fr 2.6fr}}
.foot-brand img{height:40px;width:auto;margin-bottom:var(--s4)}
.foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}
@media (min-width:900px){.foot-cols{grid-template-columns:repeat(4,1fr)}}
.fh{font:600 .8125rem/1.4 var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin:0 0 var(--s3)}
.fcol ul{list-style:none;margin:0;padding:0}
.fcol li{margin-bottom:2px}
.fcol a{display:inline-block;padding:5px 0;font-size:.9375rem;color:var(--on-dark-muted)}
.site-footer .small{color:var(--on-dark-muted)}
.legal{border-top:1px solid rgba(255,255,255,.12);margin-top:var(--s6);padding-top:var(--s5)}

/* sticky bar */
.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--ink);box-shadow:0 -4px 18px rgba(14,15,17,.25)}
.sticky-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border-radius:var(--r-input);background:var(--ink-2);color:var(--on-dark);text-decoration:none;font:600 .8125rem/1.1 var(--body)}
.sticky-bar svg{width:22px;height:22px;padding:0;border-radius:0;background:none;color:inherit}
.sticky-bar .sticky-gold{background:var(--gold);color:var(--ink)}
body{padding-bottom:calc(var(--bar) + env(safe-area-inset-bottom))}
@media (min-width:900px){.sticky-bar{display:none}body{padding-bottom:0}}

/* round 1: owner photo, card photo, storm photo */
.owner{display:grid;gap:var(--s5);align-items:center}
@media (min-width:700px){.owner{grid-template-columns:260px 1fr}}
.owner-img{width:100%;max-width:260px;height:auto;aspect-ratio:640/762;object-fit:cover;border-radius:var(--r-card)}
.card-media{margin:calc(-1*var(--s5)) calc(-1*var(--s5)) var(--s4)}
.card-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-card) var(--r-card) 0 0;display:block}
.card-media figcaption{font-size:.75rem;color:var(--muted);padding:var(--s2) var(--s5) 0}
.storm-photo{margin-bottom:var(--s5)}