@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:Cinzel;src:url('assets/cinzel-500.ttf') format('truetype');font-weight:500;font-display:swap}
:root{color-scheme:dark;--gold:#c5a059;background:#050505;color:#fff;font-family:Manrope,Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;grid-template-rows:auto 1fr;isolation:isolate;text-align:center;position:relative;overflow-x:clip}
.masthead{padding:6px 24px 0;display:grid;place-items:center}
.masthead img{display:block;width:clamp(240px,27vw,320px);max-width:100%;height:auto}
main{position:relative;isolation:isolate;display:grid;place-items:center;padding:24px 24px clamp(96px,15svh,160px)}
.announcement{width:min(100%,1120px)}
h1{font-size:clamp(36px,4.6vw,60px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:0 0 34px;animation:rebrand-reveal 4s .3s ease-in-out both;white-space:nowrap}
.promise{margin:0;animation:atmosphere-arrive 4s .3s ease-in-out both}
.continuity{display:block;font-size:clamp(14px,1.35vw,18px);line-height:1.7;letter-spacing:.015em;text-wrap:balance}
.heritage{display:block;margin:17px 0 15px;color:var(--gold);font-family:Cinzel,Georgia,serif;font-size:clamp(28px,4.1vw,59px);font-weight:500;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
.continues{display:block;margin:0;color:#fff;font-size:clamp(14px,1.3vw,17px);line-height:1.6;letter-spacing:.14em;animation:atmosphere-arrive 5s 1.5s ease-in-out both}
@supports(background-clip:text){.heritage{background-image:linear-gradient(110deg,var(--gold) 44%,#fff1d2 51%,var(--gold) 58%);background-size:250% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent;animation:heritage-shine 12s 2.3s ease-in-out infinite}}
@keyframes heritage-shine{0%,10%{background-position:100% 0}40%,100%{background-position:0 0}}
@keyframes rebrand-reveal{from{opacity:0;filter:blur(5px);transform:translateY(6px);letter-spacing:-.01em}to{opacity:1;filter:blur(0);transform:translateY(0);letter-spacing:-.045em}}
.mobile-break{display:none}
.signature{margin:34px 0 0;font-size:14px;line-height:1.6;display:flex;flex-direction:column;align-items:center;gap:0;animation:atmosphere-arrive 6s 3s ease-in-out both}
.signature-mark{display:block;margin-top:20px;width:clamp(135px,15vw,165px);height:auto;overflow:hidden;filter:brightness(0) invert(1)}
.signature-name{margin-top:9px;font-size:13px;letter-spacing:.055em}
.founder{margin-top:5px;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.signature-mark,.signature-name,.founder{position:relative;top:clamp(0px,calc(100svh - 680px),100px);transform:scale(.85);transform-origin:center}
.signature-mark{transform:scale(.765)}
.signature-rule{height:1px;width:36px;background:#ffffff65}
.atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,#36251038,transparent 53%);animation:atmosphere-arrive 4s ease-out both}
.fog{position:absolute;left:50%;top:43%;width:max(900px,115vw);aspect-ratio:1;background:url('assets/gold-storm-v1.png') center/contain no-repeat;mix-blend-mode:screen;opacity:.2;mask-image:radial-gradient(ellipse closest-side,transparent 20%,#000 55%,transparent 90%);animation:fog-drift 180s linear infinite}
.fog-back{width:max(1100px,130vw);opacity:.08;animation-duration:240s}
@keyframes fog-drift{from{transform:translate(-50%,-50%) rotate(-8deg)}to{transform:translate(-50%,-50%) rotate(352deg)}}
.light-breath{position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 43%,#c5a05915,transparent 60%);animation:light-breath 18s ease-in-out infinite alternate}
@keyframes light-breath{from{opacity:.2;transform:scale(.95)}to{opacity:.6;transform:scale(1.05)}}
.atmosphere::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#050505e6 0%,#05050590 33%,transparent 70%),linear-gradient(#050505 0%,transparent 24%,transparent 86%,#050505)}
.particles{position:absolute;inset:0;z-index:1;mask-image:radial-gradient(ellipse at 50% 40%,transparent 10%,#000 65%)}
.particles span{--rise:68svh;--turn:1;position:absolute;left:var(--px);top:var(--py);width:var(--size,2px);height:calc(var(--size,2px) * 2.8);border-radius:65% 25% 60% 30%;background:currentColor;color:#edbc76;box-shadow:0 0 4px currentColor,0 0 10px #c5a05955;opacity:0;animation:ash-rise var(--duration) var(--delay) ease-in-out infinite}
.particles span:nth-child(even){--turn:-1;border-radius:20% 60% 30% 70%}
.particles span:nth-child(3n){--rise:55svh}
.particles span:nth-child(3n+2){--rise:76svh}
@keyframes atmosphere-arrive{from{opacity:0}to{opacity:1}}
@keyframes ash-rise{
  0%{transform:translate3d(0,28px,0) rotate(0deg) scale(.65);opacity:0;color:#ffdba0}
  12%{opacity:.8}
  25%{transform:translate3d(calc(var(--drift) * 1.4),calc(var(--rise) * -.24),0) rotate(calc(75deg * var(--turn))) scale(.95,.55);opacity:.6;color:#edbc76}
  42%{opacity:.9;color:#ffe0a3}
  50%{transform:translate3d(calc(var(--drift) * -.45),calc(var(--rise) * -.52),0) rotate(calc(185deg * var(--turn))) scale(.55,1);opacity:.45;color:#c38a4c}
  65%{opacity:.65;color:#e2b478}
  75%{transform:translate3d(calc(var(--drift) * 1.7),calc(var(--rise) * -.78),0) rotate(calc(265deg * var(--turn))) scale(.85,.5);opacity:.25;color:#856849}
  100%{transform:translate3d(var(--drift),calc(var(--rise) * -1),0) rotate(calc(370deg * var(--turn))) scale(.3,.7);opacity:0;color:#403c36}
}
@media(min-width:601px) and (max-height:760px){main{padding-bottom:28px}h1{font-size:clamp(36px,4.1vw,54px)}.signature-mark{width:145px}}
@media(max-width:600px){main{padding:24px 22px min(110px,12svh)}h1{font-size:clamp(16px,4.6vw,28px);margin-bottom:30px}.continuity{max-width:285px;margin:auto;font-size:14px}.heritage{font-size:clamp(27px,7.4vw,42px);margin-block:21px 17px}.mobile-break{display:initial}.signature{margin-top:28px;font-size:13px}.fog{opacity:.16}.fog-back{opacity:.06}}
@media(max-height:600px){.masthead img{width:min(240px,42svh)}main{padding:8px 20px 16px}h1{font-size:clamp(16px,min(4.6vw,6svh),28px);margin-bottom:16px}.continuity,.continues{font-size:12px;line-height:1.5}.heritage{font-size:clamp(22px,min(4.1vw,7svh),34px);margin:8px 0}.signature{margin-top:14px}.signature-mark{width:clamp(64px,18svh,100px);margin-top:8px}.signature-name{margin-top:6px;font-size:12px}.founder{margin-top:3px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}.fog{transform:translate(-50%,-50%) rotate(-8deg)}.heritage{background:none;color:var(--gold)}}
@media(forced-colors:active){.heritage{background:none;color:CanvasText}}