:root{--page:#FFFFFF;--ink:#101010;--text:#454545;--sun:#F2C200;--mute:#6E6E6E;--line:#DCDCDC;--stage:#F6F6F4;--hold:70rem;--read:64ch}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{background:var(--page);color:var(--text);font-family:"Anek Latin",system-ui,sans-serif;font-size:1.05rem;line-height:1.72}
h1,h2,h3,.nav-a3,.logo-b,.part-name,.part-num,.post-h2,.all-name,.side-key,.foot-title,.pop-tab,.all-head{font-family:"Rethink Sans",system-ui,sans-serif;color:var(--ink)}
h1{font-weight:800;font-size:clamp(2.1rem,4.8vw,3.5rem);line-height:1.04;letter-spacing:-.02em;margin:0 0 .7rem}
h2{font-weight:700;font-size:clamp(1.45rem,2.7vw,2rem);line-height:1.16;margin:0 0 .6rem}
h3{font-weight:700;font-size:clamp(1.25rem,2.1vw,1.6rem);line-height:1.2;margin:0 0 .2rem}
p{margin:0 0 1rem}
a{color:var(--ink)}
a:hover{background:var(--sun);color:var(--ink)}
a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.stage{width:100%;max-width:var(--hold);margin:0 auto;padding:0 1.25rem}
.head-two{border-bottom:2px solid var(--ink);padding:1.4rem 0 1rem}
.head-two .stage{display:grid;grid-template-columns:1fr;gap:1rem}
.logo-b{font-weight:800;font-size:1.5rem;text-decoration:none;display:inline-block;letter-spacing:-.01em}
.logo-b:hover{background:transparent}
.tag-line{font-size:.95rem;color:var(--mute);margin:.2rem 0 0}
.nav-pair[data-open="false"]{display:none}
.nav-group{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.nav-group + .nav-group{margin-top:.4rem}
.nav-a3{font-weight:700;font-size:.98rem;text-decoration:none;padding:.15rem .25rem}
.nav-a3[aria-current="page"]{background:var(--sun)}
.pop-tab{border:2px solid var(--ink);background:var(--page);font-weight:700;padding:.4rem 1rem;cursor:pointer}
.title-set{padding:clamp(2rem,4.4vw,3.4rem) 0 1.2rem;max-width:46rem}
.sub-set{font-size:1.12rem}
.square-pic{max-width:34rem;margin:1.6rem auto 2.6rem}
.square-pic img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.square-pic figcaption{margin-top:.5rem;font-size:.88rem;text-align:center}
.hero-bleed{position:relative;width:100vw;max-width:100vw;margin:0 0 2.8rem;margin-left:calc(50% - 50vw);background:radial-gradient(ellipse at center,#14141c 0%,#07070b 72%);padding:clamp(1.6rem,5vw,3.2rem) clamp(1rem,3vw,2rem);display:flex;justify-content:center;align-items:center}
.hero-bleed img{display:block;width:min(100%,min(36rem,78vw));height:auto;aspect-ratio:1/1;object-fit:contain}
.part-rows{margin-top:1.4rem;border-top:1px solid var(--line)}
.part-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem;padding:1.1rem .2rem;border-bottom:1px solid var(--line);text-decoration:none}
.part-row:hover{background:var(--stage)}
.part-name{font-weight:800;font-size:clamp(1.5rem,3.4vw,2.4rem);line-height:1.06}
.part-num{font-weight:700;font-size:.95rem;color:var(--mute)}
.all-rows{margin-top:1.4rem}
.all-head{display:none;font-weight:700;font-size:.82rem;letter-spacing:.06em;color:var(--mute);padding:.4rem .2rem;border-bottom:2px solid var(--ink)}
.all-row{display:grid;grid-template-columns:1fr;gap:.1rem;padding:.7rem .2rem;border-bottom:1px solid var(--line)}
.all-name{font-weight:700;font-size:1.02rem;text-decoration:none}
.all-city,.all-part{font-size:.95rem;color:var(--mute)}
.read-flow{max-width:var(--read);margin-top:2.6rem}
.read-p strong{font-family:"Rethink Sans",system-ui,sans-serif;font-weight:800;color:var(--ink)}
.post-unit{padding:2.8rem 0;border-top:2px solid var(--ink)}
.post-place{font-size:.98rem;margin-bottom:1.2rem}
.post-body{max-width:var(--read)}
.post-h2{display:block;font-weight:700;font-size:1.06rem;margin:1.4rem 0 .3rem;border-bottom:3px solid var(--sun);padding-bottom:.15rem;width:fit-content}
.post-shot{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:1.8rem}
.post-shot img{display:block;width:100%;height:auto;aspect-ratio:7/4;object-fit:cover}
.side-cap{font-size:.88rem;margin:0 0 1rem}
.side-facts{display:grid;gap:.45rem;font-size:.93rem}
.side-key{display:block;font-weight:700;font-size:.8rem;letter-spacing:.05em;color:var(--mute)}
.next-link{display:inline-block;margin-top:1.6rem;font-weight:700;font-family:"Rethink Sans",system-ui,sans-serif;text-decoration:none;border-bottom:3px solid var(--sun)}
.heed-box{border:2px solid var(--ink);padding:1.6rem;margin-top:2.6rem;max-width:var(--read)}
.foot-dark{background:var(--ink);color:#E9E9E9;margin-top:3.4rem;padding:2.4rem 0 1.6rem}
.foot-dark a{color:#FFFFFF}
.foot-dark a:hover{background:var(--sun);color:var(--ink)}
.foot-thin{list-style:none;margin:0 0 2rem;padding:0 0 1rem;border-bottom:1px solid #333333;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.9rem}
.foot-title{color:#FFFFFF;font-size:1.6rem;font-weight:800;margin:0 0 .8rem}
.foot-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.5rem;font-family:"Rethink Sans",system-ui,sans-serif;font-weight:700}
a[href="#main"]{position:absolute;left:-9999rem;top:0;background:var(--sun);color:var(--ink);padding:.6rem 1rem;font-weight:700;font-family:"Rethink Sans",system-ui,sans-serif}
a[href="#main"]:focus{left:0}
.pop-tab{display:none}
html[data-js="on"] .pop-tab{display:inline-block}
html[data-js="off"] .nav-pair[data-open="false"]{display:block}
.post-name{margin-top:0}
.post-h2{font-family:"Rethink Sans",system-ui,sans-serif;color:var(--ink)}
.post-body p{margin-bottom:0}
.side-facts div{border-top:1px solid var(--line);padding-top:.35rem}
.side-facts dd{margin:0}
.heed-box p:last-child{margin-bottom:0}
.foot-dark p{font-size:.88rem;margin:2rem 0 0}
.all-head span{display:block}
main{padding-bottom:1rem}
.post-shot > .post-side:only-child{grid-column:1 / -1;max-width:var(--read)}
.stage > h2{margin-top:2.4rem}
@media (min-width:740px){
.head-two .stage{grid-template-columns:minmax(0,1fr) auto;align-items:start}
.all-row{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1fr);gap:1rem;align-items:baseline}
.all-head{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1fr);gap:1rem}
.post-shot{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2rem;align-items:start}
.foot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 2rem}
}
@media (min-width:1060px){
.pop-tab{display:none}
html[data-js="on"] .pop-tab{display:none}
.nav-pair[data-open="false"]{display:block}
.post-shot{gap:2.5rem}
}
@media (min-width:1400px){
.stage{padding:0 2rem}
}
@media (prefers-reduced-motion: no-preference){
html{scroll-behavior:smooth}
.nav-a3,.part-row,.all-name,.next-link{transition:background-color .16s ease,color .16s ease}
}