:root{
--field:#FBF7F0;--leaf:#FFFFFF;--strip:#141019;--ink:#171320;--body:#3E3A48;--mute:#6C6678;
--mark:#1B4FE0;--line:#E7E1D8;
--ice:#1B4FE0;--art:#D2521A;--capsule:#7A2FB8;--casino:#0B7A5E;--sun:#F4B740;
--spread:78rem;--read:42rem}
body[data-part="ice"]{--mark:var(--ice)}
body[data-part="art"]{--mark:var(--art)}
body[data-part="capsule"]{--mark:var(--capsule)}
body[data-part="casino"]{--mark:var(--casino)}
[data-part="ice"]{--mark:var(--ice)}
[data-part="art"]{--mark:var(--art)}
[data-part="capsule"]{--mark:var(--capsule)}
[data-part="casino"]{--mark:var(--casino)}
body,[data-part]{--tint:color-mix(in srgb,var(--mark) 9%,#FFFFFF);--plate:color-mix(in srgb,var(--mark) 18%,#FFFFFF);--deep:color-mix(in srgb,var(--mark) 80%,#141019)}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{background:var(--field);color:var(--body);font-family:"Rethink Sans",system-ui,sans-serif;font-size:1.06rem;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,.ds-name,.flag-name,.end-mail,.near-name,.near-h,.endgroup-h{font-family:"Frank Ruhl Libre",Georgia,serif;color:var(--ink)}
h1{font-weight:700;font-size:clamp(2.2rem,5.4vw,3.9rem);line-height:1.03;letter-spacing:-.02em;margin:0 0 .8rem}
h2{font-weight:700;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.14;letter-spacing:-.015em;margin:0 0 .7rem}
p{margin:0 0 1.05rem}
a{color:var(--ink);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover,a:focus-visible{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
img{display:block;width:100%;height:auto;border-radius:0}
body>a:first-child{position:absolute;left:-9999rem;top:0}
body>a:first-child:focus{position:static;display:block;background:var(--strip);color:var(--leaf);padding:.7rem 1.4rem;text-decoration:none}
.spread-w{width:100%;max-width:var(--spread);margin:0 auto;padding-left:1.4rem;padding-right:1.4rem}

.dark-strip{background:var(--strip);color:var(--leaf);border-bottom:5px solid var(--mark)}
.dark-strip .spread-w{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.6rem;padding-top:1.2rem;padding-bottom:1.2rem}
.dark-strip a:focus-visible{outline-color:var(--leaf)}
.ds-name{color:var(--leaf);font-weight:700;font-size:1.3rem;letter-spacing:-.015em;text-decoration:none}
.ds-key{border:2px solid var(--mark);background:var(--mark);color:var(--leaf);font-family:"Rethink Sans",system-ui,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1rem;cursor:pointer}
.ds-list[data-open="false"]{display:none}
html:not([data-js="on"]) .ds-list[data-open="false"]{display:flex}
html:not([data-js="on"]) .ds-key{display:none}
.ds-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;width:100%}
.dsx-a{display:inline-block;color:rgba(255,255,255,.8);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:.15rem 0;border-bottom:3px solid rgba(255,255,255,0)}
.dsx-a:hover,.dsx-a:focus-visible{color:var(--leaf);text-decoration:none;border-bottom-color:rgba(255,255,255,.5)}
.dsx-a[aria-current="page"]{color:var(--leaf);text-decoration:none;border-bottom-color:var(--mark)}

.hue-hero{background:var(--tint);border-bottom:1px solid var(--line)}
.hue-hero .spread-w{padding-top:clamp(2rem,4.5vw,3.4rem);padding-bottom:clamp(1.6rem,3.2vw,2.6rem)}
.hue-hero-row{display:grid;gap:1.4rem;align-items:center}
.hue-hero-copy .index-head{padding:0;max-width:none}
.hue-hero-copy .index-head h1{padding-top:0;border-top:0}
.hue-hero h1{max-width:18ch}
.hue-say{max-width:56ch;font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.5;color:var(--ink)}
.hue-hero-pic{margin:0;width:min(100%,14rem);justify-self:start}
.hue-hero-pic img{aspect-ratio:1/1;object-fit:cover;background:var(--plate)}
.hue-rail{list-style:none;margin:1.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.7rem}
.hue-rail-a{display:inline-block;background:var(--mark);color:var(--leaf);font-size:.8rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;padding:.62rem 1.15rem;text-decoration:none}
.hue-rail-a:hover,.hue-rail-a:focus-visible{background:var(--deep);text-decoration:none}

.index-head{padding:clamp(2.4rem,5vw,4.2rem) 0 clamp(1.2rem,2.4vw,1.8rem);max-width:64ch}
.index-head h1{padding-top:1.2rem;border-top:9px solid var(--mark)}
.index-head p{font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.5;color:var(--ink);margin:0}

.cover-pic{margin:0;padding:0}
.cover-pic img,.full-shot img{background:var(--plate);aspect-ratio:2/1;object-fit:cover}
.cover-note{max-width:var(--spread);margin:.6rem auto 0;padding:0 1.4rem;font-size:.85rem;font-weight:500;color:var(--mute)}

.flag-grid{list-style:none;margin:0;padding:clamp(1.6rem,3vw,2.4rem) 0 clamp(1.6rem,3vw,2.4rem);display:grid;gap:1.5rem}
.flag-a{display:block;background:var(--leaf);border:1px solid var(--line);border-top:6px solid var(--mark);padding:0 0 1.5rem;text-decoration:none;height:100%}
.flag-a:hover,.flag-a:focus-visible{background:var(--tint);border-color:var(--mark)}
.flag-pic{display:block;background:var(--tint)}
.flag-pic img{aspect-ratio:4/3;object-fit:cover;background:var(--plate)}
.flag-tag{display:block;margin:1.2rem 1.3rem .45rem;color:var(--mark);font-size:.7rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase}
.flag-name{display:block;margin:0 1.3rem .45rem;font-weight:700;font-size:1.4rem;line-height:1.14;letter-spacing:-.015em}
.flag-say{display:block;margin:0 1.3rem;font-size:.95rem;color:var(--mute)}
.flag-a:hover .flag-name,.flag-a:focus-visible .flag-name{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:2px}

.part-band{background:var(--leaf);border:1px solid var(--line);border-top:6px solid var(--mark);margin:0 0 clamp(2rem,4vw,3rem);padding:clamp(1.6rem,3.4vw,2.8rem)}
.part-say{max-width:62ch;color:var(--mute);margin:0 0 1.6rem}
.part-band .flag-grid{padding-bottom:0;padding-top:.4rem}
.near-set{display:grid;gap:1.8rem}
.near-group{border-top:4px solid var(--mark);padding-top:.9rem}
.near-h{display:block;font-size:1.25rem;font-weight:700;color:var(--mark);text-decoration:none;margin-bottom:.6rem}
.near-h:hover,.near-h:focus-visible{text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:2px}
.near-list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.near-a{display:block;padding:.55rem 0;border-bottom:1px solid var(--line);text-decoration:none}
.near-a:hover,.near-a:focus-visible{background:var(--tint)}
.near-name{display:block;font-size:1.04rem;font-weight:500;line-height:1.25}
.near-a:hover .near-name,.near-a:focus-visible .near-name{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:2px}
.near-town{display:block;font-size:.85rem;color:var(--mute)}

.full-shot{margin:0}
.full-cap{max-width:var(--spread);margin:.6rem auto 0;padding:0 1.4rem;font-size:.85rem;font-weight:500;color:var(--mute)}
.leafpage{background:var(--leaf);border:1px solid var(--line);border-top:8px solid var(--mark);max-width:var(--read);margin:clamp(1.8rem,3.4vw,3rem) auto clamp(1.6rem,3vw,2.4rem);padding:clamp(1.8rem,3.6vw,3.2rem)}
.objp-where{margin:0 0 1.6rem;color:var(--mark);font-size:.86rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.objp-facts{list-style:none;margin:0 0 2rem;padding:1.3rem;background:var(--tint);border-left:5px solid var(--mark);display:grid;gap:.9rem}
.objp-k{display:block;margin-bottom:.2rem;font-size:.68rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--mark)}
.objp-v{font-size:.95rem;line-height:1.4;color:var(--ink)}
.objp-p{margin:0 0 1.2rem}
.objp-p:first-of-type{font-size:1.18rem;line-height:1.52;color:var(--ink)}
.objp-back{display:inline-block;margin-top:.6rem;background:var(--mark);color:var(--leaf);font-size:.78rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;padding:.7rem 1.2rem;text-decoration:none}
.objp-back:hover,.objp-back:focus-visible{background:var(--deep);text-decoration:none}

.note-quiet{max-width:var(--spread);margin:0 auto clamp(1.2rem,2.4vw,1.8rem);padding:1.1rem 1.3rem;background:var(--leaf);border:1px solid var(--line);border-left:6px solid var(--mark);font-size:.9rem;line-height:1.6;color:var(--mute)}

.end-strip{background:var(--strip);color:var(--leaf);border-top:6px solid var(--mark);margin-top:clamp(1.6rem,3vw,2.4rem)}
.end-strip .spread-w{padding-top:clamp(2.2rem,4vw,3.2rem);padding-bottom:2.4rem}
.end-strip a{color:var(--leaf)}
.endcols{display:grid;gap:1.8rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.18)}
.endgroup-h{display:block;color:var(--leaf);font-size:1.05rem;font-weight:700;text-decoration:none;padding-bottom:.5rem;border-bottom:3px solid var(--mark);margin-bottom:.7rem}
.endgroup-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.endgroup-a{color:rgba(255,255,255,.74);font-size:.9rem;text-decoration:none}
.endgroup-a:hover,.endgroup-a:focus-visible{color:var(--leaf);text-decoration:underline;text-underline-offset:.2em}
.end-band{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.2rem;align-items:baseline;padding-top:1.8rem}
.end-mail{color:var(--leaf);font-size:1.2rem;font-weight:500}
.end-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;font-size:.8rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}
.end-link{text-decoration:none;border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:.15rem}
.end-link:hover,.end-link:focus-visible{border-bottom-color:var(--leaf);text-decoration:none}
.end-fine{margin:0;font-size:.8rem;color:rgba(255,255,255,.66);max-width:36ch}

@media (min-width:700px){
.ds-list[data-open="false"]{display:flex}
.ds-list{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.6rem;width:auto}
.ds-key{display:none}
.hue-hero-row{grid-template-columns:minmax(0,1fr) minmax(11rem,16rem);gap:2rem}
.hue-hero-pic{width:100%;max-width:16rem;justify-self:end}
.flag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7rem}
.objp-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.near-set{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.endcols{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.note-quiet{padding-left:1.6rem}
}
@media (min-width:1000px){
.flag-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.9rem}
.near-set{grid-template-columns:repeat(4,minmax(0,1fr))}
.endcols{grid-template-columns:repeat(4,minmax(0,1fr))}
.index-head h1{border-top-width:11px}
body[data-part="home"] .flag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1320px){
.spread-w{padding-left:2rem;padding-right:2rem}
}
@media (prefers-reduced-motion: no-preference){
html{scroll-behavior:smooth}
a,.flag-a,.ds-key,.near-a{transition:background .15s ease,border-color .15s ease,color .15s ease,text-decoration-thickness .15s ease}
}
