/* ============================================================
   index.css — homepage layout
   Hero poster, bulletin, dividers, about, products,
   careers preview, press preview, contact preview.
   ============================================================ */

/* PAPER GRAIN — heavier than default for the flagship page */
body::after{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='3' stitchTiles='stitch' seed='5'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.65 0'/></filter><rect width='240' height='240' filter='url(%23n)' opacity='0.42'/></svg>");
  opacity:0.14;
}

/* NAV — slightly darker bg than secondary pages */
.h-nav{background:rgba(14,12,9,.95)}

/* hover micro-fix from the original */
.h-nav-links a:hover:hover{color:var(--mint)}

/* ============================================================
   HERO — POSTER COMPOSITION
   ============================================================ */
.h-hero{
  position:relative;
  width:100%;
  min-height:100vh;
  display:grid;
  grid-template-columns:9vw 1fr;
  padding-top:48px;
  background:var(--bg);
  overflow:hidden;
}

/* spine — wider on hero, larger image */
.h-hero .h-spine{
  width:auto;height:100%;
  border-right:.5px solid rgba(146,192,171,.15);
  display:flex;align-items:center;justify-content:center;
}
.h-hero .h-spine-inner{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%) rotate(-90deg);
}
.h-hero .h-spine-inner img{height:6vw;opacity:1}

.h-poster{
  display:grid;
  grid-template-rows:auto 1fr;
  padding:3vw 3.5vw 3vw;
  position:relative;
  min-height:calc(100vh - 48px);
}

/* TOP TAGLINE STRIP */
.h-poster-top{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:4vw;
  padding-bottom:1.5vw;
  border-bottom:.5px solid rgba(146,192,171,.12);
}
.h-poster-tagline{
  font-family:var(--display-heavy);
  font-weight:700;
  font-size:clamp(1.3rem,2.8vw,2.6rem);
  line-height:1;
  letter-spacing:-.015em;
  color:rgba(210,185,140,.92);
  max-width:42ch;
}
.h-poster-tagline .lt{font-weight:500;color:rgba(210,185,140,.55)}
.h-poster-tagline .em{color:var(--mint)}
.h-poster-tagline .it{
  font-family:'IBM Plex Mono',monospace;
  font-weight:300;font-style:italic;
  font-size:.5em;color:var(--mint);
  letter-spacing:.04em;display:block;margin-top:.6em;
}
.h-poster-stamp{
  display:flex;flex-direction:column;align-items:flex-end;gap:8px;
  text-align:right;
}

/* margin credit override — bottom-left rather than vertical center */
.h-poster .h-margin-credit.left{
  left:1.6vw;bottom:8%;top:auto;
  transform:rotate(-90deg);
  transform-origin:left bottom;
}

/* MIDDLE — painting + meta column */
.h-poster-mid{
  display:grid;
  grid-template-columns:1fr 18vw;
  gap:3vw;
  align-items:center;
  padding:2.5vw 0;
  position:relative;
}
.h-painting-wrap{
  position:relative;
  width:100%;height:100%;
  min-height:54vh;
  display:flex;align-items:center;justify-content:center;
}
.h-painting-wrap::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at center,rgba(146,192,171,.04) 0%,transparent 70%);
  pointer-events:none;
}
.h-painting-fallback{
  position:absolute;inset:8%;
  display:flex;align-items:center;justify-content:center;
  font-family:'IBM Plex Mono',monospace;
  font-style:italic;font-weight:300;
  font-size:clamp(.5rem,.7vw,.65rem);
  letter-spacing:.32em;
  text-transform:uppercase;
  color:rgba(146,192,171,.18);
  text-align:center;pointer-events:none;
  z-index:0;
}
.h-painting-img{
  position:relative;
  max-width:100%;max-height:60vh;
  width:auto;height:auto;
  object-fit:contain;object-position:center;
  display:block;
  filter:drop-shadow(0 30px 80px rgba(146,192,171,.06)) drop-shadow(0 0 1px rgba(146,192,171,.15));
  z-index:1;
}
.h-painting-frame{position:absolute;inset:0;pointer-events:none}
.h-painting-frame::before,
.h-painting-frame::after{
  content:'';position:absolute;
  width:18px;height:18px;
  border:.5px solid rgba(146,192,171,.3);
}
.h-painting-frame::before{top:0;left:0;border-right:none;border-bottom:none}
.h-painting-frame::after{bottom:0;right:0;border-left:none;border-top:none}
.h-painting-corners{position:absolute;inset:0;pointer-events:none}
.h-painting-corners span{
  position:absolute;width:18px;height:18px;
  border:.5px solid rgba(146,192,171,.3);
}
.h-painting-corners span:nth-child(1){top:0;right:0;border-left:none;border-bottom:none}
.h-painting-corners span:nth-child(2){bottom:0;left:0;border-right:none;border-top:none}

