/* ==========================================================================
   HAZARDOUZ MATERIAL — industrial / hazmat design system
   Palette from the 2026 ad + stacked logo: dark crimson, near-black ink,
   concrete off-white. B&W photography, red accents, hazard-tape motif.
   ========================================================================== */

:root{
  --red:        #A8191F;
  --red-deep:   #7C1015;
  --ink:        #1D1B1C;
  --ink-2:      #262324;
  --concrete:   #EFEDE8;
  --paper:      #F7F5F1;
  --line:       rgba(29,27,28,.14);
  --line-dark:  rgba(247,245,241,.14);
  --text:       #232021;
  --text-dim:   rgba(247,245,241,.62);
  --stone:      #5d5a58;
  --display:    'Anton', 'Arial Narrow', sans-serif;
  --sans:       'Inter', -apple-system, sans-serif;
  --pad:        clamp(4.5rem, 9vw, 8.5rem);
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  font-family:var(--sans);
  background:var(--concrete);
  color:var(--text);
  line-height:1.65;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; }

.wrap{ width:min(1200px, 92vw); margin-inline:auto; }
.pad-y{ padding-block:var(--pad); }

/* ---------- type ---------- */
.display-lg{
  font-family:var(--display);
  font-weight:400;
  font-size:clamp(2.6rem, 5.6vw, 4.6rem);
  line-height:.96;
  text-transform:uppercase;
  letter-spacing:.01em;
  margin:1.1rem 0 1.4rem;
}
.display-md{
  font-family:var(--display);
  font-weight:400;
  font-size:clamp(2.1rem, 4vw, 3.3rem);
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.01em;
  margin:1rem 0 1.2rem;
}
.red{ color:var(--red); }
.red-text{ color:var(--red); }
.eyebrow{
  font-size:.66rem; font-weight:700; letter-spacing:.3em; text-transform:uppercase;
  color:var(--red);
}
.lede{ font-size:1.14rem; font-weight:500; margin-bottom:1.4rem; }
.stone{ color:var(--stone); font-size:1.1rem; }
.dim{ color:var(--text-dim); }

.prose p{ margin-bottom:1.1rem; max-width:58ch; }
.prose .drop::first-letter{
  font-family:var(--display); float:left; font-size:3.4em; line-height:.85;
  padding-right:.12em; color:var(--red);
}

