*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101013;color:#efe7df;font:15px/1.5 Arial,sans-serif}header{padding:20px 4%;border-bottom:1px solid #443337;display:flex;align-items:center;justify-content:space-between;gap:20px}a{color:inherit}.brand{font:bold 23px Georgia,serif;text-decoration:none}.brand b{color:#d52633}header>span{font-size:10px;letter-spacing:2px;color:#afa19a}main{max-width:1500px;margin:auto;padding:24px 4%}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px}h1{font:36px Georgia,serif;margin:3px 0 18px}.eyebrow{color:#c3aaa0;font-size:10px;letter-spacing:3px}button,select,.choice{font:inherit;color:inherit;background:#201e21;border:1px solid #685253;border-radius:3px;padding:10px 15px;cursor:pointer}button:hover{border-color:#e72d3a}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #e33b48;outline-offset:3px}.sections{display:flex;gap:8px;flex-wrap:wrap}.sections button{font-size:10px;letter-spacing:2px}.instruction{color:#b5a6a0;font-size:13px}.entrance{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center;min-height:80vh}.entrance>img{width:100%}.choice{display:flex;flex-direction:column;gap:8px;text-decoration:none;margin:18px 0;padding:20px}.choice small{color:#d9555c;letter-spacing:2px}.choice strong{font:25px Georgia,serif}.choice span{font-size:13px;color:#b8aaa4}#stack{position:relative;width:min(100%,1060px);aspect-ratio:16/9;margin:28px auto 35px;touch-action:pan-y;isolation:isolate;cursor:grab}#stack.dragging{cursor:grabbing}.sheet{position:absolute;inset:0;background:#09090b;box-shadow:0 18px 35px #0008;border:1px solid #544a46}.sheet img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.under{transform:translate(0,10px) scale(.975);box-shadow:0 12px 0 -6px #332c2b,0 22px 0 -12px #51413d}.active{will-change:transform;z-index:2}.controls,.indexControls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}#rail{display:flex;justify-content:center;gap:12px;margin:25px auto}#rail button{width:120px;padding:4px;background:#151417}#rail img{width:100%;display:block}#rail button[aria-current=true]{border-color:#f04751;box-shadow:0 0 0 1px #f04751}.collection{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0}.record{padding:12px;text-align:left;background:#19171b;transition:transform .22s,box-shadow .22s;border:1px solid #44383a}.record:hover{transform:translateY(-5px);box-shadow:0 16px 26px #0007}.record[aria-current=true]{border-color:#d83b46}.record img{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.record .caption{display:flex;justify-content:space-between;gap:15px;margin:14px 5px 4px}.record strong{font:21px Georgia,serif}.record small{color:#bb9b91;letter-spacing:2px}.record .action{display:block;color:#b5a39a;margin:5px;font-size:12px}dialog{padding:0;width:96vw;height:94vh;max-width:1700px;max-height:none;background:#101013;color:#efe7df;border:1px solid #665052;overflow:hidden}dialog::backdrop{background:#000c}.detailbar{display:flex;gap:8px;align-items:center;padding:12px;border-bottom:1px solid #443337}.detailbar strong{margin-right:auto;font:19px Georgia,serif}#pan{height:calc(100% - 140px);overflow:auto;touch-action:pan-x pan-y pinch-zoom;cursor:grab;background:#08080a}#pan img{display:block;max-width:none;margin:auto;user-select:none}#pan.dragging{cursor:grabbing}.detailbottom{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px}footer{padding:22px;text-align:center;color:#978984;font-size:10px;letter-spacing:2px}@media(max-width:700px){header{padding:15px 4%;flex-wrap:wrap;font-size:12px}.brand{font-size:21px}main{padding:18px 4%}.heading{align-items:start}.heading>a{font-size:12px;max-width:90px}h1{font-size:29px}.entrance{grid-template-columns:1fr;gap:20px}.collection{grid-template-columns:1fr;gap:18px}.indexControls{gap:8px}.indexControls button{font-size:12px;padding:10px}.sections button{padding:10px;font-size:9px}#stack{margin:30px 0}.controls{gap:8px}.controls button{padding:11px;font-size:13px}.controls label{width:100%;text-align:center}#rail{gap:7px}#rail button{width:23%}.detailbar{flex-wrap:wrap;gap:6px;padding:8px}.detailbar strong{order:-1;width:100%;font-size:17px}.detailbar button{padding:9px;font-size:13px}#pan{height:calc(100% - 175px)}.detailbottom{gap:9px;flex-wrap:wrap;font-size:12px}.detailbottom button{padding:9px}.record:hover{transform:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
body{overflow-x:hidden}#rail{justify-content:flex-start;overflow-x:auto;padding:6px 3px 14px;max-width:1060px}#rail button{flex:0 0 100px}.sections button[aria-current=true]{border-color:#ef4653;background:#322026}

