:root{--paper:#f6f2e9;--ink:#30302e;--green:#245b42;--lime:#90bb62;--orange:#ff7425;--yellow:#ffd066;--blue:#315fc7;--line:#c9c4b8;--muted:#77746e;--serif:"Noto Serif SC",serif;--sans:"DM Sans","PingFang SC",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}button,input{font:inherit}.paper-grain{pointer-events:none;position:fixed;z-index:50;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{width:min(1240px,calc(100% - 64px));margin:auto}.site-header{height:89px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;color:var(--green);text-decoration:none}.brand>span{display:grid;place-items:center;width:34px;height:34px;background:var(--green);color:var(--paper);font:600 17px var(--serif)}.brand strong{font:700 22px var(--serif);letter-spacing:.07em}.brand i{font:9px var(--mono);letter-spacing:.08em;color:var(--orange);font-style:normal;margin-left:4px}.site-header nav{display:flex;gap:34px;margin-left:75px}.site-header nav a,.archive-link,footer>a{font-size:12px;color:var(--ink);text-decoration:none}.site-header nav a:hover,footer>a:hover{color:var(--orange)}.archive-link{font:10px var(--mono);letter-spacing:.05em}.archive-link b{color:var(--orange);font-size:16px;margin-left:4px}.hero{padding-top:40px}.hero-label{display:flex;gap:12px;align-items:center}.green-square{width:39px;height:39px;background:var(--green)}.hero-label p,.small-title{font:10px/1.5 var(--mono);letter-spacing:.08em;margin:0;color:var(--green)}.hero-layout{display:grid;grid-template-columns:1.03fr .97fr;min-height:543px}.hero-copy{padding:65px 0 36px;position:relative}.hero-copy:after{content:"";position:absolute;width:108px;height:12px;left:46%;top:48px;background:repeating-linear-gradient(90deg,var(--orange) 0 10px,transparent 10px 16px);transform:rotate(-3deg)}h1,h2,blockquote{font-family:var(--serif);font-weight:600;letter-spacing:-.08em;margin:0}h1{font-size:clamp(46px,5.8vw,80px);line-height:1.28;margin-top:25px}em{font-style:normal;color:var(--green)}.hero-copy>p:not(.small-title){max-width:340px;font-size:14px;line-height:2;color:var(--muted);margin:29px 0}.ribbon-link{align-self:flex-start;border-bottom:1px solid var(--ink);padding:0 3px 7px;color:var(--ink);font-size:12px;text-decoration:none}.ribbon-link span{color:var(--orange);font-size:16px;margin-left:11px}.ribbon-link:hover{color:var(--orange);border-color:var(--orange)}.collage{background:#e9e9e0;position:relative;overflow:hidden;min-height:500px}.torn-paper{position:absolute;background:#fffdf8;inset:14% -7% 18% 7%;clip-path:polygon(0 7%,10% 0,24% 3%,37% 0,52% 4%,69% 0,85% 5%,100% 1%,97% 93%,79% 100%,59% 95%,43% 100%,25% 95%,7% 100%,0 92%);transform:rotate(-3deg)}.dot-grid{position:absolute;width:180px;height:180px;top:28px;right:-35px;background-image:radial-gradient(var(--blue) 2px,transparent 2px);background-size:14px 14px;opacity:.45}.orange-circle{position:absolute;width:275px;height:275px;border-radius:50%;background:var(--orange);left:-105px;bottom:-76px}.collage-photo{position:absolute;overflow:hidden;box-shadow:8px 9px 0 rgba(48,48,46,.2)}.collage-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08)}.photo-back{width:47%;height:54%;left:14%;top:16%;transform:rotate(-7deg)}.photo-front{width:49%;height:57%;right:10%;bottom:11%;transform:rotate(7deg)}.blue-scribble{position:absolute;left:34%;top:6%;color:var(--blue);font:150px/1 sans-serif;transform:rotate(-12deg);opacity:.75}.yellow-sun{position:absolute;right:4%;top:9%;color:var(--yellow);font:126px/1 sans-serif;transform:rotate(10deg)}.collage-note{position:absolute;right:14px;top:20px;color:var(--green);font:11px/1.25 var(--mono);letter-spacing:.08em;z-index:2}.orange-doodle{position:absolute;bottom:8px;right:9%;font:75px serif;color:var(--orange);transform:rotate(-30deg);margin:0;z-index:4}.hero-bottom{height:55px;border-top:1px solid var(--line);display:flex;gap:17px;align-items:center;color:var(--muted);font:9px var(--mono);letter-spacing:.07em}.hero-bottom i{height:1px;flex:1;background:var(--line)}.weekly{padding:103px 0}.weekly-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:11px}.weekly-heading>p:last-child{margin:0;color:var(--muted);font-size:11px}.weekly-card{display:grid;grid-template-columns:1.05fr .95fr 94px;min-height:468px;background:var(--green);color:#fffaf1;position:relative}.feature-image{position:relative;overflow:hidden}.feature-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.6) contrast(1.1)}.orange-sticker{position:absolute;right:15px;top:19px;background:var(--orange);padding:8px 10px;color:var(--paper);font:10px/1.15 var(--mono);transform:rotate(6deg)}.feature-copy{padding:45px 38px;display:flex;flex-direction:column}.type-chip{font:10px var(--mono);color:var(--yellow);letter-spacing:.08em;margin:0}.feature-copy h2{font-size:clamp(29px,3.1vw,44px);line-height:1.4;margin:23px 0}.feature-copy>p:not(.type-chip){font-size:13px;line-height:1.93;color:#e8ebe0;margin:0}.solid-link{margin-top:auto;align-self:flex-start;border:0;background:var(--yellow);color:var(--ink);font-size:12px;padding:13px 15px;cursor:pointer}.solid-link:hover{background:var(--orange);color:white}.solid-link span{margin-left:16px}.weekly-mark{background:var(--yellow);color:var(--green);font:50px/.9 var(--serif);letter-spacing:-.1em;padding:24px 14px}.weekly-mark small{font:9px/1.4 var(--mono);letter-spacing:.03em}.archive{border-top:1px solid var(--line);padding:20px 0 115px}.archive-heading{display:flex;align-items:end;justify-content:space-between;padding:46px 0}.archive h2,.about h2{font-size:clamp(40px,4.5vw,62px);line-height:1.3;margin-top:18px}.archive-aside{display:grid;grid-template-columns:auto 58px 66px;align-items:center;gap:12px;color:var(--muted);font-size:11px}.archive-aside b{font:55px/.8 var(--serif);letter-spacing:-.1em;color:var(--orange)}.archive-aside small{font:8px/1.45 var(--mono);color:var(--green)}.archive-tools{border-block:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;align-items:center}.filter-row{display:flex;gap:7px}.filter{border:1px solid transparent;background:transparent;color:var(--ink);font-size:12px;padding:7px 11px;cursor:pointer}.filter span{font:9px var(--mono);margin-left:5px}.filter:hover,.filter.is-active{background:var(--green);color:var(--paper);border-color:var(--green);transform:rotate(-2deg)}.filter:nth-child(2).is-active{background:var(--blue);border-color:var(--blue)}.filter:nth-child(3).is-active{background:var(--orange);border-color:var(--orange)}.search-box{border-bottom:1px solid var(--ink);width:260px;padding:7px 0;display:flex;gap:8px;align-items:center}.search-box span{color:var(--orange);font-size:19px}.search-box input{background:transparent;border:0;outline:0;width:100%;font-size:11px}.search-box input::placeholder{color:#958f85}.archive-caption{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;color:var(--muted);font:9px var(--mono);letter-spacing:.05em}.record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:37px 20px;padding-top:30px}.record{animation:floatin .35s ease both}.cover{position:relative;border:0;padding:0;width:100%;aspect-ratio:.74;cursor:pointer;overflow:hidden;background:#dcd6ca;clip-path:polygon(1% 2%,99% 0,100% 97%,96% 100%,1% 98%,0 4%)}.record:nth-child(3n+2) .cover{clip-path:polygon(0 3%,97% 0,100% 95%,4% 100%,0 94%);transform:rotate(1deg)}.record:nth-child(3n) .cover{clip-path:polygon(2% 0,100% 3%,98% 98%,0 100%,2% 8%);transform:rotate(-1deg)}.cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.6);transition:transform .45s,filter .45s}.cover:hover img{transform:scale(1.07);filter:saturate(.95)}.record-type{position:absolute;top:10px;left:10px;background:var(--yellow);color:var(--ink);padding:5px 7px;font:9px var(--mono)}.record-rating{position:absolute;bottom:9px;right:9px;color:white;font:10px var(--mono);text-shadow:0 1px 4px black}.record-meta{border-bottom:1px solid var(--line);padding:12px 0 11px}.record-meta h3{font:500 19px var(--serif);letter-spacing:-.05em;margin:0 0 6px}.record-meta p{font-size:11px;color:var(--muted);margin:0}.record-meta p span{color:var(--orange);margin-left:8px}.empty-state{text-align:center;padding:60px;color:var(--muted)}.notes{background:var(--yellow);color:var(--ink);position:relative;overflow:hidden}.notes:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:var(--orange);right:-200px;top:-230px}.notes-layout{padding:90px 0;display:grid;grid-template-columns:.48fr 1.6fr .75fr;gap:35px;position:relative}.notes blockquote{font-size:clamp(27px,3.4vw,47px);line-height:1.45}.notes-layout>div p{font-size:12px;line-height:1.9;margin:1px 0 26px}.notes-star{position:absolute;color:var(--blue);font-size:85px;left:7%;bottom:14px;transform:rotate(-20deg)}.notes .ribbon-link{border-color:var(--ink)}.about{display:grid;grid-template-columns:.4fr 1fr .85fr;gap:50px;padding:115px 0}.about-stamp{font:10px/1.7 var(--mono);letter-spacing:.13em;color:var(--green);border:1px solid var(--green);width:49px;height:49px;padding:8px;transform:rotate(-8deg)}.about h2{margin-top:19px}.about-copy{align-self:end;max-width:340px}.about-copy p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 28px}footer{height:85px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer .brand strong{font-size:17px}footer .brand>span{width:27px;height:27px;font-size:14px}footer p{font:9px var(--mono);color:var(--muted)}.record-dialog{width:min(760px,calc(100% - 32px));padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 28px 80px rgba(37,35,29,.33)}.record-dialog::backdrop{background:rgba(24,53,39,.7);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:13px;top:13px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:var(--yellow);font-size:23px;cursor:pointer}.dialog-layout{display:grid;grid-template-columns:260px 1fr}.dialog-layout>img{width:100%;height:100%;min-height:390px;object-fit:cover;filter:saturate(.7)}.dialog-copy{padding:43px 41px}.dialog-copy h2{font:500 36px var(--serif);letter-spacing:-.07em;margin:17px 0 7px}.dialog-byline{font-size:12px;color:var(--muted);margin:0 0 28px}.dialog-score{font-family:var(--mono);color:var(--orange)}.dialog-note{font-size:14px!important;line-height:1.9;color:#4c4a45}.dialog-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:27px}.dialog-tags span{font:10px var(--mono);padding:5px 7px;background:#e2ead4}@keyframes floatin{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(max-width:780px){.shell{width:min(100% - 38px,620px)}.site-header{height:72px}.brand i,.site-header nav,.archive-link{display:none}.hero{padding-top:30px}.hero-layout{display:block}.hero-copy{padding:46px 0 37px}.hero-copy:after{top:29px;left:53%;width:79px}.hero-copy h1{font-size:50px}.collage{height:370px;margin-inline:-19px;min-height:0}.hero-bottom{font-size:8px}.weekly{padding:72px 0}.weekly-card{grid-template-columns:1fr;min-height:0}.feature-image{height:285px}.feature-copy{padding:34px 27px;min-height:332px}.feature-copy h2{font-size:33px}.weekly-mark{display:none}.archive{padding-bottom:71px}.archive-heading{display:block;padding:37px 0}.archive h2,.about h2{font-size:42px}.archive-aside{margin-top:23px;grid-template-columns:auto 48px 66px}.archive-aside b{font-size:47px}.archive-tools{display:block;padding:13px 0}.filter-row{overflow-x:auto;padding-bottom:13px}.filter{white-space:nowrap}.search-box{width:100%}.archive-caption{font-size:8px}.record-grid{grid-template-columns:repeat(2,1fr);gap:30px 13px}.record-meta h3{font-size:17px}.notes-layout{grid-template-columns:1fr;gap:24px;padding:66px 0}.notes blockquote{font-size:30px}.notes-layout>div p{max-width:250px}.notes-star{left:auto;right:8%;bottom:18px;font-size:60px}.about{grid-template-columns:1fr;gap:30px;padding:72px 0}.about-stamp{display:none}footer{height:76px}footer p{display:none}.dialog-layout{grid-template-columns:1fr}.dialog-layout>img{min-height:245px;max-height:295px}.dialog-copy{padding:29px 25px}.dialog-copy h2{font-size:31px}}