:root{--bg:#080808;--text:#efeee8;--muted:#83817b;--line:rgba(255,255,255,.15);--acid:#d8ff36}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}
.noise{position:fixed;inset:0;z-index:999;opacity:.065;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
header{position:fixed;top:0;z-index:100;display:flex;width:100%;justify-content:space-between;padding:20px 3vw;mix-blend-mode:difference}.logo{font-family:"Archivo Black";font-size:13px;line-height:.84}nav{display:flex;gap:22px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:110px 3vw 38px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.12)),url("assets/hero-color-brighter.jpg") center 42%/cover;filter:contrast(1) brightness(1) saturate(1);transform:scale(1.03)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.28),transparent 58%)}.hero-content{position:relative;z-index:2;width:100%}.hero-content>p{font-size:9px;letter-spacing:.16em}.hero h1{font-family:Inter,sans-serif;font-size:clamp(22px,3vw,46px);font-weight:600;line-height:1;letter-spacing:.02em;margin:22px 0;color:var(--text)}.hero-footer{display:flex;justify-content:space-between;align-items:flex-end}.hero-footer p,.hero-footer a{font-size:10px;letter-spacing:.12em}
.section{max-width:1600px;margin:auto;padding:110px 3vw;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;margin-bottom:42px;color:var(--muted);font-size:8px;letter-spacing:.16em}.section-label{margin-bottom:38px;color:var(--muted);font-size:8px;letter-spacing:.16em}
.featured-project{margin-bottom:85px}.featured-image,.project-image{position:relative;display:block;overflow:hidden}.featured-image img{aspect-ratio:16/8;object-fit:cover;filter:grayscale(1) contrast(1.17) brightness(.74);transition:.65s}.featured-image:hover img,.project-image:hover img{transform:scale(1.02);filter:grayscale(.08) contrast(1.08) brightness(.86)}.shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.48),transparent 45%)}.project-index,.play{position:absolute;bottom:16px;z-index:2;font-size:9px;letter-spacing:.14em}.project-index{right:18px}.play{left:18px}.featured-copy{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;padding-top:18px}.featured-copy h2{font-family:"Archivo Black";font-size:clamp(34px,5vw,78px);line-height:.9;letter-spacing:-.055em;margin:0}.featured-copy h3{font-size:clamp(15px,1.5vw,22px);font-weight:500;margin:8px 0 0;color:#c9c7c1}.featured-copy p{margin:5px 0 0;color:var(--muted);font-size:11px;text-align:right}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 24px}.project-image img{aspect-ratio:16/10;object-fit:cover;filter:grayscale(1) contrast(1.17) brightness(.74);transition:.65s}.project-copy{display:flex;justify-content:space-between;gap:24px;padding-top:14px}.project-copy h3{font-family:"Archivo Black";font-size:clamp(21px,2.5vw,36px);line-height:.95;letter-spacing:-.045em;margin:0}.project-copy h4{font-size:14px;font-weight:500;margin:7px 0 0;color:#c9c7c1}.project-copy p{max-width:180px;margin:3px 0 0;color:var(--muted);font-size:10px;text-align:right}
.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.two-col>h2{font-family:"Archivo Black";font-size:clamp(40px,6vw,92px);line-height:.85;letter-spacing:-.055em;margin:0}.body-copy .lead{font-size:clamp(20px,2.4vw,34px);line-height:1.18;color:var(--text)}.body-copy p{max-width:760px;color:var(--muted);font-size:15px;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:35px}.tags span{border:1px solid var(--line);padding:8px 11px;font-size:8px;letter-spacing:.12em}.artist-list{font-family:Inter,sans-serif;font-size:clamp(11px,1.25vw,18px);font-weight:500;line-height:1.9;letter-spacing:.04em;text-transform:uppercase}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.info-grid div{display:flex;flex-direction:column;gap:5px;font-size:11px}.info-grid strong{font-family:"Archivo Black";font-size:16px}footer{display:flex;justify-content:space-between;padding:22px 3vw;border-top:1px solid var(--line);color:var(--muted);font-size:8px;letter-spacing:.12em}
@media(max-width:800px){header{padding:16px 20px}nav{gap:10px;font-size:8px}.hero{padding:100px 20px 30px}.hero h1{font-size:24px}.section{padding:85px 20px}.projects-grid{grid-template-columns:1fr}.featured-image img,.project-image img{aspect-ratio:4/3}.featured-copy,.two-col,.info-grid{grid-template-columns:1fr}.featured-copy p,.project-copy p{text-align:left}.project-copy{display:block}.project-copy p{margin-top:8px}.section-label{margin-bottom:28px}}


.about-layout{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:70px;
  align-items:start
}
.bio-image{
  margin:0;
  position:sticky;
  top:95px;
  overflow:hidden;
  background:#111
}
.bio-image img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center;
  filter:grayscale(1) contrast(1.08) brightness(.9)
}
.about-content h2{
  font-family:"Archivo Black";
  font-size:clamp(40px,6vw,92px);
  line-height:.85;
  letter-spacing:-.055em;
  margin:0 0 44px
}
.info-grid a{
  color:inherit;
  transition:opacity .2s ease
}
.info-grid a:hover{opacity:.55}

@media(max-width:800px){
  .about-layout{grid-template-columns:1fr;gap:38px}
  .bio-image{position:relative;top:auto}
  .bio-image img{aspect-ratio:4/5}
  .about-content h2{margin-bottom:30px}
}


