@charset "UTF-8";
:root{--ink:#272925;--soft:#77786f;--paper:#e7e5de;--line:#9d9e94;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:var(--sans);background:#d4d3cc}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}
.page-shell{min-height:100svh;padding:0 4.3%;display:flex;flex-direction:column;background:#e6e4dd;overflow:hidden}
.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #a7a89e;position:relative;z-index:3}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-family:var(--serif);font-weight:700;font-size:18px;line-height:.83;letter-spacing:-1px}
.brand-mark{width:44px;height:44px;border:1px solid #41443c;border-radius:50%;display:grid;place-items:center;font-size:27px;position:relative}
.brand-mark span{font:10px var(--sans);position:absolute;right:5px;top:7px}
.brand-dot{font:8px var(--sans);vertical-align:top;margin-left:2px}
.header-note,.nav,.stage-top,.eyebrow,.lore-kicker,.lore-top,.portrait-label,.copy-feedback,.footer,.side-caption{font-size:10px;font-weight:700;letter-spacing:.16em}
.header-note{color:#777a70}.header-note span{padding:0 8px;color:#41443c}
.nav{display:flex;align-items:center;gap:32px}.nav a{text-decoration:none;transition:opacity .2s}.nav a:hover{opacity:.5}.nav a span{font-size:15px;margin-left:5px}
.stage{position:relative;flex:1;display:grid;grid-template-columns:minmax(340px,1fr) minmax(440px,1.22fr) minmax(275px,.70fr);align-items:center;gap:1vw;min-height:0;isolation:isolate}
.background-art{position:absolute;inset:0 -5vw;z-index:-3;background:linear-gradient(90deg,rgba(235,234,228,.82),rgba(234,233,226,.30) 55%,rgba(235,234,228,.83)),url('assets/silver-world.webp') center / cover no-repeat;opacity:.85}
.grain{position:absolute;inset:0 -5vw;z-index:-2;pointer-events:none;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='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}
.stage-top{position:absolute;top:28px;left:0;right:0;display:flex;justify-content:space-between;color:#7f8177;font-size:9px}
.intro{z-index:2;padding:40px 0 35px}.eyebrow{display:flex;align-items:center;gap:10px;color:#62665d;margin:0 0 26px;font-size:9px}.mini-star{font-size:20px;color:#43463e}
h1{font-family:var(--serif);font-size:clamp(100px,9.4vw,185px);font-weight:400;line-height:.73;letter-spacing:-.09em;margin:0 0 38px}h1 em{font-weight:400;font-style:italic;position:relative;padding-right:.1em}.heading-star{position:absolute;right:-.12em;top:.08em;font:clamp(22px,2.2vw,42px) var(--sans);letter-spacing:0}
.intro-title{font-family:var(--serif);font-size:clamp(24px,2.05vw,39px);line-height:1.15;margin:0 0 18px;letter-spacing:-.035em}.intro-copy{font-size:clamp(12px,.76vw,15px);line-height:1.7;color:#666a60;margin:0 0 30px}.ca-button{width:min(100%,340px);min-height:58px;background:#2f322d;color:#f1f0e9;border:1px solid #2f322d;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font:700 11px var(--sans);letter-spacing:.16em;cursor:pointer;transition:background .25s,color .25s,transform .25s}.ca-button:hover,.ca-button.copied{background:#e7e5de;color:#2f322d;transform:translateY(-2px)}.copy-icon{font-size:22px;font-weight:400}.copy-feedback{min-height:17px;color:#74776d;font-size:8px;margin-top:12px}.copy-feedback span{margin:0 5px}
.portrait{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;perspective:1100px;--tilt-x:0deg;--tilt-y:0deg}.coin-float{width:85%;position:relative;z-index:1;animation:float 5s ease-in-out infinite;transform-style:preserve-3d}.coin{width:100%;height:auto;display:block;mix-blend-mode:multiply;border-radius:50%;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .2s ease;filter:contrast(1.06);user-select:none;-webkit-user-drag:none}.coin-shadow{position:absolute;z-index:-1;bottom:8%;width:55%;height:7%;border-radius:50%;background:#32352f;filter:blur(28px);opacity:.22;animation:shadow 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(107,111,101,.28);border-radius:50%;pointer-events:none}.orbit-one{inset:1%;animation:orbit 28s linear infinite}.orbit-one span{position:absolute;top:14%;left:11%;font-size:21px;color:#777c70}.orbit-two{inset:7%;border-style:dashed;opacity:.55;animation:orbit 42s linear infinite reverse}.floating-star{position:absolute;color:#696d61;z-index:2;animation:twinkle 4s ease-in-out infinite}.star-one{right:5%;top:16%;font-size:26px}.star-two{left:4%;bottom:27%;font-size:19px;animation-delay:-2s}.star-three{right:8%;bottom:25%;font-size:32px;animation-delay:-1s}.portrait-label{position:absolute;bottom:0;left:20%;right:20%;display:flex;align-items:center;justify-content:space-between;color:#6d7067;font-size:8px;z-index:3}.portrait-label i{font:italic 14px var(--serif);letter-spacing:0;text-transform:none}
.lore{justify-self:end;max-width:330px;width:100%;position:relative;background:rgba(238,237,231,.78);border:1px solid #9b9d93;padding:26px 28px 24px;box-shadow:5px 5px 0 rgba(95,99,89,.11)}.lore:before{content:'';position:absolute;inset:5px;border:1px solid rgba(130,133,122,.36);pointer-events:none}.lore-top{display:flex;justify-content:space-between;color:#777a70;font-size:8px}.lore-seal{width:44px;height:44px;border:1px solid #6e7268;border-radius:50%;display:grid;place-items:center;font-size:24px;margin:32px 0 21px}.lore-kicker{color:#75786e;font-size:8px;margin:0 0 13px}.lore h2{font:400 clamp(37px,3vw,55px)/.95 var(--serif);letter-spacing:-.06em;margin:0}.lore h2 em{font-weight:400}.lore-rule{height:1px;background:#a7a99f;margin:23px 0 18px}.lore p:not(.lore-kicker){font:14px/1.62 var(--serif);color:#55594f}.lore .lore-end{color:#30332d!important}.signature{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #b7b9ad;margin-top:22px;padding-top:14px}.signature span{font:italic 12px var(--serif);color:#73766c}.signature strong{font:italic 27px var(--serif);transform:rotate(-7deg)}.signature small{font:12px var(--sans)}
.side-caption{position:absolute;right:-3.1vw;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:8px;color:#8a8c82}.footer{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #a7a89e;font-size:9px;color:#777a70}.footer-dot{padding:0 8px}.footer-center{font:italic 16px var(--serif);letter-spacing:0;color:#55594e}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes shadow{0%,100%{transform:scale(1);opacity:.22}50%{transform:scale(.84);opacity:.15}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes twinkle{0%,100%{opacity:.4;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(35deg)}}
@media (min-width:1000px) and (min-height:750px){.page-shell{height:100svh}.stage{max-height:calc(100svh - 170px)}}
@media (max-width:1200px){.page-shell{padding:0 4%}.stage{grid-template-columns:minmax(280px,1fr) minmax(320px,1.1fr) minmax(235px,.75fr)}h1{font-size:clamp(86px,9.2vw,140px)}.lore{padding:22px 20px}.lore-seal{margin:20px 0 16px}.lore p:not(.lore-kicker){font-size:13px}.side-caption{display:none}}
@media (max-width:850px){.header-note{display:none}.topbar{height:76px}.stage{padding-top:75px;grid-template-columns:1fr 1fr;gap:10px}.stage-top{top:24px}.stage-top span:last-child{display:none}.intro{padding:20px 0}.portrait{min-width:0}.lore{grid-column:1/-1;max-width:none;margin:20px 0 45px;padding:28px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.lore-top,.lore-seal,.lore-kicker,.lore h2,.lore-rule{grid-column:1/-1}.lore-seal{margin:20px 0}.lore-rule{margin:20px 0 4px}.signature{grid-column:1/-1}.footer-center{display:none}.intro-copy br{display:none}}
@media (max-width:560px){.page-shell{padding:0 20px}.topbar{height:72px}.brand{font-size:15px}.brand-mark{width:38px;height:38px}.nav{gap:17px;font-size:9px}.nav a span{margin-left:1px}.stage{display:flex;flex-direction:column;align-items:stretch;padding-top:65px;gap:0}.intro{padding:12px 0 0}.eyebrow{margin-bottom:23px}.intro h1{font-size:clamp(91px,22vw,132px);margin-bottom:32px}.intro-title{font-size:29px}.intro-copy{font-size:14px;max-width:360px}.ca-button{width:100%;max-width:360px}.portrait{width:100%;max-width:490px;align-self:center;margin:0 auto 25px}.portrait-label{bottom:0}.lore{display:block;margin:10px 0 34px;padding:25px}.lore h2{font-size:50px}.lore p:not(.lore-kicker){font-size:15px}.footer{font-size:8px;min-height:64px}.footer-dot{padding:0 3px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}