:root{--pitch:#0d0d0c;--field:#151513;--sand:#c9bfa6;--on-sand:#0d0d0c;--ink:#ece6d6;--muted:#a59f90;--gold:#c49c55;--gold-ink:#0d0d0c;--line:#2b2a26;--shade:#080807c7;--emblem:#ece6d6;--f-display:"Cinzel", "Trajan Pro", Georgia, serif;--f-title:"New Rocker", "Cinzel", Georgia, serif;--f-body:"EB Garamond", Garamond, Georgia, serif;--f-rune:"Noto Sans Runic", "Segoe UI Symbol", sans-serif;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--pitch);color:var(--ink);font-family:var(--f-body);margin:0;font-size:19px;line-height:1.55}img{max-width:100%}a{color:inherit}p{margin:0}h1,h2,h3{font-family:var(--f-display);letter-spacing:.04em;text-wrap:balance;margin:0;font-weight:700;line-height:1.1}h2{font-size:clamp(28px,4vw,44px)}h3{letter-spacing:.06em;font-size:20px}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.wrap{max-width:1180px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}section{padding-block:clamp(64px,9vw,110px)}section[id]{scroll-margin-top:24px}.band{background:var(--field)}.eyebrow{font-family:var(--f-display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-size:13px}.rune{font-family:var(--f-rune);color:var(--gold)}.emblem{background:var(--emblem);aspect-ratio:168/270;display:inline-block;-webkit-mask:url(/img/emblem-mask.png) 50%/contain no-repeat;mask:url(/img/emblem-mask.png) 50%/contain no-repeat}.btn{font-family:var(--f-display);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--gold);align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn-gold{background:var(--gold);color:var(--gold-ink)}.btn-gold:hover{color:var(--gold);background:0 0}.btn-ghost{color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.head{gap:14px;max-width:60ch;margin-bottom:40px;display:grid}.head p{color:var(--muted)}.sep{color:var(--gold);font-family:var(--f-rune);letter-spacing:.6em;justify-content:center;align-items:center;gap:16px;padding-block:8px;font-size:20px;display:flex}.sep:before,.sep:after{content:"";background:var(--line);flex:1;max-width:260px;height:1px}.sand{background:var(--sand);color:var(--on-sand)}.sand .head p{color:color-mix(in srgb, var(--on-sand) 72%, transparent)}.sand .eyebrow{color:color-mix(in srgb, var(--on-sand) 70%, var(--gold))}.bannerframe{text-align:center;align-content:start;justify-items:center;gap:12px;display:grid}.bannerframe b{font-family:var(--f-display);letter-spacing:.12em;font-size:clamp(17px,1.8vw,21px)}.bannerframe small{color:var(--muted);font-size:17px}a.bannerframe{color:inherit;text-decoration:none}a.bannerframe .banner,a.pennant .banner{transition:transform .2s}a.bannerframe:hover .banner,a.pennant:hover .banner{transform:translateY(-3px)}a.bannerframe:hover b{color:var(--gold)}.banner{aspect-ratio:3/4.4;width:clamp(140px,15vw,180px);display:block;position:relative}.banner>.cloth{background:var(--pitch);border:1px solid var(--line);clip-path:var(--cut,none);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.banner.shaped>.cloth{border:0}.banner img{object-fit:cover;width:100%;height:100%}.banner.main{width:clamp(170px,19vw,230px)}.banner.main>.cloth{background:linear-gradient(90deg,#0d0d0c 0 38%,#ece6d6 38% 62%,#0d0d0c 62%)}.banner.main .emblem{background:#0d0d0c;width:22%}.banner.todo>.cloth{background:repeating-linear-gradient(135deg, var(--field) 0 10px, var(--pitch) 10px 20px)}.banner.todo i{font-style:normal;font-family:var(--f-display);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:13px}.banner-poles .banner>.cloth{top:7%}.banner-poles .banner:before{content:"";z-index:1;background:linear-gradient(90deg, var(--gold) 0 6%, #5b4529 6% 94%, var(--gold) 94%);border-radius:999px;height:4%;min-height:3px;position:absolute;top:1.5%;left:-9%;right:-9%;box-shadow:0 1px 2px #0009}.banner.glows{filter:drop-shadow(0 0 40px color-mix(in srgb, var(--glow) 45%, transparent))}.pennant .banner.glows{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--glow) 50%, transparent))}.flokkr{flex-wrap:wrap;justify-content:center;align-items:start;gap:16px 24px;display:flex}.pennant{justify-items:center;gap:10px;text-decoration:none;display:grid}.pennant .banner{width:var(--pennant,84px)}.pennant b,.flokkr .none{font-family:var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:400}a.pennant b{color:var(--gold)}a.pennant:hover b{color:var(--ink)}.flokkr .none{border:1px dashed var(--line);padding:8px 12px}.textlink{font-family:var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:2px;font-size:14px;text-decoration:none}.textlink:hover{color:var(--ink);border-color:var(--ink)}main.banner-colors{--gold:var(--accent);--gold-ink:var(--pitch);--banner-white:#f2ede3}main.banner-colors .fylki-hero .banner>.cloth{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}main.banner-colors>section+section{border-top:1px solid color-mix(in srgb, var(--glow) 38%, transparent)}main.banner-colors.tinted .band{background:color-mix(in srgb, var(--glow) 7%, var(--pitch))}main.banner-colors .ls{background:color-mix(in srgb, var(--glow) 28%, var(--line));border-color:color-mix(in srgb, var(--glow) 28%, var(--line))}main.banner-colors .btn-gold{background:var(--banner-white);color:var(--pitch);border-color:var(--banner-white)}main.banner-colors .btn-gold:hover{color:var(--banner-white);background:0 0}main.banner-colors .textlink{color:var(--banner-white);border-color:var(--accent)}main.banner-colors .textlink:hover{color:var(--accent);border-color:var(--accent)}:root{--ease:cubic-bezier(.2, .7, .2, 1)}.motion [data-reveal],.motion [data-stagger]>*{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease), letter-spacing 1.2s var(--ease);transform:translateY(28px)}.motion [data-stagger]>*{transition-delay:calc(min(var(--i,0), 8) * 90ms)}.motion [data-reveal].is-in,.motion [data-stagger].is-in>*{opacity:1;transform:none}.motion .head[data-stagger]>.eyebrow{letter-spacing:.5em}.motion .head[data-stagger].is-in>.eyebrow{letter-spacing:.24em}.sep .runes span{display:inline-block}.motion .sep[data-reveal]{opacity:1;transform:none}.motion .sep:before,.motion .sep:after{transition:transform 1.2s var(--ease);transform:scaleX(0)}.motion .sep:before{transform-origin:100%}.motion .sep:after{transform-origin:0}.motion .sep.is-in:before,.motion .sep.is-in:after{transform:none}.motion .sep .runes span{color:var(--line)}.motion .sep.is-in .runes span{animation:1.4s ease-out both kindle;animation-delay:calc(var(--i,0) * .14s + .2s)}@keyframes kindle{0%{color:var(--line);text-shadow:none}45%{color:var(--gold);text-shadow:0 0 16px var(--gold), 0 0 4px var(--gold)}to{color:var(--gold);text-shadow:none}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-old(root){animation:.3s both vt-out}::view-transition-new(root){animation:.5s var(--ease) both vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}