/* ---------- header ---------- */
.site-header{
  position:fixed; inset:0 0 auto 0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:.9rem clamp(1.2rem, 4vw, 2.6rem);
  background:linear-gradient(rgba(20,18,19,.92), rgba(20,18,19,.78));
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line-dark);
  transition:transform .35s ease;
}
.site-header.hidden{ transform:translateY(-100%); }
.brand-link{ display:flex; align-items:center; gap:.7rem; text-decoration:none; }
.brand-mark{ width:34px; height:34px; }
.brand-word{
  font-family:var(--display); font-size:1.02rem; letter-spacing:.05em;
  text-transform:uppercase; color:var(--paper);
}
.brand-word em{ font-style:normal; color:var(--red); }
.nav{ display:flex; align-items:center; gap:1.7rem; }
.nav a{
  font-size:.72rem; font-weight:600; letter-spacing:.22em; text-transform:uppercase;
  color:var(--paper); text-decoration:none; opacity:.85; transition:opacity .2s, color .2s;
}
.nav a:hover{ opacity:1; color:#e0575d; }
.nav-cta{
  border:1px solid var(--red); padding:.55rem 1.1rem;
  background:var(--red); opacity:1 !important;
}
.nav-cta:hover{ background:var(--red-deep); color:var(--paper) !important; }
.nav-social{ display:inline-flex; align-items:center; gap:1.1rem; }
.icon-link{ display:inline-flex; align-items:center; }
.icon-link svg{ width:17px; height:17px; fill:currentColor; display:block; }
.menu-toggle{ display:none; }

/* ---------- hero ---------- */
.hero{
  position:relative; min-height:100svh;
  display:flex; align-items:stretch;
  background:var(--ink);
  overflow:hidden;
}
.hero-media{ position:absolute; inset:0; }
.hero-media img{
  width:100%; height:100%; object-fit:cover; object-position:72% 40%;
  filter:grayscale(1) contrast(1.08) brightness(.62);
}
@media (max-width: 760px){
  .hero-media img{ object-position:86% 40%; }
}
.hero-media::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(100deg, rgba(20,18,19,.88) 0%, rgba(20,18,19,.45) 48%, rgba(20,18,19,.15) 100%),
    linear-gradient(to top, rgba(20,18,19,.85), transparent 42%);
}
.hero-media::before{ content:none; }
.hero-inner{
  position:relative; z-index:2;
  display:flex; flex-direction:column; justify-content:flex-end;
  padding-block:7.5rem 5.5rem;
  width:min(1240px, 94vw);
}
.hero-rail{ margin-bottom:2.2rem; display:grid; gap:.65rem; }
.rail-item{
  font-size:.78rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase;
  color:var(--paper);
  padding-left:.9rem; border-left:3px solid var(--red);
}
.rail-item .red{ color:#e0575d; }
.hero-title{
  font-family:var(--display); font-weight:400;
  font-size:clamp(4.6rem, 15.5vw, 13.5rem);
  line-height:.84; text-transform:uppercase; letter-spacing:.005em;
  display:grid;
}
.hero-title .w{ display:block; }
.o-mark{
  display:inline-block; height:.9em; width:auto;
  vertical-align:-.1em; margin-right:.015em;
}
.red-w{ color:var(--red); }
.ink-w{
  color:var(--paper);
}
.has-tag{ position:relative; width:max-content; }
.mat-tag{
  position:absolute; right:.1em; bottom:0;
  font-family:var(--sans); font-style:normal; font-weight:800;
  font-size:clamp(.65rem, 1.5vw, 1.05rem); letter-spacing:.52em; text-indent:.52em;
  color:var(--paper); background:var(--ink);
  padding:.45em .2em .45em .75em; line-height:1;
  transform:translateY(120%);
}
.hero-foot{
  margin-top:2.6rem; display:flex; flex-wrap:wrap; align-items:center; gap:1.6rem 2.4rem;
  justify-content:space-between;
}
.hero-sub{
  font-size:clamp(1rem, 1.6vw, 1.2rem); font-weight:500; color:var(--paper);
  max-width:34ch;
}
.hero-cta-row{ display:flex; gap:1rem; flex-wrap:wrap; }

.btn{
  font-size:.72rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase;
  text-decoration:none; padding:1rem 1.7rem; display:inline-block;
  transition:background .2s, color .2s, border-color .2s;
}
.btn .arrow{ margin-left:.4em; }
.btn-red{ background:var(--red); color:var(--paper); border:1px solid var(--red); }
.btn-red:hover{ background:var(--red-deep); border-color:var(--red-deep); }
.btn-ghost{ border:1px solid rgba(247,245,241,.45); color:var(--paper); }
.btn-ghost:hover{ border-color:var(--paper); }
.btn-dark{ background:var(--ink); color:var(--paper); border:1px solid var(--ink); }
.btn-dark:hover{ background:var(--red); border-color:var(--red); }

.scroll-cue{
  position:absolute; bottom:1.6rem; right:clamp(1.2rem, 4vw, 2.6rem); z-index:3;
  font-size:.6rem; letter-spacing:.3em; text-transform:uppercase; color:var(--text-dim);
  text-decoration:none; display:flex; align-items:center; gap:.7rem;
}
.scroll-cue .line{ width:46px; height:1px; background:var(--red); display:inline-block; }

/* ---------- hazard tape ---------- */
.tape{
  background:repeating-linear-gradient(-45deg, var(--red) 0 26px, var(--ink) 26px 52px);
  padding:.5rem 0; overflow:hidden; position:relative;
}
.tape-track{
  display:flex; gap:2.4rem; align-items:center; width:max-content;
  background:var(--concrete);
  padding:.55rem 2.4rem;
  animation:tape-scroll 32s linear infinite;
}
.tape-track span{
  font-family:var(--display); font-size:.92rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink); white-space:nowrap;
}
.tape-track i{ font-style:normal; color:var(--red); font-size:1rem; }
@keyframes tape-scroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  .tape-track{ animation:none; }
}

