/* EichlerRedwoodCity.com — Boyenga Team
   Direction: cyanotype. 1950 architectural drawing, cool press paper,
   blueprint panels, butterfly-roof section as the signature. */

@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-400-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/archivo-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/archivo-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}

:root{
  --paper:#F4F2EF;      /* warm chalk — Eichler stucco */
  --paper-2:#E7E4DF;
  --ink:#141312;        /* walnut near-black */
  --ink-soft:#57544F;
  --blue:#3E3A34;       /* mid-century turquoise — the structural colour */
  --deep:#1B1A17;       /* deep teal panel ground */
  --deep-2:#0E0E0D;
  --line:#D0CCC5;
  --line-deep:#3A3833;
  --persimmon:#E1571F;  /* the front door */
  --mustard:#F0913A;
  --award:#E1571F;      /* Architectural Forum badge */
  --wrap:1180px;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 17px/1.65 var(--sans);letter-spacing:-.003em;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:400;letter-spacing:-.022em}
p{margin:0 0 1.15em}
:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px}

/* ---------- graph-paper ground ------------------------------------- */
.grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),
                   linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:88px 88px;
  -webkit-mask-image:radial-gradient(ellipse 90% 55% at 50% 0%,#000 12%,transparent 72%);
  mask-image:radial-gradient(ellipse 90% 55% at 50% 0%,#000 12%,transparent 72%)}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.sec{padding-block:clamp(4rem,9vw,7.5rem)}
.sec--tight{padding-block:clamp(2.75rem,6vw,4.5rem)}

/* ---------- top bar ------------------------------------------------- */
.bar{position:sticky;top:0;z-index:50;background:rgba(242,237,227,.9);border-top:3px solid var(--persimmon);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  max-width:var(--wrap);margin-inline:auto;padding:.85rem 24px}
.mark{font:500 15px/1 var(--sans);letter-spacing:-.01em;text-decoration:none;color:var(--ink)}
.mark b{font-weight:400;color:var(--persimmon)}
.bar-cta{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;color:#FBFAF8;background:var(--persimmon);
  padding:.7rem 1.05rem;border-radius:2px;white-space:nowrap;transition:background .18s}
.bar-cta:hover{background:#A8410F}

/* ---------- type ---------------------------------------------------- */
.eyebrow{font:500 11.5px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--blue);margin:0 0 1.1rem;display:flex;align-items:center;gap:.85rem}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line)}
.eyebrow--light{color:#C9C4BA}
.eyebrow--light::after{background:var(--line-deep)}

h1,.h1{font-family:var(--serif);font-size:clamp(2.6rem,6.4vw,4.6rem);line-height:1.04;
  letter-spacing:-.028em}
h2,.h2{font-family:var(--serif);font-size:clamp(1.95rem,3.7vw,2.9rem);line-height:1.12;
  letter-spacing:-.024em}
h3,.h3{font-family:var(--serif);font-size:clamp(1.3rem,2.1vw,1.6rem);line-height:1.25}
.lede{font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.5;
  color:var(--ink-soft);max-width:62ch}
.prose{max-width:66ch}
.prose p{color:var(--ink-soft)}
.prose strong{font-weight:600;color:var(--ink)}
.tint{color:var(--persimmon)}

/* ---------- hero ----------------------------------------------------- */
.hero{padding-block:clamp(3.5rem,8vw,6.5rem) clamp(3rem,6vw,5rem)}
.hero-grid{display:grid;gap:clamp(2.25rem,5vw,4rem);align-items:start}
@media(min-width:900px){.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center}}
.hero h1{margin-bottom:1.4rem}
.hero-sub{font-size:1.08rem;color:var(--ink-soft);max-width:46ch;margin-bottom:1.9rem}
.btn-row{display:flex;flex-wrap:wrap;gap:.7rem}
.btn{display:inline-block;font:500 12px/1 var(--mono);letter-spacing:.1em;
  text-transform:uppercase;text-decoration:none;padding:1rem 1.35rem;border-radius:2px;
  transition:background .18s,color .18s,border-color .18s}
