*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
input,select,textarea,button{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit}
:root{
--pale:#EDE6F5;
--deep:#1B1630;
--violet:#5B2BD9;
--amber:#FFB800;
--soft:#5C5674;
--big:clamp(2.2rem,6vw,4.4rem);
--mid:clamp(1.7rem,3.6vw,2.6rem);
--word:clamp(2rem,6.4vw,4rem);
--read:1.06rem;
--thin:.74rem;
--side:clamp(1.2rem,4vw,3.6rem);
--rest:clamp(2.8rem,6vw,5.4rem);
--disc:22rem;
}
body{
background:var(--pale);
color:var(--deep);
font-family:"Nunito Sans",Helvetica,Arial,sans-serif;
font-size:var(--read);
line-height:1.72;
-webkit-font-smoothing:antialiased;
}
h1,h2{font-family:"Unbounded",Verdana,Geneva,sans-serif;font-weight:600;line-height:1.1;letter-spacing:-.01em}
h1{font-size:var(--mid)}
h2{font-size:var(--big)}
.hold-1{max-width:76rem;margin-left:auto;margin-right:auto;padding-left:var(--side);padding-right:var(--side)}
.rest-1{padding-top:var(--rest);padding-bottom:var(--rest)}
.duo-1{display:grid;grid-template-columns:1fr;column-gap:clamp(1.6rem,3.4vw,3.2rem);row-gap:clamp(1.6rem,3.4vw,2.6rem)}
.trio-1{display:grid;grid-template-columns:1fr;column-gap:clamp(1.6rem,3.4vw,3.2rem);row-gap:clamp(1.4rem,3vw,2.2rem)}
@media (min-width:760px){
.duo-1{grid-template-columns:var(--disc) 1fr}
.trio-1{grid-template-columns:1fr 1fr}
}
@media (min-width:1080px){
.trio-1{grid-template-columns:1fr 1fr 1fr}
}
.disc-2{width:min(100%,var(--disc));aspect-ratio:1/1;border-radius:50%;overflow:hidden}
.disc-2 img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hero-2{width:min(100%,40rem);aspect-ratio:1/1;border-radius:50%;overflow:hidden;margin-left:auto;margin-right:auto}
.hero-2 img{width:100%;height:100%;object-fit:cover;border-radius:50%}
body:has(.gate-1) .hop-1,
body:has(.gate-1) .bar-1{
background:#1a070c;
color:var(--pale);
}
body:has(.gate-1) .knob-2,
body:has(.gate-1) .menu-2 a[aria-current="page"]{
color:#f0d78a;
}
.gate-1{
background:
radial-gradient(ellipse 70% 90% at 82% 48%,rgba(201,162,39,.22),transparent 58%),
radial-gradient(ellipse 55% 70% at 12% 80%,rgba(91,43,217,.18),transparent 60%),
linear-gradient(165deg,#1a070c 0%,#4a101c 42%,#1b1630 100%);
color:var(--pale);
overflow:hidden;
}
.gate-2{display:grid;grid-template-columns:1fr;align-items:center;gap:clamp(1.8rem,4.2vw,3.8rem)}
.gate-3 .lede-2{color:#dccfc0}
.gate-3 .rule-2{color:#f0d78a;max-width:42ch}
.seal-2{
position:relative;
width:min(100%,26rem);
margin:0 auto;
padding:.55rem;
border-radius:1.7rem;
background:linear-gradient(145deg,#f3e0a6 0%,#c9a227 38%,#8a6410 72%,#e8c96a 100%);
box-shadow:0 0 0 1px rgba(243,224,166,.45),0 22px 54px rgba(12,0,6,.5),0 0 90px rgba(201,162,39,.28);
}
.seal-2::before{
content:"";
position:absolute;
inset:-18%;
border-radius:50%;
background:radial-gradient(circle,rgba(201,162,39,.38) 0%,transparent 68%);
pointer-events:none;z-index:0;
}
.seal-2 img{
position:relative;z-index:1;
width:100%;height:auto;aspect-ratio:1/1;
border-radius:1.2rem;
display:block;
}
@media (min-width:900px){
.gate-2{grid-template-columns:minmax(0,1.08fr) minmax(18rem,26rem)}
.seal-2{margin-right:0}
}
.coin-2{width:min(100%,var(--disc));aspect-ratio:1/1;border-radius:50%;background:var(--deep);color:var(--pale);display:grid;place-items:center;font-family:"Unbounded",Verdana,sans-serif;font-size:clamp(3rem,9vw,6rem);line-height:1}
.note-3{margin-top:.8rem;font-size:var(--thin);line-height:1.5;color:var(--soft);max-width:32ch}
.name-2{margin-top:0}
.town-3{margin-top:.7rem;font-size:var(--thin);letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}
.lead-3{margin-top:1.1rem;font-family:"Unbounded",Verdana,sans-serif;font-size:clamp(1.06rem,1.9vw,1.32rem);line-height:1.36;max-width:34ch}
.body-3{margin-top:1.4rem;max-width:58ch}
.step-4{margin-top:1.3rem}
.step-4:first-child{margin-top:0}
.tag-4{display:block;font-size:var(--thin);letter-spacing:.28em;text-transform:uppercase;color:var(--violet);margin-bottom:.35rem}
.ask-3{margin-top:1.6rem;max-width:58ch;padding-left:1rem;border-left:6px solid var(--amber)}
.ask-3 b{display:block;font-size:var(--thin);letter-spacing:.28em;text-transform:uppercase;color:var(--soft);margin-bottom:.35rem}
.date-3{margin-top:1.1rem;font-size:var(--thin);letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}
.head-2{max-width:24ch}
.lede-2{margin-top:1.1rem;max-width:54ch;font-size:1.14rem;color:var(--soft)}
.word-2{font-family:"Unbounded",Verdana,sans-serif;font-size:var(--word);line-height:1.08;text-decoration:none;display:block;color:var(--violet)}
.under-3{margin-top:.4rem;font-size:var(--thin);letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
.item-2{padding-top:1.2rem;padding-bottom:1.2rem}
.tail-2{margin-top:var(--rest);padding-left:1rem;border-left:6px solid var(--violet);max-width:68ch;font-size:.95rem;color:var(--soft)}
.tie-3{text-decoration:none;border-bottom:3px solid var(--amber)}
.hop-1{display:block;padding:.5rem var(--side);font-size:var(--thin)}
.bar-1{padding:1rem var(--side);display:flex;flex-wrap:wrap;align-items:baseline;gap:.7rem 1.6rem}
.sign-2{font-family:"Unbounded",Verdana,sans-serif;font-weight:600;font-size:1.18rem;text-decoration:none;margin-right:auto}
.knob-2{display:none;font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;color:var(--violet)}
.menu-2{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;width:100%}
.menu-2 a{text-decoration:none;font-size:var(--thin);letter-spacing:.2em;text-transform:uppercase}
.menu-2 a[aria-current="page"]{color:var(--violet)}
[data-js="on"] .knob-2{display:block}
[data-js="on"] .menu-2[data-open="false"]{display:none}
[data-js="on"] .menu-2[data-open="true"]{display:flex;flex-direction:column;gap:.9rem}
@media (min-width:760px){
.menu-2{width:auto;flex-wrap:nowrap}
[data-js="on"] .menu-2[data-open="false"]{display:flex;flex-direction:row}
[data-js="on"] .knob-2{display:none}
}
.foot-1{margin-top:var(--rest);padding-top:var(--rest);padding-bottom:var(--rest);border-top:6px solid var(--deep)}
.foot-2 a{display:block;font-family:"Unbounded",Verdana,sans-serif;font-size:clamp(1.1rem,2.2vw,1.6rem);text-decoration:none;padding-top:.3rem;padding-bottom:.3rem}
.foot-3{margin-top:1.6rem;max-width:54ch;font-size:.94rem;color:var(--soft)}
.mark-3{margin-top:.9rem;font-size:var(--thin);letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}
.prose-2{max-width:62ch}
.prose-2 p{margin-top:1rem}
:focus-visible{outline:4px solid var(--violet);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.disc-2,.coin-2{align-self:start}
.under-3{display:block}
.body-3 .tag-4{margin-top:1.4rem}
.body-3 .step-4{margin-top:0}
.body-3 .tag-4:first-child{margin-top:0}
.word-2:hover{color:var(--deep)}
.link-2{font-family:"Unbounded",Verdana,sans-serif;font-size:1.02rem;text-decoration:none;border-bottom:3px solid var(--amber);padding-bottom:.15rem}
.turn-2{margin-top:var(--rest)}
.form-1{margin-top:2rem;max-width:44rem}
.field-2{margin-top:1.6rem}
.tab-3{display:block;font-size:var(--thin);letter-spacing:.26em;text-transform:uppercase;color:var(--soft);margin-bottom:.4rem}
.box-3{display:block;width:100%;background:none;border:0;border-bottom:3px solid var(--deep);padding:.5rem 0;border-radius:0}
.tick-3{width:1.2rem;height:1.2rem;margin-right:.6rem}
.send-2{margin-top:2rem;font-family:"Unbounded",Verdana,sans-serif;font-size:1.02rem;color:var(--violet);border-bottom:3px solid var(--amber);padding-bottom:.2rem}
.wait-2{margin-top:1.4rem;font-size:.94rem;color:var(--soft)}
.rule-2{margin-top:1.4rem;font-size:1.02rem}
.agree-3{font-size:.94rem;line-height:1.6}
.help-3{margin-top:1.6rem;max-width:54ch;font-size:.94rem;color:var(--soft)}