/* ---------- dark bands ---------- */
.band-dark{ background:var(--ink); color:var(--paper); }
.band-dark2{
  background:
    radial-gradient(1200px 500px at 85% -10%, rgba(168,25,31,.16), transparent 60%),
    var(--ink-2);
  color:var(--paper);
}

/* ---------- stats ---------- */
.stat-row{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:2rem;
}
.stat-cell{ border-left:1px solid var(--line-dark); padding-left:1.4rem; }
.stat-cell .n{
  font-family:var(--display); font-size:clamp(2rem, 3.6vw, 3.2rem); line-height:1;
  color:var(--paper);
}
.stat-cell .n.red-text{ color:#e0575d; }
.stat-cell .l{
  margin-top:.6rem; font-size:.64rem; font-weight:600; letter-spacing:.22em;
  text-transform:uppercase; color:var(--text-dim);
}

/* ---------- spreads ---------- */
.section-light{ background:var(--concrete); }
.spread{
  display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2.5rem, 6vw, 5.5rem);
  align-items:center;
}
.spread.flip{ grid-template-columns:.95fr 1.05fr; }
.figure{ position:relative; }
.figure img{
  width:100%; aspect-ratio:4/4.6; object-fit:cover;
  filter:grayscale(1) contrast(1.05);
  border:1px solid var(--line);
}
.figure.landscape img{ aspect-ratio:3/2.4; object-position:center 12%; }
.figure.natural img{ aspect-ratio:auto; }
.band-dark .figure img{ border-color:var(--line-dark); }
.figure::after{
  content:""; position:absolute; top:-14px; left:-14px; right:14px; bottom:14px;
  border:2px solid var(--red); z-index:-1;
}
.frame-label{
  margin-top:.9rem; font-size:.62rem; font-weight:600; letter-spacing:.24em;
  text-transform:uppercase; color:var(--stone);
}
.band-dark .frame-label{ color:var(--text-dim); }

.pull{
  margin-top:2rem; padding:1.6rem 1.8rem;
  border-left:4px solid var(--red); background:rgba(168,25,31,.06);
  font-size:1.28rem; font-weight:500; line-height:1.45; max-width:46ch;
}
.pull cite{
  display:block; margin-top:.8rem; font-style:normal;
  font-size:.68rem; font-weight:700; letter-spacing:.26em; text-transform:uppercase; color:var(--red);
}

