/* Presse & Medien: page specific design. Primitives come from co.css. */
.pr-note{margin-top:22px;font:500 11px/1.6 var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:rgba(241,236,225,.72)}
.pr-note a{color:#E7BE7E;text-underline-offset:4px}
.co-hero .co-herotext{max-width:56ch}

/* coverage as an editorial index */
.pr-index{list-style:none;margin:clamp(44px,6vw,88px) 0 0;border-top:1px solid var(--line)}
.pr-row{display:grid;grid-template-columns:1fr;gap:12px;padding:clamp(26px,3.4vw,48px) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;position:relative}
.pr-row::before{content:"";position:absolute;inset:0 calc(-1 * var(--pad));background:color-mix(in srgb,var(--foil) 9%,transparent);opacity:0;transition:opacity .5s var(--e1);z-index:-1}
.pr-row__n{font:500 11px/1 var(--f-d);letter-spacing:.26em;color:var(--foil-s,var(--foil))}
.pr-row__src{font:200 clamp(32px,4.4vw,70px)/1 var(--f-d);letter-spacing:-.02em}
.pr-row__h{display:block;font:400 clamp(18px,1.7vw,26px)/1.3 var(--f-b);text-wrap:balance}
.pr-row__m{display:block;margin-top:10px;font:500 11px/1.6 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.pr-row__go{font:500 11px/1 var(--f-d);letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:6px;justify-self:start;white-space:nowrap}
.pr-row__go i{font-style:normal;display:inline-block;transition:transform .5s var(--e1)}
@media (min-width:900px){
  .pr-row{grid-template-columns:3rem minmax(0,1fr) minmax(0,1.25fr) auto;gap:clamp(20px,3vw,48px);align-items:center}
  .pr-row__go{justify-self:end}
}
@media (hover:hover){.pr-row__src{transition:transform .6s var(--e1),color .4s var(--e1)}.pr-row:hover .pr-row__src{transform:translateX(clamp(6px,1vw,16px))}.pr-row:hover::before{opacity:1}.pr-row:hover .pr-row__go i{transform:translate(4px,-4px)}.pr-row:hover .pr-row__src{color:var(--foil)}}
.pr-row:focus-visible{outline:2px solid var(--foil);outline-offset:6px}
.pr-index+.co-cap{margin-top:26px}

/* boilerplate + fact sheet */
.pr-boiler{margin-bottom:clamp(34px,4.6vw,60px);padding-bottom:clamp(30px,4vw,52px);border-bottom:1px solid var(--line)}
.pr-boiler__h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.pr-boiler__t p{font-size:clamp(16px,1.05vw + 3px,18px);line-height:1.7;color:var(--ink2);margin:0 0 1em;max-width:60ch}
.pr-boiler__t p:last-child{margin-bottom:0}
.pr-facts{margin:0;border-top:1px solid var(--line)}
.pr-facts>div{display:grid;grid-template-columns:minmax(0,9.5em) 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}
.pr-facts dt{font:500 11px/1.7 var(--f-d);letter-spacing:.2em;text-transform:uppercase;color:var(--ink2)}
.pr-facts dd{margin:0;font-size:16px;line-height:1.5;color:var(--ink)}

/* press kit */
.pr-kit{list-style:none;margin:clamp(40px,5vw,72px) 0 0;display:grid;gap:clamp(14px,1.8vw,24px);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.pr-kit{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pr-tile{border:1px solid var(--line);padding:14px 14px 18px;display:flex;flex-direction:column;gap:14px;transition:border-color .4s var(--e1)}
@media (hover:hover){.pr-tile:hover{border-color:var(--foil)}}
.pr-tile__ph{aspect-ratio:4/5;display:grid;place-items:center;padding:12%;background:#F4EEE2}
.pr-tile.is-dark .pr-tile__ph{background:#0b0806}
.pr-tile.is-light .pr-tile__ph{background:#EAE5DB}
.pr-tile.is-dark .pr-tile__ph,.pr-tile.is-light .pr-tile__ph{padding:10%}
.pr-tile__ph img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.pr-tile.is-pack .pr-tile__ph{padding:8%}
.pr-tile.is-dark .pr-tile__ph img,.pr-tile.is-light .pr-tile__ph img{width:100%;height:auto}
.pr-tile__t{display:grid;gap:4px}
.pr-tile__t b{font:600 15px/1.3 var(--f-d);letter-spacing:-.005em}
.pr-tile__t span{font:500 10px/1.5 var(--f-d);letter-spacing:.18em;text-transform:uppercase;color:var(--ink2)}
.pr-tile .co-link{margin-top:auto;align-self:flex-start}
.pr-zip{margin-top:clamp(20px,2.6vw,36px);padding:clamp(22px,2.6vw,36px);border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px}
.pr-zip b{display:block;font:600 clamp(20px,2vw,28px)/1.2 var(--f-d);letter-spacing:-.01em}
.pr-zip span{display:block;margin-top:8px;font:500 11px/1.6 var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.pr-kit+.pr-zip+.co-cap{margin-top:20px}

/* milestones */
.pr-ms{list-style:none;margin:clamp(44px,6vw,88px) 0 0;display:grid;gap:0;grid-template-columns:1fr;border-top:1px solid var(--line)}
.pr-ms li{position:relative;padding:30px 0 36px;border-bottom:1px solid var(--line)}
.pr-ms li::before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--foil)}
.pr-ms__d{display:block;white-space:nowrap;font:200 clamp(26px,2.9vw,44px)/1.05 var(--f-d);letter-spacing:-.02em;color:var(--foil);margin-bottom:18px}
.pr-ms .co-h3{margin-bottom:10px}
.pr-ms .co-p{font-size:16px;margin:0;max-width:34ch}
@media (min-width:900px){
  .pr-ms{grid-template-columns:repeat(3,1fr);border-bottom:0}
  .pr-ms li{padding:34px 36px 12px 0;border-bottom:0}
  .pr-ms li+li{padding-left:36px;border-left:1px solid var(--line)}
}

/* phones: the photo sits in the upper part and the headline on the dark lower part */
@media (max-width:760px){
  .co-hero.is-press .co-hero__bg{inset:0 0 auto 0;height:60svh}
  .co-hero.is-press::after{background:linear-gradient(180deg,rgba(20,16,12,.5) 0%,rgba(20,16,12,0) 12%,rgba(20,16,12,.05) 36%,rgba(20,16,12,.92) 58%,#14100c 64%)}
}

.pr-row__hint{display:block;margin-top:6px;text-transform:none;letter-spacing:0;font:400 13px/1.5 var(--f-b);color:var(--ink2)}
.pr-usage{margin:clamp(18px,2.4vw,30px) 0 0;max-width:70ch;font-size:14px;line-height:1.65;color:var(--ink2)}
.pr-usage a{color:var(--ink);text-underline-offset:4px}
.co-hero.is-press .co-hero__bot{grid-template-columns:1fr;align-items:end}
@media (min-width:1100px){.co-hero.is-press .co-hero__bot{grid-template-columns:minmax(0,62ch) auto;justify-content:space-between}}
@media (min-width:761px) and (max-width:1099px){.co-hero.is-press.is-split .co-herotext{display:block}}

/* narrow phones: the scene keeps its natural height (140vw) and the text starts below it, so the bottle cap never meets the headline */
@media (max-width:520px){
  .co-hero.is-press{--bgh:calc(140vw + 56px);min-height:max(100svh,calc(140vw + 280px))}
  .co-hero.is-press .co-hero__bg{height:var(--bgh)}
  .co-hero.is-press .co-hero__bg img{object-position:50% 0}
  .co-hero.is-press::after{background:linear-gradient(180deg,rgba(20,16,12,.55) 0,rgba(20,16,12,.4) 140px,rgba(20,16,12,.18) 280px,rgba(20,16,12,.04) 345px,rgba(20,16,12,.05) calc(var(--bgh) - 150px),rgba(20,16,12,.92) calc(var(--bgh) - 50px),#14100c calc(var(--bgh) - 6px))}
}
/* local scrim behind the kicker and the headline over the bright foam */
.co-hero.is-press .co-hero__top{position:relative}
.co-hero.is-press .co-hero__top::before{content:"";position:absolute;z-index:-1;left:-50vw;right:-50vw;top:-120px;bottom:-96px;pointer-events:none;background:linear-gradient(180deg,rgba(20,16,12,.24) 0,rgba(20,16,12,.46) 120px,rgba(20,16,12,.4) calc(100% - 96px),rgba(20,16,12,0) 100%)}