:root{--room:#2a2433;--room-2:#352d40;--wall-a:#cdbfa8;--wall-b:#c3b29a;--oak:#c8a77e;--oak-dark:#a9875c;--sign:#f4c430;--red:#c62828;--paper:#fbfaf4;--rule:#a6c8e8;--margin:#e88a8a;--pen:#1f3fa3;--ink:#1d1a22;--muted:#bdb5c9;--block:"Anton",Impact,sans-serif;--marker:"Permanent Marker",cursive;--hand:"Gochi Hand",cursive;--body:"Atkinson Hyperlegible",Verdana,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--room);color:#efeaf4;font-family:var(--body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--sign);outline-offset:3px}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.photo{position:relative;overflow:hidden}.photo img{object-fit:cover}.hdr{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(29,26,34,.96);border-bottom:3px solid var(--sign)}.hdr-row{max-width:1120px;margin:0 auto;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:8px 20px;flex-wrap:wrap}.hdr-mark{font-family:var(--marker);font-size:24px;text-decoration:none;color:#fff;transform:rotate(-2deg);display:inline-block}.hdr-nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.hdr-nav a{text-decoration:none;color:var(--muted)}.hdr-nav a:hover{color:var(--sign)}.hdr-shop{background:var(--sign);color:var(--ink)!important;padding:0 8px}.hall{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding:60px 20px 0;min-height:88vh;background:repeating-linear-gradient(90deg,var(--wall-a) 0 26px,var(--wall-b) 26px 30px,var(--wall-a) 30px 34px,#d6c9b3 34px 60px)}.hall:after{left:0;right:0;bottom:0;height:46px;background:#6f6178;border-top:10px solid #efe7da}.hall:after,.hall:before{content:"";position:absolute}.hall:before{inset:0;background:radial-gradient(ellipse 60% 70% at 50% 10%,rgba(255,240,200,.35),rgba(40,30,50,.35) 90%);pointer-events:none}.door{grid-column:2;position:relative;z-index:2;width:min(460px,82vw)}.door-frame{position:absolute;inset:-18px -18px 0 -18px;background:#efe7da;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.1)}.door-panel{position:relative;min-height:76vh;background:repeating-linear-gradient(90deg,rgba(120,80,40,0) 0 7px,rgba(120,80,40,.08) 7px 8px,rgba(120,80,40,0) 8px 19px),repeating-linear-gradient(88deg,rgba(150,100,50,.08) 0 40px,rgba(255,230,190,.08) 40px 90px),linear-gradient(90deg,var(--oak-dark),var(--oak) 18%,#d5b78f 60%,var(--oak));box-shadow:inset -10px 0 24px rgba(0,0,0,.18),0 0 0 1px rgba(60,40,20,.4);padding:54px 40px 60px;display:flex;flex-direction:column;align-items:center;gap:30px}.keepout{background:var(--sign);border:5px solid var(--ink);padding:10px 26px 12px;text-align:center;box-shadow:0 6px 10px rgba(0,0,0,.25);transform:rotate(-1deg)}.ko-big{font-size:clamp(46px,8vw,74px);line-height:.95;color:var(--red);letter-spacing:.04em}.ko-big,.ko-small{display:block;font-family:var(--block);text-transform:uppercase}.ko-small{color:var(--ink);letter-spacing:.1em;font-size:16px;border-top:3px solid var(--ink);margin-top:6px;padding-top:4px}.taped{position:relative;background:var(--paper);background-image:linear-gradient(90deg,transparent 34px,var(--margin) 34px,var(--margin) 36px,transparent 36px),repeating-linear-gradient(180deg,transparent 0 27px,var(--rule) 27px 28px);padding:22px 26px 22px 50px;transform:rotate(2.5deg);box-shadow:0 8px 14px rgba(0,0,0,.25);width:100%;max-width:340px}.tape{position:absolute;width:90px;height:26px;background:rgba(240,235,210,.7);box-shadow:0 1px 2px rgba(0,0,0,.12)}.taped .t1{top:-12px;left:-18px;transform:rotate(-30deg)}.taped .t2{top:-12px;right:-18px;transform:rotate(28deg)}.scrawl{font-family:var(--marker);font-weight:400;font-size:clamp(50px,6.6vw,72px);line-height:.95;letter-spacing:-.01em}.scrawl,.sticky{margin:0;color:var(--ink)}.sticky{font-family:var(--hand);font-size:26px;background:#fff27a;padding:18px 16px;width:170px;text-align:center;transform:rotate(-4deg);box-shadow:0 8px 10px rgba(0,0,0,.2);align-self:flex-end;line-height:1.15}.knob{position:absolute;left:20px;top:74%;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff4c8,#d8b45a 40%,#8a6a22 80%);box-shadow:0 4px 6px rgba(0,0,0,.35)}.knob:before{content:"";position:absolute;left:7px;top:-20px;width:20px;height:74px;border-radius:10px;background:linear-gradient(90deg,#b48f3a,#e7cd85,#a07c2c);z-index:-1}.hall-label{grid-column:3;position:relative;z-index:2;align-self:center;padding:0 0 0 40px;color:#4b4052;font-family:var(--hand);font-size:22px;line-height:1.3}.hall-label p{margin:0 0 8px;max-width:220px}.sec{padding:84px 0}.sec-alt{background:var(--room-2)}.eyebrow{font-weight:700;letter-spacing:.16em;color:var(--sign);font-size:14px;margin:0 0 6px}.eyebrow,.h2{text-transform:uppercase}.h2{font-family:var(--block);font-weight:400;font-size:clamp(34px,4.6vw,54px);line-height:1.04;margin:0 0 18px;letter-spacing:.01em}.intro{color:var(--muted);max-width:620px;margin:-6px 0 30px}.roll-row{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:56px;gap:56px;align-items:center}.paper{position:relative;background:var(--paper);color:var(--ink);padding:34px 30px 40px 120px;font-family:var(--hand);font-size:23px;line-height:34px;background-image:linear-gradient(90deg,transparent 100px,var(--margin) 100px,var(--margin) 102px,transparent 102px),repeating-linear-gradient(180deg,transparent 0 33px,var(--rule) 33px 34px);background-position:0 0,0 70px;box-shadow:0 20px 36px rgba(0,0,0,.4);transform:rotate(-.8deg)}.paper p{margin:0 0 34px;color:var(--pen)}.paper p:last-of-type{margin-bottom:0}.paper-head{font-family:var(--marker);font-weight:400;font-size:34px;margin:0 0 30px;line-height:40px}.doodles{left:4px;top:70px;width:90px;height:calc(100% - 90px);opacity:.85}.doodles,.holes{position:absolute}.holes{left:0;top:0;bottom:0;width:1px;display:none}.margin-note{position:absolute;font-family:var(--marker);color:var(--red);margin:0!important;transform:rotate(-8deg);font-size:20px}.m1{right:22px;top:18px}.m2{right:40px;bottom:8px;transform:rotate(4deg);color:var(--pen)!important}.m3{left:150px;bottom:6px;transform:rotate(-12deg);font-size:16px;border:2px solid var(--red);border-radius:50%;padding:4px 10px}.statement p{color:#ddd6e6;margin:0 0 14px}.report{max-width:820px;margin:0 auto;background:#f3f0e6;color:var(--ink);padding:30px 36px 34px;border:2px solid #8a8577;box-shadow:0 22px 40px rgba(0,0,0,.4)}.report-top{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:10px;gap:10px;align-items:baseline;border-bottom:3px double var(--ink);padding-bottom:10px}.report-top p{margin:0}.report-school{font-size:14px;text-transform:uppercase;letter-spacing:.1em}.report-head{font-family:var(--block);font-size:30px;text-transform:uppercase;letter-spacing:.06em}.report-term{text-align:right;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.report-name{margin:18px 0 16px;font-family:var(--marker);font-size:30px}.report-comments span,.report-name span,.report-sign span{display:block;font-family:var(--body);font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#6a6560}.report-table{width:100%;border-collapse:collapse;font-size:17px}.report-table td,.report-table th{border:1px solid #8a8577;padding:9px 12px;text-align:left;vertical-align:top}.report-table thead th{background:#e3dfd0;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.report-table tbody th{font-weight:700;width:24%}.grade{font-size:22px;width:22%}.grade,.report-comments{font-family:var(--hand);color:var(--red)}.report-comments{margin:20px 0 0;font-size:30px}.report-sign{margin:18px 0 0}.report-sign i{display:block;border-bottom:1px solid var(--ink);height:30px;max-width:360px}.shelf{list-style:none;padding:0 0 18px;margin:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;border-bottom:16px solid #5b4a3a;box-shadow:0 14px 0 -4px #3d3128}.fmt{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);padding:20px 18px}.fmt p{margin:0}.fmt-obj{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.fmt-obj span{display:block}.fmt-0 .fmt-obj span{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#111 0 4px,var(--red) 5px 34px,#111 35px),repeating-radial-gradient(circle,#1a1a1a 0 2px,#0c0c0c 2px 4px);background-blend-mode:normal;box-shadow:0 6px 12px rgba(0,0,0,.4)}.fmt-1 .fmt-obj span{width:170px;height:108px;border-radius:8px;background:#2f2f35;position:relative;box-shadow:0 6px 12px rgba(0,0,0,.4)}.fmt-1 .fmt-obj span:before{content:"side a";position:absolute;left:12px;right:12px;top:10px;height:52px;background:var(--paper) linear-gradient(180deg,transparent 18px,var(--rule) 18px 19px,transparent 19px 36px,var(--rule) 36px 37px,transparent 37px);font-family:var(--hand);color:var(--pen);font-size:14px;padding:0 8px;line-height:18px}.fmt-1 .fmt-obj span:after{content:"";position:absolute;left:50%;top:30px;transform:translateX(-50%);width:80px;height:22px;border-radius:11px;background:radial-gradient(circle at 16px 50%,#fff 0 6px,#222 7px),#2f2f35}.fmt-2 .fmt-obj span{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,transparent 0 9px,#c9c9cf 10px 22px,transparent 23px),conic-gradient(from 30deg,#dfe3ea,#f9d7f0,#c9f2ff,#f7f5c8,#dfe3ea,#e2d5ff,#dfe3ea);box-shadow:0 6px 12px rgba(0,0,0,.4);position:relative}.fmt-2 .fmt-obj span:after{content:"";position:absolute;left:30px;top:50px;width:70px;height:2px;background:rgba(0,0,0,.3);transform:rotate(-24deg)}.fmt-3 .fmt-obj span{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,transparent 0 9px,#c9c9cf 10px 22px,transparent 23px),radial-gradient(circle,#6a7bd6,#2c3a8a 70%);box-shadow:0 6px 12px rgba(0,0,0,.4);position:relative}.fmt-3 .fmt-obj span:after{content:"mix ??";position:absolute;left:28px;top:92px;font-family:var(--marker);color:#f5f5f5;font-size:18px;transform:rotate(-10deg)}.fmt-when{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.fmt-name{font-weight:700;font-size:19px}.fmt-mood{font-family:var(--hand);color:var(--sign);font-size:22px;margin-top:6px!important}.mirror{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;gap:20px;padding:26px;border-radius:10px;background:linear-gradient(135deg,#dfe6ea,#a9b6bd 50%,#e4eaed);border:10px solid #4b3f55}.snap{position:relative;margin:0;background:#fff;padding:8px 8px 12px;color:var(--ink);transform:rotate(var(--r));box-shadow:0 8px 14px rgba(0,0,0,.25)}.snap .t1{top:-12px;left:50%;transform:translateX(-50%) rotate(-4deg);width:70px}.snap-img{aspect-ratio:3/4}.snap figcaption{font-family:var(--hand);font-size:18px;margin-top:6px;line-height:1.2}.under{padding-top:40px;background:linear-gradient(180deg,var(--room) 0 60%,#1d1a22)}.gap{height:16px;background:linear-gradient(180deg,#000,#3b3245);border-radius:2px;max-width:520px;margin:0 auto -6px;box-shadow:0 0 30px 8px rgba(255,230,160,.12)}.folded{position:relative;max-width:620px;margin:0 auto;background:var(--paper);color:var(--ink);padding:34px 36px 30px;transform:rotate(-1.2deg);background-image:linear-gradient(180deg,rgba(0,0,0,0) 49.6%,rgba(0,0,0,.08) 50%,rgba(255,255,255,0) 50.6%),repeating-linear-gradient(180deg,transparent 0 31px,var(--rule) 31px 32px);box-shadow:0 20px 30px rgba(0,0,0,.45)}.scrawl.small{font-size:clamp(32px,4.4vw,46px);line-height:1.05;margin-bottom:14px}.folded p{margin:0 0 14px}.btn{display:inline-block;font-family:var(--block);text-transform:uppercase;letter-spacing:.08em;background:var(--red);color:#fff;padding:12px 26px;text-decoration:none;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin:6px 0 12px;font-size:20px}.btn:hover{background:var(--sign);color:var(--ink)}.fine{font-family:var(--hand);color:var(--pen);font-size:20px;margin:0!important}.ftr{background:#18151c;color:var(--muted);padding:40px 0 28px}.ftr-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.ftr-mark{font-family:var(--marker);font-size:28px;margin:0;color:#fff}.ftr-tag{margin:0;font-family:var(--hand);font-size:22px;color:var(--sign)}.ftr-links{display:flex;flex-direction:column;gap:4px}.ftr-links a:hover{color:var(--sign)}.mouseprint{font-size:13px;line-height:1.5;margin-top:24px;color:#8e869a}@media (max-width:960px){.hall{grid-template-columns:1fr;justify-items:center;padding-top:40px}.door,.hall-label{grid-column:1}.hall-label{grid-row:1;padding:0 0 26px;text-align:center}.hall-label p{max-width:none}.roll-row{grid-template-columns:1fr}.shelf{grid-template-columns:1fr 1fr}.mirror{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){body{font-size:17px}.wrap{padding:0 16px}.hall{padding:30px 16px 0;min-height:0}.hall-label{font-size:19px}.door{width:100%}.door-frame{inset:-12px -12px 0 -12px}.door-panel{min-height:0;padding:36px 22px 70px;gap:24px}.knob{left:8px;top:auto;bottom:120px;width:26px;height:26px}.knob:before{left:4px;width:18px;height:60px;top:-17px}.sticky{width:150px;font-size:22px}.taped{padding:18px 16px 18px 46px}.sec{padding:60px 0}.paper{padding:26px 16px 34px 74px;font-size:20px;background-image:linear-gradient(90deg,transparent 62px,var(--margin) 62px,var(--margin) 64px,transparent 64px),repeating-linear-gradient(180deg,transparent 0 33px,var(--rule) 33px 34px);transform:none}.doodles{width:56px;left:2px}.paper-head{font-size:28px;padding-right:50px}.m3{display:none}.report{padding:20px 14px 24px}.report-top{grid-template-columns:1fr}.report-term,.report-top{text-align:left}.report-table{font-size:15px}.report-table td,.report-table th{padding:7px 6px}.grade{font-size:18px}.shelf{grid-template-columns:1fr}.mirror{grid-template-columns:1fr 1fr;padding:14px}.folded{padding:26px 20px 24px;transform:none}}