.project-copy small{
  display:block;
  max-width:520px;
  margin-top:9px;
  color:var(--muted);
  font-size:9px;
  line-height:1.55
}


/* HERO TITLE — compact stacked logo style */
.hero-title{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  margin:26px 0 34px !important;
  font-family:"Archivo Black", sans-serif !important;
  font-size:clamp(42px,7vw,108px) !important;
  font-weight:400 !important;
  line-height:.78 !important;
  letter-spacing:-.055em !important;
  color:var(--text) !important;
}
.hero-title span{
  display:block;
}

/* WRITERS WITH ATTITUDE */
.film-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:64px;
  align-items:start;
}
.film-cover{
  position:relative;
  display:block;
  overflow:hidden;
  background:#111;
}
.film-cover img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:center;
  filter:contrast(1.05) brightness(.9);
  transition:transform .6s ease, filter .35s ease;
}
.film-cover:hover img{
  transform:scale(1.018);
  filter:contrast(1.02) brightness(1);
}
.film-cover-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.55),transparent 48%);
}
.film-watch{
  position:absolute;
  left:18px;
  bottom:16px;
  z-index:2;
  font-size:9px;
  letter-spacing:.14em;
}
.film-copy{
  padding-top:4px;
}
.film-kicker{
  margin:0 0 18px;
  color:var(--muted);
  font-size:8px;
  letter-spacing:.16em;
}
.film-copy h2{
  margin:0 0 34px;
  font-family:"Archivo Black",sans-serif;
  font-size:clamp(34px,4.7vw,70px);
  line-height:.88;
  letter-spacing:-.05em;
}
.film-copy p{
  max-width:680px;
  color:var(--muted);
  font-size:14px;
  line-height:1.72;
}
.film-copy .film-lead{
  color:var(--text);
  font-size:clamp(18px,2vw,28px);
  line-height:1.3;
}
.film-link{
  display:inline-block;
  margin-top:24px;
  padding-bottom:6px;
  border-bottom:1px solid var(--line);
  font-size:9px;
  letter-spacing:.14em;
}
.film-link:hover{
  opacity:.6;
}

@media(max-width:800px){
  .hero-title{
    font-size:clamp(38px,13vw,64px) !important;
    margin-bottom:28px !important;
  }
  .film-grid{
    grid-template-columns:1fr;
    gap:35px;
  }
  .film-cover img{
    aspect-ratio:4/3;
  }
}


/* WWA v2.5 — kadr z kasetą VHS */
.film-cover img{
  object-position:center 48%;
}


/* PROMOTIONAL FILMS */
.promo-intro{
  max-width:760px;
  margin-bottom:44px;
}
.promo-intro p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}
.promo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.promo-image{
  position:relative;
  display:block;
  overflow:hidden;
  background:#111;
}
.promo-image img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  filter:grayscale(1) contrast(1.12) brightness(.78);
  transition:transform .6s ease, filter .35s ease;
}
.promo-image:hover img{
  transform:scale(1.02);
  filter:grayscale(.12) contrast(1.06) brightness(.9);
}
.promo-copy{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding-top:15px;
}
.promo-copy p{
  margin:0 0 7px;
  color:var(--muted);
  font-size:8px;
  letter-spacing:.14em;
}
.promo-copy h3{
  margin:0;
  font-family:"Archivo Black",sans-serif;
  font-size:clamp(22px,2.6vw,38px);
  line-height:.95;
  letter-spacing:-.045em;
}
.promo-copy h4{
  margin:7px 0 0;
  color:#c9c7c1;
  font-size:13px;
  font-weight:500;
}
.promo-copy>span{
  max-width:180px;
  color:var(--muted);
  font-size:9px;
  line-height:1.5;
  text-align:right;
}

@media(max-width:800px){
  .promo-grid{
    grid-template-columns:1fr;
    gap:58px;
  }
  .promo-image img{
    aspect-ratio:4/3;
  }
  .promo-copy{
    display:block;
  }
  .promo-copy>span{
    display:block;
    margin-top:9px;
    text-align:left;
  }
}


/* =========================================================
   COMPACT BEHIND THE SCENES GALLERY
   ========================================================= */

.bts-compact{
  padding-top:78px;
  padding-bottom:88px;
}

.bts-compact-intro{
  margin-bottom:26px;
}

.bts-compact-intro p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.bts-compact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.bts-compact-item{
  margin:0;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#111;
  cursor:zoom-in;
}

.bts-compact-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(1) contrast(1.12) brightness(.95);
  transition:
    transform .35s ease,
    filter .35s ease,
    outline-color .35s ease;
  outline:1px solid transparent;
  outline-offset:-1px;
}

.bts-compact-item:hover img{
  transform:scale(1.03);
  filter:grayscale(0) contrast(1.08) brightness(1);
  outline-color:rgba(255,255,255,.5);
}

.bts-lightbox{
  position:fixed;
  z-index:7000;
  inset:0;
  display:grid;
  grid-template-columns:70px minmax(0,1fr) 70px;
  align-items:center;
  justify-items:center;
  padding:48px 24px;
  background:rgba(0,0,0,.96);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s ease,visibility 0s .25s;
}

.bts-lightbox.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .25s ease;
}

