/* An uneven sequence of ink panels. Only their frames are skewed. */
:root{--paper:#eeeae1;--ink:#19181c;--gutter:clamp(22px,5vw,76px)}
body,main{background:var(--paper)}
header{background:#19181cf5;border-bottom:3px solid #08080a}
.intro{background:var(--paper);color:var(--ink);gap:24px 4%;padding-bottom:38px}
.world-view{border-bottom:5px solid var(--ink)}
.world-view:after{content:none}
.intro-copy{padding:28px 0 8px;text-shadow:none}
.intro h1{color:var(--ink)}.intro h1 span{color:#51405f}
.intro .eyebrow,.intro .lead{color:#48424b}
.intro-subtitle{color:var(--ink)}
.brand-invitation{position:relative;isolation:isolate;color:var(--ink);border:0;padding:32px;margin:20px 0 0;font-size:clamp(1.1rem,1.8vw,1.5rem);transform:rotate(-1deg)}
.brand-invitation:before{content:"";position:absolute;inset:0;z-index:-1;background:#fffdf7;border:3px solid var(--ink);transform:skewY(-2deg);box-shadow:5px 5px 0 var(--ink)}
.archive,.press-photos,.request{background:var(--paper);color:var(--ink);padding-block:48px}
.archive-heading{grid-template-columns:1.4fr 1fr;align-items:center;margin-bottom:45px;gap:42px}
.archive-heading h2{font-size:clamp(2.4rem,5.4vw,5rem);max-width:11ch}
.archive-heading>p{padding:25px;border-left:4px solid var(--ink);background:#dfdcd5;transform:rotate(1deg);line-height:1.7}
.records{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:25px 28px;align-items:stretch}
.chapter-pair{isolation:isolate;min-width:0;position:relative;padding:15px;scroll-margin-top:100px}
.chapter-pair:before{content:"";position:absolute;inset:0;z-index:-1;border:3px solid var(--ink);background:#faf8f2;transform:skewY(-1deg);box-shadow:4px 3px 0 var(--ink)}
.chapter-pair:nth-child(1){grid-row:span 2}
.chapter-pair:nth-child(2):before{transform:skewY(1.6deg);background:#dedbd4;border-width:3px 5px 4px 2px;box-shadow:none}
.chapter-pair:nth-child(3):before{transform:skewY(-1.4deg);background:#f8f5ed;border-width:5px 2px 2px 4px}
.chapter-pair details{height:100%;border:0}
.records summary{padding:22px 12px;grid-template-columns:28px minmax(0,1fr) 105px;grid-template-rows:auto auto auto;grid-template-areas:"number title art" ". hint art" ". toggle art";gap:12px;min-height:240px;overflow:visible}
.records summary>b{font-size:clamp(1.25rem,2.3vw,2.2rem);max-width:11ch}
.records summary>span{align-self:end}
.records summary>small{font-size:.75rem;letter-spacing:.07em}
.records summary>i{border-radius:0;align-self:start;min-width:44px;min-height:44px;background:#19181c;color:#fff;border:0}
.records details[open] summary i{background:#19181c;color:#fff;border:0}
.records summary>.arcano-poster{grid-row:1/4;width:115px;align-self:center;max-width:none}
.chapter-pair:first-child summary{height:100%;min-height:540px;grid-template-columns:28px minmax(0,1fr) 44px;grid-template-rows:auto auto 1fr;grid-template-areas:"number title toggle" ". hint ." "art art art";align-content:start}
.chapter-pair:first-child summary>.arcano-poster{grid-area:art;width:185px;align-self:end;justify-self:center}
.chapter-pair:first-child summary>b{max-width:none;align-self:center}
.records .record-body{padding:22px 16px 28px;max-width:none;border-top:2px solid var(--ink)}
.records .record-body .columns{grid-template-columns:1fr;gap:22px}
.records .record-body h3{font-size:clamp(1.7rem,3vw,2.8rem)}
.chapter-pair:has(details[open]){grid-column:1/-1;grid-row:auto}
.chapter-pair:has(details[open]) summary{height:auto;min-height:230px;grid-template-columns:28px minmax(0,1fr) 130px;grid-template-rows:auto auto auto;grid-template-areas:"number title art" ". hint art" ". toggle art"}
.chapter-pair:has(details[open]) summary>.arcano-poster{grid-area:art;width:115px}
.records:has(details[open]) .chapter-pair:not(:has(details[open])){grid-row:auto}
.records:has(details[open]) .chapter-pair:first-child:not(:has(details[open])) summary{min-height:350px}
.press-photos{padding-top:55px}
.photo-heading{grid-template-columns:1.3fr 1fr;gap:35px;align-items:center}
.photo-heading h2{color:var(--ink);font-size:clamp(2rem,4vw,3.8rem);margin:10px 0}
.photo-heading>p{color:#47424b}.press-photos .eyebrow{color:#5c4c67}
.photo-grid{grid-template-columns:1.3fr .8fr 1fr;grid-template-rows:200px 160px;gap:18px;align-items:stretch}
.photo-grid .photo-slot{position:relative;background:#d7d4ce;border:3px solid var(--ink);aspect-ratio:auto;padding:18px;transform:skewY(-1deg)!important;overflow:hidden}
.photo-grid .photo-slot:first-child{grid-column:1;grid-row:1/3;background:#252329}
.photo-grid .photo-slot:nth-child(2){transform:skewY(1.5deg)!important;background:#f9f7f0}
.photo-grid .photo-slot:nth-child(3){background:#c3c0bb}
.photo-grid .photo-slot:nth-child(4){grid-column:2;transform:skewY(2deg)!important}
.photo-grid .photo-slot:nth-child(5){grid-column:3;background:#f8f5ee;transform:skewY(-2deg)!important}
.photo-slot>span{color:#5d5862}.photo-slot small{color:#49424e}
.photo-slot:first-child>span,.photo-slot:first-child small{color:#e8e4df}
.photo-slot img{transform:scale(1.04)}
.press-photos .primary-link{color:#29232f;border-color:#29232f}
.request{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start;padding-top:35px;padding-bottom:80px}
.request-copy,.request form{position:relative;isolation:isolate;padding:28px;background:transparent;border:0;box-shadow:none}
.request-copy:before,.request form:before{content:"";position:absolute;inset:0;z-index:-1;background:#faf8f2;border:3px solid var(--ink);transform:skewY(-1.8deg)}
.request form{margin-top:65px;padding:32px}
.request form:before{background:#dedbd5;transform:skewY(1deg);border-width:5px 2px 3px 3px;box-shadow:4px 4px 0 var(--ink)}
.request h2{font-size:clamp(2rem,3.6vw,3.6rem)}
.request-copy>.arcano-poster{width:130px;margin:0 0 16px 18px}
.manager-card{padding-left:16px;border-left:3px solid var(--ink)}
.request input,.request select,.request textarea{background:#faf8f2;border-bottom:2px solid #58505d}
.request .form-actions button{background:var(--ink)}
.request .form-actions .secondary{color:var(--ink);background:transparent;border-bottom:2px solid var(--ink)}
@media(max-width:900px){.records{gap:22px}.records summary{grid-template-columns:22px minmax(0,1fr) 90px;gap:9px;padding:15px 4px}.records summary>.arcano-poster{width:95px}.request{grid-template-columns:1fr}.request-copy{width:90%}.request form{width:94%;justify-self:end;margin-top:10px}.photo-grid{grid-template-rows:180px 140px}}
@media(max-width:650px){
 .intro{gap:12px;padding-bottom:35px}.intro-copy{padding-bottom:10px}.brand-invitation{margin:10px 6px 10px 0;padding:24px;font-size:1.1rem}
 .archive,.press-photos{padding-block:35px}.archive-heading{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.archive-heading>p{margin:0 0 6px 8%;padding:18px;font-size:1rem}.archive-heading h2{font-size:clamp(2.2rem,10vw,3.5rem)}
 .records{display:flex;flex-direction:column;gap:25px}.chapter-pair{padding:12px;width:100%}.chapter-pair:nth-child(2){width:94%;align-self:flex-end}.chapter-pair:nth-child(3){width:97%;align-self:flex-start}
 .chapter-pair:first-child summary,.records summary,.chapter-pair:has(details[open]) summary{height:auto;min-height:245px;grid-template-columns:22px minmax(0,1fr) 105px;grid-template-rows:auto auto auto;grid-template-areas:"number title art" ". hint art" ". toggle art";gap:10px;padding:16px 5px}
 .records summary>b{font-size:clamp(1.1rem,4.7vw,1.6rem)}.records summary>small{font-size:.75rem;letter-spacing:.02em}
 .chapter-pair:first-child summary>.arcano-poster,.records summary>.arcano-poster,.chapter-pair:has(details[open]) summary>.arcano-poster{grid-area:art;width:110px;align-self:center}
 .chapter-pair:nth-child(2) summary{min-height:205px}.chapter-pair:nth-child(3) summary{min-height:275px}
 .records:has(details[open]) .chapter-pair:first-child:not(:has(details[open])) summary{min-height:245px}
 .records .record-body{padding:22px 8px}.photo-heading{grid-template-columns:1fr;gap:8px}.photo-grid{grid-template-columns:1.15fr .85fr;grid-template-rows:170px 125px 145px;gap:12px}
 .photo-grid .photo-slot{padding:12px}.photo-grid .photo-slot:first-child{grid-column:1;grid-row:1/3}.photo-grid .photo-slot:nth-child(2){grid-column:2;grid-row:1}.photo-grid .photo-slot:nth-child(3){grid-column:2;grid-row:2}.photo-grid .photo-slot:nth-child(4){grid-column:1;grid-row:3}.photo-grid .photo-slot:nth-child(5){grid-column:2;grid-row:3}
 .request{padding-block:22px 55px;gap:22px}.request-copy{width:97%;padding:22px 18px}.request form{width:96%;padding:26px 18px}.request-copy>.arcano-poster{width:110px}.request h2{font-size:clamp(1.9rem,8vw,2.7rem)}
}
@media(max-width:360px){.records summary,.chapter-pair:first-child summary,.chapter-pair:has(details[open]) summary{grid-template-columns:20px minmax(0,1fr) 83px;gap:7px}.records summary>.arcano-poster,.chapter-pair:first-child summary>.arcano-poster,.chapter-pair:has(details[open]) summary>.arcano-poster{width:86px}.records summary>b{font-size:1.05rem}.request-copy>.arcano-poster{width:88px}}