:root{color-scheme:dark;--charcoal:#141515;--ivory:#f2eee5;--gold:#c7a76a;--muted:#aaa79f;--line:#35342f;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;background:var(--charcoal);color:var(--ivory)}
.page{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:0 clamp(1.5rem,5vw,5.5rem);position:relative;isolation:isolate;overflow:hidden}
.page::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,#b4945420,transparent 43%),linear-gradient(125deg,#ffffff03,transparent 60%)}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--line)}
.signature{display:flex;align-items:center;gap:.7rem;font-size:1.25rem;font-weight:600;letter-spacing:-.045em}
.signature img{display:block}
.gold{color:var(--gold)}
.edition{font-size:.75rem;letter-spacing:.19em;color:var(--muted)}
main{display:flex;align-items:center;justify-content:center;padding:4rem 0 5rem}
.brand-stage{text-align:center;width:100%;max-width:86rem}
.emblem{width:clamp(7rem,12vw,11.5rem);margin:0 auto 2.9rem;filter:drop-shadow(0 0 24px #c7a76a10)}
.emblem svg{width:100%;display:block;stroke:var(--gold);stroke-width:10;stroke-linecap:square;stroke-linejoin:miter}
.arrow-shaft{stroke-dasharray:148;animation:draw-shaft 1.2s cubic-bezier(.2,.75,.2,1) both}
.arrow-head{stroke-dasharray:184;animation:draw-head 1.1s .25s cubic-bezier(.2,.75,.2,1) both}
h1{margin:0;font-weight:600;font-size:clamp(2.5rem,12vw,11.5rem);line-height:1.12;letter-spacing:-.075em;animation:arrive 1.25s .2s both}
h1 span:last-child{padding-right:.075em}
.industry{font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.5;margin:1.7rem 0 0;letter-spacing:.035em;color:#cac6bd;animation:arrive 1.2s .5s both}
.reveal-line{width:3rem;height:1px;margin:2.5rem auto 1.6rem;background:var(--gold);animation:line-in 1.3s .65s both}
.arrival{font-size:.875rem;line-height:1.5;letter-spacing:.26em;text-transform:uppercase;margin:0;color:var(--gold);animation:arrive 1.2s .85s both}
footer{border-top:1px solid var(--line);padding:1.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.75rem;line-height:1.6;color:var(--muted)}
.footer-signature{display:flex;align-items:center;font-weight:600;letter-spacing:.13em;color:var(--ivory)}
.footer-signature img{margin-left:.75rem}
@keyframes draw-shaft{from{stroke-dashoffset:148;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes draw-head{from{stroke-dashoffset:184;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes line-in{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@media(max-width:600px){.masthead{padding:1.5rem 0}.edition{font-size:.75rem;letter-spacing:.09em}.signature{font-size:1.125rem;gap:.5rem}.signature img{width:22px;height:22px}main{padding:4rem 0}.emblem{width:8rem;margin-bottom:2.5rem}h1{font-size:12vw}.industry{margin-top:1.3rem}.reveal-line{margin-top:2.3rem}footer{padding:1.25rem 0}.footer-signature{letter-spacing:.08em}}
@media(max-width:350px){.edition{display:none}.footer-signature{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