/* RIGHT META COLUMN */
.h-poster-meta{
  display:flex;flex-direction:column;
  gap:1.8vw;
  padding-top:1vw;
  border-left:.5px solid rgba(146,192,171,.08);
  padding-left:1.4vw;
  align-self:stretch;
  justify-content:space-between;
}
.h-meta-block .label{
  font-size:clamp(.42rem,.55vw,.55rem);font-weight:700;
  letter-spacing:.4em;text-transform:uppercase;
  color:var(--mint);opacity:.65;margin-bottom:6px;
}
.h-meta-block .value{
  font-size:clamp(.55rem,.78vw,.75rem);font-weight:300;
  color:rgba(210,185,140,.7);letter-spacing:.06em;line-height:1.6;
}
.h-meta-block .value em{
  font-style:italic;font-weight:300;
  color:rgba(146,192,171,.5);
  display:block;margin-top:2px;font-size:.85em;
}
.h-meta-rule{height:1px;background:rgba(146,192,171,.08)}

.h-headline{
  font-size:clamp(.62rem,.85vw,.85rem);font-weight:700;
  color:rgba(210,185,140,.95);text-transform:uppercase;
  letter-spacing:.08em;line-height:1.55;
}
.h-headline-accent{
  width:2vw;height:1px;background:var(--mint);opacity:.55;
  display:block;margin-bottom:.6vw;
}

/* ============================================================
   BULLETIN STRIP — editorial flourish
   ============================================================ */
.h-bulletin{
  width:100%;
  background:var(--bg-2);
  border-top:.5px solid rgba(146,192,171,.08);
  border-bottom:.5px solid rgba(146,192,171,.08);
  display:grid;
  grid-template-columns:auto auto 1fr auto;
  gap:2.5vw;
  align-items:center;
  padding:1.4vw 4vw;
  text-decoration:none;
  cursor:crosshair;
  transition:background .25s, border-color .25s;
}
.h-bulletin:hover{
  background:rgba(146,192,171,.04);
  border-top-color:rgba(146,192,171,.18);
  border-bottom-color:rgba(146,192,171,.18);
}
.h-bulletin:hover .title{color:rgba(210,185,140,.92)}
.h-bulletin:hover .more{color:var(--mint)}
.h-bulletin:hover .arrow{transform:translateX(6px)}
.h-bulletin .vol{
  font-family:var(--display-heavy);font-weight:700;
  font-size:clamp(.8rem,1.4vw,1.2rem);
  letter-spacing:.04em;color:var(--mint);
}
.h-bulletin .date{
  font-family:'IBM Plex Mono',monospace;font-weight:700;
  font-size:clamp(.42rem,.6vw,.6rem);
  letter-spacing:.32em;text-transform:uppercase;
  color:rgba(146,192,171,.5);white-space:nowrap;
}
.h-bulletin .title{
  font-family:'IBM Plex Mono',monospace;font-weight:300;
  font-size:clamp(.5rem,.78vw,.7rem);
  color:rgba(210,185,140,.7);
  letter-spacing:.04em;line-height:1.5;
  transition:color .2s;
}
.h-bulletin .more{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(.4rem,.55vw,.5rem);font-weight:700;
  letter-spacing:.32em;text-transform:uppercase;
  color:rgba(146,192,171,.5);white-space:nowrap;
  transition:color .2s;
}
.h-bulletin .arrow{
  display:inline-block;width:14px;height:1px;
  background:currentColor;position:relative;
  transition:transform .2s;
}
.h-bulletin .arrow::after{
  content:'';position:absolute;
  right:0;top:-3px;width:5px;height:5px;
  border-right:1px solid currentColor;border-top:1px solid currentColor;
  transform:rotate(45deg);
}

/* ============================================================
   SECTION DIVIDER
   ============================================================ */
