:root{--black:#080808;--ivory:#eee8dc;--gold:#c9a45c;--line:rgba(201,164,92,.32);--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;overflow-x:hidden;background:var(--black);color:var(--ivory);font-family:Arial,Helvetica,sans-serif}.page{position:relative;min-height:100svh;height:100svh;overflow:hidden;isolation:isolate;padding:20px;display:grid;grid-template-columns:minmax(310px,44%) minmax(0,56%);grid-template-rows:58px minmax(0,1fr) 86px;background:radial-gradient(circle at 76% 45%,rgba(14,106,66,.13),transparent 34%),linear-gradient(115deg,#050505,#0b0b0a 56%,#070907)}.page:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.page:after{content:"";position:absolute;inset:20px;border:1px solid rgba(201,164,92,.18);pointer-events:none}.topline{position:relative;z-index:10;grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.3em}.monogram{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font:700 11px Georgia,serif;text-decoration:none}.edition{color:#777}.status{justify-self:end;color:var(--gold)}.display{position:absolute;z-index:0;left:3vw;top:13vh;color:#141512;font:700 clamp(90px,15vw,290px)/.7 Georgia,serif;letter-spacing:-.075em}.display i{font-weight:400}.hero-copy,.legend-copy{position:relative;z-index:5;grid-column:1;grid-row:2;align-self:center;padding-left:clamp(18px,3vw,58px);width:100%}.kicker{margin:0 0 22px;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.36em}.hero h1,.legend h2{margin:0;max-width:100%;font:400 clamp(48px,5.7vw,110px)/.84 Georgia,"Times New Roman",serif;letter-spacing:-.055em}.hero h1 em,.legend h2 em{color:var(--gold);font-weight:400}.subcopy{margin:28px 0 0;color:#c8c2b7;font:400 clamp(16px,1.3vw,25px)/1.4 Georgia,serif}.portrait{position:relative;z-index:3;grid-column:2;grid-row:2;margin:0;width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;pointer-events:none}.portrait img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 45px rgba(0,0,0,.75))}.portrait-medallion{padding:clamp(8px,1.5vw,26px);clip-path:circle(49.2% at 50% 50%)}.portrait-medallion img,.portrait-legend img{mix-blend-mode:screen}.actions{position:relative;z-index:12;grid-column:1;grid-row:3;align-self:center;justify-self:start;margin-left:clamp(18px,3vw,58px);display:flex;border-block:1px solid var(--line)}.action{height:50px;min-width:clamp(130px,11vw,180px);padding:0 15px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:var(--ivory);display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;text-transform:uppercase;font:700 9px Arial,sans-serif;letter-spacing:.16em;cursor:pointer}.action:first-child{border-left:1px solid var(--line)}.action b,.action small{color:var(--gold)}.action small{font-size:7px}.action:hover,.action:focus-visible{background:var(--gold);color:var(--black);outline:0}.action:hover b,.action:hover small{color:var(--black)}.next{position:relative;z-index:12;grid-column:2;grid-row:3;align-self:center;justify-self:end;margin-right:clamp(18px,2vw,38px);color:#777;font-size:8px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}.next span{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:10px;border:1px solid var(--line);color:var(--gold)}.legend{border-top:1px solid var(--gold)}.legend-copy{align-self:center}.legend h2{font-size:clamp(48px,5.8vw,112px)}.lore{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px 25px;max-width:620px;color:#aaa49a;font:400 clamp(13px,.95vw,18px)/1.48 Georgia,serif}.lore p{margin:0}.lore .decree{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--line);color:var(--ivory);font-style:italic}.portrait-legend{padding:clamp(8px,1.2vw,22px) 0}.portrait-legend img{object-position:right center}.legend blockquote{position:absolute;z-index:6;right:3.5vw;top:17vh;margin:0;color:var(--gold);font:italic 400 clamp(17px,1.5vw,29px)/1.2 Georgia,serif;text-align:right}.legend-actions{grid-column:1}.legend footer{position:absolute;z-index:10;left:20px;right:20px;bottom:20px;height:30px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#777;font-size:7px;letter-spacing:.18em}.progress{position:fixed;z-index:30;left:0;top:0;width:100%;height:2px;background:var(--gold);transform:scaleX(var(--scroll));transform-origin:left}@media(max-width:900px){.page{height:auto;min-height:100svh;padding:10px;grid-template-columns:1fr;grid-template-rows:50px auto minmax(260px,44svh) auto}.page:after{inset:10px}.topline{grid-column:1;grid-row:1;padding:0 13px;grid-template-columns:1fr 1fr}.edition{display:none}.display{left:-3vw;top:11vh;font-size:28vw}.hero-copy,.legend-copy{grid-column:1;grid-row:2;align-self:start;padding:28px 14px 8px}.kicker{font-size:7px;margin-bottom:14px}.hero h1,.legend h2{font-size:clamp(46px,13.5vw,72px)}.subcopy{margin-top:15px;font-size:16px}.portrait{grid-column:1;grid-row:3;width:100%;height:100%;padding:5px 22px}.portrait-medallion{clip-path:circle(48.5% at 50% 50%)}.actions,.legend-actions{grid-column:1;grid-row:4;margin:5px 10px 24px;justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;border:0}.action{min-width:0;height:47px;border:1px solid var(--line);padding:0 11px}.action:nth-child(2){border-left:0}.copy-ca{grid-column:1/-1;border-top:0}.next{display:none}.lore{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-size:12px}.legend blockquote{right:24px;top:45%;font-size:16px}.legend footer{left:10px;right:10px;bottom:10px;padding:0 12px;font-size:6px}}@media(max-height:700px) and (min-width:901px){.page{grid-template-rows:58px minmax(0,1fr) 72px}.kicker{margin-bottom:14px}.hero h1,.legend h2{font-size:clamp(44px,5.2vw,78px)}.subcopy{margin-top:16px}.lore{margin-top:16px}.action{height:44px}.portrait-medallion{padding:20px 40px}}