@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--cream:#fff0d5;--muted:#cebba1;--rust:#ef8b38;--dark:#21130d;--border:rgba(249,199,127,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:#1b100b;color:var(--cream);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ffbc74;outline-offset:4px}
.pub-photo,.pub-shadow,.grain{position:fixed;inset:0;pointer-events:none}.pub-photo{background-image:url('assets/pub-banner.png');background-size:cover;background-position:center 45%;opacity:.27;filter:blur(4px) saturate(.75);transform:scale(1.05)}.pub-shadow{background:linear-gradient(90deg,#140b08 0%,rgba(25,13,8,.91) 38%,rgba(32,16,8,.77) 100%),linear-gradient(0deg,#190d09 0%,transparent 24%)}.grain{z-index:6;opacity:.11;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.topbar{position:relative;z-index:8;max-width:1600px;margin:0 auto;padding:22px clamp(24px,5.3vw,90px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:92px;border-bottom:1px solid rgba(255,206,151,.12)}.brand{width:max-content;display:flex;align-items:center;gap:12px;color:var(--cream);text-decoration:none;font:900 33px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.04em}.brand-mark{font-size:30px;line-height:1;color:var(--rust)}.brand-dot,.period{color:var(--rust)}.topbar-center{color:#bca68e;font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.3em}.socials{justify-self:end;display:flex;align-items:center;gap:8px}.social-link{min-width:36px;height:36px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:2px;color:var(--cream);text-decoration:none;font-weight:800;font-size:12px;transition:.2s}.social-link:hover{background:var(--rust);border-color:var(--rust);color:var(--dark)}
.hero{position:relative;z-index:2;max-width:1600px;min-height:min(800px,calc(100svh - 160px));margin:auto;padding:clamp(50px,7vh,85px) clamp(24px,5.3vw,90px) 40px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:4vw}.hero-copy{position:relative;z-index:4;max-width:720px}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 23px;color:var(--rust);font-size:11px;font-weight:800;letter-spacing:.27em}.eyebrow-line{width:34px;height:2px;background:var(--rust)}h1{margin:0;font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(80px,10.2vw,168px);font-weight:900;line-height:.76;letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 9px 36px rgba(0,0,0,.28)}h1 span,h1 em{display:block}h1 em{font-style:normal;color:var(--rust);font-size:1.17em;margin-top:.08em}.ticker{display:flex;gap:18px;align-items:center;margin:30px 0 23px;font:800 13px/1 'DM Sans',sans-serif;letter-spacing:.15em;color:#f6d3ae}.ticker-symbol{color:#231209;background:#e99348;padding:10px 12px;letter-spacing:.07em}.ticker-separator{width:30px;height:1px;background:#d5a674}.intro{margin:0;max-width:440px;font-size:clamp(14px,1.25vw,17px);line-height:1.8;color:var(--muted)}.menu-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:35px;max-width:565px}.menu-btn{cursor:pointer;display:flex;align-items:center;gap:14px;background:rgba(59,34,21,.64);border:1px solid rgba(236,165,95,.27);padding:18px 17px;color:#ffefd5;text-align:left;font-family:'Barlow Condensed',Impact,sans-serif;font-size:20px;font-weight:800;letter-spacing:.055em;transition:background .18s,transform .18s,border-color .18s}.menu-btn:hover{background:#a95a25;border-color:#d88c4a;transform:translateY(-2px)}.menu-number{color:#db945d;font:800 10px/1 'DM Sans',sans-serif}.menu-btn:hover .menu-number{color:#ffe0be}.menu-arrow{margin-left:auto;font-size:23px;color:#f2a75f;line-height:1}.menu-btn:hover .menu-arrow{color:white}
.hero-art{position:relative;width:100%;max-width:640px;justify-self:center;display:flex;align-items:center;flex-direction:column;padding:6px 0 0}.art-backdrop{position:absolute;inset:1% 1% 7%;background:#a55a25;clip-path:polygon(17% 0,100% 0,100% 81%,83% 100%,0 100%,0 16%);opacity:.32}.art-glow{position:absolute;inset:12%;background:#cb7435;filter:blur(95px);opacity:.33}.ram-portrait{display:block;position:relative;z-index:1;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;border:1px solid rgba(255,183,101,.29);box-shadow:0 28px 80px rgba(0,0,0,.44);mask-image:linear-gradient(to bottom,#000 0%,#000 85%,rgba(0,0,0,.94) 100%)}.portrait-caption{position:absolute;z-index:3;top:7%;right:-4%;display:flex;align-items:center;gap:10px;transform:rotate(6deg);background:#f1b270;color:#2b170c;padding:12px 16px;box-shadow:6px 6px 0 #6b331a;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.1em}.caption-icon{font-size:30px}.ca-copy{position:relative;z-index:4;width:min(86%,460px);min-height:70px;margin-top:-23px;padding:12px 17px;display:flex;gap:18px;align-items:center;justify-content:space-between;text-align:left;background:#f1b574;color:#2c190f;border:2px solid #2a180f;box-shadow:7px 7px 0 rgba(12,6,4,.5);cursor:pointer;transition:transform .2s}.ca-copy:disabled{cursor:default}.ca-copy:not(:disabled):hover{transform:translateY(-4px)}.ca-info{display:flex;flex-direction:column;gap:4px;min-width:0}.ca-info small{font-weight:800;font-size:9px;letter-spacing:.2em}.ca-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(60vw,355px)}.copy-icon{font-size:27px;line-height:1}
.footer{max-width:1600px;position:relative;z-index:3;margin:auto;padding:25px clamp(24px,5.3vw,90px) 30px;display:flex;justify-content:space-between;gap:20px;color:#b59b83;font-size:10px;font-weight:700;letter-spacing:.12em;border-top:1px solid rgba(255,206,151,.12)}
.modal-layer[hidden]{display:none}.modal-layer{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px}.modal-shade{position:absolute;inset:0;background:rgba(12,7,4,.85);backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(100%,650px);max-height:min(85vh,850px);overflow:auto;background:linear-gradient(145deg,#362014,#22140e);border:1px solid #9a6035;box-shadow:0 28px 120px #000b,9px 9px 0 #9a5425;padding:clamp(25px,5vw,46px)}.modal-top,.modal-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.modal-kicker{font-size:10px;font-weight:800;letter-spacing:.25em;color:#e8a467}.modal-close{background:transparent;border:1px solid rgba(232,164,103,.5);color:var(--cream);width:38px;height:38px;cursor:pointer;font-size:29px;line-height:1}.modal-close:hover{background:#9a5425}.modal-panel h2{margin:25px 0 19px;font:900 clamp(48px,8vw,85px)/.9 'Barlow Condensed',Impact,sans-serif;color:#f4a35d;text-transform:uppercase}.modal-content{font-size:15px;line-height:1.8;color:#dac5ad}.modal-content p{margin:0 0 20px}.modal-content strong{color:#fff0d5}.modal-content .bigline{font:800 23px/1.2 'Barlow Condensed',Impact,sans-serif;color:#ffe3c0;letter-spacing:.04em}.modal-content .note{color:#a9917e;font-size:12px}.modal-content .step{display:flex;gap:15px;padding:14px 0;border-bottom:1px solid #795033}.step-num{color:#e8a467;font-weight:800}.modal-bottom{margin-top:30px;padding-top:18px;border-top:1px solid #795033;font-size:10px;font-weight:800;letter-spacing:.13em;color:#ad8b70}body.modal-open{overflow:hidden}
@media(max-width:1050px){.hero{gap:30px}.topbar-center{display:none}.topbar{grid-template-columns:1fr 1fr}h1{font-size:clamp(70px,11vw,125px)}.portrait-caption{right:-1%}.menu-btn{font-size:18px;padding:15px 12px}}@media(max-width:780px){.topbar{min-height:76px;padding:16px 23px}.brand{font-size:29px}.hero{display:flex;flex-direction:column;min-height:0;padding:50px 23px 42px;gap:38px}.hero-copy{width:100%;max-width:630px}h1{font-size:clamp(82px,17vw,150px)}.intro{max-width:550px}.hero-art{max-width:600px;width:min(100%,590px)}.footer{padding:22px 23px;flex-wrap:wrap}.footer-message{order:3;width:100%}}@media(max-width:460px){.topbar{padding:12px 16px}.brand{font-size:27px}.hero{padding:46px 16px 35px}.eyebrow{font-size:9px;letter-spacing:.18em}h1{font-size:clamp(70px,17vw,98px)}.ticker{gap:11px;font-size:10px;letter-spacing:.09em}.ticker-separator{width:14px}.menu-buttons{gap:8px}.menu-btn{font-size:15px;gap:7px;padding:14px 9px}.menu-number{font-size:9px}.menu-arrow{font-size:19px}.portrait-caption{font-size:8px;padding:9px 10px}.caption-icon{font-size:23px}.ca-copy{width:92%}.ca-info strong{font-size:11px}.footer{font-size:9px}}