.h-divider{
  width:100%;
  background:var(--bg);
  padding:3vw 4vw;
  display:flex;align-items:center;justify-content:center;
  gap:2.5vw;position:relative;
}
.h-divider-rule{flex:1;height:1px;background:rgba(146,192,171,.18)}
.h-divider-mark{
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(.45rem,.6vw,.6rem);font-weight:400;
  letter-spacing:.42em;text-transform:uppercase;
  color:rgba(146,192,171,.5);white-space:nowrap;
  display:flex;align-items:center;gap:1.2vw;
}
.h-divider-mark .dot{
  display:inline-block;width:4px;height:4px;
  background:var(--mint);opacity:.55;border-radius:50%;
}
.h-divider-mark .num{
  font-family:var(--display-heavy);font-weight:700;
  color:rgba(146,192,171,.7);letter-spacing:.06em;
}

/* ============================================================
   ABOUT
   ============================================================ */
.h-about{width:100%;min-height:60vh;background:var(--bg);display:flex}
.h-about-left{
  width:26%;flex-shrink:0;
  padding:6vw 2vw 6vw 5.2vw;
  border-right:.5px solid rgba(146,192,171,.05);
  display:flex;flex-direction:column;justify-content:space-between;
  gap:3vw;
}

.h-plate{position:relative;max-width:100%;margin-top:1.5vw}
.h-plate svg,
.h-plate img{width:100%;height:auto;display:block}

.h-about-right{
  flex:1;
  padding:calc(7.5vw + 22px) 6vw 6vw 4vw;
  display:flex;flex-direction:column;justify-content:flex-start;
  gap:2.5vw;
}
.h-about-headline{
  font-family:var(--display-heavy);
  font-size:clamp(1.6rem,3.6vw,3.2rem);
  font-weight:700;
  color:rgba(210,185,140,.92);
  text-transform:uppercase;
  letter-spacing:.01em;line-height:1.04;
}
.h-about-headline .accent{color:var(--mint)}
.h-about-rule{width:100%;height:1px;background:var(--mint);opacity:.12}
.h-about-text{
  font-size:clamp(.55rem,.85vw,.72rem);
  font-weight:300;
  color:rgba(210,185,140,.5);
  letter-spacing:.06em;line-height:2;
  max-width:560px;column-count:1;
}
.h-about-text p+p{margin-top:1.3em}
.h-about-text p:first-child::first-letter{
  font-family:var(--display-heavy);font-weight:700;
  font-size:3.4em;float:left;line-height:.85;
  padding:.08em .25em 0 0;color:var(--mint);
}

/* ============================================================
   PRODUCTS — MOTH / TYR / HYDRA cards
   ============================================================ */