/* Presentation chrome: approved imagery and interaction remain unchanged. */
body{font-family:Georgia,'Times New Roman',serif;background:radial-gradient(ellipse at 78% 15%,#242024 0,transparent 55%),#101013;color:#f1e4d3}
header{border-bottom:1px solid #5a3136;padding-top:25px;padding-bottom:25px}.brand{font-size:25px;letter-spacing:-.8px}.brand b{color:#dc242f}header>a:not(.brand){font-size:14px;text-decoration:none;color:#cbbdb3}header>span{font-family:Georgia,serif;font-size:11px;letter-spacing:2px;color:#c5b5aa}
.entrance{gap:7%;min-height:78vh;max-width:1500px}.entrance>img{box-shadow:0 24px 65px #0009;border:1px solid #60504b}.entrance-title{font:bold clamp(48px,5.3vw,88px)/.93 Georgia,serif;letter-spacing:-2px;margin:25px 0}.entrance-title em{color:#d52430;font-style:normal}.tagline{font:italic 23px/1.5 Georgia,serif;color:#eee1d0}.tagline em{color:#d54a4d}.eyebrow{font:12px Georgia,serif;letter-spacing:3px;color:#cbb3a4}.choice{margin:30px 0;border:1px solid #a83b42;background:linear-gradient(110deg,#a31623,#77121c);padding:20px 24px;max-width:390px;box-shadow:0 12px 35px #0005}.choice strong{font:bold 19px Georgia,serif;letter-spacing:1.2px}.choice span{font:14px Georgia,serif;color:#e2c7be}.choice:hover{background:#af202c}.entrance>div>p:last-child{font-size:12px;letter-spacing:1px;color:#c0aaa0}
.heading h1{font:bold clamp(26px,3.4vw,43px) Georgia,serif;letter-spacing:1px;margin:8px 0 18px}.heading{border-bottom:1px solid #982630;margin-bottom:20px}.heading .eyebrow{color:#c8b6a7}.sections button{font:13px Georgia,serif;letter-spacing:1.6px;border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;padding:12px 18px}.sections button[aria-current=true]{background:transparent;border-color:#d92b37;color:#fff0df}.sections button:hover{color:#f1515b;border-color:#d92b37}.instruction{font:italic 14px Georgia,serif;color:#bdaa9f}.controls button,.controls select,.detailbar button,.detailbottom button{font:15px Georgia,serif;background:#211c20;border-color:#6e494b}.controls label,#count{font-family:Georgia,serif}.controls select{max-width:290px}.detailbar strong{font-family:Georgia,serif}#rail button{font:12px Georgia,serif}footer{font:11px Georgia,serif;color:#b49f93;letter-spacing:2px;border-top:1px solid #3e292d;margin-top:25px}
@media(max-width:700px){.entrance-title{font-size:52px;line-height:.95}.tagline{font-size:21px}.entrance{min-height:auto}.heading h1{font-size:28px}.sections{gap:0}.sections button{font-size:10px;letter-spacing:.9px;padding:12px 9px}.controls select{max-width:100%}header>span{font-size:9px}.instruction{font-size:13px}.brand{font-size:23px}}

/* Keep the section links and page controls together above the artwork. */
.portfolio-view header{padding-top:13px;padding-bottom:13px}
.portfolio-view main{padding-top:12px;padding-bottom:10px}
.portfolio-view .heading{margin-bottom:8px}.portfolio-view .heading .eyebrow{margin:0;font-size:10px}.portfolio-view .heading h1{font-size:27px;margin:3px 0 8px}
.portfolio-view .sections{justify-content:center}.portfolio-view .sections button{padding:8px 18px}
.navigation-bar{margin:6px 0 0}.navigation-bar .controls{gap:10px}.navigation-bar button,.navigation-bar select{padding:8px 11px;font-size:13px}.navigation-bar #count{font-size:13px;min-width:150px;text-align:center}
.portfolio-view .instruction{text-align:center;margin:8px 0;font-size:12px}
.portfolio-view #stack{width:min(100%,1060px,calc((100dvh - 325px)*1.77778));margin:12px auto 22px}
.portfolio-view #rail{margin:8px auto 0;padding-bottom:8px}.portfolio-view #rail button{flex-basis:70px;font-size:10px}
.portfolio-view footer{margin-top:8px;padding:12px}
@media(max-width:700px){.portfolio-view .heading h1{font-size:23px}.portfolio-view .sections button{font-size:10px;padding:9px 8px}.navigation-bar .controls{gap:6px}.navigation-bar .controls label{width:auto;order:2}.navigation-bar .controls select{max-width:170px}.navigation-bar .controls button{font-size:12px;padding:9px}.navigation-bar #count{min-width:110px;font-size:12px}.portfolio-view #stack{width:min(100%,calc((100dvh - 380px)*1.77778));margin:14px auto 24px}.portfolio-view header{padding-top:12px;padding-bottom:12px}.portfolio-view #rail button{flex-basis:60px}}
@media(max-height:520px) and (min-width:701px){.portfolio-view .heading{display:none}.portfolio-view .instruction{display:none}.portfolio-view #stack{width:min(100%,calc((100dvh - 210px)*1.77778))}.portfolio-view #rail{display:none}.portfolio-view footer{display:none}}

/* Restrained, centered portfolio proportions. */
.portfolio-view header{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}
.portfolio-view main{max-width:1120px;padding-left:28px;padding-right:28px;margin:auto}
.portfolio-view .heading{max-width:940px;margin-left:auto;margin-right:auto}
.portfolio-view .sections{max-width:940px;margin:auto;gap:12px}
.portfolio-view .navigation-bar{max-width:940px;margin:10px auto 0}
.portfolio-view .navigation-bar .controls{gap:12px}
.portfolio-view #stack{width:min(92%,920px,calc((100dvh - 345px)*1.77778));margin:18px auto 26px}
.portfolio-view #rail{max-width:920px;width:92%;gap:10px}.portfolio-view footer{max-width:1120px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.portfolio-view header{padding-left:18px;padding-right:18px}.portfolio-view main{padding-left:16px;padding-right:16px}.portfolio-view .sections{gap:3px}.portfolio-view .navigation-bar .controls{gap:7px}.portfolio-view #stack{width:min(96%,calc((100dvh - 395px)*1.77778));margin:18px auto 26px}.portfolio-view #rail{width:96%}}

/* Inspection starts with the entire landscape page comfortably visible. */
#pan{padding:20px}#pan.is-fit{display:flex;align-items:center;justify-content:center}#pan.is-fit img{flex-shrink:0;margin:auto}#detail{height:90dvh;width:92vw}#pan img{height:auto}

/* Examine is an expanded, fitted viewing surface rather than another small card. */
#detail{width:98vw;height:97dvh;max-width:1900px;display:flex;flex-direction:column}
#detail:not([open]){display:none}
#detail .detailbar{flex:0 0 auto;padding:8px 12px}
#detail #pan{flex:1 1 auto;min-height:0;height:auto;padding:8px}
#detail .detailbottom{flex:0 0 auto;padding:8px 12px}
@media(max-width:700px){#detail{width:99vw;height:98dvh}#detail .detailbar{padding:7px}#detail .detailbottom{padding:7px}}

.deck-download{max-width:940px;margin:8px auto;font-size:12px;text-align:right}.deck-download a{color:#cbb6a7;text-decoration:none}