:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button,a{font:inherit}.portfolio{--panel-bg:#fff9ef;--panel-hover:#f4f1ec;--text-dark:#293e76;--text-main:#40598f;--text-soft:#6577ad;--text-muted:#8f9cc5;--border-main:#aeb9d7;--border-soft:#d6dced;--tag-bg:#e4e8f5;--scroll-track:#f0e9df;--scroll-thumb:#8f9cc5;--active-bg:#354f89;--active-text:#fff9ef;--normal-margin:calc(50px * var(--screen-scale));--portfolio-margin-x:clamp(12px, calc((100vw - (800px * var(--screen-scale))) / 2), var(--normal-margin));--portfolio-margin-y:clamp(12px, calc((100vh - (560px * var(--screen-scale))) / 2), var(--normal-margin));--portfolio-width:min(calc(800px * var(--screen-scale)), calc(100vw - (2 * var(--portfolio-margin-x))));--portfolio-height:min(calc(560px * var(--screen-scale)), calc(100vh - (2 * var(--portfolio-margin-y))));background:0 0;width:100vw;height:100vh;position:relative;overflow:hidden}.portfolio.dark-theme{--panel-bg:#18213a;--panel-hover:#222d4a;--text-dark:#f4f1e8;--text-main:#dce3f5;--text-soft:#b7c3df;--text-muted:#8f9cc5;--border-main:#6577ad;--border-soft:#40598f;--tag-bg:#293e76;--scroll-track:#11182b;--scroll-thumb:#6577ad;--active-bg:#f4f1e8;--active-text:#293e76}.world,.room-decor,.front-desk-layer,.desk-asset-layer{width:10000px;height:700px;transform:scale(var(--screen-scale));transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.background-stack{width:1285px;height:700px;position:absolute;top:0;left:0}.background{background-position:0 0;background-repeat:no-repeat;background-size:1285px 700px;width:1285px;height:700px;transition:opacity 60s linear;position:absolute;top:0;left:0}.background-fill{z-index:0;pointer-events:none;opacity:1;background-position:0 0;background-repeat:repeat;background-size:auto;width:100vw;height:100vh;transition:filter .8s;position:fixed;inset:0}.dark-theme .background-fill{filter:brightness(.42)saturate(.72)contrast(1.08)}.background-extension{opacity:1;background-position:0 0;background-repeat:repeat-x;background-size:auto 700px;width:8715px;height:700px;transition:opacity .8s;position:absolute;top:0;left:1285px}.background-extension-dark{pointer-events:none;opacity:0;background-position:0 0;background-repeat:repeat-x;background-size:auto 700px;width:8715px;height:700px;transition:opacity .8s;position:absolute;top:0;left:1285px}.dark-theme .background-extension{opacity:0}.dark-theme .background-extension-dark{opacity:1}.world{z-index:1}.portfolio-vine{left:calc(50px * var(--screen-scale));top:calc(50px * var(--screen-scale));width:calc(800px * var(--screen-scale));height:calc(600px * var(--screen-scale));pointer-events:none;z-index:5;position:absolute;overflow:visible}.portfolio-vine img{pointer-events:none;width:114%;max-width:none;height:auto;position:absolute;top:-10%;left:-7%}.portfolio-window{left:var(--portfolio-margin-x);top:var(--portfolio-margin-y);width:var(--portfolio-width);height:var(--portfolio-height);background:var(--panel-bg);border:calc(4px * var(--screen-scale)) solid var(--text-dark);box-shadow:0 0 0 calc(4px * var(--screen-scale)) var(--border-main), calc(10px * var(--screen-scale)) calc(10px * var(--screen-scale)) 0 #1f2c4f59;z-index:10;transition:background-color .5s,border-color .5s,box-shadow .5s;position:absolute;overflow:hidden;container:portfolio-box/size}.side-nav{--tab-size:clamp(40px, 10cqw, 62px);--nav-width:clamp(42px, 10cqw, 62px);width:var(--nav-width);background:var(--panel-bg);border-right:2px solid var(--border-main);z-index:200;transition:background-color .5s,border-color .5s;position:absolute;top:0;bottom:0;left:0;overflow:visible}.nav-buttons{width:100%;height:min(calc(var(--tab-size) * 7), 100%);z-index:2;pointer-events:auto;position:relative;overflow:visible}.nav-button{width:calc(100% - 2px);height:var(--tab-size);background:var(--panel-bg);color:var(--text-dark);border:none;border-bottom:2px solid var(--border-main);cursor:pointer;pointer-events:auto;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .35s,color .35s,border-color .35s;display:flex;position:relative}.nav-icon{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(.9rem,2.25cqw,1.4rem);display:flex}.nav-label{background:var(--text-dark);color:var(--panel-bg);border:2px solid var(--border-main);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:300;padding:clamp(5px,1cqw,7px) clamp(8px,1.5cqw,11px);font-size:clamp(.65rem,1.4cqw,.8rem);line-height:1;transition:opacity .15s,transform .15s,visibility 0s linear .15s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-5px)}.nav-button:hover .nav-label{opacity:1;visibility:visible;transition:opacity .15s,transform .15s,visibility;transform:translateY(-50%)translate(0)}.nav-button:hover{background:var(--tag-bg)}.nav-button.active{background:var(--active-bg);color:var(--active-text)}.content{width:100%;height:100%;padding:calc(42px * var(--screen-scale)) calc(55px * var(--screen-scale)) calc(42px * var(--screen-scale)) calc(96px * var(--screen-scale));color:var(--text-dark);scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track);overflow:hidden auto}.content::-webkit-scrollbar{width:12px}.content::-webkit-scrollbar-track{background:var(--scroll-track);border-left:2px solid var(--border-main)}.content::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:3px solid var(--scroll-track);border-radius:999px}.content::-webkit-scrollbar-thumb:hover{background:var(--text-soft)}.page{width:100%;animation:.18s pageFade}@keyframes pageFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-heading{margin-bottom:calc(26px * var(--screen-scale))}.section-heading h1{color:var(--text-main);font-size:calc(3rem * var(--screen-scale));letter-spacing:calc(-1px * var(--screen-scale));margin:0;line-height:.95}.about-page{flex-direction:column;justify-content:center;min-height:100%;display:flex}.eyebrow{align-items:center;gap:calc(12px * var(--screen-scale));margin-bottom:calc(24px * var(--screen-scale));color:var(--text-soft);font-size:calc(.68rem * var(--screen-scale));letter-spacing:calc(5px * var(--screen-scale));font-weight:700;display:flex}.eyebrow:before{content:"";width:calc(28px * var(--screen-scale));height:calc(2px * var(--screen-scale));background:var(--text-soft)}.name h1{color:var(--text-main);font-size:calc(4.5rem * var(--screen-scale));letter-spacing:calc(-3px * var(--screen-scale));margin:0;line-height:.88}.role{margin-top:calc(17px * var(--screen-scale));color:var(--text-dark);font-size:calc(1rem * var(--screen-scale));letter-spacing:calc(1.8px * var(--screen-scale));font-weight:700}.role span,.degree span{color:var(--text-muted)}.degree{margin-top:calc(5px * var(--screen-scale));color:var(--text-soft);font-size:calc(.7rem * var(--screen-scale));letter-spacing:calc(2.5px * var(--screen-scale));font-weight:700}.line{width:calc(75px * var(--screen-scale));height:calc(3px * var(--screen-scale));margin:calc(21px * var(--screen-scale)) 0 calc(16px * var(--screen-scale));background:var(--text-muted)}.editorial-list{width:100%}.editorial-row{width:100%;padding:calc(18px * var(--screen-scale)) 0;border-top:calc(2px * var(--screen-scale)) solid var(--border-soft)}.editorial-row:last-child{border-bottom:calc(2px * var(--screen-scale)) solid var(--border-soft)}.row-content{text-align:left;width:100%;min-width:0}.row-content h2{margin:0 0 calc(6px * var(--screen-scale));color:var(--text-dark);font-size:calc(1.25rem * var(--screen-scale));line-height:1}.row-content p{color:var(--text-main);font-size:calc(.82rem * var(--screen-scale));margin:0;line-height:1.5}.row-content .secondary-text{margin-top:calc(3px * var(--screen-scale));color:var(--text-soft)}.experience-list{padding-bottom:calc(10px * var(--screen-scale))}.experience-row{padding:calc(19px * var(--screen-scale)) 0}.experience-top{justify-content:space-between;align-items:flex-start;gap:calc(20px * var(--screen-scale));display:flex}.experience-top h2{margin-bottom:calc(4px * var(--screen-scale))}.experience-top h2 a{color:inherit;text-decoration:none}.experience-top h2 a:hover{color:var(--text-soft)}.role-name{font-weight:600;color:var(--text-soft)!important;font-size:calc(.76rem * var(--screen-scale))!important}.date{color:var(--text-muted);font-size:calc(.67rem * var(--screen-scale));letter-spacing:calc(1px * var(--screen-scale));flex-shrink:0;font-weight:700}.inline-tags{gap:calc(5px * var(--screen-scale));margin-top:calc(11px * var(--screen-scale));flex-wrap:wrap;display:flex}.inline-tags span{padding:calc(4px * var(--screen-scale)) calc(8px * var(--screen-scale));background:var(--tag-bg);border:calc(1px * var(--screen-scale)) solid var(--border-main);color:var(--text-main);font-size:calc(.66rem * var(--screen-scale));font-weight:600;transition:background-color .35s,color .35s,border-color .35s}.experience-description{max-width:calc(560px * var(--screen-scale));margin-top:calc(11px * var(--screen-scale))!important;color:var(--text-dark)!important;font-size:calc(.78rem * var(--screen-scale))!important;line-height:1.5!important}.project-list{width:100%;padding-bottom:calc(10px * var(--screen-scale))}.project-row{width:100%;padding:calc(18px * var(--screen-scale)) 0;border-top:calc(2px * var(--screen-scale)) solid var(--border-soft);display:block}.project-row:last-child{border-bottom:calc(2px * var(--screen-scale)) solid var(--border-soft)}.project-info{width:100%;min-width:0}.project-title-line{justify-content:space-between;align-items:flex-start;gap:calc(15px * var(--screen-scale));display:flex}.project-title-line h2{color:var(--text-dark);font-size:calc(1.35rem * var(--screen-scale));margin:0;line-height:1.05}.project-title-line>a{color:var(--text-soft);font-size:calc(.68rem * var(--screen-scale));letter-spacing:calc(1px * var(--screen-scale));flex-shrink:0;font-weight:700;text-decoration:none}.project-title-line>a:hover{color:var(--text-dark)}.project-info p{margin:calc(10px * var(--screen-scale)) 0 0;max-width:calc(560px * var(--screen-scale));color:var(--text-main);font-size:calc(.78rem * var(--screen-scale));line-height:1.5}.gallery-page{min-height:100%}.gallery-empty{min-height:calc(310px * var(--screen-scale));padding:calc(30px * var(--screen-scale));border:calc(2px * var(--screen-scale)) dashed var(--border-main);text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:border-color .5s;display:flex}.gallery-symbol{margin-bottom:calc(10px * var(--screen-scale));color:var(--text-muted);font-size:calc(2rem * var(--screen-scale))}.gallery-empty h2{margin:0 0 calc(10px * var(--screen-scale));color:var(--text-main);font-size:calc(1.6rem * var(--screen-scale));letter-spacing:calc(2px * var(--screen-scale))}.gallery-empty p{max-width:calc(420px * var(--screen-scale));color:var(--text-soft);font-size:calc(.84rem * var(--screen-scale));margin:0;line-height:1.5}.contact-list{border-top:calc(2px * var(--screen-scale)) solid var(--border-soft)}.contact-list>a,.contact-location{grid-template-columns:calc(90px * var(--screen-scale)) minmax(0, 1fr) auto;align-items:center;gap:calc(12px * var(--screen-scale));min-height:calc(60px * var(--screen-scale));border-bottom:calc(2px * var(--screen-scale)) solid var(--border-soft);display:grid}.contact-list>a{color:inherit;text-decoration:none;transition:background-color .35s,padding .15s}.contact-list>a:hover{padding-left:calc(8px * var(--screen-scale));background:var(--panel-hover)}.contact-type{color:var(--text-dark);font-size:calc(.76rem * var(--screen-scale));letter-spacing:calc(1px * var(--screen-scale));font-weight:700}.contact-value{min-width:0;color:var(--text-soft);font-size:calc(.78rem * var(--screen-scale));overflow-wrap:anywhere}.contact-arrow{color:var(--text-soft);font-size:calc(.85rem * var(--screen-scale))}.room-decor{z-index:30}.desk{width:625px;height:auto;position:absolute;top:350px;left:800px}.front-desk-layer{z-index:40}.front-desk{background-position:0 0;background-repeat:repeat-x;background-size:auto 300px;width:10000px;height:500px;position:absolute;top:455px;left:0}.desk-asset-layer{z-index:50}.desk-asset{width:160px;height:auto;position:absolute;top:486px;left:0}@container portfolio-box (width<=600px){.content{padding:38px 38px 38px 82px}.section-heading h1{font-size:2.5rem}.name h1{font-size:3.7rem}.role{font-size:.85rem}.project-title-line h2{font-size:1.15rem}.contact-list>a,.contact-location{grid-template-columns:75px minmax(0,1fr) auto}}@container portfolio-box (width<=480px){.content{padding:32px 25px 30px 68px}.section-heading{margin-bottom:20px}.section-heading h1{font-size:2.15rem}.name h1{letter-spacing:-2px;font-size:3rem}.role{letter-spacing:1.2px;font-size:.75rem}.degree{letter-spacing:1.8px;font-size:.62rem}.row-content h2{font-size:1.05rem}.row-content p{font-size:.76rem}.experience-top{flex-direction:column;gap:5px}.project-title-line{flex-direction:column;gap:6px}.contact-list>a,.contact-location{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 0}.contact-type{display:none}}@container portfolio-box (width<=380px){.content{padding:26px 18px 25px 58px}.eyebrow{margin-bottom:18px}.name h1{font-size:2.5rem}.role{line-height:1.5}.section-heading h1{font-size:1.8rem}.row-content h2{font-size:.95rem}.project-title-line h2{font-size:1rem}}@container portfolio-box (height<=500px){.content{padding-top:30px;padding-bottom:28px}.about-page{justify-content:flex-start}.eyebrow{margin-bottom:17px}.name h1{font-size:calc(3.7rem * var(--screen-scale))}.line{margin:calc(15px * var(--screen-scale)) 0 calc(12px * var(--screen-scale))}.section-heading{margin-bottom:calc(19px * var(--screen-scale))}}@container portfolio-box (height<=400px){.content{padding-top:22px}.name h1{font-size:calc(3rem * var(--screen-scale))}.section-heading h1{font-size:calc(2.3rem * var(--screen-scale))}}.mobile-room{--portfolio-margin-x:clamp(12px, 4vw, 22px);--portfolio-margin-y:clamp(20px, 4vh, 32px);--portfolio-width:calc(100vw - (2 * var(--portfolio-margin-x)));--portfolio-height:calc(100vh - (2 * var(--portfolio-margin-y)))}.mobile-room .portfolio-window{z-index:60;box-shadow:0 0 0 3px var(--border-main), 6px 6px 0 #1f2c4f59;border-width:3px}.mobile-room .world{width:1300px;height:700px;transform:translate(-50%, -50%) scale(var(--screen-scale));transform-origin:50%;position:fixed;top:50%;left:50%;overflow:visible}.mobile-room .background{z-index:1;background-position:0 0;background-repeat:no-repeat;background-size:1285px 800px;width:1285px;height:700px;position:absolute;top:0;left:0;transform:none}.mobile-room .background-extension{display:none}.mobile-room .portfolio-vine{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.mobile-room .portfolio-vine img{object-fit:cover;width:100%;height:100%;top:0;left:0}.mobile-room .room-decor,.mobile-room .front-desk-layer,.mobile-room .desk-asset-layer{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;transform:none}.mobile-room .room-decor{z-index:30}.mobile-room .desk{left:calc(800px * var(--screen-scale));top:calc(350px * var(--screen-scale));width:calc(625px * var(--screen-scale));height:auto;position:absolute}.mobile-room .front-desk-layer{z-index:40}.mobile-room .front-desk{background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%;width:100vw;height:clamp(115px,18vh,170px);position:absolute;inset:auto 0 0}.mobile-room .desk-asset-layer{display:none}.mobile-room .desk-asset{width:clamp(120px,38vw,175px);height:auto;position:absolute;top:auto;bottom:0;left:0}.mobile-room .side-nav{--tab-size:auto;--nav-width:auto;background:var(--panel-bg);border-right:none;border-top:2px solid var(--border-main);z-index:100;width:100%;height:58px;position:absolute;inset:auto 0 0;overflow:hidden}.mobile-room .nav-buttons{grid-template-columns:repeat(7,1fr);width:100%;height:100%;display:grid}.mobile-room .nav-button{border-bottom:none;border-right:1px solid var(--border-soft);width:100%;height:100%}.mobile-room .nav-button:last-child{border-right:none}.mobile-room .nav-label{display:none!important}.mobile-room .nav-icon{width:100%;height:100%;font-size:clamp(1rem,4vw,1.3rem)}.mobile-room .content{padding:clamp(30px,7vw,48px) clamp(22px,6vw,38px) calc(50px + clamp(30px,7vw,48px))}.mobile-room .section-heading{margin-bottom:22px}.mobile-room .section-heading h1{font-size:clamp(2rem,9vw,3.2rem)}.mobile-room .name h1{letter-spacing:-2px;font-size:clamp(2.7rem,11vw,4.2rem)}.mobile-room .role{letter-spacing:1.2px;font-size:clamp(.7rem,2.4vw,.9rem)}.mobile-room .degree{letter-spacing:1.8px;font-size:clamp(.58rem,2vw,.72rem)}.mobile-room .eyebrow{letter-spacing:3px;gap:10px;margin-bottom:20px;font-size:clamp(.58rem,2vw,.68rem)}.mobile-room .eyebrow:before{width:24px;height:2px}.mobile-room .line{width:65px;height:3px;margin:18px 0 14px}.mobile-room .editorial-row{border-top-width:2px;padding:16px 0}.mobile-room .editorial-row:last-child{border-bottom-width:2px}.mobile-room .row-content h2{margin-bottom:6px;font-size:clamp(1rem,4vw,1.25rem)}.mobile-room .row-content p{font-size:clamp(.75rem,2.8vw,.88rem)}.mobile-room .row-content .secondary-text{margin-top:3px}.mobile-room .experience-row{padding:17px 0}.mobile-room .experience-top{flex-direction:column;gap:5px}.mobile-room .role-name{font-size:clamp(.7rem,2.6vw,.78rem)!important}.mobile-room .date{font-size:clamp(.62rem,2.3vw,.7rem)}.mobile-room .inline-tags{gap:5px;margin-top:10px}.mobile-room .inline-tags span{border-width:1px;padding:4px 7px;font-size:clamp(.58rem,2.2vw,.67rem)}.mobile-room .experience-description{max-width:none;margin-top:10px!important;font-size:clamp(.72rem,2.6vw,.8rem)!important}.mobile-room .project-row{border-top-width:2px;padding:16px 0}.mobile-room .project-row:last-child{border-bottom-width:2px}.mobile-room .project-title-line{flex-direction:column;gap:6px}.mobile-room .project-title-line h2{font-size:clamp(1rem,4vw,1.25rem)}.mobile-room .project-title-line>a{font-size:clamp(.6rem,2.2vw,.68rem)}.mobile-room .project-info p{max-width:none;margin-top:9px;font-size:clamp(.72rem,2.6vw,.8rem)}.mobile-room .gallery-empty{border-width:2px;min-height:280px;padding:24px}.mobile-room .gallery-symbol{margin-bottom:10px;font-size:2rem}.mobile-room .gallery-empty h2{letter-spacing:2px;margin-bottom:10px;font-size:clamp(1.25rem,5vw,1.6rem)}.mobile-room .gallery-empty p{max-width:420px;font-size:clamp(.74rem,2.7vw,.84rem)}.mobile-room .contact-list{border-top-width:2px}.mobile-room .contact-list>a,.mobile-room .contact-location{border-bottom-width:2px;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:52px;padding:10px 0}.mobile-room .contact-type{display:none}.mobile-room .contact-value{font-size:clamp(.72rem,2.7vw,.82rem)}.mobile-room .contact-arrow{font-size:.85rem}@media (width<=430px){.mobile-room{--portfolio-margin-x:14px;--portfolio-margin-y:20px;--portfolio-width:calc(100vw - 28px);--portfolio-height:calc(100vh - 40px)}.mobile-room .content{padding:28px 18px 86px}.mobile-room .name h1{font-size:clamp(2.5rem,12vw,3.2rem)}.mobile-room .desk{right:-170px}.mobile-room .desk-asset{width:clamp(115px,40vw,155px);left:-8px}}.desk,.front-desk,.desk-asset{transition:filter .8s,opacity .8s}.dark-theme .desk{filter:brightness(.48)saturate(.75)contrast(1.05)}.dark-theme .front-desk{filter:brightness(.42)saturate(.72)contrast(1.08)}.dark-theme .desk-asset{filter:brightness(.48)saturate(.75)contrast(1.05)}.room-darkness{mix-blend-mode:multiply;opacity:0;pointer-events:none;z-index:25;background:#19234b38;transition:opacity .8s;position:fixed;inset:0}.dark-theme .room-darkness{opacity:1}.background-dark{opacity:0;z-index:10;pointer-events:none;transition:opacity .8s}.dark-theme .background-dark{opacity:1}.portfolio-vine img{transition:filter .8s}.dark-theme .portfolio-vine img{filter:brightness(.42)saturate(.7)contrast(1.08)}.room-light{object-fit:fill;pointer-events:none;width:1285px;height:700px;transition:opacity .8s,filter .8s;position:absolute;top:0;left:0;transform:translate(15px,15px)}.light-mode-light{opacity:1}.dark-mode-light{opacity:0;transition:opacity .8s}.dark-theme .light-mode-light,.dark-theme .dark-mode-light{opacity:1}.room-decor:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffe19652 0%,#ffd7822e 35%,#ffcd780f 60%,#0000 75%);border-radius:50%;width:300px;height:300px;transition:opacity .8s;position:absolute;top:250px;left:870px}.dark-theme .room-decor:after{opacity:1}.lantern-button{cursor:pointer;pointer-events:auto;z-index:10;background:0 0;border:0;width:100px;height:180px;padding:0;position:absolute;top:310px;left:965px}