:root{--ink:#17243b;--paper:#f1f2f4;--line:#b9bec8;--muted:#5e6978;--cobalt:#3155aa;--sky:#82b2ed;--lilac:#b9aaee;--yellow:#f3e741}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:500 11px "DM Mono",monospace;letter-spacing:.06em}.logo{font-size:20px;letter-spacing:-1px}.logo span{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:3px;border-radius:50%;background:var(--cobalt);color:var(--yellow)}.hero{padding:78px 0 68px;border-bottom:1px solid var(--ink)}.eyebrow,.section-label,.story-meta,.collection-count{font:500 11px "DM Mono",monospace;letter-spacing:.07em}.eyebrow{color:var(--muted);margin:0 0 24px}.hero h1{max-width:900px;margin:0;font-size:clamp(45px,7vw,94px);line-height:1;letter-spacing:-.085em}.hero>p:last-child{max-width:500px;margin:35px 0 0;color:var(--muted);font-size:16px;line-height:1.8}.stories{padding:74px 0 100px}.stories-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-label{margin:0;color:var(--cobalt)}.stories h2{margin:12px 0 0;font-size:clamp(29px,4vw,49px);line-height:1.1;letter-spacing:-.065em}.collection-count{margin:0;color:var(--muted)}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.story-wide{grid-column:span 2}.story a{display:block;height:100%;background:#f9fafb;border:1px solid var(--line);transition:transform .18s,box-shadow .18s}.story a:hover{transform:translateY(-4px);box-shadow:7px 8px 0 var(--cobalt)}.art{position:relative;min-height:320px;padding:18px;overflow:hidden}.story-wide .art{min-height:350px}.issue{position:relative;z-index:2;display:inline-block;padding:6px 8px;background:rgba(249,250,251,.88);font:500 10px "DM Mono",monospace;letter-spacing:.05em}.art-title{position:absolute;z-index:2;bottom:18px;left:20px;margin:0;font-size:clamp(38px,5vw,65px);line-height:.94;letter-spacing:-.085em;font-weight:800}.story-copy{padding:16px 19px 20px}.story-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.story h3{margin:12px 0 7px;font-size:27px;letter-spacing:-.055em;line-height:1.1}.story-copy>p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.oil .art{background:var(--yellow)}.barrel{position:absolute;right:15%;top:42px;width:128px;height:174px;border:4px solid var(--ink);border-radius:50%;background:var(--cobalt);transform:rotate(10deg)}.barrel:before,.barrel:after{content:"";position:absolute;left:-4px;right:-4px;border-top:4px solid var(--ink)}.barrel:before{top:38px}.barrel:after{bottom:38px}.barrel b{position:absolute;top:58px;left:27px;color:#fff;font:500 18px "DM Mono",monospace;line-height:1.1}.flowline{position:absolute;right:4%;bottom:24px;display:flex;gap:9px;font:500 10px "DM Mono",monospace}.flowline span{padding:4px 7px;border:1px solid var(--ink);background:#fffbd2}.appointments .art{background:var(--lilac)}.seats{position:absolute;right:8%;top:48px;display:flex;align-items:end;gap:13px}.seats i{position:relative;display:block;width:39px;height:112px;border:3px solid var(--ink);border-radius:22px 22px 5px 5px}.seats i:before{content:"";position:absolute;top:-35px;left:2px;width:29px;height:29px;border:3px solid var(--ink);border-radius:50%;background:var(--lilac)}.seats .empty{border-style:dashed;border-color:var(--cobalt);color:var(--cobalt);font:700 32px Georgia;text-align:center;padding-top:31px}.seats .empty:before{border-style:dashed;border-color:var(--cobalt)}.baseball .art{background:var(--cobalt);color:#fff}.lineup{position:absolute;right:10%;top:42px;display:grid;grid-template-columns:repeat(3,55px);gap:8px}.lineup b,.lineup i{display:grid;place-items:center;width:55px;height:48px;border:2px solid #fff;font:700 12px "DM Mono",monospace}.lineup b{background:#fff;color:var(--cobalt)}.lineup i{background:var(--sky);color:var(--ink);font-style:normal}.case .art{background:var(--sky)}.evidence{position:absolute;right:17%;top:52px;width:205px;height:180px;border-left:2px solid var(--ink);background:repeating-linear-gradient(to bottom,transparent 0 33px,#5f90cc 34px 35px)}.evidence i{position:absolute;left:-8px;width:15px;height:15px;border-radius:50%;background:var(--cobalt)}.evidence i:nth-child(1){top:25px}.evidence i:nth-child(2){top:59px;background:#f3e741}.evidence i:nth-child(3){top:94px;background:#f1f2f4}.evidence i:nth-child(4){top:129px;background:#3155aa}.evidence i:nth-child(5){top:164px;background:#f3e741}.media .art{background:#dfe2e7}.ledger{position:absolute;right:10%;top:45px;width:230px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ledger b{padding:11px 7px;border:2px solid var(--cobalt);background:#fff;font-size:12px}.ledger i{height:106px;background:var(--cobalt)}.ledger i:nth-of-type(2){height:72px;background:var(--lilac)}.ledger i:nth-of-type(3){height:132px;background:var(--sky)}.footer{display:flex;justify-content:space-between;padding:21px 0;border-top:1px solid var(--line);color:var(--muted);font:500 10px "DM Mono",monospace;letter-spacing:.05em}@media(max-width:720px){.wrap{width:min(100% - 30px,1180px)}.nav{height:68px}.hero{padding:56px 0}.stories{padding:52px 0 70px}.stories-head{display:block}.collection-count{margin-top:17px}.story-grid{grid-template-columns:1fr}.story-wide{grid-column:auto}.art,.story-wide .art{min-height:285px}.art-title{font-size:43px}.flowline{display:none}.barrel{right:11%;transform:scale(.8)}.seats{right:8%;transform:scale(.8);transform-origin:top right}.lineup{right:6%;transform:scale(.8);transform-origin:top right}.evidence{right:9%;transform:scale(.8);transform-origin:top right}.ledger{right:4%;transform:scale(.8);transform-origin:top right}.footer{font-size:8px}}