.btn-fill{background:var(--persimmon);color:#FBFAF8;border:1px solid var(--persimmon)}
.btn-fill:hover{background:#A8410F;border-color:#A8410F}
.btn-line{border:1px solid var(--line);color:var(--ink)}
.btn-line:hover{border-color:var(--blue);color:var(--blue)}
.btn-ghost{border:1px solid #E4763A;color:#F7D9C4}
.btn-ghost:hover{border-color:#F0913A;background:#E1571F;color:#fff}

/* ---------- the signature: cyanotype blueprint panel ----------------- */
.blueprint{background:var(--deep);color:#EDEAE4;position:relative;overflow:hidden}
.blueprint::before{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;
  background-image:linear-gradient(rgba(190,186,178,.20) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(190,186,178,.20) 1px,transparent 1px);
  background-size:34px 34px}
.blueprint>*{position:relative}
.blueprint h2,.blueprint h3{color:#FBFAF8}
.blueprint p{color:#B8B3AA}
.bp-fig{margin:0;padding-block:1rem}
.bp-fig svg{width:100%;height:auto;display:block}
.bp-cap{font:400 12.5px/1.6 var(--mono);color:#8B867D;letter-spacing:.02em;
  margin-top:1.1rem;max-width:70ch}
.bp-line{fill:none;stroke:#EDEAE4;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.bp-thin{fill:none;stroke:#7A756C;stroke-width:1;stroke-dasharray:5 4}
.bp-fillglass{fill:rgba(237,234,228,.10)}
.bp-txt{font-family:'IBM Plex Mono',monospace;font-size:12px;fill:#B5AFA4;letter-spacing:.06em}
.bp-txt--key{fill:#F0913A}

/* ---------- data strip ----------------------------------------------- */
.strip{display:grid;gap:1px;background:var(--line);border-block:1px solid var(--line)}
@media(min-width:640px){.strip{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.strip{grid-template-columns:repeat(4,1fr)}}
.strip-c{background:var(--paper);padding:1.75rem 1.5rem}
.strip-n{font-family:var(--serif);font-size:clamp(2rem,3.4vw,2.7rem);line-height:1;
  letter-spacing:-.03em;display:block;margin-bottom:.5rem;color:var(--ink)}
.strip-c{border-top:3px solid transparent}
.strip-c:nth-child(odd){border-top-color:var(--persimmon)}
.strip-c:nth-child(even){border-top-color:var(--blue)}
.strip-l{font:400 12.5px/1.5 var(--mono);color:var(--ink-soft);letter-spacing:.02em}

/* ---------- tract cards ---------------------------------------------- */
.tracts{display:grid;gap:1.5rem}
@media(min-width:620px){.tracts{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.tracts{grid-template-columns:repeat(4,1fr)}}
.tract{display:flex;flex-direction:column;background:var(--paper);
  border:1px solid var(--line);border-radius:3px;padding:1.6rem 1.5rem 1.5rem;
  text-decoration:none;color:inherit;transition:border-color .18s,transform .18s}
.tract:hover{border-color:var(--persimmon);transform:translateY(-2px)}
.tract-yr{font:500 11.5px/1 var(--mono);letter-spacing:.12em;color:var(--persimmon);
  text-transform:uppercase;margin-bottom:.9rem}
.tract h3{margin-bottom:.55rem}
.tract p{font-size:.95rem;color:var(--ink-soft);margin-bottom:1.2rem}
.tract-meta{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);
  font:400 12.5px/1.5 var(--mono);color:var(--ink-soft)}

/* ---------- two-column facts ------------------------------------------ */
.cols{display:grid;gap:clamp(1.75rem,4vw,3.25rem)}
@media(min-width:820px){.cols{grid-template-columns:1fr 1fr}}
.cols--wide{grid-template-columns:1fr}
@media(min-width:820px){.cols--wide{grid-template-columns:1.15fr .85fr}}

.deflist{margin:0;border-top:1px solid var(--line)}
.deflist div{display:grid;gap:.15rem;padding:.95rem 0;border-bottom:1px solid var(--line)}
@media(min-width:560px){.deflist div{grid-template-columns:minmax(9rem,30%) 1fr;gap:1.25rem;align-items:baseline}}
.deflist dt{font:500 12px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;
  color:var(--blue)}
.deflist dd{margin:0;color:var(--ink-soft)}
.blueprint .deflist{border-color:var(--line-deep)}
.blueprint .deflist div{border-color:var(--line-deep)}
.blueprint .deflist dt{color:#C9C4BA}
.blueprint .deflist dd{color:#EDEAE4}

/* ---------- pull quote ------------------------------------------------ */
.pull{margin:0;padding:1.75rem 0 1.75rem 1.6rem;border-left:4px solid var(--persimmon)}
.pull p{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.38;
  color:var(--ink);margin-bottom:.8rem}
.pull footer{font:400 12.5px/1.6 var(--mono);color:var(--ink-soft)}

/* ---------- award badge ------------------------------------------------ */
.award{display:inline-flex;align-items:baseline;gap:.65rem;padding:.6rem .95rem;
  border:1px solid var(--persimmon);border-radius:2px;
  font:500 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--persimmon);background:rgba(201,82,31,.08)}

/* ---------- case study ------------------------------------------------- */
.case{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
@media(min-width:720px){.case{grid-template-columns:repeat(3,1fr)}}
.case-c{background:var(--paper);padding:1.5rem}
.case-k{font:500 11.5px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--persimmon);margin-bottom:.5rem}
.case-v{font-family:var(--serif);font-size:1.55rem;line-height:1.2;letter-spacing:-.02em}
.case-n{font-size:.9rem;color:var(--ink-soft);margin-top:.4rem}

/* ---------- scope list -------------------------------------------------- */
.scope{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
@media(min-width:640px){.scope{grid-template-columns:1fr 1fr;gap:.1rem 2rem}}
.scope li{padding:.62rem 0 .62rem 1.5rem;border-bottom:1px solid var(--line);
  position:relative;font-size:.97rem;color:var(--ink-soft)}
.scope li::before{content:"";position:absolute;left:0;top:1.15rem;width:7px;height:7px;
  background:var(--persimmon);transform:rotate(45deg)}

/* ---------- table --------------------------------------------------------- */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:3px}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.94rem}
th,td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--line)}
th{font:500 11.5px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;
  color:var(--persimmon);background:var(--paper-2);white-space:nowrap}
td{color:var(--ink-soft)}
tbody tr:last-child td{border-bottom:0}
td.num{font-family:var(--mono);font-size:.9rem;white-space:nowrap;color:var(--ink)}

/* ---------- faq ------------------------------------------------------------ */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:1.15rem 2.5rem 1.15rem 0;
  position:relative;font-family:var(--serif);font-size:1.15rem;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.35rem;top:1.05rem;
  font:400 22px/1 var(--mono);color:var(--persimmon)}
.faq details[open] summary::after{content:"–"}
.faq .ans{padding:0 0 1.3rem;color:var(--ink-soft);max-width:68ch}
.faq .ans p:last-child{margin-bottom:0}

/* ---------- bracket (unconfirmed data) -------------------------------------- */
.tbc{font-family:var(--mono);font-size:.88em;color:var(--award);
  background:rgba(201,82,31,.08);padding:.08em .38em;border-radius:2px;white-space:nowrap}

/* ---------- lead form -------------------------------------------------------- */
.lf{margin-top:1.9rem}
.lf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lf-grid{display:grid;gap:1rem}
@media(min-width:640px){.lf-grid{grid-template-columns:1fr 1fr}}
.lf-f{display:flex;flex-direction:column;gap:.4rem}
.lf-f--full{grid-column:1/-1}
.lf label{font:500 11.5px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-soft)}
.lf .req{color:var(--award)}
.lf input,.lf select,.lf textarea{font:400 16px/1.4 var(--sans);color:var(--ink);
  background:var(--paper);border:1px solid var(--line);border-radius:2px;
  padding:.78rem .85rem;width:100%}
.lf input:focus,.lf select:focus,.lf textarea:focus{border-color:var(--blue);outline:none;
  box-shadow:0 0 0 3px rgba(31,111,107,.16)}
.lf textarea{min-height:6.5rem;resize:vertical}
.lf-err{margin:0;font:400 12.5px/1.5 var(--mono);color:var(--award);min-height:1px}
.lf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.3rem}
.lf button{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  background:var(--persimmon);color:#FBFAF8;border:0;border-radius:2px;
  padding:1.05rem 1.6rem;cursor:pointer;transition:background .18s}
.lf button:hover{background:#A8410F}
.lf button:disabled{opacity:.55;cursor:default}
.lf-status{font-size:.93rem;color:var(--ink-soft);margin:0}
.lf-status[data-state=error]{color:var(--award)}
.blueprint .lf label{color:#C9C4BA}
.blueprint .lf input,.blueprint .lf select,.blueprint .lf textarea{
  background:rgba(255,255,255,.05);border-color:var(--line-deep);color:#FBFAF8}
.blueprint .lf-status{color:#B8B3AA}
.blueprint .lf button{background:var(--mustard);color:#141312}
.blueprint .lf button:hover{background:#F0BE52}

/* ---------- crumbs / footer ------------------------------------------------- */
.crumbs{font:400 12px/1.6 var(--mono);letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink-soft);padding-top:1.9rem}
.crumbs a{color:var(--persimmon);text-decoration:none}
.crumbs a:hover{text-decoration:underline}

.foot{background:var(--deep-2);color:#A8A39A;padding-block:clamp(3rem,6vw,4.5rem)}
.foot h2{color:#FBFAF8;margin-bottom:1rem}
.foot a{color:#EDEAE4}
.foot-cols{display:grid;gap:2rem}
@media(min-width:760px){.foot-cols{grid-template-columns:1.4fr 1fr 1fr}}
.foot-h{font:500 11.5px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  color:#6A665F;margin-bottom:1rem}
.foot-links{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;font-size:.93rem}
.foot-links a{text-decoration:none}
.foot-links a:hover{text-decoration:underline}
.foot-legal{margin-top:2.75rem;padding-top:1.5rem;border-top:1px solid var(--line-deep);
  font:400 12.5px/1.7 var(--mono);color:#6A665F}

/* ---------- reveal ----------------------------------------------------------- */
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ---------- horizontally scrollable figures (tract diagram) ------------- */
.mapscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.mapsvg{display:block}
@media(min-width:760px){.mapsvg{min-width:0!important;width:100%}}

/* ---------- photography -------------------------------------------------- */
.shot{margin:0}
.shot img{width:100%;border-radius:3px;border:1px solid var(--line)}
.blueprint .shot img{border-color:var(--line-deep)}
.shot figcaption{font:400 12.5px/1.6 var(--mono);color:var(--ink-soft);
  letter-spacing:.02em;margin-top:.8rem;max-width:62ch}
.blueprint .shot figcaption{color:#8B867D}
.gal{display:grid;gap:1rem;margin:0}
@media(min-width:640px){.gal{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.gal{grid-template-columns:repeat(3,1fr)}}
.gal figure{margin:0}
.gal img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:3px;
  border:1px solid var(--line)}
.gal figcaption{font:400 12px/1.55 var(--mono);color:var(--ink-soft);margin-top:.55rem}
.hero-shot{margin:2.5rem 0 0}
.hero-shot img{width:100%;max-height:520px;object-fit:cover;border-radius:3px;
  border:1px solid var(--line)}

/* ---------- photo essay ------------------------------------------------- */
.plate{margin:0 0 clamp(2.25rem,5vw,3.5rem)}
.plate img{display:block;width:100%;border-radius:3px;border:1px solid var(--line)}
.plate--tall img{max-height:78vh;object-fit:cover}
.plate figcaption{margin-top:.8rem;display:grid;gap:.35rem;max-width:68ch}
.plate-n{font:500 11.5px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  color:var(--persimmon)}
.plate-t{font:400 13px/1.65 var(--mono);color:var(--ink-soft)}
.pgrid{display:grid;gap:1.1rem;margin:0 0 clamp(2.25rem,5vw,3.5rem)}
.pgrid figure{margin:0}
.pgrid img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;
  border-radius:3px;border:1px solid var(--line)}
.pgrid figcaption{margin-top:.7rem;display:grid;gap:.35rem}
@media(min-width:700px){.pgrid--2{grid-template-columns:1fr 1fr}}
@media(min-width:700px){.pgrid--3{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.pgrid--3{grid-template-columns:repeat(3,1fr)}}
.blueprint .plate img,.blueprint .pgrid img{border-color:var(--line-deep)}
.blueprint .plate-t,.blueprint .pgrid figcaption .plate-t{color:#8B867D}
.ph-head{margin:clamp(2.5rem,6vw,4rem) 0 clamp(1.5rem,3vw,2.25rem)}
.ph-head h2{margin-bottom:.9rem}
.ph-head p{color:var(--ink-soft);max-width:66ch}

/* ---------- footer network grid ---------------------------------------- */
.foot-net{margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:clamp(2rem,4vw,2.75rem);
  border-top:1px solid var(--line-deep)}
.foot-net-cols{display:grid;gap:1.75rem 2rem;margin-top:.25rem}
@media(min-width:620px){.foot-net-cols{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.foot-net-cols{grid-template-columns:repeat(4,1fr)}}
.foot-sub{font:500 12px/1.5 var(--mono);letter-spacing:.08em;color:#8B867D;
  margin-bottom:.85rem}
.foot-here{color:var(--persimmon);font-weight:500}
.foot-links--row{grid-auto-flow:row}
@media(min-width:400px){.foot-links--row{grid-template-columns:1fr 1fr;gap:.55rem 1rem}}
.vlabel{display:inline-block;justify-self:start;margin-top:.5rem;font:500 10px/1 var(--mono);letter-spacing:.11em;
  text-transform:uppercase;color:#8F8A81;border:1px solid var(--line);border-radius:2px;
  padding:.34rem .46rem}
.blueprint .vlabel{color:#8B867D;border-color:var(--line-deep)}

/* ---------- full-bleed hero (home) ------------------------------------- */
.hero-full{position:relative;min-height:min(74vh,700px);display:flex;align-items:flex-end;
  overflow:hidden;border-bottom:1px solid var(--line-deep);background:var(--deep-2)}
.hero-full .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 58%}
.hero-scrim{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(14,14,13,.58) 0%,rgba(14,14,13,.10) 26%,
    rgba(14,14,13,.30) 52%,rgba(14,14,13,.86) 84%,rgba(14,14,13,.96) 100%),
  linear-gradient(100deg,rgba(14,14,13,.80) 0%,rgba(14,14,13,.52) 38%,
    rgba(14,14,13,.10) 64%,rgba(14,14,13,0) 80%)}
.hero-in{position:relative;z-index:2;width:100%;padding-block:clamp(2.75rem,7vw,5rem)}
.hero-full h1{color:#FBFAF8;max-width:18ch}
.hero-full .eyebrow{color:var(--mustard)}
.hero-full .hero-sub{color:#DFDBD3;max-width:52ch}
.hero-full .btn-line{border-color:rgba(251,250,248,.42);color:#FBFAF8}
.hero-full .btn-line:hover{border-color:#FBFAF8;color:#FBFAF8}
.hero-credit{position:absolute;right:24px;bottom:.85rem;z-index:2;margin:0;
  font:400 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:rgba(237,234,228,.58)}
@media(max-width:640px){.hero-credit{position:static;padding:0 24px 1rem;text-align:left}
  .hero-full{min-height:0}}
.awardband{border-bottom:1px solid var(--line);background:var(--paper-2)}
.awardband .wrap{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center;
  padding-block:1.1rem}
.awardband p{margin:0;font-size:.93rem;color:var(--ink-soft);max-width:62ch}