.bts-lightbox img{
  max-width:min(88vw,1500px);
  max-height:86vh;
  object-fit:contain;
}

.bts-lightbox-close{
  position:absolute;
  top:22px;
  right:26px;
  border:0;
  background:none;
  color:#fff;
  font-size:9px;
  letter-spacing:.14em;
  cursor:pointer;
}

.bts-lightbox-nav{
  border:0;
  background:none;
  color:#fff;
  font-size:26px;
  cursor:pointer;
  opacity:.75;
}

.bts-lightbox-nav:hover{
  opacity:1;
}

@media(max-width:900px){
  .bts-compact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .bts-compact{
    padding-top:65px;
    padding-bottom:70px;
  }

  .bts-compact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .bts-compact-item{
    aspect-ratio:1;
  }

  .bts-lightbox{
    grid-template-columns:40px minmax(0,1fr) 40px;
    padding:45px 8px 20px;
  }
}


/* VISUAL LANGUAGE — 60/40 */
.visual-language-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:72px;
  align-items:start;
}
.visual-language-copy h2{
  margin:0 0 46px;
  font-family:"Archivo Black",sans-serif;
  font-size:clamp(42px,6vw,92px);
  line-height:.84;
  letter-spacing:-.055em;
}
.visual-language-copy p{
  max-width:820px;
  margin:0 0 22px;
  color:var(--muted);
  font-size:15px;
  line-height:1.78;
}
.visual-language-copy p:first-of-type{
  color:var(--text);
  font-size:clamp(19px,2vw,27px);
  line-height:1.45;
}
.visual-language-image{
  position:sticky;
  top:95px;
  margin:0;
}
.visual-language-image img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.2);
  filter:contrast(1.05) brightness(.92);
  transition:transform .45s ease,filter .35s ease;
}
.visual-language-image:hover img{
  transform:scale(1.012);
  filter:contrast(1.03) brightness(1);
}
.visual-language-image figcaption{
  display:flex;
  margin-top:14px;
  flex-direction:column;
  gap:4px;
  color:var(--muted);
  font-size:9px;
  line-height:1.45;
  letter-spacing:.08em;
}
.visual-language-image figcaption strong{
  color:var(--text);
  font-size:10px;
  letter-spacing:.14em;
}
@media(max-width:900px){
  .visual-language-grid{
    grid-template-columns:1fr;
    gap:46px;
  }
  .visual-language-image{
    position:relative;
    top:auto;
    max-width:620px;
  }
}


/* =========================================================
   LARGE DISPLAY TITLES — SUBTLY COMPRESSED
   ========================================================= */
.display-compressed{
  transform:scaleY(.89);
  transform-origin:left center;
  letter-spacing:-.065em !important;
  line-height:.79 !important;
  color:#f3f3f0;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Keep the visual footprint stable after vertical compression */
.hero-title.display-compressed{
  margin-top:18px;
  margin-bottom:18px;
}

@media(max-width:800px){
  .display-compressed{
    transform:scaleY(.92);
    line-height:.82 !important;
  }
}


/* =========================================================
   HEADER / NAVIGATION / LANGUAGE SWITCHER
   ========================================================= */

header{
  mix-blend-mode:normal !important;
  background:linear-gradient(to bottom,rgba(0,0,0,.68),rgba(0,0,0,0));
  color:#fff;
}

.header-right{
  display:flex;
  align-items:center;
  gap:26px;
}

header nav{
  display:flex;
  align-items:center;
  gap:20px;
}

header nav a{
  color:#fff;
  font-size:10px;
  font-weight:600;
  letter-spacing:.11em;
  text-transform:uppercase;
  opacity:.92;
  text-shadow:0 1px 8px rgba(0,0,0,.7);
  transition:opacity .2s ease;
}

header nav a:hover{
  color:#fff;
  opacity:.58;
}

.language-switcher{
  display:flex;
  align-items:center;
  gap:7px;
  padding-left:18px;
  border-left:1px solid rgba(255,255,255,.34);
}

.language-switcher button{
  padding:3px 0;
  border:0;
  background:none;
  color:rgba(255,255,255,.52);
  font:600 9px/1 Inter,sans-serif;
  letter-spacing:.1em;
  cursor:pointer;
  transition:color .2s ease,opacity .2s ease;
}

.language-switcher button:hover{
  color:#fff;
}

.language-switcher button.is-active{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:4px;
}

.info-grid a[href^="mailto:"]{
  margin-top:6px;
  overflow-wrap:anywhere;
}

@media(max-width:1050px){
  header nav{
    gap:12px;
  }

  header nav a{
    font-size:8px;
  }

  .header-right{
    gap:14px;
  }

  .language-switcher{
    padding-left:12px;
  }
}

@media(max-width:760px){
  header{
    align-items:flex-start;
  }

  .header-right{
    align-items:flex-end;
    flex-direction:column-reverse;
    gap:10px;
  }

  header nav{
    max-width:78vw;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px 12px;
  }

  .language-switcher{
    padding-left:0;
    border-left:0;
  }
}


/* =========================================================
   WRITERS WITH ATTITUDE — PHOTO ARCHIVE
   ========================================================= */
.writers-gallery-block{
  margin-top:78px;
  padding-top:28px;
  border-top:1px solid var(--line);
}

.writers-gallery-meta{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
  color:var(--muted);
  font-size:8px;
  letter-spacing:.14em;
}

.writers-gallery-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

.writers-gallery-item{
  margin:0;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#111;
  cursor:zoom-in;
}

.writers-gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:contrast(1.08) brightness(.94);
  transition:transform .35s ease,filter .35s ease,opacity .35s ease;
}