/* ---------- timeline ---------- */
.timeline{ margin-top:2.2rem; display:grid; gap:1.5rem; }
.tl-item{
  display:grid; grid-template-columns:64px 1fr; gap:0 1.4rem;
  padding-left:0; position:relative;
}
.tl-item .yr{
  font-family:var(--display); font-size:1.25rem; color:var(--red);
}
.tl-item .ev{ font-weight:700; font-size:.98rem; }
.tl-item .ev.red{ color:#e0575d; }
.tl-item .note{ grid-column:2; font-size:.9rem; color:var(--text-dim); margin-top:.2rem; }

/* ---------- watch / film room ---------- */
.video-feature{ max-width:900px; margin-inline:auto; }
.video-feature iframe, .video-grid iframe{
  width:100%; aspect-ratio:16/9; border:0; display:block;
  background:#000; border:1px solid var(--line-dark);
}
.video-label{
  margin-top:.7rem; font-size:.62rem; font-weight:600; letter-spacing:.22em;
  text-transform:uppercase; color:var(--text-dim); text-align:center;
}
.video-grid{
  margin-top:2.2rem;
  display:grid; grid-template-columns:repeat(3, 1fr); gap:1.4rem;
}
.video-grid figure{ margin:0; }
@media (max-width: 900px){
  .video-grid{ grid-template-columns:1fr; max-width:640px; margin-inline:auto; }
}

/* ---------- pedigree ---------- */
.center-head{ text-align:center; max-width:680px; margin-inline:auto; margin-bottom:3.4rem; }
.ped-grid{
  display:grid; grid-template-columns:1fr 1.15fr 1fr; gap:1.6rem; align-items:stretch;
}
.ped-card{
  background:var(--paper); border:1px solid var(--line); padding:2.2rem 2rem;
  position:relative;
}
.ped-card .k{
  font-size:.62rem; font-weight:700; letter-spacing:.28em; text-transform:uppercase; color:var(--red);
}
.ped-card h3{
  font-family:var(--display); font-weight:400; text-transform:uppercase;
  font-size:1.6rem; margin:.8rem 0 .7rem; line-height:1.05;
}
.ped-card p{ font-size:.92rem; color:var(--stone); }
.ped-card.feature{
  background:var(--ink); color:var(--paper);
  border-color:var(--ink);
  box-shadow:0 0 0 2px var(--red);
}
.ped-card.feature h3{ color:#e0575d; }
.ped-card.feature p{ color:var(--text-dim); }
.ped-line{ font-weight:700 !important; color:var(--paper) !important; }

/* ---------- structure ---------- */
.structure-lead{ margin:0 0 14px; }
.structure-lead img{
  width:100%; aspect-ratio:16/8.5; object-fit:cover; object-position:center 62%;
  border:1px solid var(--line);
}
.structure-grid{
  display:grid; gap:14px; grid-template-columns:repeat(4, 1fr);
}
.structure-grid figure{ margin:0; overflow:hidden; }
.structure-grid img{
  width:100%; height:100%; object-fit:cover; aspect-ratio:1/1.05; display:block;
  border:1px solid var(--line);
  transition:transform .6s ease;
}
.structure-grid figure:hover img{ transform:scale(1.04); }
@media (max-width: 980px){
  .structure-grid{ grid-template-columns:1fr 1fr; }
  .structure-lead img{ aspect-ratio:3/2; }
}

/* ---------- gallery ---------- */
.gallery-grid{
  display:grid; gap:14px;
  grid-template-columns:repeat(4, 1fr);
  grid-template-areas:
    "a a b b"
    "i d d e"
    "i c g g"
    "j j f h";
}
.gallery-grid figure{ margin:0; overflow:hidden; position:relative; }
.gallery-grid img{
  width:100%; height:100%; object-fit:cover; display:block;
  aspect-ratio:3/2;
  filter:grayscale(1) contrast(1.05);
  transition:filter .45s ease, transform .6s ease;
}
.gallery-grid figure:hover img{ filter:none; transform:scale(1.03); }
.g-a{ grid-area:a; } .g-b{ grid-area:b; } .g-c{ grid-area:c; }
.g-d{ grid-area:d; } .g-e{ grid-area:e; } .g-f{ grid-area:f; }
.g-g{ grid-area:g; } .g-h{ grid-area:h; } .g-i{ grid-area:i; } .g-j{ grid-area:j; }
.g-c img, .g-e img, .g-f img, .g-h img{ aspect-ratio:auto; }
.g-i img{ aspect-ratio:auto; }
.gallery-credit{
  margin-top:1.6rem; text-align:center;
  font-size:.62rem; font-weight:600; letter-spacing:.24em; text-transform:uppercase;
  color:var(--text-dim);
}
@media (max-width: 980px){
  .gallery-grid{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "a a" "b c" "i i" "d d" "e f" "j j" "g g" "h h";
  }
}

/* ---------- owners ---------- */
.owner-band{ background:var(--paper); border-top:1px solid var(--line); }
.owner-grid{
  display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(2.5rem, 6vw, 5rem);
  align-items:center;
}
.owner-logo-card{
  background:#fff; border:1px solid var(--line); padding:clamp(1.8rem, 4vw, 3rem);
  display:grid; place-items:center;
}
.owner-logo-card a{ display:grid; place-items:center; width:100%; }
.owner-logo-card img{ width:100%; max-width:300px; }
.owner-fb{
  display:inline-block; margin-top:1.6rem;
  font-size:.76rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--red); text-decoration:none;
  border-bottom:2px solid var(--red); padding-bottom:.3rem;
  transition:color .2s, border-color .2s;
}
.owner-fb:hover{ color:var(--red-deep); border-color:var(--red-deep); }
.owner-fb .arrow{ font-weight:400; }
@media (max-width: 980px){
  .owner-grid{ grid-template-columns:1fr; }
  .owner-logo-card{ max-width:340px; margin-inline:auto; }
}

/* ---------- breeding ---------- */
.stand-grid{
  display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(2rem, 5vw, 4.5rem);
  align-items:start;
}
.fee-card{
  border:1px solid var(--line-dark); padding:2.6rem 2.4rem; text-align:center;
  background:
    linear-gradient(rgba(29,27,28,.92), rgba(29,27,28,.92)),
    repeating-linear-gradient(-45deg, var(--red) 0 22px, transparent 22px 44px);
}
.fee-card .fee{
  font-family:var(--display); font-size:clamp(3.4rem, 6vw, 5rem); line-height:1;
  color:var(--paper); margin-top:1.2rem;
}
.fee-card .fee .d{ color:var(--red); font-size:.6em; vertical-align:.28em; }
.fee-card .terms{
  margin-top:.8rem; font-size:.72rem; font-weight:700; letter-spacing:.26em;
  text-transform:uppercase; color:#e0575d;
}
.fee-card .fee-second{ margin-top:.5rem; font-size:.82rem; color:var(--text-dim); }
.spec-list{ list-style:none; border-top:1px solid var(--line-dark); }
.spec-list li{
  display:flex; justify-content:space-between; gap:2rem;
  padding:.85rem 0; border-bottom:1px solid var(--line-dark); font-size:.94rem;
}
.spec-list .k{
  font-size:.64rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase;
  color:var(--text-dim); padding-top:.25em; white-space:nowrap;
}
.spec-list .v{ text-align:right; font-weight:600; }
.incentives-block{ margin-top:2rem; }
.incentives-label{
  font-size:.64rem; font-weight:700; letter-spacing:.26em; text-transform:uppercase;
  color:var(--text-dim); margin-bottom:.9rem;
}
.incentives{ display:flex; flex-wrap:wrap; gap:.55rem; }
.incentives span{
  font-size:.7rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  border:1px solid var(--line-dark); padding:.5rem .85rem; color:var(--paper);
}

/* ---------- wait list ---------- */
.inquire-logo{ width:min(240px, 46vw); margin:0 auto 1rem; }
.wl-form{ max-width:760px; margin-inline:auto; }
.wl-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:1.2rem 1.4rem; margin-bottom:1.8rem;
}
.wl-grid label{
  display:block; font-size:.64rem; font-weight:700; letter-spacing:.22em;
  text-transform:uppercase; color:var(--stone);
}
.wl-grid .wl-full{ grid-column:1 / -1; }
.wl-grid input, .wl-grid textarea{
  display:block; width:100%; margin-top:.5rem;
  font-family:var(--sans); font-size:1rem; color:var(--text);
  background:var(--paper); border:1px solid var(--line); border-radius:0;
  padding:.85rem 1rem; transition:border-color .2s, box-shadow .2s;
}
.wl-grid input:focus, .wl-grid textarea:focus{
  outline:none; border-color:var(--red); box-shadow:0 0 0 2px rgba(168,25,31,.15);
}
.wl-actions{ display:flex; align-items:center; gap:1.6rem; flex-wrap:wrap; }
.wl-form .btn{ cursor:pointer; font-family:var(--sans); }
.wl-note{ font-size:.8rem; color:var(--stone); }
.wl-note a{ color:var(--red); font-weight:600; }
.wl-success{
  max-width:640px; margin-inline:auto; text-align:center;
  border:2px solid var(--red); background:var(--paper); padding:2.4rem 2rem;
}
.wl-success p{ margin-top:.8rem; font-size:1.1rem; }
@media (max-width: 700px){
  .wl-grid{ grid-template-columns:1fr; }
}

