@charset "UTF-8";
:root{--ink:#30201a;--cream:#f5ead5;--copper:#a9552c;--blue:#8fbadd;--line:rgba(48,32,26,.3)}
*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.page{max-width:1920px;margin:auto}header{height:88px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);background:var(--cream)}.wordmark{font:bold 35px Georgia,serif;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:4px}.mini-line{width:19px;height:2px;background:var(--copper);transform:rotate(-45deg)}.edition,.ticker{font-size:12px;letter-spacing:.18em;font-weight:700}.ticker{border:1px solid var(--ink);padding:10px 15px;border-radius:30px}main{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 150px)}.intro{padding:52px 8.6% 30px;background:radial-gradient(ellipse at 0 25%,#fff8e9 0,transparent 68%),var(--cream);display:flex;flex-direction:column;justify-content:center;position:relative}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:25px}.eyebrow>span{width:23px;height:2px;background:var(--copper)}h1{font:900 clamp(82px,9.8vw,177px)/.78 Georgia,'Times New Roman',serif;letter-spacing:-.075em;margin:0 0 22px -7px}h1>span{display:block;margin-top:9px;color:var(--copper)}.period{color:var(--ink)}.tagline{font:italic clamp(28px,3vw,47px)/1.2 Georgia,serif;margin:8px 0 19px}.description{font-size:16px;line-height:1.75;margin:0 0 29px;color:#665044}.socials{display:flex;gap:12px}.social{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;gap:10px;flex:1;min-height:62px;padding:14px 15px;text-decoration:none;font:700 17px Georgia,serif;color:var(--cream);border:2px solid #4c2a1d;border-radius:6px 14px 6px 14px;box-shadow:0 4px 0 #4c2a1d,inset 0 0 0 3px #ffffff24;transition:transform .2s,box-shadow .2s;overflow:hidden;background-color:#8d492c;background-image:repeating-linear-gradient(45deg,transparent 0 6px,#edd4a519 6px 8px),repeating-linear-gradient(-45deg,transparent 0 6px,#21130e20 6px 8px)}.social.x{background-color:#392a23}.social:hover{transform:translateY(-3px);box-shadow:0 7px 0 #4c2a1d,inset 0 0 0 3px #ffffff38}.social:active{transform:translateY(2px);box-shadow:0 2px 0 #4c2a1d}.social svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.arrow{font-family:Arial,sans-serif;margin-left:auto;font-size:20px}.contract{margin-top:24px;display:flex;gap:12px;align-items:center;width:100%;padding:16px 14px;border:1px solid #9f8973;border-radius:3px;background:#fdf6e94d;color:var(--ink);cursor:pointer;text-align:left;transition:background .2s}.ca-label{font-size:12px;font-weight:700;border-right:1px solid #b3a08b;padding-right:12px}#ca-value{font:13px/1.5 'Courier New',monospace;overflow-wrap:anywhere;flex:1;min-width:0}.contract svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.contract:hover,.contract.copied{background:#e6d6ba}.copy-status{font-size:12px;margin:9px 0 0;color:#6a5748;min-height:18px}.portrait{margin:0;position:relative;overflow:hidden;background:var(--blue);border-left:1px solid var(--ink);min-height:690px}.portrait>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:51% center;transform:scale(1.035) translate(var(--mx,0px),var(--my,0px));transition:transform .5s ease-out}.portrait:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px #38231313;pointer-events:none}figcaption{position:absolute;bottom:27px;left:30px;right:30px;display:flex;justify-content:space-between;color:#fff6e4;text-shadow:0 2px 8px #25150d;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.13em}.portrait-caption{text-align:right}.seal{position:absolute;right:25px;top:28px;width:121px;height:121px;border:1px solid #483521;border-radius:50%;box-shadow:0 0 0 5px #eddcb4,0 0 0 6px #483521;background:#eddbb4;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);animation:seal-in 1s ease-out}.seal span{font-size:9px;letter-spacing:.08em}.seal strong{font:bold 30px Georgia,serif;line-height:1.45}footer{min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 4.3%;border-top:1px solid var(--ink);font-size:11px;letter-spacing:.13em;font-weight:700}footer i{font-style:normal;color:var(--copper);margin:0 6px}a:focus-visible,button:focus-visible{outline:3px solid #154d76;outline-offset:5px}.intro>*{animation:enter .8s both}.intro .socials{animation-delay:.15s}.intro .contract{animation-delay:.23s}@keyframes enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes seal-in{from{opacity:0;transform:rotate(-12deg) scale(.85)}to{opacity:1;transform:rotate(12deg) scale(1)}}
@media(min-width:1600px){.intro{padding-top:70px;padding-bottom:60px}.description{font-size:19px}.social{min-height:70px}h1{margin-bottom:30px}}
@media(max-width:1000px) and (min-width:701px){.intro{padding:38px 7%}.eyebrow{font-size:10px;letter-spacing:.08em}.social{font-size:14px;padding:12px 10px;gap:7px}.social svg{width:19px}.portrait{min-height:660px}.seal{width:100px;height:100px}.seal span{font-size:8px}.seal strong{font-size:26px}}
@media(max-width:700px){header{height:72px;padding:0 6%}.edition{display:none}.ticker{font-size:11px}main{display:flex;flex-direction:column}.intro{padding:41px 7% 28px}.eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:28px}h1{font-size:clamp(88px,23vw,150px);line-height:.79}.tagline{font-size:34px;margin-top:3px}.description{font-size:16px;margin-bottom:25px}.social{font-size:16px;min-height:60px}.portrait{border-left:0;border-top:1px solid var(--ink);min-height:0;aspect-ratio:1/1}.portrait>img{object-fit:cover}.seal{width:102px;height:102px;top:24px;right:24px}.seal strong{font-size:27px}.seal span{font-size:8px}figcaption{left:22px;right:22px;bottom:20px;font-size:10px}footer{padding:22px 7%;flex-wrap:wrap;justify-content:center;text-align:center;font-size:10px}footer>span:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.portrait>img{transform:none}}