.writers-gallery-item:hover img{
  transform:scale(1.03);
  filter:contrast(1.04) brightness(1);
}

.writers-gallery-item:nth-child(4),
.writers-gallery-item:nth-child(7){
  aspect-ratio:3/4;
}

.writers-lightbox{
  position:fixed;
  z-index:7200;
  inset:0;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 64px;
  align-items:center;
  justify-items:center;
  padding:48px 22px;
  background:rgba(0,0,0,.97);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s ease,visibility 0s .25s;
}

.writers-lightbox.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .25s ease;
}

.writers-lightbox img{
  max-width:min(90vw,1600px);
  max-height:88vh;
  object-fit:contain;
}

.writers-lightbox-close{
  position:absolute;
  top:22px;
  right:26px;
  border:0;
  background:none;
  color:#fff;
  font-size:9px;
  letter-spacing:.14em;
  cursor:pointer;
}

.writers-lightbox-nav{
  border:0;
  background:none;
  color:#fff;
  font-size:26px;
  cursor:pointer;
  opacity:.7;
}

.writers-lightbox-nav:hover{opacity:1}

@media(max-width:900px){
  .writers-gallery-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .writers-gallery-block{
    margin-top:55px;
  }

  .writers-gallery-meta{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .writers-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .writers-gallery-item,
  .writers-gallery-item:nth-child(4),
  .writers-gallery-item:nth-child(7){
    aspect-ratio:1;
  }

  .writers-lightbox{
    grid-template-columns:38px minmax(0,1fr) 38px;
    padding:44px 6px 18px;
  }
}


/* =========================================================
   WRITERS WITH ATTITUDE — EVEN 5 × 2 GRID
   ========================================================= */

.writers-gallery-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}

.writers-gallery-item,
.writers-gallery-item:nth-child(4),
.writers-gallery-item:nth-child(7){
  margin:0;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
}

.writers-gallery-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

@media(max-width:1050px){
  .writers-gallery-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:800px){
  .writers-gallery-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .writers-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .writers-gallery-item,
  .writers-gallery-item:nth-child(4),
  .writers-gallery-item:nth-child(7){
    aspect-ratio:4/3;
  }
}


/* =========================================================
   ABOUT — COMPACT NAME + UPDATED BIO
   ========================================================= */
.about-name{
  font-size:clamp(28px,3.2vw,52px) !important;
  line-height:.82 !important;
  margin-bottom:34px !important;
}

.about-copy{
  max-width:760px;
}

.about-copy .lead{
  font-size:clamp(18px,1.8vw,25px);
  line-height:1.45;
}

.about-inline-link{
  color:var(--text);
  border-bottom:1px solid rgba(255,255,255,.35);
  padding-bottom:1px;
}

.about-inline-link:hover{
  opacity:.62;
}

.about-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:30px;
  padding-top:18px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:8px;
  letter-spacing:.13em;
}

@media(max-width:800px){
  .about-name{
    font-size:34px !important;
  }

  .about-facts{
    flex-direction:column;
    gap:8px;
  }
}


/* =========================================================
   ABOUT — ROLELINE + DIVIDER
   ========================================================= */
