@font-face{font-family:Noto Sans Mono;src:url(/NotoSansMono-Regular.ttf)}.experiment-viewport{position:fixed;inset:0;z-index:100;background:#000;overflow:hidden;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex;justify-content:center}.experiment-viewport canvas{padding:0;position:absolute;z-index:0}.experiment-viewport .audio{opacity:0;transition:opacity 1s;align-self:center}.experiment-viewport .audio:hover,.experiment-viewport .audio.paused{opacity:.8}.experiment-viewport .well{height:fit-content;padding:5px;width:100%;background:#ffffff80;z-index:1}.experiment-viewport .inputs{display:flex}.experiment-viewport .inputs input{flex:1}.experiment-viewport .pick-song{position:absolute;top:5px;left:5px;color:#fff}.experiment-viewport .pick-song a{color:#fff;text-decoration:none}.experiment-viewport .center{margin:auto;height:20vh;width:50vh;line-height:10vh;color:#000;font-family:Arial;font-size:4vh;text-align:center;border:1px solid #f0615b;background:#efefef;z-index:1}.experiment-viewport .desc{color:#000;margin:0;padding:0;font-size:2vh;line-height:3vh;margin-top:-3vh}.experiment-viewport .desc a{color:#5892d8;font-weight:700;text-decoration:none}.experiment-viewport .flocking{background:#673ab7}.experiment-viewport .flocking circle{stroke:#fff;stroke-opacity:.25;stroke-width:2px}.experiment-viewport .disc{position:absolute;background-color:#5892d8;border-radius:100%}.experiment-viewport .ground{position:absolute;background:#2f3436;inset:100% 0 0}.experiment-viewport .instruct{user-select:none;position:absolute;top:calc(50% - 200px);left:0%;right:0%;color:#844f00;text-align:center}.experiment-viewport .instruct h1{text-align:center;width:100%}.experiment-viewport progress[value]{position:absolute;appearance:none;width:100%;height:20px;background-color:red}.experiment-viewport progress[value]::-webkit-progress-bar{background-color:red}.experiment-viewport progress[value]::-webkit-progress-value{background-color:#0f0}.experiment-viewport .btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:2px 0 0;color:#fff}.experiment-viewport .chars{transition:background .5s ease-in-out,color .1s ease-in-out;line-height:100vh;font-size:3vh;align-self:center;font-family:Noto Sans Mono}.experiment-viewport input[type=range].cool-slider{-webkit-appearance:none;background:transparent}.experiment-viewport input[type=range].cool-slider:focus{outline:none}.experiment-viewport input[type=range].cool-slider::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;box-shadow:none;border-radius:0;border:none}.experiment-viewport input[type=range].cool-slider.light::-webkit-slider-runnable-track{background:#312d32}.experiment-viewport input[type=range].cool-slider.dark::-webkit-slider-runnable-track{background:#ebe8e7}.experiment-viewport input[type=range].cool-slider::-webkit-slider-thumb{box-shadow:none;box-sizing:border-box;height:4px;width:4px;border-radius:0;cursor:pointer;-webkit-appearance:none;border:none;transform:scale(4)}.experiment-viewport input[type=range].cool-slider.light::-webkit-slider-thumb{background:#312d32}.experiment-viewport input[type=range].cool-slider.dark::-webkit-slider-thumb{background:#ebe8e7}.experiment-back{position:fixed;top:1rem;left:1rem;z-index:101;font-size:.85rem;color:#ebe8e7;background:#100f0fb3;padding:.4rem .8rem;border-radius:4px;text-decoration:underline;transition:opacity .3s ease}.experiment-back:hover{opacity:.7}.experiment-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--fx-600);font-style:italic}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--fx-black: #100f0f;--fx-950: #1c1b1a;--fx-900: #282726;--fx-850: #343331;--fx-800: #403e3c;--fx-700: #575653;--fx-600: #6f6e69;--fx-500: #878580;--fx-200: #cecdc3;--fx-50: #f2f0e5;--fx-paper: #fffcf0;--em-joy-accent: #d0a215;--em-joy-deep: #ad8301;--em-joy-bg: #241e08;--em-joy-surface: #3a2d04;--em-joy-text: #f6e2a0;--em-sadness-accent: #4385be;--em-sadness-deep: #205ea6;--em-sadness-bg: #101a24;--em-sadness-surface: #12253b;--em-sadness-text: #c6dde8;--em-anger-accent: #d14d41;--em-anger-deep: #af3029;--em-anger-bg: #261312;--em-anger-surface: #3e1715;--em-anger-text: #ffcabb;--em-fear-accent: #8b7ec8;--em-fear-deep: #5e409d;--em-fear-bg: #1a1623;--em-fear-surface: #261c39;--em-fear-text: #e2d9e9;--em-love-accent: #ce5d97;--em-love-deep: #a02f6f;--em-love-bg: #24131d;--em-love-surface: #39172b;--em-love-text: #fccfda;--em-wonder-accent: #3aa99f;--em-wonder-deep: #24837b;--em-wonder-bg: #101f1d;--em-wonder-surface: #122f2c;--em-wonder-text: #bfe8d9;--em-peace-accent: #879a39;--em-peace-deep: #66800b;--em-peace-bg: #1a1e0c;--em-peace-surface: #252d09;--em-peace-text: #dde2b2;--em-hope-accent: #da702c;--em-hope-deep: #bc5215;--em-hope-bg: #27180e;--em-hope-surface: #40200d;--em-hope-text: #fed3af;--em-cold-accent: #889ba6;--em-cold-deep: #607882;--em-cold-bg: #0e1416;--em-cold-surface: #151d21;--em-cold-text: #c0cdd4;--em-alive-accent: #d0a215;--em-alive-deep: #da702c;--em-melancholy-accent: #7b8fb5;--em-melancholy-deep: #536685;--em-melancholy-bg: #111520;--em-melancholy-surface: #1a2030;--em-melancholy-text: #c4ccdc;--em-corrupted-accent: #af3029;--em-corrupted-deep: #6c201c;--em-corrupted-bg: #1a0a0a;--em-corrupted-surface: #2a1010;--em-corrupted-text: #d4a0a0;--em-shame-accent: #6b4a6b;--em-shame-deep: #4a2d4a;--em-shame-bg: #130e14;--em-shame-surface: #1d1420;--em-shame-text: #bca8bc;--em-small-accent: #a89f9f;--em-small-deep: #7d7272;--em-small-bg: #131112;--em-small-surface: #1c1919;--em-small-text: #ccc5c5;--em-athome-accent: #b59a6a;--em-athome-deep: #8a7242;--em-athome-bg: #181410;--em-athome-surface: #231e17;--em-athome-text: #d8ccba;--em-passion-accent: #e04f5f;--em-passion-deep: #b33344;--em-passion-bg: #1e0f11;--em-passion-surface: #2a1418;--em-passion-text: #f0c6cb;font-family:"Source Serif 4",Georgia,serif;font-size:18px;line-height:1.7;font-optical-sizing:auto}body{background-color:var(--fx-black);color:var(--fx-200);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;transition:background-color 1.5s ease,color 1.5s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.attenuating{animation:heartbeat 1.6s ease-in-out infinite}@keyframes heartbeat{0%,to{background-color:var(--em-joy-bg)}8%{background-color:var(--fx-black)}11%{background-color:var(--em-sadness-bg)}19%{background-color:var(--fx-black)}22%{background-color:var(--em-anger-bg)}30%{background-color:var(--fx-black)}33%{background-color:var(--em-fear-bg)}41%{background-color:var(--fx-black)}44%{background-color:var(--em-love-bg)}52%{background-color:var(--fx-black)}55%{background-color:var(--em-wonder-bg)}63%{background-color:var(--fx-black)}66%{background-color:var(--em-peace-bg)}74%{background-color:var(--fx-black)}77%{background-color:var(--em-hope-bg)}85%{background-color:var(--fx-black)}88%{background-color:var(--em-cold-bg)}96%{background-color:var(--fx-black)}}body[data-emotion=joy]{background-color:var(--em-joy-bg);color:var(--em-joy-text)}body[data-emotion=sadness]{background-color:var(--em-sadness-bg);color:var(--em-sadness-text)}body[data-emotion=anger]{background-color:var(--em-anger-bg);color:var(--em-anger-text)}body[data-emotion=fear]{background-color:var(--em-fear-bg);color:var(--em-fear-text)}body[data-emotion=love]{background-color:var(--em-love-bg);color:var(--em-love-text)}body[data-emotion=wonder]{background-color:var(--em-wonder-bg);color:var(--em-wonder-text)}body[data-emotion=peace]{background-color:var(--em-peace-bg);color:var(--em-peace-text)}body[data-emotion=hope]{background-color:var(--em-hope-bg);color:var(--em-hope-text)}body[data-emotion=cold]{background-color:var(--em-cold-bg);color:var(--em-cold-text)}body[data-emotion=shame]{background-color:var(--em-shame-bg);color:var(--em-shame-text)}body[data-emotion=corrupted]{background-color:var(--em-corrupted-bg);color:var(--em-corrupted-text)}body[data-emotion=melancholy]{background-color:var(--em-melancholy-bg);color:var(--em-melancholy-text)}body[data-emotion=small]{background-color:var(--em-small-bg);color:var(--em-small-text)}body[data-emotion="at home"]{background-color:var(--em-athome-bg);color:var(--em-athome-text)}body[data-emotion=passion]{background-color:var(--em-passion-bg);color:var(--em-passion-text)}body[data-emotion=alive]{animation:aliveBg 16s ease-in-out infinite}@keyframes aliveBg{0%,to{background-color:var(--em-joy-bg);color:var(--em-joy-text)}11%{background-color:var(--em-sadness-bg);color:var(--em-sadness-text)}22%{background-color:var(--em-anger-bg);color:var(--em-anger-text)}33%{background-color:var(--em-fear-bg);color:var(--em-fear-text)}44%{background-color:var(--em-love-bg);color:var(--em-love-text)}55%{background-color:var(--em-wonder-bg);color:var(--em-wonder-text)}66%{background-color:var(--em-peace-bg);color:var(--em-peace-text)}77%{background-color:var(--em-hope-bg);color:var(--em-hope-text)}88%{background-color:var(--em-cold-bg);color:var(--em-cold-text)}}#root{width:100%;max-width:640px;padding:2rem}.welcome-container{margin-bottom:3rem}.welcome-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0rem}.welcome-avatar{grid-row:1;grid-column:2;height:100%;max-height:5rem;width:auto;image-rendering:pixelated;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:1.2s}.welcome-line{opacity:0;animation:fadeIn 1s ease forwards;margin-bottom:.5em}.welcome-line:nth-child(1){animation-delay:.3s}.welcome-line:nth-child(2){animation-delay:1.2s}.welcome-line:nth-child(3){animation-delay:2.1s}.welcome-greeting{font-size:1.4rem;font-style:italic;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:.3s;margin-bottom:.5em;transition:color 1.5s ease}.welcome-name{font-size:2rem;font-weight:600;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:1.2s;margin-bottom:.5em;transition:color 1.5s ease}.welcome-question{font-size:1.2rem;color:var(--fx-600);opacity:0;animation:fadeIn 1s ease forwards;animation-delay:2.1s;margin-bottom:.5em;transition:color 1.5s ease}body[data-emotion=joy] .welcome-question{color:var(--em-joy-accent)}body[data-emotion=sadness] .welcome-question{color:var(--em-sadness-accent)}body[data-emotion=anger] .welcome-question{color:var(--em-anger-accent)}body[data-emotion=fear] .welcome-question{color:var(--em-fear-accent)}body[data-emotion=love] .welcome-question{color:var(--em-love-accent)}body[data-emotion=wonder] .welcome-question{color:var(--em-wonder-accent)}body[data-emotion=peace] .welcome-question{color:var(--em-peace-accent)}body[data-emotion=hope] .welcome-question{color:var(--em-hope-accent)}body[data-emotion=cold] .welcome-question{color:var(--em-cold-accent)}body[data-emotion=shame] .welcome-question{color:var(--em-shame-accent)}body[data-emotion=corrupted] .welcome-question{color:var(--em-corrupted-accent)}body[data-emotion=melancholy] .welcome-question{color:var(--em-melancholy-accent)}body[data-emotion=small] .welcome-question{color:var(--em-small-accent)}body[data-emotion="at home"] .welcome-question{color:var(--em-athome-accent)}body[data-emotion=passion] .welcome-question{color:var(--em-passion-accent)}body[data-emotion=alive] .welcome-question{color:var(--fx-50)}@keyframes aliveAccent{0%,to{color:var(--em-joy-accent)}11%{color:var(--em-sadness-accent)}22%{color:var(--em-anger-accent)}33%{color:var(--em-fear-accent)}44%{color:var(--em-love-accent)}55%{color:var(--em-wonder-accent)}66%{color:var(--em-peace-accent)}77%{color:var(--em-hope-accent)}88%{color:var(--em-cold-accent)}}.progress-container{margin-bottom:2rem;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:2.8s;transition:opacity .8s ease}.progress-container.hidden{opacity:0!important;animation:none}.progress-track{width:100%;height:2px;background:var(--fx-900);border-radius:1px;overflow:hidden}.progress-fill{height:100%;background:var(--fx-600);border-radius:1px;transition:width .3s ease}@keyframes fadeIn{to{opacity:1}}.emotion-input-container{opacity:0;animation:fadeIn 1s ease forwards;animation-delay:2.8s}.emotion-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--fx-800);color:var(--fx-500);font-family:"Source Serif 4",Georgia,serif;font-size:1.3rem;padding:.5em 0;outline:none;caret-color:var(--fx-500);transition:border-color 1.5s ease,color 1.5s ease,caret-color 1.5s ease}body[data-emotion=joy] .emotion-input{border-bottom-color:var(--em-joy-surface);color:var(--em-joy-accent);caret-color:var(--em-joy-accent)}body[data-emotion=sadness] .emotion-input{border-bottom-color:var(--em-sadness-surface);color:var(--em-sadness-accent);caret-color:var(--em-sadness-accent)}body[data-emotion=anger] .emotion-input{border-bottom-color:var(--em-anger-surface);color:var(--em-anger-accent);caret-color:var(--em-anger-accent)}body[data-emotion=fear] .emotion-input{border-bottom-color:var(--em-fear-surface);color:var(--em-fear-accent);caret-color:var(--em-fear-accent)}body[data-emotion=love] .emotion-input{border-bottom-color:var(--em-love-surface);color:var(--em-love-accent);caret-color:var(--em-love-accent)}body[data-emotion=wonder] .emotion-input{border-bottom-color:var(--em-wonder-surface);color:var(--em-wonder-accent);caret-color:var(--em-wonder-accent)}body[data-emotion=peace] .emotion-input{border-bottom-color:var(--em-peace-surface);color:var(--em-peace-accent);caret-color:var(--em-peace-accent)}body[data-emotion=hope] .emotion-input{border-bottom-color:var(--em-hope-surface);color:var(--em-hope-accent);caret-color:var(--em-hope-accent)}body[data-emotion=cold] .emotion-input{border-bottom-color:var(--em-cold-surface);color:var(--em-cold-accent);caret-color:var(--em-cold-accent)}body[data-emotion=shame] .emotion-input{border-bottom-color:var(--em-shame-surface);color:var(--em-shame-accent);caret-color:var(--em-shame-accent)}body[data-emotion=corrupted] .emotion-input{border-bottom-color:var(--em-corrupted-surface);color:var(--em-corrupted-accent);caret-color:var(--em-corrupted-accent)}body[data-emotion=melancholy] .emotion-input{border-bottom-color:var(--em-melancholy-surface);color:var(--em-melancholy-accent);caret-color:var(--em-melancholy-accent)}body[data-emotion=small] .emotion-input{border-bottom-color:var(--em-small-surface);color:var(--em-small-accent);caret-color:var(--em-small-accent)}body[data-emotion="at home"] .emotion-input{border-bottom-color:var(--em-athome-surface);color:var(--em-athome-accent);caret-color:var(--em-athome-accent)}body[data-emotion=passion] .emotion-input{border-bottom-color:var(--em-passion-surface);color:var(--em-passion-accent);caret-color:var(--em-passion-accent)}body[data-emotion=alive] .emotion-input{animation:aliveAccent 16s ease-in-out infinite;caret-color:var(--fx-50);border-bottom-color:var(--fx-800)}.emotion-input::placeholder{color:var(--fx-600);font-style:italic;transition:color 1.5s ease}.emotion-input:focus{border-bottom-color:var(--fx-600)}.unmatched-hint{font-size:.85rem;font-style:italic;color:var(--fx-600);margin-top:.8rem}.response-container{margin-top:2.5rem;min-height:4em}.response-text{font-size:1.1rem;line-height:1.8;font-style:italic;opacity:0;transition:opacity .8s ease,color 1.5s ease}.response-text.visible{opacity:1}.album-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-top:.5rem;opacity:0;animation:fadeIn .6s ease forwards}.album-cover{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:4px;transition:transform .3s ease}.album-cover:hover{transform:scale(1.05)}.album-cover img{width:100%;height:100%;object-fit:cover;display:block}.album-label{position:absolute;bottom:0;left:0;right:0;padding:.4rem;background:linear-gradient(transparent,#100f0fd9);display:flex;flex-direction:column;opacity:1}.album-title{font-size:.65rem;font-weight:600;color:var(--fx-50);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-artist{font-size:.55rem;color:var(--fx-500);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-list{margin-top:3rem;display:flex;flex-direction:column;gap:0rem}.section-header,.project-header{font-size:1.2rem;font-weight:400;font-style:italic;color:var(--fx-500);margin-bottom:.5rem}.section-header{margin-top:3rem}.project-title{font-size:1.1rem;font-weight:600;color:var(--fx-200);text-decoration:underline;transition:color 1.5s ease}.project-title:hover{opacity:.7}.project-description{font-size:.95rem;font-style:italic;color:var(--fx-500);line-height:1.6;margin-top:.3rem;transition:color 1.5s ease}.links{display:flex;gap:1.5rem;margin-top:3rem}.meet-link{display:inline-block;font-size:.9rem;font-family:inherit;color:var(--fx-500);text-decoration:underline;transition:color 1.5s ease}.meet-link:hover{opacity:.7}body[data-emotion=joy] .meet-link,body[data-emotion=joy] .project-title{color:var(--em-joy-accent)}body[data-emotion=sadness] .meet-link,body[data-emotion=sadness] .project-title{color:var(--em-sadness-accent)}body[data-emotion=anger] .meet-link,body[data-emotion=anger] .project-title{color:var(--em-anger-accent)}body[data-emotion=fear] .meet-link,body[data-emotion=fear] .project-title{color:var(--em-fear-accent)}body[data-emotion=love] .meet-link,body[data-emotion=love] .project-title{color:var(--em-love-accent)}body[data-emotion=wonder] .meet-link,body[data-emotion=wonder] .project-title{color:var(--em-wonder-accent)}body[data-emotion=peace] .meet-link,body[data-emotion=peace] .project-title{color:var(--em-peace-accent)}body[data-emotion=hope] .meet-link,body[data-emotion=hope] .project-title{color:var(--em-hope-accent)}body[data-emotion=cold] .meet-link,body[data-emotion=cold] .project-title{color:var(--em-cold-accent)}body[data-emotion=alive] .meet-link,body[data-emotion=alive] .project-title{animation:aliveAccent 16s ease-in-out infinite}body[data-emotion=melancholy] .meet-link,body[data-emotion=melancholy] .project-title{color:var(--em-melancholy-accent)}body[data-emotion=corrupted] .meet-link,body[data-emotion=corrupted] .project-title{color:var(--em-corrupted-accent)}body[data-emotion=shame] .meet-link,body[data-emotion=shame] .project-title{color:var(--em-shame-accent)}body[data-emotion=small] .meet-link,body[data-emotion=small] .project-title{color:var(--em-small-accent)}body[data-emotion="at home"] .meet-link,body[data-emotion="at home"] .project-title{color:var(--em-athome-accent)}body[data-emotion=passion] .meet-link,body[data-emotion=passion] .project-title{color:var(--em-passion-accent)}@media(max-width:600px){:root{font-size:16px}#root{padding:1.5rem}.welcome-name{font-size:1.6rem}.welcome-greeting{font-size:1.2rem}.emotion-input{font-size:1.1rem}.album-grid{grid-template-columns:repeat(5,1fr);gap:.5rem}}@media(max-width:380px){:root{font-size:15px}#root{padding:1rem}}.blog-index{padding:2rem 0}.blog-index-title{font-size:1.4rem;font-weight:400;font-style:italic;color:var(--fx-500);margin-bottom:2rem}.blog-post-list{display:flex;flex-direction:column;gap:.75rem}.blog-post-item{display:flex;justify-content:space-between;align-items:baseline;text-decoration:none;color:var(--fx-200);transition:opacity .3s ease}.blog-post-item:hover{opacity:.7}.blog-post-name{font-size:1.05rem;text-decoration:underline}.blog-post-date{font-size:.8rem;color:var(--fx-600);font-style:italic}.blog-back{display:inline-block;margin-top:2rem;font-size:.9rem;color:var(--fx-500);text-decoration:underline;transition:opacity .3s ease}.blog-back:hover{opacity:.7}.blog-post{padding:2rem 0}.blog-post-title{font-size:1.8rem;font-weight:600;margin-bottom:.3rem}.blog-post .blog-post-date{display:block;font-size:.85rem;color:var(--fx-600);font-style:italic;margin-bottom:2rem}.blog-prose{font-size:1.05rem;line-height:1.9}.blog-prose p{margin-bottom:1.2em}.blog-prose ul,.blog-prose ol{margin-bottom:1.2em;padding-left:1.2em}.blog-prose li{margin-bottom:.4em}.blog-prose a{color:inherit;text-decoration:underline}.blog-preview{display:flex;flex-direction:column;gap:.4rem}.blog-preview-link{font-size:1rem;color:var(--fx-200);text-decoration:underline;transition:color 1.5s ease,opacity .3s ease}.blog-preview-link:hover{opacity:.7}.blog-see-all{font-size:.85rem;color:var(--fx-600);text-decoration:underline;font-style:italic;margin-top:.3rem;transition:opacity .3s ease}.blog-see-all:hover{opacity:.7}.experiment-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.experiment-chip{font-size:.8rem;padding:.2rem .6rem;border:1px solid var(--fx-800);border-radius:3px;color:var(--fx-500);text-decoration:none;transition:border-color 1.5s ease,color 1.5s ease,opacity .3s ease}.experiment-chip:hover{opacity:.7}.experiment-see-more{font-size:.8rem;color:var(--fx-600);text-decoration:underline;font-style:italic;align-self:center}.experiment-index{padding:2rem 0}.experiment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.experiment-card{display:block;border-radius:4px;overflow:hidden;text-decoration:none;transition:transform .3s ease,opacity .3s ease;padding:.5rem;border:1px solid var(--fx-900)}.experiment-card:hover{transform:scale(1.03)}.experiment-card-title{display:block;font-size:.75rem;color:var(--fx-500);text-align:center}.experiment-card--matched .experiment-card-title{color:var(--fx-200)}@media(max-width:600px){.experiment-grid{grid-template-columns:repeat(2,1fr)}}.photo-preview{margin-top:.5rem}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}.photo-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;transition:transform .3s ease;display:block}.photo-thumb:hover{transform:scale(1.05)}@media(max-width:600px){.photo-grid{grid-template-columns:repeat(3,1fr)}}.photo-canvas-page{position:fixed;inset:0;z-index:100;background:#100f0f;cursor:grab}.photo-canvas-page:active{cursor:grabbing}.photo-canvas-page canvas{display:block;width:100%;height:100%}.photo-canvas-back{position:fixed;top:1rem;left:1rem;z-index:101;font-size:.85rem;color:#ebe8e7;background:#100f0fb3;padding:.4rem .8rem;border-radius:4px;text-decoration:underline;transition:opacity .3s ease}.photo-canvas-back:hover{opacity:.7}.photo-canvas-overlay{position:fixed;inset:0;z-index:101;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:clamp(1.5rem,5vw,3.5rem);font-weight:300;font-style:italic;color:#ebe8e7d9;text-align:center;padding:2rem;text-shadow:0 2px 20px rgba(0,0,0,.8)}.photo-canvas-overlay span{background:#100f0f99;backdrop-filter:blur(12px);padding:1rem 2.5rem;border-radius:8px;border:1px solid rgba(235,232,231,.1)}