:root{--paper:#fff8ec;--ink:#39291c;--orange:#d66a28;--line:#d8c5ae;--cream:#f4e6d3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC",Georgia,"Microsoft YaHei",serif;line-height:1.75}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:white;padding:10px}.navline,main,footer{width:min(1100px,calc(100% - 36px));margin:auto}.navline{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink)}.logo{text-decoration:none;font-weight:900;font-size:21px}.logo span{display:inline-grid;place-items:center;width:38px;height:38px;border:2px solid var(--orange);border-radius:50%;color:var(--orange);margin-right:9px}.navline nav{display:flex;gap:18px}.navline nav a{text-decoration:none;font-size:14px}.navline button{display:none}.opening{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;padding:85px 0}.opening>div>p,.branches header p,.branch-head>p{font:700 11px monospace;color:var(--orange);letter-spacing:.13em}.opening h1,.branch-head h1{font-size:clamp(46px,7vw,82px);line-height:1.05;margin:.25em 0}.opening>div>div,.branch-head>div{font-size:20px}.opening ol{list-style:none;padding:0;margin:0}.opening li{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.opening li b{color:var(--orange)}.opening li a{font-size:13px}.branches{padding:20px 0 70px}.branches>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.branches a{background:white;padding:24px;border-radius:26px;text-decoration:none;border:1px solid var(--line)}.branches a>span{font:700 13px monospace;color:var(--orange)}.branches a i{font-style:normal;color:var(--orange)}.board{display:grid;grid-template-columns:1.4fr 1fr;background:var(--ink);color:white;margin-bottom:75px}.board>div,.board aside{padding:38px}.board>div>p{font:11px monospace;color:#efaa76}.board aside{background:var(--orange)}.board aside a{display:inline-block;margin-top:15px;padding:9px 13px;border:1px solid white;text-decoration:none}.library{padding-bottom:80px}.library>header{display:flex;justify-content:space-between}.library>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.library a{background:white;padding:24px;text-decoration:none;border-left:4px solid var(--orange)}.library small{color:var(--orange)}.case{max-width:850px;margin:55px auto}.case>header{padding:45px;background:var(--cream);border-radius:30px}.case>header nav{font-size:13px}.case>header nav span{margin:0 8px}.case>header>p{color:var(--orange)}.case h1{font-size:clamp(38px,6vw,64px);line-height:1.12}.case>header>div{font-size:20px}.route{position:relative;padding:35px 0}.route:before{content:"";position:absolute;left:25px;top:35px;bottom:35px;width:2px;background:var(--orange)}.route section{position:relative;display:grid;grid-template-columns:52px 1fr 35px;gap:18px;padding:22px 0}.route section>span{z-index:1;display:grid;place-items:center;width:52px;height:52px;background:var(--orange);color:white;border-radius:50%;font-weight:800}.route section h2{margin-top:0}.route section>i{font-style:normal;color:var(--orange)}.branch-head{padding:75px 0 40px}.branch-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.branch-list a{background:white;border-radius:25px;padding:26px;text-decoration:none}.branch-list b,.branch-list span{color:var(--orange)}.branch-note{margin:50px 0;padding:30px;border:2px dashed var(--orange);border-radius:25px}footer{border-top:3px solid var(--ink);padding:32px 0;display:flex;justify-content:space-between}footer div span{display:block;color:var(--orange)}footer address{font-style:normal;text-align:right}@media(max-width:740px){.navline{min-height:70px}.navline button{display:block}.navline nav{display:none}.navline nav.open{display:flex;position:absolute;top:70px;left:0;right:0;background:white;z-index:5;padding:20px;flex-direction:column}.opening{grid-template-columns:1fr;padding:50px 0}.opening h1{font-size:43px}.branches>div,.library>div,.branch-list{grid-template-columns:1fr}.board{grid-template-columns:1fr}.case>header{padding:26px}.route section{grid-template-columns:48px 1fr}.route section>i{display:none}footer{display:block}footer address{text-align:left;margin-top:8px}}