.about-roleline{
  margin:0 0 18px;
  color:var(--muted);
  font-size:10px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.about-divider{
  width:96px;
  height:1px;
  margin:0 0 32px;
  background:rgba(255,255,255,.34);
}

@media(max-width:800px){
  .about-roleline{
    max-width:290px;
    font-size:9px;
    line-height:1.6;
  }
}


/* LIVE ARCHIVE */
.live-archive{padding-top:clamp(90px,12vw,180px)}
.live-archive-intro{display:grid;grid-template-columns:1fr 1fr;margin:32px 0 58px}
.live-archive-intro p{grid-column:2;max-width:620px;color:var(--muted);font-size:clamp(17px,1.8vw,25px);line-height:1.45}
.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 24px}
.live-video-trigger{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#111;overflow:hidden;cursor:pointer;color:#fff;text-align:left}
.live-video-trigger img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);transition:transform .55s ease,filter .45s ease}
.live-video-trigger .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.55));transition:background .35s ease}
.live-video-trigger:hover img{transform:scale(1.025);filter:grayscale(0)}
.live-video-trigger:hover .shade{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.35))}
.live-play{position:absolute;left:22px;bottom:20px;font-size:12px;letter-spacing:.18em;font-weight:700}
.live-play:before{content:'▶';margin-right:10px}
.live-index{position:absolute;right:20px;top:18px;font-size:11px;letter-spacing:.16em}
.live-copy{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);margin-top:14px}
.live-copy p,.live-copy span{font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.live-copy h3{font-size:clamp(25px,3vw,44px);line-height:.95;margin:8px 0 0;letter-spacing:-.03em}
.live-copy h4{font-size:13px;margin-top:8px;letter-spacing:.12em;color:var(--muted)}
.live-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:70px 4vw 4vw;background:rgba(0,0,0,.96)}
.live-modal.is-open{display:flex}
.live-modal-inner{width:min(1400px,94vw)}
.live-modal-title{font-size:11px;letter-spacing:.18em;margin-bottom:14px;color:#bbb}
.live-modal video{display:block;width:100%;max-height:80vh;background:#000}
.live-modal-close{position:absolute;top:22px;right:24px;border:0;background:transparent;color:#fff;font-size:11px;letter-spacing:.16em;cursor:pointer}
body.modal-open{overflow:hidden}
@media(max-width:760px){.live-archive-intro{display:block;margin:25px 0 42px}.live-grid{grid-template-columns:1fr;gap:48px}.live-copy{display:block}.live-copy>span{display:block;margin-top:16px}.live-modal{padding:64px 12px 12px}}


/* =========================================================
   v4.8 — HEADER: STREET LIFE CONCEPT + JWP
   ========================================================= */
.header-brands{
  display:flex;
  align-items:center;
  gap:15px;
  flex-shrink:0;
}

.brand-divider{
  width:1px;
  height:29px;
  background:rgba(255,255,255,.42);
}

.jwp-header-logo{
  display:flex;
  align-items:center;
  height:31px;
  opacity:.94;
  transition:opacity .2s ease,transform .2s ease;
}

.jwp-header-logo img{
  display:block;
  width:auto;
  height:27px;
  object-fit:contain;
}

.jwp-header-logo:hover{
  opacity:.58;
  transform:translateY(-1px);
}

/* =========================================================
   v4.8 — END OF SELECTED WORK
   ========================================================= */
.work-more{
  margin-top:82px;
  padding-top:30px;
  border-top:1px solid var(--line);
  color:rgba(255,255,255,.72);
  font-family:"Archivo Black",sans-serif;
  font-size:clamp(28px,4.5vw,70px);
  line-height:.92;
  letter-spacing:-.045em;
  text-transform:uppercase;
  transition:color .28s ease,letter-spacing .28s ease;
}

.work-more:hover{
  color:#fff;
  letter-spacing:-.025em;
}

html{
  scroll-behavior:smooth;
  scroll-padding-top:96px;
}

@media(max-width:800px){
  .header-brands{
    gap:10px;
  }

  .brand-divider{
    height:25px;
  }

  .jwp-header-logo,
  .jwp-header-logo img{
    height:23px;
  }

  .work-more{
    margin-top:54px;
    font-size:34px;
  }
}


/* =========================================================
   v4.9 — FEATURED WORKS / HERO
   ========================================================= */
.hero-bg{
  filter:contrast(1.04) brightness(1.14) saturate(1.02);
}

.work-more{
  text-transform:none;
}


/* =========================================================
   v5.0 — ON THE ROAD / ANALOG ARCHIVE
   ========================================================= */
.road-archive{
  overflow:hidden;
}

.road-archive-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:40px;
  margin-bottom:48px;
  padding-bottom:24px;
  border-bottom:1px solid var(--line);
}

.road-archive-kicker{
  margin:0 0 13px;
  color:var(--muted);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.road-archive-head h2{
  margin:0;
  font-size:clamp(58px,10vw,150px);
  line-height:.74;
}

.road-archive-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
  color:var(--muted);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.road-contact-sheet{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-flow:dense;
  gap:10px;
  padding:10px;
  background:#e7e4dc;
}

.road-photo{
  grid-column:span 3;
  margin:0;
  background:#111;
  overflow:hidden;
}

.road-photo:nth-child(7n+1),
.road-photo:nth-child(11n+4){
  grid-column:span 6;
}

.road-photo:nth-child(9n+3){
  grid-column:span 4;
}

.road-photo:nth-child(9n+5),
.road-photo:nth-child(9n+6){
  grid-column:span 2;
}

.road-photo-button{
  position:relative;
  width:100%;
  height:100%;
  min-height:180px;
  padding:0;
  border:0;
  background:#111;
  cursor:zoom-in;
  overflow:hidden;
}

.road-photo img{
  width:100%;
  height:100%;
  aspect-ratio:3/2;
  object-fit:cover;
  display:block;
  filter:saturate(.94) contrast(1.02);
  transition:transform .45s cubic-bezier(.2,.65,.25,1),filter .35s ease;
}

.road-photo:nth-child(7n+1) img,
.road-photo:nth-child(11n+4) img{
  aspect-ratio:16/9;
}

.road-photo-button:hover img{
  transform:scale(1.025);
  filter:saturate(1) contrast(1.06);
}

.road-photo-number{
  position:absolute;
  right:9px;
  bottom:7px;
  color:#fff;
  font-size:9px;
  letter-spacing:.12em;
  mix-blend-mode:difference;
}

.road-archive-foot{
  display:flex;
  justify-content:space-between;
  gap:30px;
  padding-top:18px;
  color:var(--muted);
  font-size:9px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.road-lightbox{
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.96);
}

.road-lightbox.is-open{
  display:flex;
}

.road-lightbox-stage{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:min(86vw,1500px);
  height:88vh;
}

.road-lightbox-stage img{
  max-width:100%;
  max-height:82vh;
  object-fit:contain;
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
}

.road-lightbox-counter{
  margin-top:13px;
  color:rgba(255,255,255,.65);
  font-size:10px;
  letter-spacing:.2em;
}

.road-lightbox-close{
  position:absolute;
  top:24px;
  right:28px;
  z-index:2;
  padding:0;
  border:0;
  color:#fff;
  background:none;
  font-size:11px;
  letter-spacing:.14em;
  cursor:pointer;
}

.road-lightbox-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  border:0;
  color:#fff;
  background:none;
  font-size:30px;
  cursor:pointer;
  opacity:.72;
}

.road-lightbox-prev{left:28px}
.road-lightbox-next{right:28px}

body.road-lightbox-open{
  overflow:hidden;
}

@media(max-width:900px){
  .road-archive-head{
    grid-template-columns:1fr;
    gap:24px;
  }

  .road-archive-meta{
    align-items:flex-start;
  }

  .road-contact-sheet{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:6px;
    padding:6px;
  }

  .road-photo,
  .road-photo:nth-child(n){
    grid-column:span 3;
  }

  .road-photo:nth-child(5n+1){
    grid-column:span 6;
  }

  .road-photo-button{
    min-height:130px;
  }
}

@media(max-width:560px){
  .road-contact-sheet{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .road-photo,
  .road-photo:nth-child(n){
    grid-column:span 1;
  }

  .road-photo:nth-child(4n+1){
    grid-column:span 2;
  }

  .road-archive-foot{
    flex-direction:column;
  }

  .road-lightbox-nav{
    bottom:24px;
    top:auto;
    transform:none;
  }

  .road-lightbox-prev{left:25%}
  .road-lightbox-next{right:25%}
}


/* =========================================================
   v5.1 — ON THE ROAD: ONE-ROW HORIZONTAL ARCHIVE
   ========================================================= */
.road-slider-shell{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  background:#050505;
}

.road-contact-sheet{
  display:flex;
  grid-template-columns:none;
  grid-auto-flow:unset;
  gap:10px;
  width:100%;
  padding:0;
  overflow-x:auto;
  overflow-y:hidden;
  background:#050505;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  cursor:grab;
  user-select:none;
}

.road-contact-sheet::-webkit-scrollbar{
  display:none;
}

.road-contact-sheet.is-dragging{
  cursor:grabbing;
  scroll-behavior:auto;
}

.road-photo,
.road-photo:nth-child(n){
  flex:0 0 clamp(280px,34vw,560px);
  grid-column:auto;
  margin:0;
  background:#050505;
  scroll-snap-align:start;
}

.road-photo-button{
  min-height:0;
  height:auto;
  background:#050505;
}

.road-photo img,
.road-photo:nth-child(n) img{
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}

.road-slider-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid rgba(255,255,255,.45);
  border-radius:50%;
  color:#fff;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(5px);
  font-size:22px;
  cursor:pointer;
  transform:translateY(-50%);
  transition:background .2s ease,border-color .2s ease,opacity .2s ease;
}

.road-slider-arrow:hover{
  background:#fff;
  color:#000;
  border-color:#fff;
}

.road-slider-prev{left:18px}
.road-slider-next{right:18px}

.road-slider-arrow:disabled{
  opacity:.22;
  cursor:default;
}

@media(max-width:800px){
  .road-photo,
  .road-photo:nth-child(n){
    flex-basis:82vw;
  }

  .road-slider-arrow{
    width:42px;
    height:42px;
  }

  .road-slider-prev{left:10px}
  .road-slider-next{right:10px}
}


/* =========================================================
   v6.0 — MULTI-COLLECTION ARCHIVE
   ========================================================= */
.archive-collection{
  padding-top:80px;
}

.archive-collection + .archive-collection{
  padding-top:42px;
}

.archive-collection .road-archive-head h2{
  font-size:clamp(52px,8vw,118px);
}

.archive-horizontal-slider{
  touch-action:pan-y;
}

.archive-collection .road-photo,
.archive-collection .road-photo:nth-child(n){
  flex-basis:clamp(300px,38vw,600px);
}

.archive-collection .road-photo img,
.archive-collection .road-photo:nth-child(n) img{
  aspect-ratio:auto;
  height:clamp(260px,34vw,500px);
  object-fit:contain;
  background:#050505;
}

@media(max-width:800px){
  .archive-collection{
    padding-top:56px;
  }

  .archive-collection .road-photo,
  .archive-collection .road-photo:nth-child(n){
    flex-basis:86vw;
  }

  .archive-collection .road-photo img,
  .archive-collection .road-photo:nth-child(n) img{
    height:60vw;
  }
}


/* =========================================================
   v6.1 — JWP ON THE ROAD + CONTACT
   ========================================================= */
#on-the-road .road-contact-sheet{
  display:flex;
  flex-wrap:nowrap;
}

#on-the-road .road-photo,
#on-the-road .road-photo:nth-child(n){
  flex:0 0 clamp(300px,36vw,600px);
}

