/* Only #partners is changed. The middle grid track sizes the posters to one screen. */
@font-face{font-family:ScapenPress;src:url('press-oswald.ttf') format('truetype');font-style:normal;font-weight:200 700;font-display:swap}
#partners{--press-paper:#f2edda;--press-ink:#29261e;--press-tab-height:clamp(90px,14.45svh,141px);--poster-gap:clamp(12px,2.4svh,24px);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;justify-content:stretch;align-items:center;height:100svh;min-height:0;padding:clamp(16px,3svh,36px) var(--page-gutter);gap:clamp(12px,2svh,22px)}
#partners .partners-title{font-size:clamp(30px,min(7vw,7.5svh),90px);align-self:start}
#partners .partner-posters{container-type:size;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,max-content));align-content:center;justify-self:center;align-self:stretch;place-items:center;width:min(100%,86svh);height:100%;min-height:0;margin:0;gap:var(--poster-gap) 3%}
#partners .partner-poster{grid-column:span 2;width:min(100%,calc((100cqh - 2 * var(--poster-gap)) * .66 / 2));padding:clamp(5px,1.2cqw,15px)}
#partners .partner-poster:nth-child(5){grid-column:2 / span 2;grid-row:2}
#partners .partner-poster:nth-child(6){grid-column:4 / span 2;grid-row:2}
#partners .partner-poster:nth-child(7){grid-column:6 / span 2;grid-row:2}
#partners .poster-number{font-size:clamp(9px,1.35svh,14px)}
#partners .poster-link{font-size:clamp(10px,1.55svh,16px);padding-top:.45em}
#partners .press-notice{position:relative;isolation:isolate;align-self:center;justify-self:center;width:66.4%;margin:10px 0 4px;transform:rotate(-1deg);color:var(--press-ink);filter:drop-shadow(3px 8px 5px #30261c42)}
#partners .press-notice::before,#partners .press-notice::after{content:"";position:absolute;z-index:3;top:-12px;width:clamp(41px,11%,116px);height:clamp(19px,2.55svh,26px);background:linear-gradient(105deg,#c7b77c70,#e1d2a399 58%,#bcad7970);box-shadow:1px 2px 3px #3d321d14;pointer-events:none;clip-path:polygon(2% 5%,97% 0,100% 94%,0 100%)}
#partners .press-notice::before{left:8%;transform:rotate(-9deg)}
#partners .press-notice::after{right:6%;top:-9px;transform:rotate(13deg)}
#partners .press-notice-paper{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(48px,8.5svh,83px);padding:7px 10px;background:linear-gradient(177deg,#fff9e80a 45%,#9e8b6120 49.5%,#fffef3b0 50%,#ffffff00 53%),linear-gradient(96deg,#d3c5a029,#fffdf387 23%,#e7ddbc45 57%,#fffdf270 78%,#cabb9233),var(--press-paper);box-shadow:inset 0 1px 1px #fff9e9,inset -2px 0 9px #a89a6b29}
#partners .press-notice h3{position:relative;margin:0;font-family:ScapenPress,sans-serif!important;font-size:clamp(21px,min(4.76vw,4.08svh),43px);font-weight:400!important;line-height:1.1;letter-spacing:.01em;text-align:center}
#partners .press-notice-tabs{position:relative;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:start;gap:3px}
#partners .press-notice-tab{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;height:var(--press-tab-height);padding:8px 2px;border-top:1px dashed #81765880;color:var(--press-ink);background:linear-gradient(100deg,#e0d5b770,#faf5e680 40%,#fffdf166 70%,#d3c5a077),var(--press-paper);text-decoration:none;box-shadow:2px 5px 5px #3c30272b,inset 0 -8px 10px -9px #81704b88;transform-origin:50% 0;transition:transform .22s ease-out,box-shadow .22s ease-out}
#partners .press-notice-tab span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:ScapenPress,sans-serif!important;font-size:clamp(10px,1.7svh,17px);font-weight:400;line-height:1.1;letter-spacing:.015em;white-space:nowrap}
#partners .press-notice-tab:first-child{height:calc(var(--press-tab-height) + 4px);transform:rotate(1.6deg)}
#partners .press-notice-tab:first-child span{font-size:clamp(8px,1.36svh,13px)}
#partners .press-notice-tab:nth-child(2){height:calc(var(--press-tab-height) - 5px);transform:rotate(-1.2deg);background-color:#f7f2e0}
#partners .press-notice-tab:nth-child(3){height:calc(var(--press-tab-height) + 2px);transform:rotate(.9deg)}
#partners .press-notice-tab:nth-child(4){height:calc(var(--press-tab-height) - 3px);transform:rotate(-1.5deg)}
#partners .press-notice-blank:nth-child(5){height:calc(var(--press-tab-height) - 7px);transform:rotate(.8deg)}
#partners .press-notice-blank:nth-child(7){height:calc(var(--press-tab-height) + 1px);transform:rotate(-1deg)}
#partners .press-notice-blank:nth-child(9){height:calc(var(--press-tab-height) - 4px);transform:rotate(1.3deg)}
#partners .press-notice-torn{height:clamp(20px,3.4svh,34px);padding:0;clip-path:polygon(0 0,100% 0,100% 89%,91% 76%,82% 93%,72% 81%,62% 96%,51% 83%,40% 98%,29% 87%,17% 100%,8% 85%,0 94%);transform:rotate(-.8deg);box-shadow:1px 3px 4px #3c30272b}
#partners .press-notice-torn-short{height:clamp(13px,2.3svh,22px);transform:rotate(1deg)}
#partners .press-notice-tab:focus-visible{z-index:4;outline:2px solid var(--press-ink);outline-offset:3px;transform:rotate(0deg) translateY(-4px)}
#partners .press-notice ::selection{background:#322b20;color:#fff8df}
#partners .partners-next{justify-self:start;align-self:end;margin:0;min-height:clamp(32px,5svh,48px);width:clamp(32px,5svh,48px)}
#partners .partners-next svg{width:18px;height:25px}
@media(max-width:599px){
 #partners{--press-tab-height:clamp(85px,13.6svh,122px);padding-inline:20px}
 #partners .partner-posters{width:100%;column-gap:3%}
 #partners .partner-poster{padding:clamp(5px,1.8cqw,8px)}
 #partners .poster-number{font-size:clamp(8px,1.2svh,11px)}
 #partners .poster-link{font-size:clamp(9px,1.35svh,12px);gap:1px}
 #partners .press-notice{width:68%}
 #partners .press-notice-tabs{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px}
 #partners .press-notice-tab span{font-size:clamp(10px,1.53svh,13px)}
 #partners .press-notice-tab:first-child span{font-size:clamp(8px,1.19svh,10px)}
}
/* Narrow and short windows use content height. Height-based card sizing is
   reserved for screens with enough space, so resizing cannot collapse the grid. */
