@font-face { font-family:Fraunces; src:url('exergue/brand/design-assets/fonts/Fraunces.ttf') format('truetype'); font-style:normal; font-weight:100 900; font-display:swap; }
:root { color-scheme:light; --ex-paper:#f4f0e7; --ex-ink:#282a25; --ex-muted:#68685e; --ex-red:#a23d33; --ex-green:#285448; --ex-line:#373b2929; --ex-gutter:clamp(45px,6vw,85px); --ex-display:Fraunces,Georgia,serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:30px; }
body { margin:0; background:var(--ex-paper); color:var(--ex-ink); font:1rem/1.65 var(--body); }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { font-family:var(--ex-display); font-weight:450; line-height:1.08; letter-spacing:-.04em; overflow-wrap:normal; }
h1 em,h2 em { font-style:normal; color:var(--ex-red); }
h2 { font-size:clamp(2.5rem,1.4rem + 2.7vw,4.2rem); text-wrap:balance; }
h3 { font-size:1.45rem; letter-spacing:-.035em; line-height:1.25; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
a,button,summary { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible { outline:3px solid var(--ex-red); outline-offset:5px; }
[hidden] { display:none !important; }
::selection { color:var(--ex-paper); background:var(--ex-red); }
.ex-wrap { width:min(1320px,calc(100% - 100px)); margin-inline:auto; }
.ex-skip { position:absolute; top:-100px; left:20px; z-index:10; padding:12px 18px; background:var(--ex-ink); color:var(--ex-paper); }
.ex-skip:focus { top:12px; }
.ex-header { background:#2b4e44; color:var(--ex-paper); }
.ex-header-inner { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:18px 32px; padding-block:14px; }
.ex-identity { display:flex; align-items:center; gap:24px; flex-shrink:0; }
.ex-logo { display:block; }
.ex-logo img { width:156px; height:70px; object-fit:cover; object-position:center 48%; mix-blend-mode:lighten; }
.ex-maker { color:#c0cdc5; font-size:.8125rem; white-space:nowrap; }
.ex-maker span { margin-left:5px; }
.ex-maker:hover { color:#e6c496; }
.ex-wordmark { font:500 1.7rem/1 var(--ex-display); letter-spacing:-.04em; color:var(--ex-green); }
.ex-header nav { display:flex; align-items:center; gap:30px; font-size:.875rem; }
.ex-header nav a:hover { color:#e6c496; }
.ex-header a:focus-visible { outline-color:#e6c496; }
.ex-footer a:hover { color:var(--ex-red); }
.ex-eyebrow { font-size:.875rem; font-weight:500; line-height:1.5; letter-spacing:.07em; text-transform:uppercase; color:var(--ex-red); }
.ex-button { display:inline-flex; align-items:center; justify-content:space-between; gap:35px; min-height:52px; padding:14px 22px; background:var(--ex-ink); color:#fffaf0; font-size:.9375rem; }
.ex-button:hover { background:var(--ex-red); }
.ex-button span { font-size:1.25rem; }
.ex-text-link { display:inline-flex; align-items:center; gap:24px; border-bottom:1px solid; padding-block:8px; font-size:.9375rem; }
.ex-text-link:hover { color:var(--ex-red); }
.ex-opening { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:55px; padding-block:52px 54px; }
.ex-opening h1 { font-size:clamp(4rem,1.9rem + 4vw,6.5rem); line-height:1; letter-spacing:-.055em; margin:25px 0 30px; }
.ex-opening .ex-lead { max-width:36ch; font-size:1.1875rem; line-height:1.6; }
.ex-opening-description { max-width:40ch; margin-top:18px; color:var(--ex-muted); }
.ex-opening .ex-button { margin-top:30px; }
.ex-availability { margin-top:24px; font-size:.875rem; color:var(--ex-muted); max-width:38ch; }
.ex-cabinet { min-width:0; width:min(100%,580px); justify-self:end; }
.ex-cabinet-art { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:22px; isolation:isolate; }
.ex-cabinet-view > p { margin-bottom:12px; font-size:.8125rem; color:var(--ex-green); }
.ex-cabinet-banknotes { margin-top:48px; }
.ex-screen { width:100%; border:1px solid #292d241c; border-radius:13px; box-shadow:0 12px 35px #23271d0b; }
.ex-cabinet-screen { width:100%; }
.ex-cabinet-note { position:absolute; width:64%; bottom:0; left:12%; z-index:2; transform:rotate(-8deg); box-shadow:0 15px 32px #3029142e; }
figcaption { font-size:.8125rem; color:var(--ex-muted); line-height:1.5; }
.ex-cabinet figcaption { margin-top:42px; }
.ex-cabinet figcaption > span { display:block; font-size:.75rem; margin-top:5px; }
figcaption a,.ex-preview-note a { text-decoration:underline; text-underline-offset:3px; }
.ex-introduction { display:flex; justify-content:space-between; align-items:center; gap:30px; padding-block:33px; border-block:1px solid var(--ex-line); }
.ex-introduction p { font:400 1.75rem/1.35 var(--ex-display); letter-spacing:-.03em; }
.ex-introduction em { font-style:normal; color:var(--ex-muted); }
.ex-introduction > span { color:var(--ex-muted); font-size:.875rem; }
.ex-section { padding-block:110px; }
.ex-record { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:var(--ex-gutter); align-items:center; }
.ex-section-copy > .ex-eyebrow { margin-bottom:25px; }
.ex-section-copy > p:not(.ex-eyebrow) { margin-top:28px; max-width:43ch; color:var(--ex-muted); }
.ex-record h2 { font-size:clamp(2.5rem,1.8rem + 2vw,4rem); }
.ex-record-details { display:grid; gap:22px; margin:32px 0 0; }
.ex-record-details dt { font-weight:500; margin-bottom:5px; }
.ex-record-details dd { margin:0; max-width:40ch; color:var(--ex-muted); }
.ex-record-screens { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; align-items:start; }
.ex-story-screen { margin-top:80px; }
.ex-record-art figcaption { margin-top:24px; }
.ex-motion-section { background:#202d28; color:#f3f1e8; padding-block:95px; }
.ex-motion-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:var(--ex-gutter); align-items:center; }
.ex-motion-section .ex-eyebrow { color:#d9b994; margin-bottom:25px; }
.ex-motion-section h2 em { color:#d9b994; }
.ex-motion-section :is(a,button,video):focus-visible { outline-color:#d9b994; }
.ex-motion-copy > p:not(.ex-eyebrow):not(.ex-film-note) { margin-top:28px; color:#bdc9c1; max-width:42ch; }
.ex-film-choices { margin-top:38px; border-top:1px solid #f4f0e72b; }
.ex-film-choices > a,.ex-film-choices > button { width:100%; display:grid; grid-template-columns:24px minmax(0,1fr) 20px; gap:22px; align-items:center; padding:24px 0; border:0; border-bottom:1px solid #f4f0e72b; background:none; color:inherit; text-align:left; font-size:1.125rem; cursor:pointer; }
.ex-film-number { align-self:start; padding-top:3px; font-size:.8125rem; color:#a7b7ab; }
.ex-film-choices small { display:block; color:#b5c3b9; font-size:.875rem; margin-top:6px; }
.ex-film-choices > [aria-pressed=true] { color:#e9c99f; }
.ex-film-choices > :is(a,button):hover { color:#e9c99f; }
.ex-film-note { margin-top:24px; font-size:.8125rem; color:#b5c3b9; }
.ex-film-stage { min-width:0; }
.ex-film-stage figure + figure { margin-top:50px; }
.ex-film-stage video { display:block; width:min(100%,300px); height:auto; aspect-ratio:6/13; margin-inline:auto; background:#f4f0e7; border-radius:12px; box-shadow:0 20px 65px #0b130e40; }
.ex-film-stage figcaption { margin:24px auto 0; width:min(100%,300px); color:#bdc9c1; }
.ex-film-stage figcaption strong { display:block; color:#f4f0e7; font-size:1rem; font-weight:500; margin-bottom:8px; }
.ex-film-stage figcaption span { display:block; font-size:.875rem; }
.ex-film-stage figcaption small { display:block; margin-top:12px; font-size:.8125rem; color:#a7b7ab; }
.ex-film-stage.ex-enhanced figure { margin-top:0; }
.ex-understanding { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:var(--ex-gutter); align-items:center; }
.ex-handbook-art { width:min(100%,310px); justify-self:center; }
.ex-handbook-art figcaption { margin-top:22px; }
.ex-date-example { display:flex; flex-wrap:wrap; align-items:center; gap:30px; padding-block:28px; margin-top:15px; border-bottom:1px solid var(--ex-line); }
.ex-date-example > span { font:400 clamp(2rem,1.5rem + 1.7vw,3.1rem)/1.25 var(--ex-display); letter-spacing:-.045em; }
.ex-date-example small { display:block; font:400 .8125rem/1.5 var(--body); color:var(--ex-muted); letter-spacing:0; margin-bottom:10px; }
.ex-date-example .ex-date-arrow { color:var(--ex-red); font-size:1.5rem; padding-top:25px; }
.ex-section-copy > .ex-date-caption { font-size:.875rem; margin-top:18px; }
.ex-grade-note { margin-top:35px; }
.ex-grade-note p { color:var(--ex-muted); max-width:43ch; margin-top:12px; }
.ex-ownership { padding-block:80px 85px; background:#e6e6d8; }
.ex-ownership-heading { display:flex; justify-content:space-between; align-items:center; gap:40px; }
.ex-ownership-heading .ex-eyebrow { margin-bottom:23px; }
.ex-ownership-heading > p { color:#5c6154; font-size:1.0625rem; line-height:1.65; }
.ex-ownership-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:55px; margin-top:50px; }
.ex-ownership-details > div { border-top:1px solid #373b2940; padding-top:23px; }
.ex-detail-number { font:400 1.5rem/1 var(--ex-display); color:var(--ex-red); }
.ex-ownership-details h3 { margin-top:20px; max-width:18ch; }
.ex-ownership-details p { margin-top:16px; color:#5c6154; max-width:35ch; }
.ex-faq { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:var(--ex-gutter); }
.ex-faq .ex-eyebrow { margin-bottom:25px; }
.ex-faq h2 { font-size:clamp(2.3rem,1.6rem + 2vw,3.7rem); }
.ex-questions { border-top:1px solid var(--ex-line); }
.ex-questions details { border-bottom:1px solid var(--ex-line); }
.ex-questions summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:22px; padding:22px 0; font-size:1.0625rem; font-weight:500; }
.ex-questions summary::-webkit-details-marker { display:none; }
.ex-questions summary::after { content:'+'; color:var(--ex-red); font-size:1.4rem; font-weight:400; flex-shrink:0; }
.ex-questions details[open] summary::after { content:'−'; }
.ex-questions details > p { color:var(--ex-muted); margin:0 35px 25px 0; }
.ex-closing { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); column-gap:var(--ex-gutter); row-gap:60px; align-items:start; padding-block:80px 40px; border-top:1px solid var(--ex-line); }
.ex-closing h2 { margin-top:25px; font-size:clamp(2.4rem,1.4rem + 2.1vw,3.6rem); }
.ex-closing h2 em { color:var(--ex-green); }
.ex-closing-copy { padding-top:4px; }
.ex-release-status { display:flex; align-items:center; gap:10px; font-size:.8125rem; color:var(--ex-green); }
.ex-release-status > span { width:6px; height:6px; background:var(--ex-green); border-radius:50%; flex-shrink:0; }
.ex-closing-copy > p + p { max-width:43ch; margin-top:26px; color:var(--ex-muted); }
.ex-closing-copy .ex-text-link { margin-top:22px; color:var(--ex-green); }
.ex-closing-copy .ex-text-link:hover { color:var(--ex-red); }
.ex-preview-note { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); align-items:end; column-gap:var(--ex-gutter); row-gap:20px; padding-top:26px; border-top:1px solid var(--ex-line); font-size:.75rem; line-height:1.65; color:var(--ex-muted); }
.ex-preview-note > a { justify-self:start; }
.ex-footer { border-top:1px solid var(--ex-line); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; padding-block:30px; }
.ex-footer > span { font-size:.8125rem; color:var(--ex-muted); }
.ex-footer nav { display:flex; flex-wrap:wrap; gap:24px; font-size:.875rem; }
.ex-credits { max-width:900px; padding-block:65px 90px; }
.ex-credits h1 { font-size:clamp(3rem,2rem + 3vw,5rem); margin-bottom:30px; }
.ex-credits > p { max-width:65ch; margin-bottom:20px; color:var(--ex-muted); }
.ex-credit-list { margin-top:40px; display:grid; grid-template-columns:1fr 1fr; gap:25px 40px; }
.ex-credit-list article { border-top:1px solid var(--ex-line); padding-top:20px; min-width:0; }
.ex-credit-list h2 { font-size:1.4rem; letter-spacing:-.03em; }
.ex-credit-list p { margin-top:8px; font-size:.875rem; color:var(--ex-muted); overflow-wrap:anywhere; }
.ex-credit-list a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1100px) {
 :root { --ex-gutter:45px; }
 .ex-wrap { width:calc(100% - 64px); }
 .ex-opening { gap:32px; }
 .ex-record,.ex-motion-layout,.ex-understanding,.ex-faq { gap:45px; }
 .ex-record { grid-template-columns:minmax(0,1fr); gap:45px; }
 .ex-record-screens { gap:24px; width:min(100%,660px); margin-inline:auto; }
 .ex-record-art figcaption { width:min(100%,660px); margin-inline:auto; }
 .ex-story-screen { margin-top:55px; }
 .ex-record-details { gap:18px; }
 .ex-ownership-details { gap:32px; }
 .ex-date-example { gap:18px; }
}
@media(max-width:780px) {
 .ex-wrap { width:calc(100% - 40px); }
 .ex-header-inner { min-height:86px; gap:20px; padding-block:12px; }
 .ex-identity { gap:16px; }
 .ex-logo img { width:136px; height:62px; }
 .ex-header nav { gap:20px; font-size:.875rem; }
 .ex-header nav a:first-child { display:none; }
 .ex-header nav a:last-child { max-width:13ch; text-align:right; }
 .ex-opening { grid-template-columns:minmax(0,1fr); padding-block:35px; gap:0; }
 .ex-opening-copy { display:contents; }
 .ex-opening-copy > .ex-eyebrow { grid-row:1; }
 .ex-opening h1 { grid-row:2; font-size:clamp(3.7rem,10vw,6rem); margin-block:22px 28px; }
 .ex-opening .ex-lead { grid-row:4; max-width:42ch; font-size:1.125rem; }
 .ex-opening-description { grid-row:5; max-width:48ch; }
 .ex-opening .ex-button { grid-row:6; justify-self:start; }
 .ex-availability { grid-row:7; }
 .ex-cabinet { grid-row:3; width:min(100%,540px); justify-self:center; margin-block:8px 32px; }
 .ex-cabinet-art { gap:16px; }
 .ex-cabinet-banknotes { margin-top:36px; }
 .ex-cabinet figcaption { margin-top:35px; }
 .ex-introduction { align-items:start; padding-block:25px; }
 .ex-introduction p { font-size:1.35rem; }
 .ex-introduction > span { display:none; }
 .ex-section { padding-block:65px; }
 .ex-record,.ex-understanding,.ex-faq { grid-template-columns:minmax(0,1fr); gap:40px; }
 .ex-record h2 { font-size:clamp(2.6rem,7.8vw,4rem); }
 .ex-record-screens { width:min(100%,590px); margin-inline:auto; gap:16px; }
 .ex-story-screen { margin-top:45px; }
 .ex-record-art figcaption { width:min(100%,590px); margin-top:20px; }
 .ex-motion-section { padding-block:60px; }
 .ex-motion-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
 .ex-film-choices { margin-top:30px; }
 .ex-film-choices > a,.ex-film-choices > button { padding-block:20px; gap:18px; font-size:1rem; }
 .ex-film-stage video { width:min(100%,300px); }
 .ex-understanding .ex-section-copy { grid-row:1; }
 .ex-handbook-art { width:min(78%,310px); }
 .ex-ownership { padding-block:55px; }
 .ex-ownership-heading { display:block; }
 .ex-ownership-heading > p { margin-top:25px; }
 .ex-ownership-heading h2 { font-size:clamp(2.3rem,6.5vw,3.8rem); }
 .ex-ownership-details { grid-template-columns:minmax(0,1fr); gap:28px; margin-top:35px; }
 .ex-ownership-details h3 { max-width:none; margin-top:12px; }
 .ex-ownership-details p { max-width:48ch; }
 .ex-closing { grid-template-columns:minmax(0,1fr); row-gap:32px; padding-block:55px 30px; }
 .ex-closing h2 { font-size:clamp(2.4rem,7vw,3.6rem); }
 .ex-closing-copy { padding-top:0; }
 .ex-closing-copy > p + p { margin-top:18px; }
 .ex-preview-note { margin-top:10px; grid-template-columns:minmax(0,1fr); gap:14px; }
 .ex-footer { align-items:start; gap:24px 35px; }
 .ex-footer > span { order:1; width:100%; }
 .ex-credit-list { grid-template-columns:1fr; }
}
@media(max-width:600px) {
 .ex-header nav { display:none; }
 .ex-record-screens { grid-template-columns:minmax(0,1fr); width:min(100%,310px); gap:28px; }
 .ex-record-art figcaption { width:min(100%,310px); }
 .ex-story-screen { margin-top:0; }
}
@media(max-width:400px) {
 .ex-cabinet-art { gap:12px; }
 .ex-cabinet-view > p { font-size:.75rem; margin-bottom:8px; }
 .ex-cabinet-banknotes { margin-top:28px; }
 .ex-screen { border-radius:8px; }
 .ex-date-example { gap:14px; }
 .ex-date-example > span { font-size:1.9rem; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } }