@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');
:root { --ink:#f2efe7; --muted:#96938b; --line:rgba(242,239,231,.16); --gold:#cba648; --night:#070706; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--night); }
body { margin:0; background:var(--night); color:var(--ink); font-family:Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
main { position:relative; overflow:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
::selection { background:var(--gold); color:#090908; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.shell { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
.site-header { position:absolute; z-index:50; top:0; left:0; right:0; height:96px; display:flex; align-items:center; justify-content:space-between; padding:0 max(48px,calc((100vw - 1280px)/2)); border-bottom:1px solid rgba(255,255,255,.11); background:linear-gradient(180deg,rgba(11,11,10,.54),rgba(11,11,10,.16)); backdrop-filter:blur(18px) saturate(125%); -webkit-backdrop-filter:blur(18px) saturate(125%); }
.wordmark { display:flex; align-items:center; font-size:19px; letter-spacing:-.05em; font-weight:600; }
.wordmark b { color:var(--gold); font-weight:500; }
.desktop-nav { display:flex; align-items:center; gap:38px; font-size:13px; }
.desktop-nav>a { color:#b7b3ab; transition:color .2s; }
.desktop-nav>a:hover { color:white; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:0 24px; border:1px solid var(--ink); border-radius:99px; font-size:12px; font-weight:600; letter-spacing:.04em; transition:background .25s,color .25s,border-color .25s,transform .25s; }
.button:hover { transform:translateY(-2px); }
.button--primary { background:var(--ink); color:#0b0b0a; }
.button--ghost { border-color:var(--line); color:var(--ink); background:rgba(255,255,255,.015); }
.button--nav { min-height:39px; padding-inline:19px; border-color:rgba(255,255,255,.25); }
.button.is-disabled { color:#77746e; border-color:rgba(255,255,255,.12); cursor:not-allowed; }
.button.is-disabled:hover { transform:none; }
.menu-button,.mobile-nav { display:none; }
.hero { min-height:100svh; position:relative; overflow:hidden; display:flex; align-items:center; isolation:isolate; border-bottom:1px solid var(--line); }
.hero::after { content:""; position:absolute; inset:0; z-index:12; pointer-events:none; opacity:.22; 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='.17'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }
.hero-content { position:relative; z-index:10; padding-top:82px; }
.eyebrow { margin:0 0 34px; font:500 11px/1.4 "DM Mono",monospace; color:#aaa69c; letter-spacing:.12em; }
.eyebrow span { color:var(--gold); margin-right:18px; }
h1 { margin:0; max-width:900px; font-size:clamp(64px,7.6vw,126px); line-height:.88; letter-spacing:-.075em; font-weight:500; }
h1 span { display:block; color:#a5a199; }
.hero-copy { max-width:555px; margin:40px 0 0 2px; color:#aaa79f; font-size:clamp(15px,1.25vw,18px); line-height:1.72; }
.hero-glass { width:min(625px,100%); margin-top:34px; padding:1px 30px 28px; border:1px solid rgba(255,255,255,.12); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 26px 90px rgba(0,0,0,.26); backdrop-filter:blur(20px) saturate(120%); -webkit-backdrop-filter:blur(20px) saturate(120%); }
.hero-glass .hero-copy { margin-top:26px; }
.hero-actions { display:flex; gap:12px; margin-top:36px; }
.mission-strip { display:flex; gap:0; margin-top:68px; font:400 10px/1 "DM Mono",monospace; color:#77746d; letter-spacing:.11em; }
.mission-strip span { padding:0 24px; border-left:1px solid var(--line); }
.mission-strip span:first-child { padding-left:0; border:0; }
.mission-strip b { color:#d9d5cc; font-weight:500; margin-right:8px; }
.stars { position:absolute; inset:0; z-index:-3; opacity:.6; background-image:radial-gradient(circle at 12% 21%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 37% 15%,#fff 0 .7px,transparent 1.3px),radial-gradient(circle at 55% 33%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 88% 17%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 79% 69%,#fff 0 .6px,transparent 1.2px),radial-gradient(circle at 43% 79%,#fff 0 .8px,transparent 1.4px); }
.moon { position:absolute; z-index:-1; width:min(68vw,980px); aspect-ratio:1; right:-18%; bottom:-32%; border-radius:50%; overflow:hidden; background:radial-gradient(circle at 38% 34%,#d5d1c6 0,#a9a59b 32%,#74716b 60%,#343332 78%,#111 100%); box-shadow:-55px -25px 120px rgba(224,217,196,.08),inset -75px -30px 110px rgba(0,0,0,.75); }
.moon::before { content:""; position:absolute; inset:0; opacity:.72; background:radial-gradient(ellipse at 34% 22%,rgba(75,74,70,.28) 0 6%,transparent 7%),radial-gradient(ellipse at 58% 44%,rgba(63,62,59,.23) 0 10%,transparent 11%),radial-gradient(ellipse at 22% 61%,rgba(59,58,55,.22) 0 13%,transparent 14%),radial-gradient(circle at 72% 21%,rgba(237,233,220,.13) 0 5%,transparent 6%); filter:contrast(1.2); }
.hero-character { position:absolute; z-index:3; right:clamp(-50px,-1vw,-16px); bottom:-3%; height:min(72svh,720px); aspect-ratio:2/3; pointer-events:none; filter:drop-shadow(-28px 25px 65px rgba(0,0,0,.68)); will-change:transform; }
.hero-doge { display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom; opacity:.96; mix-blend-mode:screen; mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 88%,transparent 100%); -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 88%,transparent 100%); }
.hero-doge-label { position:absolute; right:18%; bottom:14%; display:flex; flex-direction:column; gap:5px; padding:12px 15px; border:1px solid rgba(255,255,255,.2); border-radius:12px; background:rgba(8,8,8,.42); box-shadow:inset 0 1px rgba(255,255,255,.08); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); letter-spacing:.11em; }
.hero-doge-label span { color:#75716a; font-size:7px; }
.hero-doge-label b { color:#d3cec3; font-size:8px; font-weight:500; }
.crater { position:absolute; display:block; border-radius:50%; border:1px solid rgba(42,42,40,.28); box-shadow:inset 14px 10px 22px rgba(28,28,27,.35),-6px -4px 12px rgba(240,236,221,.1); }
.c1{width:16%;height:16%;left:23%;top:27%}.c2{width:8%;height:8%;left:54%;top:18%}.c3{width:12%;height:12%;left:66%;top:48%}.c4{width:5%;height:5%;left:43%;top:61%}.c5{width:20%;height:20%;left:15%;top:66%}
.orbit { position:absolute; z-index:4; right:-7%; bottom:7%; width:67vw; height:44vw; border:1px solid rgba(223,217,200,.22); border-radius:50%; transform:rotate(-24deg); }
.satellite { position:absolute; top:4%; left:31%; width:96px; height:42px; animation:float 7s ease-in-out infinite; transform:rotate(24deg); }
.sat-body { position:absolute; left:35px; top:6px; width:30px; height:30px; display:grid; place-items:center; border:1px solid #ded9c9; background:#bab5aa; color:#615535; font:600 14px Inter; font-style:normal; box-shadow:0 0 25px rgba(220,212,190,.13); }
.panel { position:absolute; top:12px; width:31px; height:18px; border:1px solid #797c7e; background:repeating-linear-gradient(90deg,#24313a 0 6px,#55616a 7px 8px); }
.panel--left{left:0}.panel--right{right:0}.dish{position:absolute;left:43px;top:-12px;width:14px;height:14px;border:1px solid #b9b5aa;border-radius:50% 50% 0 50%;transform:rotate(45deg)}
.hero-caption { position:absolute; z-index:5; right:38px; bottom:36px; writing-mode:vertical-rl; color:#77736a; font-size:9px; letter-spacing:.17em; }
.ambient-doges { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.ambient-doge { position:absolute; width:clamp(230px,25vw,410px); opacity:.055; mix-blend-mode:screen; filter:saturate(.65) contrast(1.08); mask-image:radial-gradient(ellipse 66% 70% at 50% 48%,#000 32%,transparent 78%); -webkit-mask-image:radial-gradient(ellipse 66% 70% at 50% 48%,#000 32%,transparent 78%); animation:doge-drift 10s ease-in-out infinite; }
.ambient-doge--one { right:-4vw; top:16vh; transform:rotate(-7deg); }
.ambient-doge--two { left:-8vw; bottom:-6vh; transform:scaleX(-1) rotate(8deg); animation-delay:-5s; }
.mono { font-family:"DM Mono",monospace; }
.placeholder-section { min-height:80vh; padding-block:160px; }
.placeholder-section h2 { font-size:clamp(56px,7vw,105px); line-height:.94; letter-spacing:-.065em; font-weight:500; }
.section-pad { padding-block:clamp(120px,15vw,220px); }
.section-heading h2,.finale h2 { margin:0; font-size:clamp(56px,7.4vw,112px); line-height:.91; letter-spacing:-.07em; font-weight:500; }
.section-intro { max-width:500px; color:var(--muted); font-size:16px; line-height:1.75; }
.story-section { position:relative; }
.story-section .section-intro { margin:42px 0 0 42%; }
.timeline { margin-top:130px; margin-left:22%; padding-inline:42px; border:1px solid rgba(255,255,255,.12); border-radius:30px; background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.016)); box-shadow:inset 0 1px rgba(255,255,255,.07),0 36px 100px rgba(0,0,0,.22); backdrop-filter:blur(22px) saturate(120%); -webkit-backdrop-filter:blur(22px) saturate(120%); }
.milestone { display:grid; grid-template-columns:130px 1fr; gap:28px; padding:60px 0 70px; border-bottom:1px solid var(--line); }
.milestone-no { color:#55534e; font:400 13px "DM Mono",monospace; }
.milestone-label { margin:0 0 18px; color:var(--gold); font-size:10px; letter-spacing:.15em; }
.milestone h3 { max-width:690px; margin:0 0 24px; font-size:clamp(27px,3vw,44px); line-height:1.12; letter-spacing:-.045em; font-weight:500; }
.milestone p:not(.milestone-label) { max-width:650px; margin:0; color:var(--muted); font-size:15px; line-height:1.75; }
.text-link { display:inline-flex; align-items:center; gap:14px; margin-top:26px; padding-bottom:5px; border-bottom:1px solid #77736a; font-size:13px; }
.text-link span { color:var(--gold); }
.distinction { display:grid; grid-template-columns:80px 1fr; gap:28px; max-width:870px; margin:90px 0 0 auto; padding:32px 36px; border:1px solid rgba(255,255,255,.13); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 25px 80px rgba(0,0,0,.22); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.distinction-mark { color:var(--gold); font-size:40px; }
.distinction p { margin:0; color:#8d8a83; font-size:13px; line-height:1.75; }
.distinction b { color:#cfcbc2; font-weight:500; }
.parameters { background:#eeece5; color:#11110f; }
.parameters .eyebrow { color:#66645f; }
.parameters .section-heading.horizontal { display:flex; justify-content:space-between; align-items:flex-end; }
.parameters .section-intro { margin:0 5% 1.5%; color:#686660; }
.parameter-grid { display:grid; grid-template-columns:1.5fr .8fr .7fr .9fr; margin-top:105px; border-top:1px solid #bdbab1; border-bottom:1px solid #bdbab1; }
.parameter { min-height:260px; display:flex; flex-direction:column; padding:38px 26px 26px; border-left:1px solid #bdbab1; }
.parameter:first-child { border-left:0; padding-left:0; }
.parameter strong { font-size:clamp(33px,3.8vw,60px); line-height:1; letter-spacing:-.06em; font-weight:500; }
.parameter span { margin-top:14px; color:#65635d; font-size:13px; }
.parameter small { margin-top:auto; color:#8a877e; font:500 9px "DM Mono",monospace; letter-spacing:.14em; }
.rewards { position:relative; overflow:hidden; }
.rewards-layout { display:grid; grid-template-columns:1.15fr .7fr; gap:11vw; align-items:start; }
.rewards h2 span { color:#77746d; }
.rewards-copy { margin-top:42px; padding:28px 30px; border:1px solid rgba(255,255,255,.13); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.015)); box-shadow:inset 0 1px rgba(255,255,255,.07),0 28px 90px rgba(0,0,0,.25); backdrop-filter:blur(20px) saturate(120%); -webkit-backdrop-filter:blur(20px) saturate(120%); }
.rewards-copy p { color:#817e77; font-size:14px; line-height:1.8; }
.rewards-copy .lead { color:#d4d0c7; font-size:20px; line-height:1.55; }
.status-line { display:grid; grid-template-columns:10px 70px 1fr; gap:14px; align-items:center; margin-top:46px; padding-top:24px; border-top:1px solid var(--line); }
.status-line i { width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 16px rgba(203,166,72,.35); }
.status-line span { color:#67645e; font-size:9px; letter-spacing:.15em; }
.status-line strong { color:#bab6ac; font-size:12px; font-weight:500; }
.mechanics { display:grid; grid-template-columns:repeat(3,1fr); margin-top:130px; border:1px solid rgba(255,255,255,.12); border-radius:26px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012)); overflow:hidden; box-shadow:inset 0 1px rgba(255,255,255,.06); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.mechanics>div { min-height:190px; padding:28px 30px; border-left:1px solid var(--line); }
.mechanics>div:first-child { border-left:0; padding-left:0; }
.mechanics span { color:#55524c; font:400 10px "DM Mono",monospace; }
.mechanics p { margin:40px 0 8px; color:#77746d; font-size:12px; }
.mechanics strong { font-size:23px; font-weight:500; letter-spacing:-.035em; }
.rewards-orbit { position:absolute; width:680px; height:680px; right:-430px; top:35px; border:1px solid rgba(255,255,255,.07); border-radius:50%; }
.section-doge { position:absolute; z-index:0; width:clamp(260px,30vw,520px); right:-7%; bottom:2%; opacity:.16; mix-blend-mode:screen; filter:saturate(.55) contrast(1.08); mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 68%,transparent 100%); -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 68%,transparent 100%); animation:section-doge-hover 8s ease-in-out infinite; }
.rewards .shell { position:relative; z-index:2; }
.finale { min-height:1000px; position:relative; overflow:hidden; display:flex; align-items:flex-start; padding-top:clamp(120px,14vw,200px); isolation:isolate; border-top:1px solid var(--line); }
.finale-content { position:relative; z-index:3; text-align:center; }
.finale .eyebrow { margin-bottom:36px; }
.finale h2 { font-size:clamp(55px,7vw,108px); }
.finale-actions { display:flex; justify-content:center; gap:12px; margin-top:42px; }
.contract { width:min(720px,100%); margin:75px auto 0; display:flex; align-items:center; justify-content:space-between; padding:20px 24px; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015)); box-shadow:inset 0 1px rgba(255,255,255,.07),0 25px 80px rgba(0,0,0,.2); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); text-align:left; }
.contract div { display:flex; align-items:center; gap:30px; min-width:0; }
.contract span { color:#66635d; font-size:9px; letter-spacing:.14em; }
.contract strong { color:#b2aea5; font:400 12px "DM Mono",monospace; overflow:hidden; text-overflow:ellipsis; }
.contract button { border:0; background:transparent; color:#d8d4cb; display:flex; align-items:center; gap:12px; font-size:11px; cursor:pointer; }
.contract button:disabled { color:#56534e; cursor:not-allowed; }
.contract button span { font-size:14px; }
.horizon { position:absolute; z-index:-1; width:160%; aspect-ratio:2.9/1; left:-30%; bottom:-13%; border-radius:50% 50% 0 0; background:radial-gradient(ellipse at 50% 0%,#c2beb2 0,#716e67 22%,#292827 52%,#0a0a09 75%); box-shadow:0 -2px 55px rgba(222,216,195,.28),0 -16px 150px rgba(180,174,156,.08); }
.horizon::after { content:""; position:absolute; inset:0; opacity:.45; border-radius:inherit; background:radial-gradient(circle at 23% 22%,rgba(15,15,14,.42) 0 5%,transparent 6%),radial-gradient(circle at 66% 15%,rgba(23,23,22,.4) 0 7%,transparent 8%),radial-gradient(circle at 76% 39%,rgba(12,12,11,.35) 0 4%,transparent 5%); }
.finale-stars { position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 17% 17%,#fff 0 .8px,transparent 1px),radial-gradient(circle at 38% 30%,#fff 0 .6px,transparent 1px),radial-gradient(circle at 75% 19%,#fff 0 .7px,transparent 1px),radial-gradient(circle at 88% 44%,#fff 0 .6px,transparent 1px); opacity:.45; }
.footer { min-height:260px; display:grid; grid-template-columns:180px 1fr 240px; gap:60px; align-items:center; border-top:1px solid var(--line); }
.footer p { max-width:660px; margin:0; color:#6f6c66; font-size:11px; line-height:1.75; }
.footer-links { display:flex; justify-content:flex-end; gap:22px; color:#56534e; font-size:8px; letter-spacing:.12em; }
[data-reveal] { opacity:0; transform:translateY(28px); transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1); }
[data-reveal].is-visible { opacity:1; transform:none; }
@keyframes float { 0%,100%{transform:rotate(24deg) translateY(0)} 50%{transform:rotate(24deg) translateY(-8px)} }
@keyframes doge-drift { 0%,100%{translate:0 0} 50%{translate:0 -18px} }
@keyframes section-doge-hover { 0%,100%{transform:translate3d(0,0,0) rotate(2deg)} 50%{transform:translate3d(-8px,-22px,0) rotate(-1deg)} }
@media (max-width:800px){
  .shell{width:min(100% - 40px,1280px)} body.menu-open{overflow:hidden}.site-header{height:74px;padding-inline:20px}.desktop-nav{display:none}.menu-button{display:flex;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px;padding:10px;position:relative;z-index:2}.menu-button span:not(.sr-only){height:1px;width:22px;background:#eee;transition:transform .2s}.menu-button.is-active span:nth-child(2){transform:translateY(3.5px) rotate(45deg)}.menu-button.is-active span:nth-child(3){transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:absolute;display:flex;visibility:hidden;opacity:0;inset:0 0 auto 0;min-height:100svh;padding:110px 20px 40px;background:rgba(9,9,8,.86);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-direction:column;gap:28px;font-size:28px;transform:translateY(-12px);transition:.25s}.mobile-nav.is-open{visibility:visible;opacity:1;transform:none}.mobile-nav span{font-size:12px;color:#6d6a64;margin-top:auto}.hero{min-height:1100px;align-items:flex-start}.hero-content{padding-top:155px}.eyebrow{margin-bottom:24px}h1{font-size:clamp(52px,15vw,78px);max-width:620px}.hero-glass{margin-top:28px;padding:1px 20px 22px}.hero-copy{max-width:480px;font-size:14px;line-height:1.65}.hero-actions{flex-direction:column;align-items:stretch;max-width:270px}.mission-strip{margin-top:38px}.mission-strip span{padding:0 9px}.hero-character{height:470px;right:-55px;bottom:-1%;z-index:4}.hero-doge{opacity:.94}.hero-doge-label{right:23%;bottom:13%;padding:10px 12px}.moon{width:112vw;right:-50%;bottom:-20%}.orbit{width:115vw;height:80vw;right:-35%;bottom:2%}.satellite{transform:scale(.75) rotate(24deg);left:18%}.hero-caption{display:none}.ambient-doge{width:240px;opacity:.045}.ambient-doge--one{right:-30%;top:18vh}.ambient-doge--two{left:-35%}.section-pad{padding-block:105px}.section-heading h2,.finale h2{font-size:clamp(48px,13vw,66px)}.story-section .section-intro{margin:30px 0 0}.timeline{margin:75px 0 0;padding-inline:20px;border-radius:22px}.milestone{grid-template-columns:42px 1fr;gap:12px;padding:44px 0}.milestone h3{font-size:27px}.milestone p:not(.milestone-label){font-size:13px}.distinction{grid-template-columns:35px 1fr;margin-top:60px;padding:24px 20px}.parameters .section-heading.horizontal{display:block}.parameters .section-intro{margin:28px 0 0}.parameter-grid{grid-template-columns:1fr 1fr;margin-top:65px}.parameter{min-height:185px;padding:24px 18px;border-bottom:1px solid #bdbab1}.parameter:nth-child(odd){border-left:0;padding-left:0}.parameter strong{font-size:clamp(27px,8vw,42px)}.rewards-layout{grid-template-columns:1fr;gap:35px}.rewards-copy{margin-top:0;padding:24px 20px}.mechanics{grid-template-columns:1fr;margin-top:75px;padding-inline:20px}.mechanics>div,.mechanics>div:first-child{min-height:auto;padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}.mechanics>div:last-child{border-bottom:0}.mechanics p{margin:18px 0 5px}.section-doge{right:-38%;bottom:9%;opacity:.1}.finale{min-height:850px;padding-top:110px}.finale-actions{flex-direction:column;max-width:270px;margin-inline:auto}.contract{margin-top:54px;padding:18px 17px}.contract div{display:block}.contract strong{display:block;margin-top:8px}.horizon{width:220%;left:-60%;bottom:-5%;aspect-ratio:2.2/1}.footer{grid-template-columns:1fr;gap:28px;padding-block:60px}.footer-links{justify-content:flex-start;flex-wrap:wrap}
}
@media (max-width:800px){.hero{min-height:1060px}.hero-character{height:390px;right:-42px;bottom:0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.satellite{animation:none}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:2px}