/* ---------- footer ---------- */
.site-footer{
  background:#141213; color:var(--paper);
  padding:4rem 0 2rem;
  border-top:6px solid var(--red);
}
.foot-grid{ display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:3rem; }
.foot-logo{ width:150px; margin-bottom:1.2rem; }
.foot-grid p{ font-size:.9rem; max-width:36ch; }
.foot-social{ display:flex; gap:1.1rem; margin-top:1.2rem; }
.foot-social a{ color:var(--text-dim); transition:color .2s; }
.foot-social a:hover{ color:var(--paper); }
.foot-social svg{ width:21px; height:21px; fill:currentColor; display:block; }
.foot-col h4{
  font-size:.66rem; font-weight:700; letter-spacing:.3em; text-transform:uppercase;
  color:var(--red); margin-bottom:1.1rem;
}
.foot-col a{
  display:block; text-decoration:none; font-size:.9rem; color:var(--text-dim);
  padding:.28rem 0; transition:color .2s;
}
.foot-col a:hover{ color:var(--paper); }
.foot-bottom{
  margin-top:3.2rem; padding-top:1.4rem; border-top:1px solid var(--line-dark);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:.6rem;
  font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--text-dim);
}

/* ---------- reveal animation ---------- */
.js .reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
.js .reveal.in{ opacity:1; transform:none; }
.js .reveal.d1{ transition-delay:.12s; }
.js .reveal.d2{ transition-delay:.24s; }
.js .reveal.d3{ transition-delay:.36s; }
@media (prefers-reduced-motion: reduce){
  .js .reveal{ opacity:1; transform:none; transition:none; }
}