#contact{
  scroll-margin-top:100px;
}

#contact .contact-main-link{
  display:block;
  width:fit-content;
  margin-top:10px;
  color:#fff;
  font-family:"Archivo Black",sans-serif;
  font-size:clamp(24px,3.2vw,52px);
  line-height:1.03;
  letter-spacing:-.035em;
  text-decoration:none;
  word-break:break-word;
  transition:opacity .2s ease,transform .2s ease;
}

#contact .contact-main-link:hover{
  opacity:.62;
  transform:translateX(5px);
}

.header-contact-link{
  color:#fff;
  font-size:10px;
  letter-spacing:.14em;
  text-decoration:none;
  text-transform:uppercase;
}

@media(max-width:800px){
  #contact .contact-main-link{
    font-size:clamp(22px,7vw,34px);
  }
}


/* =========================================================
   v7.0 — EDITORIAL / DIGITAL ARCHIVE
   ========================================================= */

.archive-loader{
  position:fixed;
  inset:0;
  z-index:20000;
  display:flex;
  align-items:flex-end;
  padding:32px 3vw;
  background:#050505;
  color:#fff;
  transition:opacity .7s ease,visibility .7s ease;
}

.archive-loader.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.archive-loader-inner{
  display:flex;
  justify-content:space-between;
  width:100%;
  font-size:10px;
  letter-spacing:.16em;
}

