@font-face{font-family:"Barlow Condensed";src:url(BarlowCondensed-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Outfit";src:url(Outfit-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{color-scheme:light;--iv:#f3ecdd;--iv2:#e9dfca;--enc:#3a2a1c;--enc2:#65523e;--sep:#8a5a2b;--fil:#c9b797}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--iv);color:var(--enc);font:400 18px/1.6 Outfit,system-ui,sans-serif;overflow-x:hidden}
a{color:var(--sep)}img{display:block;max-width:100%;height:auto}button{font-family:inherit;color:inherit}
h1,h2,h3{font-family:"Barlow Condensed",Outfit,sans-serif;font-weight:700;line-height:1.04;margin:0}
:focus-visible{outline:3px solid var(--sep);outline-offset:2px}
.prog{position:fixed;top:0;left:0;height:4px;width:100%;background:var(--sep);transform:scaleX(0);transform-origin:0 50%;z-index:5}
.top{display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:12px 16px}.back{font-size:14px;font-weight:600;color:var(--enc);text-decoration:none}.logo img{width:50px;height:50px}
.wrap{max-width:1180px;margin:auto;padding:0 16px}
.panel{background:var(--enc);color:var(--iv);border-radius:4px 80px 4px 4px;padding:clamp(24px,5vw,56px) clamp(20px,5vw,60px)}
.kick{font:600 13px/1.3 Outfit,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sep);margin:0}.panel .kick{color:#d8bd94}
.panel h1{font-size:clamp(42px,7.4vw,88px);margin:12px 0 14px;max-width:19ch}.panel p.lead{margin:0;max-width:58ch;font-size:clamp(16px,1.8vw,19px);line-height:1.5}
.state{margin:18px 0 0;font-weight:600;color:#ecd9b8}
.sec{padding:34px 0 8px}.sec>h2{font-size:clamp(32px,4.6vw,50px);margin:4px 0 16px}
.intro{max-width:66ch;margin:0 0 16px}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px;margin:0;list-style:none}.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--enc2);background:transparent;border-radius:4px 14px 4px 4px;min-height:44px;padding:0 14px;font-size:15px;font-weight:600;cursor:pointer}.chip[aria-current=true]{background:var(--enc);color:var(--iv);border-color:var(--enc)}.chip[data-wait]{color:var(--enc2);border-color:var(--fil)}.chip[aria-current=true][data-wait]{color:var(--iv);border-color:var(--enc)}
.railw{position:relative}.rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 12px;list-style:none;margin:0;scrollbar-width:thin;scrollbar-color:var(--fil) transparent}
.rail li{flex:0 0 min(78vw,330px);scroll-snap-align:start}
.fc{display:block;color:inherit;text-decoration:none;background:transparent;border:0;padding:0;width:100%}.fc img{border:1px solid var(--fil);border-radius:4px}.fc[data-state=wait] img{filter:opacity(.5)}
.fc-s{display:inline-block;margin-top:9px;font-size:15px;font-weight:600;color:var(--sep)}.fc[data-state=wait] .fc-s{color:var(--enc2)}
.nav{position:absolute;top:38%;width:46px;height:46px;border-radius:4px 16px 4px 4px;background:var(--enc);color:var(--iv);border:0;font-size:20px;cursor:pointer}.nav.p{left:-6px}.nav.n{right:-6px}@media (hover:none),(max-width:760px){.nav{display:none}}
.filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px;padding:2px 0}.filters::-webkit-scrollbar{display:none}
.fb{flex:none;font-size:15px;font-weight:600;background:transparent;border:1px solid var(--enc2);border-radius:4px 14px 4px 4px;padding:0 15px;min-height:44px;cursor:pointer}.fb[aria-pressed=true]{background:var(--enc);color:var(--iv);border-color:var(--enc)}
.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}@media (min-width:760px){.wall{grid-template-columns:repeat(5,1fr)}}
.wc[hidden]{display:none}.wb{display:block;width:100%;padding:0;border:1px solid var(--fil);border-radius:4px;background:transparent;cursor:pointer;overflow:hidden}.wb:hover{border-color:var(--sep)}
html.js .fi-b{display:none}.fi-b{padding:12px 0}
dialog{width:min(100%,560px);max-height:100dvh;margin:auto;padding:0;border:0;border-radius:4px;background:var(--iv);color:var(--enc)}dialog::backdrop{background:rgba(33,22,13,.82)}
.dl{padding:12px 16px 20px}.dbar{position:sticky;top:0;display:flex;justify-content:space-between;gap:6px;padding:8px 12px;background:var(--iv);z-index:2;border-bottom:1px solid var(--fil)}.db{min-width:44px;min-height:44px;background:transparent;border:1px solid var(--enc2);border-radius:4px 14px 4px 4px;font-size:15px;font-weight:600;cursor:pointer;padding:0 12px}
.dl h3{font-size:34px;margin:16px 0 2px}.meta{font-size:14px;font-weight:600;color:var(--sep);margin:0 0 10px}.dl p{font-size:17px;margin:0 0 12px}
.more{display:inline-block;font-weight:600;background:var(--enc);color:var(--iv);text-decoration:none;padding:12px 18px;border-radius:4px 22px 4px 4px}span.more{background:var(--iv2);color:var(--enc2)}
.ph{margin:0}figcaption{font-size:13px;line-height:1.45;color:var(--enc2);padding-top:7px}figcaption a{color:inherit}
.vid{margin:0 0 14px}.vid-b{display:block;position:relative;width:100%;padding:0;border:0;background:var(--enc);cursor:pointer;aspect-ratio:16/9;overflow:hidden;border-radius:4px}.vid-b img{width:100%;height:100%;object-fit:contain;filter:sepia(.5)}.vid-p{position:absolute;left:10px;bottom:10px;background:var(--enc);color:var(--iv);font-size:14px;font-weight:600;padding:11px 14px;border-radius:4px 16px 4px 4px}.vid iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:4px}
.chute{max-width:760px;padding:30px 0 0}.chute p{font:700 clamp(30px,5vw,48px)/1.08 "Barlow Condensed",sans-serif;color:var(--sep);margin:0}
.src{margin:24px 0;border-top:1px solid var(--fil);padding-top:12px;font-size:15px}.src summary{cursor:pointer;font-weight:600;min-height:32px}.src li{margin:6px 0}
.foot{max-width:1180px;margin:20px auto 0;padding:14px 16px 36px;font-size:14px;color:var(--enc2)}
.art{max-width:720px;margin:0 auto;padding:6px 16px 16px}.art h1{font-size:clamp(40px,7vw,72px);margin:10px 0 14px}.chapo{font-size:clamp(19px,2.2vw,23px);line-height:1.45;font-weight:500;margin:0 0 22px}
.art .ph{margin:0 auto 26px;max-width:560px}.art h2{font-size:clamp(28px,4vw,38px);margin:32px 0 10px}.art p{margin:0 0 17px}.art .vid{margin:28px 0}
.sign{font-weight:600;font-size:15px;color:var(--enc2)}.next{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--fil);margin-top:26px;padding-top:16px}
.wait{display:none;max-width:720px;margin:auto;padding:30px 16px}.wait h1{font-size:clamp(42px,7vw,68px);margin:10px 0}html.pending .art{display:none}html.pending .wait{display:block}
@media (max-width:600px){body{font-size:17px}.panel{border-radius:4px 48px 4px 4px}dialog{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border-radius:0}}
