.side-projects{position:relative;padding:100px 0 90px;background-color:#e9eee8;background-image:radial-gradient(#b4bfae 1px,transparent 1px);background-size:22px 22px;border-top:1px solid #9aab92;isolation:isolate}.side-section-heading{max-width:1100px;width:calc(100% - 100px);margin:0 auto 55px;position:relative}.side-section-heading h2{font-size:clamp(46px,5.5vw,76px);font-weight:550;letter-spacing:-4px;line-height:1.05;margin:22px 0}.side-section-heading h2 em{font-family:Georgia,serif;font-weight:400}.side-section-heading p{font-size:14px;line-height:1.6;color:#5f685b}.side-section-mark{position:absolute;right:40px;top:25px;transform:rotate(10deg);font:90px/1 monospace;color:#9cac91}.side-project-list{max-width:1200px;width:calc(100% - 100px);margin:auto;display:grid;gap:38px}.side-project-card{position:relative!important;top:auto!important;transform:none!important;margin:0;will-change:auto;min-height:580px}.physics-project{background:#f5e9d5}.game-project{background:#dce4f5}.side-project-card .card-grid{min-height:470px;gap:38px;padding-top:30px;padding-bottom:32px}.side-project-card .card-copy h3{font-size:51px;line-height:1.06;letter-spacing:-2.5px}.side-project-name{display:block;font-size:29px;line-height:1.12;letter-spacing:-1px;margin-top:12px}.side-project-result{display:block;font-size:39px;letter-spacing:-1.5px;margin-top:12px}.side-project-card .project-hook{font-size:18px;max-width:360px}.school-visual{position:relative;padding:24px 5px 35px;min-width:0}.optics-sheet{background:#f8f4e8;border:1.5px solid #6c617b;border-radius:14px;box-shadow:9px 11px 0 #c7b8d6;transform:rotate(-5deg);overflow:hidden}.visual-toolbar{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;font:8px/1.3 monospace;letter-spacing:1px;color:#6c617b}.school-visual svg{display:block;width:100%;height:auto}.optics-equation{padding:15px 18px 20px;display:flex;align-items:center;justify-content:space-between;font:17px/1.4 Georgia,serif;color:#594d6a;gap:12px;border-top:1px solid #d5cbdc}.optics-equation span{font-size:12px;font-style:italic}.school-visual-caption{display:block;margin-top:27px;text-align:center;font-size:9px;color:#76677f;letter-spacing:.3px}.game-window{background:#322b43;border:1.5px solid #4d3d63;border-radius:14px;box-shadow:9px 11px 0 #b5bfdb;transform:rotate(4deg);overflow:hidden}.game-window .visual-toolbar{color:#e1d7ec;border-bottom:1px solid #544764}.game-metrics{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;color:#eee4f4}.game-metrics>span{font:16px/1.4 monospace}.game-metrics b{font-weight:400;color:#c6e79d}.game-metrics small{font-size:9px}.result-sticker.prize-sticker strong{font-size:43px;letter-spacing:-2.5px}.limit-sticker.prize-sticker strong{font-size:28px;line-height:1;letter-spacing:-1.5px}.limit-sticker.prize-sticker>span{font-size:7px;letter-spacing:.8px;margin-top:9px;font-weight:650}
[data-theme=ascii] .side-projects{background-color:#141414;background-image:radial-gradient(#333 1px,transparent 1px);border-color:#444}[data-theme=ascii] .side-section-heading p{color:#aaa}[data-theme=ascii] .side-section-mark{color:#4e4e4e}[data-theme=ascii] .physics-project{background:#1c1c1c}[data-theme=ascii] .game-project{background:#242424}[data-theme=ascii] .school-visual-caption{color:#aaa}[data-theme=ascii] .optics-sheet{box-shadow:9px 11px 0 #36313f}[data-theme=ascii] .game-window{box-shadow:9px 11px 0 #383640}
@media(max-width:1100px){.side-section-heading,.side-project-list{width:calc(100% - 60px)}.side-project-card .card-copy h3{font-size:44px}.side-project-name{font-size:26px}.side-project-card .card-grid{gap:24px}.result-sticker.prize-sticker strong{font-size:37px}}
@media(max-width:760px){.side-projects{padding:65px 0}.side-section-heading,.side-project-list{width:calc(100% - 32px)}.side-section-heading{margin-bottom:35px;padding:0 6px}.side-section-heading h2{font-size:47px;letter-spacing:-2.5px}.side-section-heading p{font-size:12px;max-width:230px}.side-section-mark{font-size:35px;right:8px;top:15px}.side-project-list{gap:28px}.side-project-card .card-grid{grid-template-columns:1fr;gap:15px;padding-top:28px;min-height:0}.side-project-card .card-copy h3{font-size:42px;letter-spacing:-2px}.side-project-name{font-size:26px;margin-top:9px}.side-project-result{font-size:34px}.side-project-card .project-hook{font-size:17px}.school-visual{max-width:490px;width:100%;margin:auto;padding:20px 8px 5px}.visual-toolbar{font-size:6px;padding:13px 12px}.optics-equation{font-size:14px;padding:13px 12px}.optics-equation span{font-size:10px}.school-visual-caption{font-size:8px;margin-top:24px}.game-metrics{padding:12px;font-size:12px}.game-metrics>span{font-size:13px}.game-metrics small{font-size:8px}.result-sticker.prize-sticker strong{font-size:33px}.limit-sticker.prize-sticker strong{font-size:25px}.limit-sticker.prize-sticker>span{font-size:6px}}

#story-dialog.certificate-dialog{width:min(760px,calc(100% - 32px));padding:38px}.certificate-image{display:block;border:1px solid #777;border-radius:8px;overflow:hidden;background:white}.certificate-image img{display:block;width:100%;height:auto}@media(max-width:760px){#story-dialog.certificate-dialog{padding:36px 18px 22px}.certificate-dialog h2{font-size:30px}}

.game-screenshot{display:block;background:#3e7cbc;cursor:zoom-in}.game-screenshot img{display:block;width:100%;height:auto}.game-screenshot:focus-visible{outline:3px solid #c6e79d;outline-offset:-3px}