.blog-page h1{font-size:3rem}.blog-page h1,.blog-page h2{width:100%;font-family:Rhetorik,sans-serif;font-style:italic;line-height:1;margin:2rem 0 1rem}.blog-page h2{font-size:2rem}.blog-page h3{width:100%;font-family:Rhetorik,sans-serif;font-style:italic;font-size:1.3rem;font-weight:medium;line-height:1;margin:2rem 0 1rem}.blog-page h4{font-size:1.12rem}.blog-page h4,.blog-page h5{width:100%;font-family:Rhetorik,sans-serif;font-style:italic;font-weight:700;line-height:1;margin:2rem 0 1rem}.blog-page h5{font-size:1rem}.blog-page p{width:100%;font-family:Roobert,sans-serif;font-size:1.12rem;line-height:1.4;margin:.5rem 0;text-wrap:pretty}.blog-page p.prompt{font-size:.95rem;font-style:italic;background:#f9f9f9;border-left:10px solid #ccc;margin:.25rem 0;padding:.5rem 10px;quotes:"\201C""\201D""\2018""\2019"}.blog-page p.prompt:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}.blog-page hr{width:100%;border-top:1px solid #000}.blog-page ul{list-style:disc;padding-left:1.4rem}.blog-page ol,.blog-page ul{width:100%;font-size:1.12rem}.blog-page ol{list-style:auto;padding-left:1.25rem}.blog-page a{text-decoration:none;--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity));font-weight:500;transition:all .2s ease-in}.blog-page a:hover{&:hover{text-decoration:underline;text-underline-offset:.25em}}.blog-page video{margin:.5rem 0;border-radius:.5rem;background-color:#000}#title-video{width:100%;aspect-ratio:16/9}.blog-page span.intro-video-header{font-size:1.25rem;font-weight:700;margin:0}#intro-video{width:100%;border:none;border-radius:0;background:none}.blog-column{max-width:min(min(768px,95vw),calc(85dvh * 4 / 3))}.anchor-offset{position:relative;padding-top:6rem;margin-top:-6rem}.blog-title-container{position:relative;width:100%;margin-top:.2rem}.blog-title-container h1{position:absolute;bottom:5%;left:3%;color:#fff;text-shadow:2px 2px 4px #000}.blog-date{width:100%;font-family:Rhetorik,sans-serif;font-style:italic;font-size:1.15rem;font-weight:medium;line-height:1;margin:.5rem 0 .25rem}.footnote-link{text-decoration:none;color:gray}.footnote{font-size:.9rem;text-indent:-1.25rem;padding-left:1.25rem}.click-fallback{text-align:right}.pane-selector{display:flex;flex-direction:column;align-items:center;margin:.5rem 0}.pane{position:relative;overflow:hidden;aspect-ratio:4/3;max-width:min(min(768px,95vw),calc(85dvh * 4 / 3));width:100%;height:auto;background-color:#000;border-radius:10px;transition:box-shadow .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pane:focus{outline:none}.pane>img{opacity:.5;pointer-events:none}.pane>img,.pane>video{position:absolute;margin:0;top:0;left:0;max-width:100%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity 1s;z-index:2}.pane.active-pane{box-shadow:3px 3px 10px #000}.pane.active-pane>img{opacity:0}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.pane>div.pane-overlay{width:100%;text-align:center;font-size:1.25rem;text-shadow:1px 1px 3px #000;z-index:3}.pane>div.loading,.pane>div.pane-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;pointer-events:none}.pane>div.loading{display:none;font-size:1.5rem;text-shadow:3px 3px 5px #000}.pane.loading-pane>div.loading{display:block;animation:spin 2s linear infinite;z-index:3}.pane>div.instructions{position:absolute;display:grid;grid-template-columns:1fr 1fr;gap:4rem 1rem;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);font-size:clamp(1rem,4.5vw,2rem);color:#fff;text-shadow:3px 3px 5px #000;pointer-events:none;text-align:center;line-height:1.4;z-index:4;opacity:0;transition:opacity 1.5s}.pane.mobile>div.instructions{font-size:clamp(1rem,6.5vw,1.75rem);font-weight:700}@media (orientation:landscape){.pane.mobile>div.instructions{font-size:clamp(1rem,4vw,1.1rem);font-weight:700}}.pane>div.instructions .two-col-instructions{grid-column:1/-1;text-align:center;transition:opacity .5s}.pane>div.instructions .one-col-instructions{text-align:center;transition:opacity .5s;font-size:clamp(1rem,2.7vw,1.6rem)}.pane.mobile>div.instructions .one-col-instructions{font-size:clamp(.5rem,4.8vw,1.5rem)}@media (orientation:landscape){.pane.mobile>div.instructions .one-col-instructions{font-size:clamp(.5rem,2.5vw,1rem);font-weight:700}}.pane>div.instructions .hide{opacity:0}.pane>div.instructions img{position:relative;display:block;margin:1rem auto}.pane>div.instructions img.wasd{width:55%;height:auto}.pane>div.instructions img.mouse{width:25%;height:auto}.pane>div.instructions.show{opacity:1}.pane>canvas{display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity 1s}.pane.active-pane>canvas{opacity:1}.pane.active-pane .vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:1;z-index:5}.pane.active-pane .vignette-text{left:0;color:#fff;text-shadow:3px 3px 5px #000;padding:1rem}.pane .pane-logo,.pane.active-pane .vignette-text{position:absolute;bottom:0;z-index:6;opacity:0;pointer-events:none}.pane .pane-logo{right:0;transition:opacity 0s}.pane.active-pane .pane-logo{opacity:1;transition:opacity 1s}.image-grid{display:grid;max-width:min(min(768px,95vw),calc(85dvh * 4 / 3));gap:1rem;grid-template-columns:repeat(4,1fr);margin:1rem 0}.image-tile{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.image-tile.fancy-tile{border-radius:3px}.image-tile.polaroid-tile{border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.4)}.image-tile img{max-width:100%;width:100%;height:auto;display:block;margin:0;cursor:pointer}.image-tile.active-tile{transform:scale(1.02)!important;box-shadow:0 6px 12px rgba(0,0,0,.75)!important}.image-tile:hover{transform:scale(1.04);box-shadow:0 6px 12px rgba(0,0,0,.5)}.blog-btn-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;position:relative;text-align:center;margin:.6rem 0}button.blog-btn{background:linear-gradient(160deg,#6c63ff,#4e49b1);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:4px 4px 12px rgba(0,0,0,.3)}button.blog-btn:disabled{background:#d3d3d3;color:#a9a9a9;cursor:not-allowed}button.blog-btn:not(:disabled):active{transform:translate(1px,1px);box-shadow:2px 2px 8px rgba(0,0,0,.1)}button.blog-btn:not(:disabled):focus{outline:2px solid rgba(108,99,255,.5)}.blog-slider-container{display:flex;align-items:center;justify-content:center;padding-top:2rem;margin-bottom:1.5rem;position:relative;text-align:center}.blog-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:65%;height:1rem;background:linear-gradient(135deg,#6c63ff,#a68df4);border-radius:.25rem;outline:none;transition:opacity .2s;box-shadow:0 4px 12px rgba(0,0,0,.1)}.blog-slider:disabled{background:#d3d3d3;cursor:not-allowed}.blog-slider:not(:disabled)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.75rem;height:1.75rem;background:#4e49b1;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer;-webkit-transition:transform .1s;transition:transform .1s}.blog-slider:not(:disabled)::-webkit-slider-thumb:hover{transform:scale(1.1)}.blog-slider:not(:disabled)::-moz-range-thumb{width:1.75rem;height:1.75rem;background:#6557d8;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer;-moz-transition:transform .1s;transition:transform .1s}.blog-slider:not(:disabled)::-moz-range-thumb:hover{transform:scale(1.1)}.slider-ticks{position:absolute;bottom:2.75rem;width:65%}.slider-tick{position:absolute;transform:translateX(-50%);text-align:center}.slider-tick-label{font-size:1rem;color:#555}.blog-credits{padding:1rem;margin-top:2rem;background-color:#f5f5f5;box-shadow:0 2px 4px rgba(0,0,0,.1)}.blog-credits,.blog-credits p{font-size:.9rem}input[type=radio]{display:none}.radio-btn-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;position:relative;text-align:center;margin:.5rem 0}label.blog-btn{background:linear-gradient(135deg,#b0abff,#8e8abf);color:#6b6698;padding:.75rem 1.5rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;box-shadow:2px 2px 5px rgba(0,0,0,.2);transition:all .2s ease}label.blog-btn:hover{background:linear-gradient(135deg,#a09bff,#7c78b3);box-shadow:3px 3px 8px rgba(0,0,0,.3)}input[type=radio]:checked+label{background:linear-gradient(135deg,#6c63ff,#4e49b1);color:#fff;border:1px solid transparent;box-shadow:2px 2px 5px rgba(0,0,0,.5)}input[type=radio]:focus+label.blog-btn{outline:2px solid rgba(108,99,255,.5);outline-offset:3px}input[type=radio]:disabled+label.blog-btn{background:#d3d3d3;color:#a9a9a9;cursor:not-allowed}.blog-page .depth-legend{width:100%}.blog-page .depth-legend img{width:100%;height:auto}.blog-page .depth-legend-text{display:flex;flex-direction:row;justify-content:space-between}.blog-page .depth-legend-text span{margin:0 .75rem}