@media(max-width:599px),(max-height:599px){
 #partners{height:auto;grid-template-rows:auto auto auto auto;align-content:start;padding-block:20px;gap:22px}
 #partners .partner-posters{container-type:inline-size;height:auto;grid-template-rows:repeat(2,auto);align-self:start;row-gap:20px;width:min(100%,774px)}
 #partners .partner-poster{width:100%}
 #partners .press-notice{width:100%;margin-top:10px}
 #partners .press-notice-tab:first-child span{font-size:clamp(6px,2.3vw,9px);line-height:1}
}
@media(max-height:500px) and (min-aspect-ratio:3/2){
 #partners{--press-tab-height:71px;--poster-gap:12px;padding-block:12px;gap:8px}
 #partners .partners-title{font-size:28px}
 #partners .partner-posters{width:min(100%,130svh);column-gap:3%}
 #partners .partner-poster{padding:4px}
 #partners .poster-number{font-size:8px}
 #partners .poster-link{font-size:9px}
 #partners .press-notice{margin-block:4px}
 #partners .press-notice-paper{height:37px}
 #partners .press-notice h3{font-size:19px}
 #partners .press-notice-tab span{font-size:9px}
 #partners .press-notice-tab:first-child span{font-size:8px}
 #partners .partners-next{min-height:28px;width:28px}
 #partners .partners-next svg{height:19px}
}
@media(hover:hover){#partners a.press-notice-tab:hover{z-index:4;transform:rotate(0deg) translateY(-6px);box-shadow:3px 12px 8px #30261c4d}}
@media(prefers-reduced-motion:reduce){#partners .press-notice-tab{transition:none}}