.archive-loader-status{
  color:rgba(255,255,255,.5);
}

header{
  mix-blend-mode:normal;
  align-items:center;
  transition:background .35s ease,backdrop-filter .35s ease,border-color .35s ease,padding .35s ease;
  border-bottom:1px solid transparent;
}

header.is-scrolled{
  padding-top:14px;
  padding-bottom:14px;
  background:rgba(5,5,5,.78);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-color:rgba(255,255,255,.09);
}

header a{
  color:#fff;
}

header nav{
  align-items:center;
}

header nav a{
  position:relative;
}

header nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-5px;
  height:1px;
  background:#fff;
  transition:right .25s ease;
}

header nav a:hover::after{
  right:0;
}

.hero-slideshow{
  position:absolute;
  inset:0;
  overflow:hidden;
}

.hero-slideshow::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  background:
    linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.1)),
    linear-gradient(to top,rgba(0,0,0,.38),transparent 58%);
}

.hero-slide{
  position:absolute;
  inset:-3%;
  opacity:0;
  background-position:center;
  background-size:cover;
  transform:scale(1.02);
  transition:opacity 1.8s ease;
  animation:heroEditorialZoom 12s linear infinite alternate;
}

.hero-slide.is-active{
  opacity:1;
}

@keyframes heroEditorialZoom{
  from{transform:scale(1.02)}
  to{transform:scale(1.09)}
}

.hero-content{
  z-index:5;
}

.hero-content>p{
  color:rgba(255,255,255,.78);
}

.hero h1{
  font-size:clamp(30px,4.2vw,68px);
  letter-spacing:-.025em;
}

#on-the-road{
  max-width:none;
  padding-left:0;
  padding-right:0;
}

#on-the-road .road-archive-head,
#on-the-road .road-archive-foot{
  margin-left:3vw;
  margin-right:3vw;
}

#on-the-road .road-archive-head{
  margin-bottom:35px;
}

#on-the-road .road-contact-sheet{
  gap:12px;
  padding:0 3vw;
  scroll-padding-left:3vw;
}

#on-the-road .road-photo,
#on-the-road .road-photo:nth-child(n){
  flex-basis:auto;
  height:clamp(300px,38vw,580px);
}

#on-the-road .road-photo:nth-child(4n+1){
  width:clamp(430px,49vw,760px);
}

#on-the-road .road-photo:nth-child(4n+2){
  width:clamp(260px,30vw,460px);
}

#on-the-road .road-photo:nth-child(4n+3){
  width:clamp(360px,40vw,620px);
}

#on-the-road .road-photo:nth-child(4n){
  width:clamp(300px,34vw,520px);
}

#on-the-road .road-photo-button,
#on-the-road .road-photo img{
  width:100%;
  height:100%;
}

#on-the-road .road-photo img{
  aspect-ratio:auto;
  object-fit:cover;
}

.road-frame-meta{
  position:absolute;
  left:15px;
  bottom:14px;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:4px;
  opacity:0;
  color:#fff;
  text-align:left;
  transform:translateY(8px);
  transition:opacity .28s ease,transform .28s ease;
  text-shadow:0 1px 12px rgba(0,0,0,.8);
}

.road-frame-meta strong{
  font-size:11px;
  letter-spacing:.14em;
}

.road-frame-meta small{
  font-size:8px;
  letter-spacing:.16em;
}

.road-photo-button::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.55),transparent 45%);
  opacity:0;
  transition:opacity .28s ease;
}

.road-photo-button:hover::after,
.road-photo-button:hover .road-frame-meta{
  opacity:1;
}

.road-photo-button:hover .road-frame-meta{
  transform:translateY(0);
}

.road-photo-number{
  top:11px;
  right:12px;
  bottom:auto;
  z-index:2;
}

.road-lightbox{
  background:#030303;
}

.road-lightbox-stage{
  width:min(92vw,1700px);
  height:92vh;
}

.road-lightbox-stage img{
  max-height:84vh;
  box-shadow:none;
}

.road-lightbox-caption{
  display:flex;
  justify-content:space-between;
  width:100%;
  max-width:1200px;
  margin-top:14px;
  color:rgba(255,255,255,.64);
  font-size:9px;
  letter-spacing:.18em;
}

.road-lightbox-counter{
  margin:0;
}

.road-lightbox-close{
  top:22px;
  right:3vw;
}

.road-lightbox-prev{left:3vw}
.road-lightbox-next{right:3vw}

