/* Three compact cover and form arrangements from the pocket campaign series. */
:is([data-template=densho],[data-template=rip-city],[data-template=flight-mode]) .art-pane img {
  display:block;width:100%;height:100%;object-fit:contain;
}
:is([data-template=densho],[data-template=rip-city],[data-template=flight-mode]) #hero-text {
  color:color-mix(in srgb,var(--bodyInk) 82%,var(--bg));text-wrap:pretty;
}

/* Densho — a woodblock print on a warm uncoated sheet. */
[data-template=densho] .entry {
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.82fr);gap:clamp(26px,6.5vw,116px);
}
[data-template=densho] .poster {
  flex-direction:column;justify-content:center;align-self:stretch;
  padding:0 clamp(0px,1.6vw,22px);border-block:1px solid color-mix(in srgb,var(--bodyInk) 24%,transparent);
}
[data-template=densho] .art-pane {height:clamp(170px,19vw,312px);width:100%;margin:12px 0 0}
[data-template=densho] .poster-copy {padding:clamp(14px,2.1vw,35px) 0 clamp(17px,2.8vw,48px)}
[data-template=densho] #minimal-eyebrow {display:flex;align-items:center;gap:10px;letter-spacing:.16em}
[data-template=densho] #minimal-eyebrow::before {content:"";height:8px;width:8px;border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor}
[data-template=densho] #hero-title {font:500 clamp(64px,8vw,132px)/.9 Georgia,"Times New Roman",serif;letter-spacing:-.067em;max-width:100%;margin:14px 0 0}
[data-template=densho] #hero-text {max-width:39ch;font-size:17px}
[data-template=densho] .auth-paper {border:0;border-top:3px solid var(--accent)}
[data-template=densho] .auth-paper h2 {font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.05em}
[data-template=densho] .auth-tabs {border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--paperInk) 22%,transparent);background:none;padding:0;gap:19px}
[data-template=densho] .auth-tabs button {flex:0 1 auto;padding:6px 0;background:none;box-shadow:none;border-radius:0}
[data-template=densho] .auth-tabs button[aria-selected=true] {box-shadow:inset 0 -2px var(--accent)}

/* RIP City — stencil lettering, ink outlines and one spray-painted plate. */
[data-template=rip-city] .entry {grid-template-columns:minmax(280px,.85fr) minmax(0,1.45fr);column-gap:clamp(26px,5vw,82px)}
[data-template=rip-city] .poster {
  grid-area:1/2;display:grid;grid-template-columns:minmax(0,.99fr) minmax(0,1.1fr);
  align-items:center;column-gap:0;min-height:clamp(300px,33vw,520px);
  border-top:5px solid var(--accent);border-bottom:1px solid color-mix(in srgb,var(--bodyInk) 32%,transparent);
}
[data-template=rip-city] .art-pane {grid-area:1/2;height:clamp(220px,24vw,345px);align-self:center}
[data-template=rip-city] .art-pane img {object-fit:cover}
[data-template=rip-city] .poster-copy {grid-area:1/1;overflow:visible;padding:20px 0}
[data-template=rip-city] #minimal-eyebrow {letter-spacing:.14em}
[data-template=rip-city] #hero-title {
  font:900 clamp(55px,6.1vw,104px)/.88 Impact,"Arial Black",Arial,sans-serif;letter-spacing:-.024em;
  text-transform:uppercase;max-width:100%;margin:16px 0 12px;transform:skewY(-3deg);transform-origin:left;
}
[data-template=rip-city] #hero-text {max-width:28ch;font-size:16px}
[data-template=rip-city] .auth-paper {grid-area:1/1;border-radius:var(--radius);border-top:1px solid var(--accent)}
[data-template=rip-city] .auth-paper h2 {letter-spacing:-.055em}
[data-template=rip-city] .auth-tabs {border-radius:var(--radius)}
[data-template=rip-city] .auth-tabs button[aria-selected=true] {box-shadow:inset 0 -2px var(--accent)}
[data-template=rip-city] .pocket-enter {box-shadow:3px 3px 0 var(--accent)}

