@font-face{font-family:RedHat;src:url(/brand/red-hat-display.ttf)format("truetype");font-weight:300 900;font-display:swap}*{box-sizing:border-box}html,body{color:#f4f1ec;background:#0d0d0f;min-height:100%;margin:0;font-family:RedHat,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:4px;outline:2px solid #fdc300}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}.brand{width:122px;height:auto;display:block}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font:500 10px/1.5 monospace}.amber{color:#fdc300}.muted{color:#8a8a91}.primary{color:#141416;background:#fdc300;border:1px solid #fdc300;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:16px 20px;font-weight:800;transition:background .2s;display:flex}.primary:hover{background:#ffda59}.primary span{font-size:23px;line-height:1}.text-button{padding:6px 0;font-size:12px;font-weight:600}.text-button span{color:#8a8a91}.error{color:#ffb4a8;font-size:13px;line-height:1.5}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.loading{flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:100vh;display:flex}.loader{background:#fdc300;width:28px;height:2px;animation:1s infinite alternate load}@keyframes load{to{opacity:.4;width:80px}}.login{background:radial-gradient(at 15% 55%,#252320 0%,#141416 40%,#0d0d0f 75%);grid-template-rows:auto 1fr auto;grid-template-columns:1.25fr 1fr;gap:70px;min-height:100svh;padding:40px 6vw;display:grid}.login header,.login footer{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.login header>.eyebrow{color:#8a8a91}.login-copy{align-self:center;padding:20px 0}.login-copy h1{letter-spacing:-.055em;margin:28px 0;font-size:clamp(64px,7vw,110px);font-weight:800;line-height:1.03}.login-copy h1 span{color:#fdc300}.login-copy>p{color:#b0afb3;max-width:290px;font-size:16px;line-height:1.7}.login-rule{background:#fdc300;width:70px;height:3px;margin:40px 0 28px;transform:skewY(-5deg)}.login-form{place-self:center end;width:min(100%,380px);padding:34px 0}.form-index{color:#fdc300;font:500 12px monospace}.form-index span{color:#77777f;text-transform:uppercase;letter-spacing:.15em;margin-left:10px;font-size:10px}.login-form h2{letter-spacing:-.04em;margin:24px 0 8px;font-size:34px}.login-form>p{color:#8a8a91;font-size:14px}.login form{margin-top:30px}.login label{color:#c5c3c8;margin:20px 0;font-size:12px;display:block}.login input{color:#f4f1ec;background:#1a1a1c;border:1px solid #39393e;width:100%;margin-top:9px;padding:14px}.login .fine{margin-top:20px;font-size:11px}.login footer{color:#77777f;border-top:1px solid #2c2c31;padding-top:22px;font-size:11px}.topbar{background:#111113;border-bottom:1px solid #2c2c31;justify-content:space-between;align-items:center;height:78px;padding:0 36px;display:flex}.top-context{color:#a4a3aa;align-items:center;gap:18px;font-size:12px;display:flex}.top-context i{background:#39393e;width:1px;height:16px;transform:rotate(24deg)}.workspace{grid-template-columns:230px minmax(0,1fr);min-height:calc(100svh - 78px);display:grid}.sidebar{border-right:1px solid #2c2c31;flex-direction:column;padding:34px 24px 24px 32px;display:flex}.sidebar h1{letter-spacing:-.05em;margin:23px 0 16px;font-size:39px;font-weight:800;line-height:1.08}.sidebar h1 span{color:#fdc300;margin-left:8px}.intro{color:#8a8a91;margin:0;font-size:12px;line-height:1.8}.divider{background:#2c2c31;height:1px;margin:28px 0 22px}.nav-item{text-align:left;color:#9b9ba3;justify-content:space-between;align-items:center;margin:5px -10px 0;padding:13px 10px;font-size:12px;display:flex}.nav-item b{font:400 11px monospace}.nav-item.active{color:#fdc300;background:#242318;border-left:2px solid #fdc300}.nav-item:hover{background:#1c1c20}.sidebar-note{color:#b3b2b9;margin-top:auto;padding-top:55px;font-size:10px;line-height:1.6}.status-dot{background:#fdc300;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.sidebar-note p{color:#74747e;margin:8px 0 0;line-height:1.7}.main-stage{min-width:0;padding:30px 34px 20px}.stage-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.stage-heading h2{letter-spacing:-.04em;margin:8px 0 0;font-size:28px;font-weight:700}.filters{gap:9px;display:flex}.filters select{color:#c5c3c8;background:#17171a;border:1px solid #333339;max-width:175px;padding:10px 24px 10px 10px;font-size:11px}.showcase{background:#161618;border:1px solid #303035;grid-template-columns:minmax(280px,1fr) 290px;min-height:530px;display:grid}.photo-space{background:radial-gradient(at 50% 35%,#353237,#242226 55%,#1a1a1d);flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:25px 50px 18px;display:flex;position:relative;overflow:hidden}.vertical-label{writing-mode:vertical-rl;letter-spacing:.23em;color:#77737d;font:400 8px monospace;position:absolute;top:50%;left:18px;transform:rotate(180deg)}.photo-mat{background:#0c0c0d;max-width:100%;padding:7px;line-height:0;position:relative;box-shadow:0 18px 60px #0008}.main-photo{object-fit:contain;width:auto;max-width:100%;height:clamp(360px,100svh - 350px,590px);display:block}.expand{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111a;border:1px solid #ffffff30;width:30px;height:30px;font-size:23px;line-height:1;position:absolute;bottom:15px;right:15px}.slide-controls{justify-content:center;align-items:center;gap:26px;margin-top:17px;font:400 11px monospace;display:flex}.slide-controls button{padding:4px;font-size:20px}.slide-controls i{color:#85818c;margin-left:8px;font-style:normal}.details{border-left:1px solid #303035;flex-direction:column;min-width:0;padding:25px 24px;display:flex}.detail-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.detail-top .eyebrow{letter-spacing:.1em;font-size:8px}.badge{text-transform:uppercase;letter-spacing:.07em;color:#aaa8b1;white-space:nowrap;border:1px solid #414149;padding:6px 7px;font:500 8px monospace}.badge.selected{color:#fdc300;background:#fdc30008;border-color:#655018}.badge.used{color:#b9d3bd;border-color:#3f5d47}.photo-number{letter-spacing:-.06em;margin:22px 0 6px;font-size:40px;font-weight:700;line-height:1.1}.photo-number span{color:#fdc300;margin-left:5px}.details h3{letter-spacing:-.04em;margin:3px 0 8px;font-size:24px;font-weight:700;line-height:1.15}.chapter{letter-spacing:.12em;text-transform:uppercase;color:#9997a3;margin:0 0 16px;font:400 8px/1.7 monospace}.details dl{border-top:1px solid #303035;margin:0 0 15px;padding:12px 0;font-size:10px;line-height:1.8}.details dl div{justify-content:space-between;gap:6px;margin:4px 0;display:flex}.details dt{color:#7f7d89}.details dd{text-align:right;color:#bbb8c3;max-width:160px;margin:0}.select-button{text-align:left;border:1px solid #4c4955;margin-bottom:9px;padding:12px;font-size:12px;font-weight:700}.select-button.is-selected{color:#fdc300;background:#fdc30008;border-color:#fdc300}.details .primary{padding:13px 14px;font-size:12px}.used-toggle{color:#9995a4;text-align:center;padding:14px 0;font-size:10px}.note{border-top:1px solid #303035;margin-top:auto;padding-top:14px}.note label{color:#a7a3af;font-size:10px}.note textarea{color:#f4f1ec;resize:vertical;background:#121214;border:1px solid #34313d;width:100%;min-height:63px;margin-top:9px;padding:9px;font-size:10px;line-height:1.6;display:block}.note textarea::placeholder{color:#696575}.note button{float:right;color:#aaa6b5;padding-top:9px;font-size:10px}.filmstrip{scrollbar-width:thin;scrollbar-color:#53505b #19181c;gap:9px;padding:20px 2px 10px;display:flex;overflow-x:auto}.filmstrip button{border:1px solid #0000;flex:0 0 53px;height:83px;padding:3px;position:relative}.filmstrip button.chosen{border-color:#fdc300}.filmstrip img{object-fit:cover;opacity:.6;width:100%;height:100%}.filmstrip button.chosen img,.filmstrip button:hover img{opacity:1}.filmstrip button>span{text-shadow:0 1px 3px #000;font:400 9px monospace;position:absolute;bottom:7px;left:7px}.filmstrip b{color:#151515;background:#fdc300;width:12px;height:12px;font-size:9px;position:absolute;top:5px;right:5px}.filmstrip b.used{background:#b9d3bd}.stage-footer{color:#66626f;justify-content:space-between;margin-top:12px;font-size:9px;display:flex}.empty{text-align:center;border:1px solid #303035;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:30px;display:flex}.empty h2{letter-spacing:-.04em;font-size:30px}.empty p{color:#8a8a91;font-size:13px}.empty .primary{width:auto;margin-top:15px}.fullscreen{z-index:99;background:#09090bf5;justify-content:center;align-items:center;padding:55px 15px 20px;display:flex;position:fixed;inset:0}.fullscreen>img{object-fit:contain;max-width:100%;max-height:100%}.fullscreen>button{padding:10px;font-size:13px;position:absolute;top:18px;right:25px}.toast{color:#1a1a1c;z-index:100;background:#f4f1ec;max-width:90vw;padding:15px 20px;font-size:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}@media (min-width:1550px){.workspace{grid-template-columns:270px 1fr}.main-stage{padding:35px 60px}.showcase{grid-template-columns:minmax(400px,1fr) 340px}.details{padding:30px}.main-photo{height:clamp(420px,100svh - 360px,800px)}.stage-heading h2{font-size:34px}.sidebar{padding:40px}.sidebar h1{font-size:46px}}@media (max-width:1100px){.workspace{grid-template-columns:195px 1fr}.sidebar{padding:28px 20px}.sidebar h1{font-size:33px}.main-stage{padding:25px 20px}.showcase{grid-template-columns:minmax(220px,1fr) 250px}.photo-space{padding:20px 30px 16px}.details{padding:20px}.details h3{font-size:22px}.stage-heading{align-items:start}.filters{flex-direction:column}.filters select{width:145px}.main-photo{height:430px}.showcase{min-height:555px}}@media (max-width:800px){.topbar{height:65px;padding:0 20px}.topbar .brand{width:100px}.top-context{font-size:10px}.workspace{display:block}.sidebar{display:none}.main-stage{padding:24px 18px 20px}.stage-heading h2{font-size:27px}.showcase{grid-template-columns:1fr 265px}.photo-space{padding:25px 25px 17px}.main-photo{height:450px}.vertical-label{display:none}.login{grid-template-columns:1fr 1fr;gap:35px;padding:25px 5vw}.login-copy h1{font-size:66px}.login-form h2{font-size:28px}}@media (max-width:600px){.top-context{display:none}.stage-heading{margin-bottom:18px;display:block}.filters{flex-direction:row;margin-top:18px}.filters select{width:100%;max-width:100%}.filters label{flex:1;min-width:0}.stage-heading h2{font-size:29px}.showcase{display:block}.photo-space{padding:22px 25px 14px}.main-photo{max-width:100%;height:min(61svh,560px);max-height:none}.photo-mat{padding:6px}.details{border-top:1px solid #303035;border-left:0;padding:22px}.details h3{font-size:27px}.photo-number{margin:15px 0 3px;font-size:33px}.details dl{margin-top:4px}.details dl div{font-size:12px}.details .primary,.select-button{font-size:13px}.chapter{margin-bottom:14px}.note{margin-top:8px}.note textarea{font-size:12px}.filmstrip{gap:7px;padding-top:16px}.stage-footer{gap:12px;font-size:8px}.login{grid-template-columns:1fr;gap:30px;padding:25px}.login header .eyebrow{text-align:right;max-width:130px;font-size:8px}.login-copy{padding:12px 0 0}.login-copy h1{margin:20px 0 18px;font-size:62px}.login-copy p,.login-rule,.login-copy>.eyebrow:last-child{display:none}.login-form{justify-self:stretch;width:100%;padding:0 0 25px}.form-index{display:none}.login-form h2{margin:0 0 8px;font-size:29px}.login footer{gap:20px;padding-top:18px;font-size:9px}.login .brand{width:110px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
