@font-face{font-family:"Captain Kidd";src:url("assets/fonts/CAPTKL__.TTF") format("truetype");font-display:swap}
:root{--bg:#100a08;--panel:#17100d;--panel2:#1e1511;--cream:#ead6aa;--paper:#d8bd87;--text:#f1e4c8;--muted:#a88f70;--line:#3b2b22;--gold:#c69a37;--red:#7f2720;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(circle at 82% 5%,#2b1712 0,transparent 31rem),linear-gradient(180deg,#100a08,#0b0807 75%);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(234,214,170,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(234,214,170,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 90%)}.page-noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.04;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='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.site-header,main,footer{width:min(calc(100% - 56px),var(--max));margin:auto}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;transition:.2s}.site-header.scrolled{background:rgba(16,10,8,.9);backdrop-filter:blur(14px)}.brand{font:400 1.1rem "Captain Kidd",serif;letter-spacing:.08em;display:flex;align-items:center;gap:11px}.brand-skull{color:var(--cream);font-family:Georgia,serif;font-size:1rem}.nav{display:flex;gap:28px}.nav a{font:400 .76rem "Captain Kidd",serif;letter-spacing:.08em;color:var(--muted);transition:.2s}.nav a:hover,.nav a.active{color:var(--cream)}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:72px 0 90px;border-bottom:1px solid var(--line)}.eyebrow,.section-kicker{font:400 .72rem "Captain Kidd",serif;letter-spacing:.16em;color:var(--gold);margin:0 0 18px}.hero h1,.section h2,.project-copy h2{font-family:"Captain Kidd",serif;font-weight:400;margin:0;line-height:.93}.hero h1{font-size:clamp(4rem,7vw,7.3rem);letter-spacing:-.04em}.hero h1 span{font-family:Georgia,serif;font-size:.35em;vertical-align:middle;color:var(--paper)}.tagline{font-size:clamp(1.15rem,1.8vw,1.5rem);margin:28px 0 10px}.hero-note{color:var(--muted);line-height:1.75;max-width:600px;margin:0}.hero-actions{display:flex;gap:10px;margin-top:36px}.button{min-height:49px;padding:0 19px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font:400 .75rem "Captain Kidd",serif;letter-spacing:.07em;transition:.2s}.button:hover{transform:translateY(-2px);border-color:#6a4d3b}.button-primary{background:var(--cream);border-color:var(--cream);color:#140c09}.button-primary:hover{background:#f4e3bf}.hero-stats{display:flex;gap:34px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.hero-stats div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.hero-stats strong{font:400 1.7rem "Captain Kidd",serif;color:var(--paper)}.hero-stats span{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);max-width:75px}.hero-art{position:relative;justify-self:end;width:min(100%,560px);padding:13px;border:1px solid var(--line);background:#160d0a;box-shadow:0 30px 80px rgba(0,0,0,.35)}.hero-art:before,.hero-art:after{content:"";position:absolute;width:44px;height:44px;border-color:var(--gold)}.hero-art:before{left:-7px;top:-7px;border-left:1px solid;border-top:1px solid}.hero-art:after{right:-7px;bottom:-7px;border-right:1px solid;border-bottom:1px solid}.hero-art img{width:100%;display:block;filter:saturate(.85) contrast(1.03)}.art-caption{display:block;padding:11px 3px 0;font:400 .63rem "Captain Kidd",serif;letter-spacing:.13em;color:var(--muted)}.marquee{overflow:hidden;border-bottom:1px solid var(--line);background:#140d0b}.marquee-track{width:max-content;display:flex;gap:0;padding:15px 0;animation:marquee 28s linear infinite;font:400 .68rem "Captain Kidd",serif;letter-spacing:.12em;color:var(--muted);will-change:transform}.marquee-group{display:flex;align-items:center;gap:28px;flex-shrink:0;padding-right:28px}.marquee b{color:var(--gold)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-33.3333333333%)}}.section{padding:115px 0;border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;margin-bottom:50px}.section-heading .section-kicker{grid-column:1/-1}.section h2{font-size:clamp(3.2rem,5vw,5.4rem)}.section-heading>p:last-child{color:var(--muted);line-height:1.7;max-width:520px;margin:9px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{min-height:300px;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),#110b09);position:relative;display:flex;flex-direction:column;transition:.25s}.feature-card:hover{transform:translateY(-4px);border-color:#5b4131;background:var(--panel2)}.feature-card.featured{background:linear-gradient(145deg,#24150f,#15100c)}.card-index{position:absolute;right:24px;top:24px;font:400 .7rem "Captain Kidd",serif;color:#755f4a}.card-icon{font-size:1.5rem;color:var(--gold);height:64px}.feature-card h3{font:400 2rem "Captain Kidd",serif;margin:14px 0 10px}.feature-card p{color:var(--muted);line-height:1.7;max-width:500px;margin:0 0 28px}.feature-card a,.card-meta{margin-top:auto;font:400 .7rem "Captain Kidd",serif;letter-spacing:.09em;color:var(--paper)}.feature-card a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.guides-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.guides-section .section-heading{display:block;margin:0}.guides-section .section-heading>p:last-child{margin-top:24px}.guide-list{border-top:1px solid var(--line)}.guide-row{display:grid;grid-template-columns:50px 1fr auto;gap:18px;align-items:center;padding:24px 5px;border-bottom:1px solid var(--line);transition:.2s}.guide-row:hover{padding-left:14px;background:rgba(234,214,170,.025)}.guide-row>span{font:400 .68rem "Captain Kidd",serif;color:var(--gold)}.guide-row strong{font:400 1.35rem "Captain Kidd",serif}.guide-row small{display:block;color:var(--muted);margin-top:6px}.guide-row b{font-weight:400;color:var(--paper)}.project-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:115px 0;border-bottom:1px solid var(--line)}.project-art{padding:12px;background:#d8bd87;border:1px solid #7d6440}.project-art img{width:100%;display:block}.project-copy h2{font-size:clamp(3.5rem,6vw,6.3rem);margin:15px 0 24px}.project-copy h2 em{font-style:normal;color:var(--paper)}.project-copy>p:not(.section-kicker){color:var(--muted);line-height:1.75;max-width:570px}.project-label{font:400 .64rem "Captain Kidd",serif;letter-spacing:.1em;border:1px solid #63432c;color:var(--gold);padding:7px 9px;display:inline-block}.project-credit{font-size:.83rem;border-left:2px solid var(--gold);padding-left:14px;margin:22px 0 32px}.join-section{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.join-copy h2{margin-bottom:22px}.join-copy>p:not(.section-kicker){color:var(--muted);line-height:1.7;max-width:650px;margin-bottom:30px}.invite-code{appearance:none;width:100%;min-height:245px;border:1px solid #5b422f;background:linear-gradient(145deg,rgba(198,154,55,.035),transparent 42%),linear-gradient(145deg,#20150f,#130d0a);color:var(--text);padding:30px;cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;position:relative;overflow:hidden}.invite-code::before{content:"☠";position:absolute;right:-10px;bottom:-58px;color:rgba(234,214,170,.035);font-family:Georgia,serif;font-size:13rem;line-height:1;pointer-events:none;transition:transform .35s ease,color .35s ease}.invite-code:hover::before{transform:rotate(-5deg) scale(1.05);color:rgba(198,154,55,.105)}.invite-code>*{position:relative;z-index:1}.invite-code:hover{transform:translateY(-3px);border-color:var(--gold)}.invite-code span,.invite-code small{font:400 .67rem "Captain Kidd",serif;letter-spacing:.12em;color:var(--muted)}.invite-code strong{font:400 clamp(3rem,6vw,5.2rem) "Captain Kidd",serif;letter-spacing:.04em;color:var(--cream)}.invite-code small{text-align:right;color:var(--gold)}footer{min-height:160px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;color:var(--muted);font-size:.7rem;letter-spacing:.08em}footer .footer-brand{color:var(--text)}footer>p{text-align:center}footer>a:last-child{text-align:right;font:400 .67rem "Captain Kidd",serif}.toast{position:fixed;right:24px;bottom:24px;padding:14px 18px;background:var(--cream);color:#140c09;font-size:.8rem;transform:translateY(80px);opacity:0;transition:.25s;z-index:60}.toast.show{transform:none;opacity:1}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{display:none}.hero,.project-section,.join-section,.guides-section{grid-template-columns:1fr}.hero{gap:45px}.hero-art{justify-self:start;max-width:560px}.section-heading{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.guides-section{gap:45px}.project-art{max-width:620px}.join-section{gap:45px}footer{grid-template-columns:1fr;text-align:center;padding:40px 0}footer>p,footer>a:last-child{text-align:center}}@media(max-width:600px){.site-header,main,footer{width:min(calc(100% - 30px),var(--max))}.site-header{height:72px}.brand{font-size:.9rem}.hero{padding:55px 0 70px}.hero h1{font-size:3.5rem}.hero h1 span{display:none}.hero-actions,.hero-stats{flex-direction:column;align-items:stretch}.hero-stats{gap:12px}.button{width:100%}.section,.project-section{padding:78px 0}.section h2,.project-copy h2{font-size:3.25rem}.feature-card{min-height:270px;padding:24px}.invite-code{min-height:210px}.marquee-track{animation-duration:20s}}

/* Members */
.members-hero{padding:105px 0 58px;border-bottom:1px solid var(--line);text-align:center}.members-hero h1{font:400 clamp(4rem,7vw,7rem)/.95 "Captain Kidd",serif;margin:0}.members-hero>p:last-child{color:var(--muted);line-height:1.7;margin:22px auto 0;max-width:620px}.members-grid{padding:65px 0 115px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.member-card{background:linear-gradient(145deg,#21150f,#110b09);border:1px solid var(--line);padding:8px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.member-card:hover{transform:translateY(-5px);border-color:#6b5037;box-shadow:0 18px 45px rgba(0,0,0,.28)}.member-card img{width:100%;height:auto;display:block}@media(max-width:1050px){.members-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.members-hero{padding-top:75px}}@media(max-width:460px){.members-grid{grid-template-columns:1fr;max-width:340px;margin:auto}}

/* v12: member rank hover + active navigation corner fix */
.member-card{position:relative;overflow:hidden}
.member-rank{position:absolute;left:50%;bottom:18px;z-index:5;transform:translate(-50%,10px);opacity:0;pointer-events:none;white-space:nowrap;padding:9px 14px;border:1px solid rgba(198,154,55,.72);background:rgba(16,10,8,.92);box-shadow:0 7px 22px rgba(0,0,0,.38);color:var(--cream);font:400 .74rem "Captain Kidd",serif;letter-spacing:.07em;transition:opacity .2s ease,transform .2s ease}
.member-card:hover .member-rank,.member-card:focus .member-rank,.member-card:focus-within .member-rank{opacity:1;transform:translate(-50%,0)}
.nav a{position:relative;padding:33px 0 31px}
.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--cream)}
.site-header{overflow:visible}
@media(max-width:900px){.nav a{padding:0}}

/* v13 members polish */
.member-rank{bottom:auto;top:14px;padding:6px 11px;font-size:.68rem;line-height:1.15;transform:translate(-50%,-4px)}
.member-card:hover .member-rank,.member-card:focus .member-rank,.member-card:focus-within .member-rank{transform:translate(-50%,0)}

/* v16: restore the original shared header blend on every page.
   Both index.html and members.html now use the exact same sticky-header logic. */
.site-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header.scrolled{background:rgba(16,10,8,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* Keep the rank label in its original lower position, with a touch more height. */
.member-rank{
  top:auto;
  bottom:18px;
  padding:8px 11px;
  font-size:.68rem;
  line-height:1.15;
  transform:translate(-50%,10px);
}
.member-card:hover .member-rank,
.member-card:focus .member-rank,
.member-card:focus-within .member-rank{transform:translate(-50%,0)}

/* v17: final rank-label height adjustment only. */
.member-rank{
  padding-top:10px;
  padding-bottom:8px;
}


/* v18: roster update note */
.frame-update-note{margin:-76px auto 90px;text-align:center;color:var(--muted);font:400 .68rem "Captain Kidd",serif;letter-spacing:.09em}
@media(max-width:760px){.frame-update-note{margin:-62px auto 75px}}


/* Torch preview: restrained ambient fire flanking the homepage hero */
.hero-torch-stage{position:relative;isolation:isolate;overflow:visible}
.hero-torch-stage>.hero-copy,.hero-torch-stage>.hero-art{position:relative;z-index:2}
.hero-torch{position:absolute;top:50%;width:34px;height:170px;z-index:1;pointer-events:none;opacity:.88;transform:translateY(-42%);filter:drop-shadow(0 8px 10px rgba(0,0,0,.7))}
.hero-torch-left{left:-46px}.hero-torch-right{right:-46px}
.torch-handle{position:absolute;left:14px;top:70px;width:7px;height:94px;background:linear-gradient(90deg,#26150f,#765034 45%,#2a1710);border:1px solid #17100c;transform:rotate(3deg);transform-origin:top center}
.torch-collar{position:absolute;left:7px;top:62px;width:21px;height:12px;border-radius:2px 2px 6px 6px;background:linear-gradient(#8a6338,#3b2518);border:1px solid #21140e;box-shadow:0 3px 7px rgba(0,0,0,.5)}
.torch-glow{position:absolute;left:50%;top:42px;width:260px;height:260px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(225,144,50,.17) 0,rgba(194,92,28,.085) 28%,rgba(130,54,20,.025) 52%,transparent 72%);filter:blur(7px);animation:torchGlow 2.2s ease-in-out infinite alternate}
.torch-flame{position:absolute;left:50%;bottom:101px;transform-origin:50% 100%;border-radius:55% 45% 55% 45%/65% 60% 40% 35%;will-change:transform,filter}
.flame-back{width:27px;height:52px;margin-left:-13.5px;background:radial-gradient(ellipse at 50% 72%,#f6c25d 0 18%,#d86c28 44%,#8c2d18 72%,transparent 74%);filter:drop-shadow(0 0 8px rgba(220,108,35,.65));animation:flameBack .72s ease-in-out infinite alternate}
.flame-front{width:15px;height:34px;margin-left:-7.5px;background:radial-gradient(ellipse at 50% 75%,#fff1ae 0 22%,#efb548 48%,rgba(215,87,29,.5) 72%,transparent 74%);animation:flameFront .49s ease-in-out infinite alternate-reverse}
@keyframes flameBack{0%{transform:scale(.92,1.04) rotate(-3deg) translateX(-1px)}45%{transform:scale(1.06,.94) rotate(3deg) translateX(1px)}100%{transform:scale(.96,1.09) rotate(-1deg) translateY(-2px)}}
@keyframes flameFront{0%{transform:scale(.88,1.08) rotate(4deg)}100%{transform:scale(1.05,.9) rotate(-4deg) translateY(2px)}}
@keyframes torchGlow{0%{opacity:.72;transform:translate(-50%,-50%) scale(.92)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.07)}}
@media(max-width:1380px){.hero-torch-left{left:-24px}.hero-torch-right{right:-24px}.hero-torch{opacity:.65}}
@media(max-width:1050px){.hero-torch{display:none}}
@media(prefers-reduced-motion:reduce){.torch-glow,.torch-flame{animation:none!important}}

/* Torch v3: preserve the original flame/design/animation, only move outward and angle the shafts away from center. */
.hero-torch{top:50%;width:70px;height:180px;opacity:.88;transform:translateY(-42%)}
.hero-torch-left{left:-118px}
.hero-torch-right{right:-118px}
.hero-torch-left .torch-handle{left:30px;top:68px;height:104px;transform:rotate(-28deg);transform-origin:top center}
.hero-torch-right .torch-handle{left:30px;top:68px;height:104px;transform:rotate(28deg);transform-origin:top center}
.hero-torch-left .torch-collar{left:17px;top:60px;transform:rotate(-18deg)}
.hero-torch-right .torch-collar{left:32px;top:60px;transform:rotate(18deg)}
.hero-torch-left .torch-flame{left:28px}
.hero-torch-right .torch-flame{left:42px}
.hero-torch-left .torch-glow{left:31px}
.hero-torch-right .torch-glow{left:45px}
@media(max-width:1380px){.hero-torch-left{left:-82px}.hero-torch-right{right:-82px}.hero-torch{opacity:.7}}
@media(max-width:1120px){.hero-torch-left{left:-50px}.hero-torch-right{right:-50px}.hero-torch{opacity:.6}}

/* Torch v4: keep the approved v3 torch design, but cant the flame itself with each outward-facing torch. */
.hero-torch-left .torch-flame{rotate:-16deg}
.hero-torch-right .torch-flame{rotate:16deg}

/* Torch v5: more detailed POTC-inspired hand torch, preserving the lightweight CSS animation. */
.hero-torch{width:82px;height:196px}
.hero-torch-left .torch-handle,.hero-torch-right .torch-handle{
  top:74px;width:8px;height:112px;border-radius:4px;
  background:linear-gradient(90deg,#160d09 0%,#4b2c1b 18%,#8b5b35 43%,#5c3823 66%,#21120c 100%);
  border:1px solid rgba(12,7,5,.9);
  box-shadow:inset 1px 0 rgba(220,159,91,.22),inset -2px 0 rgba(0,0,0,.35),0 4px 8px rgba(0,0,0,.55)
}
.hero-torch-left .torch-handle{left:35px;transform:rotate(-28deg)}
.hero-torch-right .torch-handle{left:39px;transform:rotate(28deg)}
.torch-handle:after{content:"";position:absolute;left:1px;top:10px;width:2px;height:84%;border-radius:50%;background:linear-gradient(180deg,transparent,rgba(231,169,99,.28) 18%,transparent 35%,rgba(19,9,6,.35) 60%,transparent);opacity:.75}
.hero-torch-left .torch-collar,.hero-torch-right .torch-collar{
  top:61px;width:29px;height:19px;border-radius:4px 4px 9px 9px;
  background:repeating-linear-gradient(165deg,#21120c 0 3px,#6f4024 3px 6px,#321a10 6px 9px);
  border:1px solid #140b08;
  box-shadow:inset 0 2px rgba(207,132,63,.28),0 3px 8px rgba(0,0,0,.62)
}
.hero-torch-left .torch-collar{left:18px;transform:rotate(-18deg)}
.hero-torch-right .torch-collar{left:35px;transform:rotate(18deg)}
.torch-collar:before{content:"";position:absolute;left:3px;right:3px;top:-6px;height:8px;border-radius:50% 50% 30% 30%;background:radial-gradient(ellipse at center,#a35d28 0 18%,#4b2515 48%,#160b08 76%);border:1px solid #170c08}
.torch-collar:after{content:"";position:absolute;left:4px;right:4px;bottom:3px;height:2px;background:rgba(224,150,72,.25);box-shadow:0 -5px rgba(20,10,7,.5)}
/* Lift the fire above the wrapped torch head and make it taller/less emoji-like. */
.torch-flame{bottom:113px!important;filter:saturate(.95)}
.hero-torch-left .torch-flame{left:30px;rotate:-14deg}
.hero-torch-right .torch-flame{left:52px;rotate:14deg}
.flame-back{width:34px;height:66px;margin-left:-17px;border-radius:62% 38% 58% 42%/76% 68% 32% 24%;background:radial-gradient(ellipse at 48% 79%,#ffd36a 0 13%,#f29a35 26%,#d84d1f 49%,#7e1e13 67%,rgba(77,16,10,.35) 75%,transparent 77%);filter:drop-shadow(0 0 6px rgba(255,159,48,.75)) drop-shadow(0 0 17px rgba(188,64,19,.4))}
.flame-back:before,.flame-back:after{content:"";position:absolute;bottom:5px;transform-origin:50% 100%;background:linear-gradient(180deg,rgba(126,25,14,.1),#dc5420 42%,#ffb743 76%,#ffe28b);filter:blur(.15px)}
.flame-back:before{left:-5px;width:16px;height:43px;border-radius:70% 30% 55% 45%/78% 70% 30% 22%;transform:rotate(-13deg)}
.flame-back:after{right:-4px;width:14px;height:37px;border-radius:35% 65% 42% 58%/72% 76% 24% 28%;transform:rotate(15deg)}
.flame-front{width:17px;height:43px;margin-left:-8.5px;border-radius:60% 40% 54% 46%/75% 67% 33% 25%;background:radial-gradient(ellipse at 50% 78%,#fff7c7 0 18%,#ffd96d 34%,#f39b32 59%,rgba(214,65,24,.34) 75%,transparent 77%)}
.torch-glow{top:35px;width:300px;height:300px;background:radial-gradient(circle,rgba(238,146,45,.18) 0,rgba(196,77,23,.085) 30%,rgba(120,43,18,.025) 54%,transparent 73%)}
.hero-torch-left .torch-glow{left:32px}.hero-torch-right .torch-glow{left:53px}


/* Localized TLOPO-style loot dust: intentionally confined beneath the hero copy/buttons. */
.hero-copy{position:relative;z-index:2}
.hero-loot-dust{position:absolute;left:3%;right:3%;bottom:18px;width:auto;height:105px;margin:0;pointer-events:none;overflow:hidden;z-index:1}
.hero-loot-dust i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,#fff2a8 0 18%,#e7bb4f 38%,#b97920 68%,transparent 72%);box-shadow:0 0 7px rgba(255,221,111,.95),0 0 17px rgba(219,151,42,.72),0 0 30px rgba(173,94,23,.32);opacity:0;animation:heroLootSpark 3.25s ease-in-out infinite;animation-delay:var(--d);will-change:transform,opacity,filter}
.hero-loot-dust i:nth-child(3n){animation-duration:2.7s}.hero-loot-dust i:nth-child(4n){animation-duration:3.8s}.hero-loot-dust i:nth-child(5n){filter:blur(.35px)}
@keyframes heroLootSpark{0%,12%,100%{opacity:0;transform:translate3d(0,10px,0) scale(.35)}24%{opacity:.35}42%{opacity:1;transform:translate3d(2px,-2px,0) scale(1.18)}58%{opacity:.7;transform:translate3d(-2px,-12px,0) scale(.9)}76%{opacity:.16;transform:translate3d(1px,-24px,0) scale(.55)}88%{opacity:0;transform:translate3d(0,-31px,0) scale(.3)}}
@media(max-width:1050px){.hero-loot-dust{display:none}}
@media(prefers-reduced-motion:reduce){.hero-loot-dust i{animation:none!important;opacity:.35}}

/* Final dust placement: keep the wide bottom spread, but let sparks rise modestly higher without reaching the guild artwork. */
.hero-loot-dust{
  bottom:18px;
  height:155px;
}

/* Single-line hero title after roster removal */
@media(min-width:901px){.hero h1{white-space:nowrap;font-size:clamp(3.7rem,5.65vw,6.15rem)}}

/* Desktop Galleon title artwork */
.project-title-row{display:flex;align-items:center;gap:24px;margin:15px 0 24px}
.project-title-row h2{margin:0;flex:1}
.project-ship-frame{flex:0 0 165px;width:165px;aspect-ratio:1;border:1px solid #6a4d32;background:linear-gradient(145deg,#21150f,#100a08);padding:8px;position:relative;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.project-ship-frame:before,.project-ship-frame:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--gold)}
.project-ship-frame:before{left:-5px;top:-5px;border-left:1px solid;border-top:1px solid}
.project-ship-frame:after{right:-5px;bottom:-5px;border-right:1px solid;border-bottom:1px solid}
.project-ship-frame img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:600px){.project-title-row{align-items:flex-start;gap:14px}.project-ship-frame{flex-basis:110px;width:110px;padding:6px}}