/* Flight Mode — illustration and registration are joined by a ticket stub. */
[data-template=flight-mode] .entry {
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.9fr);gap:0;align-items:stretch;
  background:var(--paper);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--bg));border-radius:clamp(6px,1vw,14px);overflow:hidden;
}
[data-template=flight-mode] .poster {
  align-items:stretch;justify-content:center;gap:6px;flex-direction:column;
  padding:clamp(22px,2.8vw,52px);background:color-mix(in srgb,var(--accent) 5%,var(--paper));color:var(--paperInk);
}
[data-template=flight-mode] .poster-copy {order:-1}
[data-template=flight-mode] #minimal-eyebrow {display:flex;gap:12px;align-items:center;font:700 11px/1.2 "Courier New",monospace;letter-spacing:.13em}
[data-template=flight-mode] #minimal-eyebrow::after {content:"";width:36px;height:12px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 6px,transparent 6px 9px);opacity:.65}
[data-template=flight-mode] #hero-title {font:700 clamp(52px,6.5vw,104px)/.94 Arial,sans-serif;letter-spacing:-.075em;margin:16px 0 0;color:var(--bodyInk);max-width:100%}
[data-template=flight-mode] #hero-text {max-width:38ch;margin-top:10px}
[data-template=flight-mode] .art-pane {height:clamp(150px,16vw,270px);width:100%}
[data-template=flight-mode] .auth-paper {
  position:relative;z-index:0;justify-content:center;border:0;border-left:2px dashed color-mix(in srgb,var(--accent) 37%,var(--paper));
  border-radius:0;padding:clamp(22px,3.1vw,50px);
}
[data-template=flight-mode] .auth-tabs {border-radius:var(--radius);gap:4px}
@media(min-width:821px) and (max-width:1030px){
  [data-template=rip-city] .entry {grid-template-columns:minmax(285px,.77fr) minmax(0,1.1fr);gap:26px}
  [data-template=rip-city] #hero-title {font-size:48px}
  [data-template=rip-city] .art-pane {height:200px}
}
@media(max-width:820px){
  [data-template=densho] .entry,[data-template=rip-city] .entry,[data-template=flight-mode] .entry {grid-template-columns:minmax(0,1fr)}
  [data-template=densho] .entry {gap:15px;margin-top:12px}
  [data-template=densho] .poster {border-top:0;border-bottom:1px solid color-mix(in srgb,var(--bodyInk) 22%,transparent);padding:0}
  [data-template=densho] .art-pane {height:clamp(97px,23vw,150px);margin:0}
  [data-template=densho] .poster-copy {padding:6px 0 14px}
  [data-template=densho] #hero-title {font-size:clamp(45px,10vw,82px);margin:7px 0 0}
  [data-template=densho] #hero-text {margin:6px 0 0;font-size:14px;max-width:42ch}
  [data-template=densho] .auth-paper {padding:16px}
  [data-template=rip-city] .entry {gap:14px;margin-top:14px}
  [data-template=rip-city] .poster {grid-area:auto;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:0;border-top-width:3px}
  [data-template=rip-city] .art-pane {height:clamp(126px,36vw,228px)}
  [data-template=rip-city] .poster-copy {padding:15px 0}
  [data-template=rip-city] #hero-title {font-size:clamp(44px,11vw,78px);margin:10px 0 9px}
  [data-template=rip-city] #hero-text {font-size:13px;margin:0;line-height:1.35}
  [data-template=rip-city] .auth-paper {grid-area:auto}
  [data-template=flight-mode] .entry {gap:0;margin-block:13px 24px}
  [data-template=flight-mode] .poster {position:relative;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;padding:15px 12px;column-gap:10px}
  [data-template=flight-mode] .poster-copy {grid-area:1/2;order:0}
  [data-template=flight-mode] .art-pane {grid-area:1/1;height:clamp(84px,24vw,160px)}
  [data-template=flight-mode] .art-pane img {object-fit:cover}
  [data-template=flight-mode] #minimal-eyebrow {font-size:9px;letter-spacing:.08em;gap:7px}
  [data-template=flight-mode] #minimal-eyebrow::after {width:19px;height:9px}
  [data-template=flight-mode] #hero-title {font-size:clamp(34px,7.6vw,59px);margin-top:8px;letter-spacing:-.07em}
  [data-template=flight-mode] #hero-text {font-size:13px;line-height:1.35;margin-top:7px}
  [data-template=flight-mode] .auth-paper {border-left:0;border-top:2px dashed color-mix(in srgb,var(--accent) 37%,var(--paper));padding:16px}
  :is([data-template=densho],[data-template=rip-city],[data-template=flight-mode]) .pocket-enter {margin-top:11px}
}
@media(max-width:360px){
  [data-template=rip-city] #minimal-eyebrow {font-size:9px}
  [data-template=flight-mode] .poster {grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:7px}
}