:root{--g:#2aff00;--g2:#1a9e00;--ink:#000;--bone:#e9e4d8;--dim:#8f948a;--blue:#3d7fd1;
  --bl:'UnifrakturMaguntia','Pirata One',serif;--cook:'UnifrakturCook','UnifrakturMaguntia',serif;
  --pir:'Pirata One','UnifrakturMaguntia',serif;--sc:'Cormorant SC','Cormorant Garamond',serif;--body:'Cormorant Garamond',Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{background:#000;color:var(--bone)}
body{font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
:focus-visible{outline:1px dashed var(--g);outline-offset:6px}
.bl{font-family:var(--bl);font-weight:400}
.bl-cook{font-family:var(--cook);font-weight:700}
.sc{font-family:var(--sc);font-weight:500;letter-spacing:.32em;text-transform:lowercase}
.z{display:inline-block;line-height:1}
/* hero */
.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;background:url(assets/hand.jpg) center 30%/cover no-repeat;opacity:.85}
.hero-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(0,0,0,.05),rgba(0,0,0,.55) 75%),linear-gradient(to bottom,rgba(0,0,0,0) 40%,#000 97%)}
.hero-in{text-align:center;padding:12vh 6vw 14vh}
.word{margin:0 auto;width:min(58vw,360px)}
.word img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(42,255,0,.35))}
.sub{color:var(--g);font-size:clamp(34px,5vw,56px);margin-top:1.2vh;text-shadow:0 0 14px rgba(42,255,0,.4)}
.def{max-width:28em;margin:5vh auto 0;color:var(--g);font-size:13px;line-height:2;letter-spacing:.34em}
.def span{display:block;color:rgba(233,228,216,.75);letter-spacing:.24em;margin-top:.6em}
.down{position:absolute;bottom:4vh;left:50%;transform:translateX(-50%);font-size:12px;color:var(--g);border-bottom:1px solid rgba(42,255,0,.4);padding-bottom:3px}
/* body */
.wrap{max-width:1240px;margin:0 auto;padding:4vh 5vw 6vh}
.lede{max-width:32em;margin:0 auto 14vh;text-align:center;font-size:clamp(20px,1.8vw,25px);line-height:1.55}
.sec{font-weight:400;font-size:clamp(46px,6vw,88px);line-height:1;color:var(--g);margin-bottom:5vh;text-shadow:0 0 16px rgba(42,255,0,.25)}
.rel-list{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5vh 1.8vw}
.rel{min-width:0}
.rel-art{display:block;aspect-ratio:1;overflow:hidden;background:#050805;border:1px solid rgba(42,255,0,.18);transition:border-color .3s,box-shadow .3s}
.rel-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.rel-art:hover,.rel-art:focus-visible{border-color:var(--g);box-shadow:0 0 22px rgba(42,255,0,.28)}
.rel-art:hover img{transform:scale(1.03)}
.rel-t{margin-top:14px;font-size:clamp(22px,1.9vw,28px);line-height:1.1;color:var(--bone)}
.rel-m{font-size:13px;color:#a9ada4;margin-top:6px}
.rel-m .y{color:var(--g);margin-left:.4em}
.rel-l{margin-top:8px;font-size:12px;display:flex;flex-wrap:wrap;gap:4px 14px}
.rel-l a{color:var(--dim);border-bottom:1px solid rgba(233,228,216,.18);padding-bottom:1px}
.rel-l a:hover{color:var(--g);border-color:var(--g)}
.motto{text-align:center;margin:18vh auto 16vh}
.m1{font-size:clamp(40px,6.4vw,96px);color:var(--bone);line-height:1.1}
.m2{color:var(--g);font-size:13px;margin-top:2.4vh}
.note{max-width:34em}
.note p{font-size:21px;line-height:1.6;color:rgba(233,228,216,.82)}
.listen{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 2.4vw;margin-top:9vh}
.lab{font-size:13px;color:var(--g)}
.listen a{font-family:var(--pir);font-size:26px;border-bottom:1px solid rgba(42,255,0,.25);padding-bottom:1px}
.listen a:hover{color:var(--g);border-color:var(--g)}
.foot{text-align:center;padding:12vh 5vw 8vh}
.foot img{width:78px;height:auto;opacity:.9;filter:drop-shadow(0 0 12px rgba(42,255,0,.35))}
.foot p{margin-top:3vh;font-size:11px;color:#5d6358}
@media (max-width:1000px){.rel-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.rel-list{grid-template-columns:1fr 1fr;gap:5vh 4vw}.def{font-size:11px}.lede{margin-bottom:10vh}.listen{gap:12px 22px}}
.zc{position:relative;display:inline-block}
.zc i{position:absolute;left:50%;top:0;transform:translateX(-50%);font-family:'Times New Roman',serif;font-style:normal;font-weight:400;line-height:inherit;pointer-events:none;white-space:pre}
.rel-m .y{white-space:nowrap}
.zw{white-space:nowrap}
.contact{margin-top:14vh}
.con-list{list-style:none;display:grid;gap:2.2vh}
.con-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px}
.con-list .lab{min-width:8.5em}
.con-list a{font-size:clamp(22px,2.2vw,30px);border-bottom:1px solid rgba(42,255,0,.25);padding-bottom:2px;overflow-wrap:anywhere}
.con-list a:hover{color:var(--g);border-color:var(--g)}
@media (max-width:760px){.con-list li{flex-direction:column;gap:6px}}