/* Sub pages: the homepage's print-process language at lower volume. Loaded last; remove this one link to revert. */
body{--c:#00a3ce;--m:#da437d;--y:#dbb328;--k:#3b4841;--ease:cubic-bezier(.22,1,.36,1);--ink-block:var(--c);--dx:clamp(-26px,-1.8vw,-12px);--dy:clamp(12px,1.8vw,26px)}
body.ink-y{--ink-block:var(--y)}body.ink-c{--ink-block:var(--c)}
.sh-nav{border-bottom:0}
/* The chapter break under the nav: a band of dots in the section's ink, a thick rule, a plain label. */
.chapter{margin:0}.tone{display:block;width:100%;height:clamp(54px,6.4vw,104px);border-bottom:7px solid var(--ink-block);box-sizing:content-box}
.chapter .bar{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-top:16px}
.chapter-name{font-size:clamp(22px,2.3vw,32px);font-weight:500;letter-spacing:-.035em;line-height:1.1}.chapter-name a{text-decoration:none}.chapter-name a:hover{text-decoration:underline}
.chapter-note{font-size:16px}.chapter-note .details-link{min-height:0}
/* Page headers: the name at lead scale, ending in a full stop of the section's ink. */
.back-link{display:none}.collection-heading:after{display:none}
.project-header{padding-top:clamp(30px,4vw,64px)}.collection-heading{padding-top:clamp(30px,4vw,64px);padding-bottom:clamp(30px,4vw,60px)}
.project-header h1,.collection-heading h1{font-size:clamp(50px,9vw,150px);font-weight:500;letter-spacing:-.06em;line-height:.9;margin:8px 0 clamp(18px,2vw,30px)}
h1 b{font-weight:inherit;color:var(--ink-block)}
.project-summary{font-size:clamp(19px,1.6vw,23px)}.collection-heading>p:last-child{font-size:clamp(18px,1.5vw,22px)}
.page-contents{border-top-color:var(--ink);border-bottom-color:var(--line)}
/* Lead pictures sit on an offset block of the section's ink. */
.game-lead{padding-top:clamp(34px,4.4vw,70px)}.game-lead img{max-height:none;object-fit:cover;box-shadow:var(--dx) var(--dy) 0 0 var(--ink-block)}.game-lead figcaption{padding-top:calc(var(--dy) + 14px)}
.project-body .hero-plate .frame{border:0;box-shadow:var(--dx) var(--dy) 0 0 var(--ink-block)}.project-body .hero-plate figcaption{padding-top:calc(var(--dy) + 14px)}
/* Section headings: ruled in ink, larger and tighter. */
.game-overview,.game-gallery,.game-availability{margin-top:clamp(50px,6vw,96px);padding-top:0}
.game-overview>h2,.game-gallery>h2,.game-availability>h2,.game-availability h2{border-top:1px solid var(--ink);padding-top:16px}
.game-overview>h2,.game-gallery>h2,.game-availability h2,.project-body h2:not(.visually-hidden){font-size:clamp(30px,3.3vw,48px);letter-spacing:-.045em;line-height:1.02}
.project-body>section:not(.hero-plate) h2:not(.visually-hidden){border-top:1px solid var(--ink);padding-top:16px}
.project-body .stands{background:var(--ink);color:var(--page)}.project-body .stands h2:not(.visually-hidden){border-top-color:color-mix(in srgb,var(--page) 30%,transparent)}.project-body .stands a{color:inherit}.project-body .stands .note,.project-body .stands .availability{color:color-mix(in srgb,var(--page) 70%,transparent)}
.project-body .stands .plain-button{background:var(--page);color:var(--ink);border-color:var(--page)}.project-body .stands .plain-button:hover{background:transparent;color:var(--page)}
/* Catalogs. */
.section-title{border-top-color:var(--ink)}.section-title h2{font-size:clamp(30px,3.3vw,48px);letter-spacing:-.045em}
.clear-project h3{font-size:clamp(30px,3.1vw,46px);font-weight:500;letter-spacing:-.045em}
.software-row{border-top-color:var(--ink)}.software-row h2{font-size:clamp(34px,4.2vw,64px);font-weight:500;letter-spacing:-.05em;line-height:.98}
/* Pictures wipe in as they scroll into view. The clip sits on the image, never on the element being watched. */
.js .rvp img{clip-path:inset(0 0 100% 0);transition:clip-path 1s var(--ease),transform .6s var(--sh-ease),opacity .3s var(--sh-ease)}.js .rvp.seen img{clip-path:inset(0)}.js .game-lead.rvp.seen img{clip-path:inset(-40px)}
@media(prefers-reduced-motion:reduce){.js .rvp img{clip-path:none}}
@media(max-width:600px){.project-header h1,.collection-heading h1{font-size:clamp(46px,14vw,72px);overflow-wrap:anywhere}}