:root{color-scheme:light;--paper:#f4f1e9;--ink:#202c3a;--muted:#647078;--blue:#214bb7;--red:#d95640;--line:#d7d7ce}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:"Trebuchet MS","Lucida Sans Unicode",sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1520px;min-height:100svh;margin:auto;padding:0 6.2vw;display:flex;flex-direction:column}
.masthead{min-height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{color:var(--ink);font-size:21px;font-weight:bold;letter-spacing:-1px;text-decoration:none}
.wordmark span{color:var(--muted);font-weight:normal}
.wordmark:focus-visible{outline:2px solid var(--blue);outline-offset:8px}
.edition{display:flex;gap:13px;align-items:center;font-size:12px;letter-spacing:1.2px;text-transform:uppercase}
.flag{height:14px;width:23px;background:linear-gradient(90deg,var(--blue) 0 33.333%,#fff 33.333% 66.666%,var(--red) 66.666%)}
main{flex:1;display:grid;grid-template-columns:1.15fr 1fr;gap:5vw;align-items:center;padding:72px 0 80px}
.eyebrow{font-size:10px;line-height:1.7;letter-spacing:2.2px;text-transform:uppercase;margin:0 0 28px;color:var(--muted)}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(70px,8.4vw,132px);line-height:.98;letter-spacing:-6px;font-weight:normal;margin:0 0 34px}
h1 em{font-weight:normal;color:var(--blue)}
.description{font-size:15px;line-height:1.85;color:var(--muted);margin:0}
.signature{margin-top:37px;font-family:Georgia,serif;font-size:19px;font-style:italic;display:flex;align-items:center;gap:15px}
.signature span{font-family:"Trebuchet MS",sans-serif;font-style:normal;color:var(--red);font-size:26px}
.art{padding-left:15px}
.art-frame{aspect-ratio:1/1.1;position:relative;display:grid;place-items:center;border:1px solid var(--line);padding:36px}
.disc{width:90%;aspect-ratio:1;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;position:relative}
.disc:before{content:"";position:absolute;width:80%;height:80%;border:1px solid #ffffff25;border-radius:50%}
.disc span{font-family:Georgia,serif;color:var(--paper);font-style:italic;font-size:clamp(100px,14vw,215px);letter-spacing:-15px;padding-right:17px;padding-bottom:22px}
.art-caption,.art-number{position:absolute;bottom:17px;font-size:8px;letter-spacing:1.6px;color:var(--muted)}
.art-caption{left:20px}.art-number{right:20px}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.7px;color:var(--muted)}
.footer-note{font-family:Georgia,serif;font-size:13px;font-style:italic;letter-spacing:0}
@media(min-width:1520px){.page{padding:0 94px}}
@media(max-width:760px){.page{padding:0 25px}.masthead{min-height:83px}.wordmark{font-size:19px}.edition{font-size:10px;gap:9px}main{grid-template-columns:1fr;gap:48px;padding:54px 0 42px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:23px}h1{font-size:clamp(68px,14vw,102px);letter-spacing:-4px;margin-bottom:25px}.description{font-size:14px}.signature{margin-top:22px}.art{padding:0 0 0 22%;max-width:470px;width:100%;justify-self:end}.art-frame{aspect-ratio:1.15;padding:20px}.disc{width:69%}.disc span{font-size:110px;letter-spacing:-9px;padding-bottom:12px}.art-caption{font-size:6px;letter-spacing:1px;left:12px;bottom:12px}.art-number{font-size:6px;right:12px;bottom:12px}footer{min-height:72px;font-size:9px}.footer-note{font-size:11px}}
@media(max-width:360px){.page{padding:0 18px}.edition{letter-spacing:.6px}.art{padding-left:12%}.footer-note{display:none}}