.contact-editorial{
  min-height:78vh;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.contact-editorial-head{
  display:flex;
  justify-content:space-between;
  padding-bottom:22px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:9px;
  letter-spacing:.16em;
}

.contact-editorial-body{
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
  gap:7vw;
  align-items:end;
  padding-top:90px;
}

.contact-editorial-title h2{
  margin:0;
  font-size:clamp(76px,12vw,190px);
  line-height:.72;
}

.contact-editorial-links{
  display:flex;
  flex-direction:column;
  gap:52px;
}

.contact-line{
  padding-top:15px;
  border-top:1px solid var(--line);
}

.contact-line>span{
  display:block;
  margin-bottom:16px;
  color:var(--muted);
  font-size:9px;
  letter-spacing:.16em;
}

#contact .contact-main-link{
  max-width:100%;
  margin:0;
  font-size:clamp(25px,3.5vw,58px);
}

@media(max-width:900px){
  header{
    gap:14px;
  }

  header nav{
    gap:12px;
  }

  header nav a{
    font-size:8px;
  }

  .contact-editorial-body{
    grid-template-columns:1fr;
    gap:70px;
  }

  #on-the-road .road-photo,
  #on-the-road .road-photo:nth-child(n){
    width:82vw;
    height:58vw;
    min-height:280px;
  }
}

@media(max-width:620px){
  .archive-loader{
    padding:25px 20px;
  }

  .header-brands{
    gap:8px;
  }

  .jwp-header-logo img{
    height:20px;
  }

  header nav{
    gap:9px;
  }

  .language-switcher{
    display:none;
  }

  .hero h1{
    font-size:31px;
  }

  .road-frame-meta{
    opacity:1;
    transform:none;
  }

  .road-photo-button::after{
    opacity:.4;
  }

  .contact-editorial-title h2{
    font-size:27vw;
  }

  #contact .contact-main-link{
    font-size:7vw;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-slide{
    animation:none;
  }
}


/* =========================================================
   v7.1 — MINIMAL RESET
   ========================================================= */

/* Static hero, restored to the original single image. */
.hero-bg{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.08)),
    linear-gradient(to top,rgba(0,0,0,.28),transparent 58%),
    url("assets/hero-color-brighter.jpg");
  background-size:cover;
  background-position:center;
  filter:contrast(1.04) brightness(1.14) saturate(1.02);
}

.hero-slideshow,
.hero-slide,
.archive-loader{
  display:none !important;
}

/* Smaller, quieter archive heading. */
#on-the-road{
  padding-top:86px;
}

#on-the-road .road-archive-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:32px;
  margin-bottom:24px;
  padding-bottom:16px;
}

.road-minimal-title p{
  margin:0 0 9px;
  color:var(--muted);
  font-size:9px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.road-minimal-title h2{
  margin:0;
  font-family:inherit;
  font-size:clamp(25px,3.1vw,46px);
  font-weight:600;
  line-height:1;
  letter-spacing:-.025em;
  text-transform:uppercase;
}

.road-minimal-meta{
  color:var(--muted);
  font-size:9px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

/* Smaller horizontal film strip. */
#on-the-road .road-contact-sheet{
  gap:9px;
}

#on-the-road .road-photo,
#on-the-road .road-photo:nth-child(n){
  width:auto;
  height:clamp(190px,21vw,300px);
  flex:0 0 auto;
}

#on-the-road .road-photo:nth-child(4n+1){
  width:clamp(280px,31vw,460px);
}

#on-the-road .road-photo:nth-child(4n+2){
  width:clamp(180px,21vw,310px);
}

#on-the-road .road-photo:nth-child(4n+3){
  width:clamp(240px,27vw,400px);
}

#on-the-road .road-photo:nth-child(4n){
  width:clamp(210px,24vw,350px);
}

#on-the-road .road-photo img{
  object-fit:cover;
}

.road-frame-meta{
  display:none;
}

.road-photo-button::after{
  background:linear-gradient(to top,rgba(0,0,0,.25),transparent 36%);
}

.road-photo-number{
  font-size:8px;
  opacity:.75;
}

/* Minimal contact section. */
.contact-minimal{
  min-height:auto;
  padding-top:110px;
  padding-bottom:110px;
}

.contact-minimal-head{
  display:flex;
  justify-content:space-between;
  gap:30px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:9px;
  letter-spacing:.15em;
}

.contact-minimal-links{
  max-width:850px;
  margin-top:56px;
}

.contact-minimal-row{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:30px;
  align-items:baseline;
  padding:17px 0;
  border-bottom:1px solid var(--line);
}

.contact-minimal-row>span{
  color:var(--muted);
  font-size:9px;
  letter-spacing:.15em;
}

.contact-minimal-row a{
  width:fit-content;
  max-width:100%;
  color:#fff;
  font-size:clamp(14px,1.5vw,20px);
  line-height:1.3;
  letter-spacing:-.01em;
  text-decoration:none;
  word-break:break-word;
  transition:opacity .2s ease;
}

.contact-minimal-row a:hover{
  opacity:.58;
}

@media(max-width:800px){
  #on-the-road .road-archive-head{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }

  #on-the-road .road-photo,
  #on-the-road .road-photo:nth-child(n){
    width:70vw;
    height:47vw;
    min-height:210px;
  }

  .contact-minimal{
    padding-top:80px;
    padding-bottom:80px;
  }

  .contact-minimal-row{
    grid-template-columns:1fr;
    gap:9px;
  }

  .contact-minimal-row a{
    font-size:16px;
  }
}