.h-products{
  width:100%;display:flex;
  border-top:.5px solid rgba(146,192,171,.08);
}
.h-products-left{
  width:26%;flex-shrink:0;
  padding:6vw 2vw 6vw 5.2vw;
  border-right:.5px solid rgba(146,192,171,.05);
  display:flex;flex-direction:column;justify-content:space-between;
  gap:3vw;background:var(--bg);
}
.h-products-right{
  flex:1;display:flex;flex-direction:row;
  min-height:65vh;overflow:hidden;
}
.h-ps{
  position:relative;flex:1;height:100%;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:3.5vw 3.2vw 3vw;overflow:hidden;
  border-right:.5px solid rgba(146,192,171,.06);
}
.h-ps:last-child{border-right:none}
.h-ps.moth{background:var(--bg-3)}
.h-ps.tyr{background:#16100e}
.h-ps.hydra{background:#0d1418}

.h-ps-wm{
  position:absolute;
  font-family:var(--display-heavy);font-weight:700;
  text-transform:uppercase;line-height:.75;
  pointer-events:none;user-select:none;z-index:0;
  bottom:-6%;left:-2%;
  font-size:clamp(5rem,11vw,11rem);
  letter-spacing:-.04em;white-space:nowrap;
  max-width:110%;overflow:hidden;
}
.moth .h-ps-wm{color:rgba(210,105,40,.05)}
.tyr .h-ps-wm{color:rgba(230,57,80,.04)}
.hydra .h-ps-wm{color:rgba(42,117,149,.06)}

.h-ps-top{
  position:relative;z-index:2;
  display:flex;flex-direction:column;gap:6px;
  padding-right:clamp(95px,11vw,135px);
}
.h-ps-cat-row{
  display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  padding-bottom:8px;border-bottom:.5px solid;
}
.moth .h-ps-cat-row{border-color:rgba(210,105,40,.18)}
.tyr .h-ps-cat-row{border-color:rgba(230,57,80,.14)}
.hydra .h-ps-cat-row{border-color:rgba(42,117,149,.22)}
.h-ps-plate{
  font-family:var(--display-heavy);font-weight:800;
  font-size:clamp(.95rem,1.5vw,1.25rem);
  letter-spacing:.02em;text-transform:uppercase;
}
.moth .h-ps-plate{color:var(--amber)}
.tyr .h-ps-plate{color:var(--tyr-red)}
.hydra .h-ps-plate{color:var(--teal-light)}
.h-ps-tag{
  font-size:clamp(.46rem,.62vw,.6rem);font-weight:700;
  letter-spacing:.32em;text-transform:uppercase;text-align:left;
}
.moth .h-ps-tag{color:rgba(210,105,40,.55)}
.tyr .h-ps-tag{color:rgba(230,57,80,.5)}
.hydra .h-ps-tag{color:rgba(42,117,149,.7)}

.h-ps-mid{
  position:relative;z-index:2;
  display:flex;flex-direction:column;gap:1.4vw;
  margin-top:3vw;
}
.h-ps-name{
  font-family:var(--display-heavy);
  font-size:clamp(2.4rem,5.5vw,5.5rem);font-weight:800;
  text-transform:uppercase;letter-spacing:-.035em;line-height:.82;
  color:rgba(210,185,140,.96);white-space:nowrap;
}
.moth .h-ps-name{color:rgba(210,105,40,.92);-webkit-text-fill-color:rgba(210,105,40,.92)}
.tyr .h-ps-name{color:rgba(230,57,80,.92);-webkit-text-fill-color:rgba(230,57,80,.92)}
.hydra .h-ps-name{color:rgba(42,117,149,.92);-webkit-text-fill-color:rgba(42,117,149,.92)}
.h-ps-rule{height:1px;width:60px;opacity:.5}
.moth .h-ps-rule{background:var(--amber)}
.tyr .h-ps-rule{background:var(--tyr-red)}
.hydra .h-ps-rule{background:var(--teal-light)}
.h-ps-desc{
  font-size:clamp(.55rem,.8vw,.7rem);
  font-weight:300;color:rgba(210,185,140,.6);
  letter-spacing:.16em;text-transform:uppercase;line-height:1.85;
}
.h-ps-specs{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1vw 2vw;margin-top:.5vw;
  max-width:340px;
  font-family:'IBM Plex Mono',monospace;
}
.h-ps-spec-label{
  font-size:clamp(.36rem,.5vw,.46rem);
  font-weight:700;letter-spacing:.32em;text-transform:uppercase;
  color:rgba(146,192,171,.5);
}
.h-ps-spec-val{
  font-size:clamp(.5rem,.7vw,.62rem);
  font-weight:300;color:rgba(210,185,140,.7);
  letter-spacing:.04em;margin-top:3px;
}

.h-ps-painting{
  position:absolute;
  top:3.5vw;right:3.2vw;
  aspect-ratio:1/1;
  width:clamp(80px,9vw,120px);
  overflow:hidden;z-index:3;
}
.moth .h-ps-painting{border:.5px solid rgba(210,105,40,.3)}
.tyr .h-ps-painting{border:.5px solid rgba(230,57,80,.28)}
.hydra .h-ps-painting{border:.5px solid rgba(42,117,149,.3)}
.h-ps-painting::before,
.h-ps-painting::after{
  content:'';position:absolute;
  width:8px;height:8px;border:.5px solid;
}
.h-ps-painting::before{top:-1px;left:-1px;border-right:none;border-bottom:none}
.h-ps-painting::after{bottom:-1px;right:-1px;border-left:none;border-top:none}
.moth .h-ps-painting::before,.moth .h-ps-painting::after{border-color:var(--amber)}
.tyr .h-ps-painting::before,.tyr .h-ps-painting::after{border-color:var(--tyr-red)}
.hydra .h-ps-painting::before,.hydra .h-ps-painting::after{border-color:var(--teal-light)}

.h-ps-painting-ph{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  position:relative;
}
.h-ps-painting-ph img{
  max-width:88%;max-height:88%;
  width:auto;height:auto;
  display:block;object-fit:contain;
}
.tyr .h-ps-painting-ph img{max-width:66%;max-height:66%}
.moth .h-ps-painting-ph{background:rgba(210,105,40,.06)}
.tyr .h-ps-painting-ph{background:rgba(230,57,80,.04)}
.hydra .h-ps-painting-ph{background:rgba(42,117,149,.07)}
.h-ps-ph-label{
  font-family:'IBM Plex Mono',monospace;font-style:italic;
  font-size:clamp(.32rem,.42vw,.38rem);
  font-weight:300;letter-spacing:.2em;
  text-transform:uppercase;text-align:center;padding:0 8px;
}
.moth .h-ps-ph-label{color:rgba(210,105,40,.45)}
.tyr .h-ps-ph-label{color:rgba(230,57,80,.4)}
.hydra .h-ps-ph-label{color:rgba(42,117,149,.55)}

.h-ps-stamp{
  position:absolute;bottom:3%;right:3%;
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(.3rem,.4vw,.38rem);
  font-weight:300;font-style:italic;
  letter-spacing:.18em;
  color:rgba(210,185,140,.12);
  z-index:2;
}

/* ============================================================
   CAREERS PREVIEW (jobs section on homepage)
   ============================================================ */
.h-jobs{
  width:100%;min-height:45vh;background:var(--bg);
  border-top:.5px solid rgba(146,192,171,.08);
  display:flex;
}
.h-jobs-left{
  width:26%;flex-shrink:0;
  padding:6vw 2vw 6vw 5.2vw;
  border-right:.5px solid rgba(146,192,171,.05);
  display:flex;flex-direction:column;justify-content:space-between;
}
.h-jobs-body{
  flex:1;
  padding:6vw 6vw 6vw 4vw;
  display:flex;flex-direction:column;justify-content:center;
}
.h-jobs-headline{
  font-family:var(--display-heavy);
  font-size:clamp(1.4rem,3vw,2.6rem);font-weight:700;
  color:rgba(210,185,140,.88);text-transform:uppercase;
  letter-spacing:.01em;line-height:1.04;
  margin-bottom:3vw;
}
.h-job-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:1.5vw 0;
  border-bottom:.5px solid rgba(146,192,171,.08);
  text-decoration:none;cursor:crosshair;transition:padding .2s;
}
.h-job-row:first-of-type{border-top:.5px solid rgba(146,192,171,.08)}
.h-job-row:hover{padding-left:1vw}
.h-job-row:hover .h-job-title{color:var(--mint)}
.h-job-row:hover .h-job-arrow{background:var(--mint);color:var(--mint);transform:translateX(6px)}
.h-job-info{display:flex;flex-direction:column;gap:5px}
.h-job-title{
  font-size:clamp(.55rem,.85vw,.72rem);font-weight:700;
  color:rgba(210,185,140,.82);text-transform:uppercase;
  letter-spacing:.06em;transition:color .2s;
}
.h-job-meta{
  font-size:clamp(.34rem,.45vw,.42rem);font-weight:300;
  color:rgba(146,192,171,.32);letter-spacing:.24em;text-transform:uppercase;
}
.h-job-arrow{
  width:14px;height:1px;
  background:rgba(146,192,171,.32);color:rgba(146,192,171,.32);
  position:relative;flex-shrink:0;
  transition:background .2s,color .2s,transform .2s;
}
.h-job-arrow::after{
  content:'';position:absolute;
  right:0;top:-2px;width:5px;height:5px;
  border-right:1px solid currentColor;border-top:1px solid currentColor;
  transform:rotate(45deg);
}

/* ============================================================
   PRESS PREVIEW
   ============================================================ */
.h-press{
  width:100%;min-height:45vh;background:var(--bg);
  border-top:.5px solid rgba(146,192,171,.08);display:flex;
}
.h-press-left{
  width:26%;flex-shrink:0;
  padding:6vw 2vw 6vw 5.2vw;
  border-right:.5px solid rgba(146,192,171,.05);
  display:flex;flex-direction:column;justify-content:space-between;
}
.h-press-body{
  flex:1;
  padding:6vw 6vw 6vw 4vw;
  display:flex;flex-direction:column;justify-content:space-between;
  gap:2.5vw;
}
.h-press-headline{
  font-family:var(--display-heavy);
  font-size:clamp(1.4rem,3vw,2.6rem);font-weight:700;
  color:rgba(210,185,140,.88);text-transform:uppercase;
  letter-spacing:.01em;line-height:1.04;
}
.h-press-text{
  font-size:clamp(.55rem,.82vw,.7rem);
  font-weight:300;color:rgba(210,185,140,.42);
  letter-spacing:.06em;line-height:1.95;max-width:520px;
}
.h-press-footer{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:2vw;flex-wrap:wrap;
}

/* ============================================================
   CONTACT — editorial finale
   ============================================================ */
.h-contact{
  width:100%;background:var(--bg);
  border-top:.5px solid rgba(146,192,171,.08);
  padding:8vw 5.2vw 8vw 5.2vw;
  position:relative;overflow:hidden;cursor:crosshair;
}
.h-contact-glyph{
  position:absolute;
  bottom:-4vw;right:-2vw;
  font-family:var(--display-heavy);
  font-weight:800;
  font-size:clamp(10rem,22vw,22rem);
  line-height:1;letter-spacing:-.04em;
  color:rgba(146,192,171,.04);
  pointer-events:none;user-select:none;z-index:0;
  text-transform:uppercase;white-space:nowrap;
}
.h-contact-inner{
  position:relative;z-index:1;
  display:flex;flex-direction:column;
  gap:2.5vw;max-width:1200px;
}
.h-contact-eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(.45rem,.6vw,.6rem);font-weight:700;
  letter-spacing:.4em;text-transform:uppercase;
  color:rgba(146,192,171,.55);
}
.h-contact-headline{
  font-family:var(--display-heavy);font-weight:800;
  font-size:clamp(3.5rem,8vw,8rem);
  line-height:.92;letter-spacing:-.025em;
  color:rgba(210,185,140,.94);text-transform:uppercase;
  max-width:14ch;
}
.h-contact-headline .accent{color:var(--mint)}
.h-contact-sub{
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(.6rem,.85vw,.78rem);
  font-weight:300;font-style:italic;
  color:rgba(210,185,140,.55);
  letter-spacing:.05em;line-height:1.7;
  max-width:48ch;margin-top:-1vw;
}
.h-contact-btn{
  display:inline-flex;align-items:center;gap:18px;
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(.5rem,.7vw,.62rem);font-weight:700;
  letter-spacing:.42em;text-transform:uppercase;
  text-decoration:none;cursor:crosshair;
  color:var(--mint);
  padding:18px 0;
  border-bottom:.5px solid rgba(146,192,171,.4);
  width:fit-content;
  transition:border-color .25s,letter-spacing .25s;
  margin-top:1vw;
}
.h-contact-btn:hover{border-color:var(--mint);letter-spacing:.48em}
.h-contact-btn .h-cta-arrow{background:var(--mint)}
.h-contact-endmark{
  position:relative;z-index:1;
  margin-top:5vw;text-align:center;
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(.6rem,.9vw,.85rem);
  font-weight:300;letter-spacing:.5em;
  color:rgba(146,192,171,.4);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1100px){
  .h-poster-mid{grid-template-columns:1fr 22vw}
  .h-products{flex-direction:column;height:auto}
  .h-ps{flex:none;width:100%;min-height:80vh;border-right:none;border-bottom:.5px solid rgba(146,192,171,.06)}
  .h-ps:last-child{border-bottom:none}
  .h-ps-name{font-size:clamp(4rem,11vw,9rem)}
  .h-ps-painting{width:clamp(140px,18vw,200px)}
}
@media (max-width: 760px){
  .h-hero{grid-template-columns:1fr;min-height:auto}
  .h-hero .h-spine{display:none}
  .h-poster{padding:5vw 5vw 0}
  .h-poster-top{grid-template-columns:1fr;gap:2vw}
  .h-poster-stamp{align-items:flex-start;text-align:left}
  .h-poster-mid{grid-template-columns:1fr;gap:5vw}
  .h-poster-meta{border-left:none;padding-left:0;border-top:.5px solid rgba(146,192,171,.08);padding-top:3vw}
  .h-margin-credit{display:none}
  .h-bulletin{grid-template-columns:auto 1fr;gap:1.5vw 2vw;padding:3vw 5vw}
  .h-bulletin .date{display:none}
  .h-bulletin .more{grid-column:1 / -1;justify-self:start}
  .h-about,.h-press,.h-jobs{flex-direction:column}
  .h-about-left,.h-press-left,.h-jobs-left{width:100%;border-right:none;border-bottom:.5px solid rgba(146,192,171,.05);padding:5vw}
  .h-about-right,.h-press-body,.h-jobs-body{padding:5vw}
  .h-ps{padding:5vw}
}