/* ---------- responsive ---------- */
@media (max-width: 980px){
  .stat-row{ grid-template-columns:repeat(2, 1fr); gap:2.4rem 1.6rem; }
  .spread, .spread.flip{ grid-template-columns:1fr; }
  .spread.flip .col-media{ order:2; }
  .ped-grid{ grid-template-columns:1fr; }
  .stand-grid{ grid-template-columns:1fr; }
  .foot-grid{ grid-template-columns:1fr; gap:2.2rem; }
}
@media (max-width: 760px){
  .menu-toggle{
    display:flex; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:.4rem;
  }
  .menu-toggle span{ width:24px; height:2px; background:var(--paper); transition:transform .25s, opacity .25s; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2){ opacity:0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
  .nav{
    position:fixed; top:56px; left:0; right:0;
    flex-direction:column; align-items:flex-start; gap:0;
    background:rgba(20,18,19,.97); padding:1rem 1.6rem 1.6rem;
    display:none; border-bottom:1px solid var(--line-dark);
  }
  .nav.open{ display:flex; }
  .nav a{ padding:.9rem 0; width:100%; border-bottom:1px solid var(--line-dark); }
  .nav-cta{ margin-top:1rem; text-align:center; border-bottom:0 !important; }
  .nav-social{ padding-top:1.2rem; gap:1.5rem; }
  .nav-social .icon-link{ width:auto; padding:0; border-bottom:0; }
  .nav-social svg{ width:22px; height:22px; }
  .hero-inner{ padding-block:6.5rem 4.5rem; }
  .hero-foot{ flex-direction:column; align-items:flex-start; }
  .tl-item{ grid-template-columns:52px 1fr; }
}