*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Regular.ttf)format("truetype");font-weight:100 500;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Bold.ttf)format("truetype");font-weight:600 900;font-style:normal;font-display:swap}@font-face{font-family:TT Commons Pro;src:url(/fonts/montserrat/TT-Commons-Pro-Bold-GFXTRA.COM-iF66f11118bc78d.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Edwardian Script ITC;src:url(/fonts/montserrat/edwardianscriptitc.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:300}#loading-screen{z-index:100;background:#15130f;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}#loading-screen .loading-content{flex-direction:column;align-items:center;gap:1rem;display:flex}#loading-screen .loading-label{letter-spacing:.08em;text-transform:uppercase;color:#f7f3ead9;font-family:Courier New,ui-monospace,monospace;font-size:.95rem}#loading-screen .loading-dots span{animation:1.4s ease-in-out infinite loading-dot-blink}#loading-screen .loading-dots span:nth-child(2){animation-delay:.2s}#loading-screen .loading-dots span:nth-child(3){animation-delay:.4s}#loading-screen .loading-bar-track{background:#f7f3ea26;border-radius:2px;width:220px;height:3px;overflow:hidden}#loading-screen .loading-bar-fill{background:#324657;width:0%;height:100%;transition:width .25s}#loading-screen .loading-percent{color:#f7f3ea80;font-family:Courier New,ui-monospace,monospace;font-size:.8rem}@keyframes loading-dot-blink{0%,80%,to{opacity:.2}40%{opacity:1}}#enter-gate{z-index:90;opacity:0;visibility:hidden;pointer-events:none;--enter-gate-size:clamp(230px, 27vw, 400px);background:#15130f;transition:opacity .6s,visibility .6s;position:fixed;inset:0;overflow:hidden}#enter-gate.visible{opacity:1;visibility:visible;pointer-events:auto}#enter-gate.no-transition{transition:none}#enter-gate .enter-gate-date,#enter-gate .enter-gate-name{letter-spacing:.06em;color:#f7f3eabf;text-shadow:0 1px 4px #0009;font-family:Courier New,ui-monospace,monospace;font-size:.8rem;position:absolute;top:calc(clamp(20px,2.4vw,42px) + 2.6rem)}#enter-gate .enter-gate-date{font-weight:600;left:calc(clamp(20px,2.4vw,42px) + 2.6rem)}#enter-gate .enter-gate-name{font-weight:600;left:50%;transform:translate(-50%)}#enter-gate .enter-gate-graphic-group{position:absolute;top:48%;left:50%}#enter-gate .enter-gate-graphic{background-position:50%;background-repeat:no-repeat;background-size:114%;border-radius:50%;position:absolute;top:0;left:0}#enter-gate .enter-gate-graphic--earth{width:calc(var(--enter-gate-size) * .9);height:calc(var(--enter-gate-size) * .9);opacity:1;transform:translate(calc(-50% - var(--enter-gate-size) * 0), calc(-50% - var(--enter-gate-size) * .38));background-image:url(/images/element_1.webp)}#enter-gate .enter-gate-graphic--eye{width:calc(var(--enter-gate-size) * .9);height:calc(var(--enter-gate-size) * .9);opacity:.38;transform:translate(calc(-50% - var(--enter-gate-size) * .38), calc(-50% + var(--enter-gate-size) * .3));background-image:url(/images/element_2.webp)}#enter-gate .enter-gate-graphic--clock{width:calc(var(--enter-gate-size) * .9);height:calc(var(--enter-gate-size) * .9);opacity:.42;transform:translate(calc(-50% + var(--enter-gate-size) * .38), calc(-50% + var(--enter-gate-size) * .3));background-image:url(/images/element_3.webp)}#enter-gate .enter-gate-graphic--eyeclock{width:var(--enter-gate-size);height:var(--enter-gate-size);opacity:.95;background-image:url(/images/element_4.webp);animation:6s ease-in-out infinite enter-gate-breathe}#enter-gate .enter-gate-side{letter-spacing:.12em;text-transform:uppercase;color:#f7f3ea;cursor:pointer;background:0 0;border:none;padding:0;font-family:Montserrat,sans-serif;font-size:clamp(.9rem,1.3vw,1.1rem);font-weight:600;transition:color .25s;position:absolute;top:50%;transform:translateY(-50%)}#enter-gate .enter-gate-side:hover{color:#8fb3d1}#enter-gate .enter-gate-wash{opacity:.7;mix-blend-mode:screen;background-image:url(/images/element_5.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:50vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#enter-gate .enter-gate-grid{background-image:linear-gradient(#f7f3ea0f 1px,#0000 1px),linear-gradient(90deg,#f7f3ea0f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}#enter-gate .enter-gate-frame{border:1px solid #f7f3ead9;position:absolute;inset:clamp(20px,2.4vw,42px)}#enter-gate .enter-gate-side--left{left:clamp(140px,21vw,320px)}#enter-gate .enter-gate-side--right{right:clamp(140px,21vw,320px)}#enter-gate .enter-gate-footer{flex-direction:column;align-items:center;gap:.6rem;display:flex;position:absolute;bottom:calc(clamp(20px,2.4vw,42px) + 1.6rem);left:50%;transform:translate(-50%)}#enter-gate .enter-gate-mute{letter-spacing:.03em;color:#f7f3ea8c;cursor:pointer;background:0 0;border:none;padding:0;font-family:Montserrat,sans-serif;font-size:.8rem;transition:color .25s}#enter-gate .enter-gate-mute:hover{color:#f7f3eae6}#enter-gate .enter-gate-hint{letter-spacing:.05em;text-transform:uppercase;color:#f7f3ea66;font-family:Courier New,ui-monospace,monospace;font-size:.7rem}@media (width<=640px){#enter-gate .enter-gate-graphic-group{--enter-gate-size:clamp(160px, 42vw, 240px);top:38%}#enter-gate .enter-gate-side{top:auto;bottom:calc(clamp(20px,2.4vw,42px) + 5.5rem);transform:none}#enter-gate .enter-gate-side--left{left:calc(clamp(20px,2.4vw,42px) + 1.25rem)}#enter-gate .enter-gate-side--right{right:calc(clamp(20px,2.4vw,42px) + 1.25rem)}}@keyframes enter-gate-breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.035)}}#experience{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}#experience #experience-canvas{width:100%;height:100%}#interaction-counter{z-index:20;pointer-events:none;position:fixed;top:2.9rem;left:2.75rem}#interaction-counter .interaction-counter-value{letter-spacing:.03em;font-variant-numeric:tabular-nums;color:#f7f3ea;text-shadow:0 1px 4px #0009;font-family:Courier New,ui-monospace,monospace;font-size:1rem;display:inline-block}#interaction-counter .interaction-counter-value.complete{color:#ff4d4d;animation:.5s interaction-counter-bounce,1.6s ease-in-out .5s infinite interaction-counter-glow}@keyframes interaction-counter-bounce{0%{transform:scale(1)}30%{transform:scale(1.6)}55%{transform:scale(.9)}75%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes interaction-counter-glow{0%,to{text-shadow:0 1px 4px #0009,0 0 6px #ff4d4d99}50%{text-shadow:0 1px 4px #0009,0 0 16px #ff4d4d}}body.projects-open #interaction-counter,body.about-open #interaction-counter{display:none}#switching-scenes{z-index:50;opacity:0;visibility:hidden;pointer-events:none;--switching-icon-size:clamp(130px, 20.5vw, 350px);background:#242323;transition:opacity .5s,visibility .5s;position:fixed;inset:0;overflow:hidden}#switching-scenes.visible{opacity:1;visibility:visible}#switching-scenes .switching-scenes-grid{background-image:linear-gradient(#f7f3ea0f 1px,#0000 1px),linear-gradient(90deg,#f7f3ea0f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}#switching-scenes .switching-scenes-frame{border:1px solid #f7f3ead9;position:absolute;inset:clamp(20px,2.4vw,42px)}#switching-scenes .switching-scenes-icons{justify-content:space-between;padding:0 9%;display:flex;position:absolute;left:clamp(20px,2.4vw,42px);right:clamp(20px,2.4vw,42px)}#switching-scenes .switching-scenes-icons--top{top:calc(var(--switching-icon-size) / -4)}#switching-scenes .switching-scenes-icons--bottom{bottom:calc(var(--switching-icon-size) / -4)}#switching-scenes .switching-scenes-icon{width:var(--switching-icon-size);height:var(--switching-icon-size);opacity:.9;background-color:#f7f3ea0f;background-position:50%;background-repeat:no-repeat;background-size:114%;border-radius:50%;flex-shrink:0}#switching-scenes .switching-scenes-icon--earth{background-image:url(/images/element_1.webp)}#switching-scenes .switching-scenes-icon--eye{background-image:url(/images/element_2.webp)}#switching-scenes .switching-scenes-icon--clock{background-image:url(/images/element_3.webp)}#switching-scenes .switching-scenes-icon--eye-clock{background-image:url(/images/element_4.webp)}#switching-scenes .switching-scenes-label{color:#f7f3ea;align-items:baseline;gap:.15em;font-family:Montserrat,sans-serif;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:600;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#switching-scenes .switching-scenes-dots span{animation:1.4s ease-in-out infinite loading-dot-blink}#switching-scenes .switching-scenes-dots span:nth-child(2){animation-delay:.2s}#switching-scenes .switching-scenes-dots span:nth-child(3){animation-delay:.4s}#webpage-overlay{z-index:10;pointer-events:none;position:fixed;inset:0;overflow:hidden}#webpage-overlay.open{pointer-events:auto}#webpage-overlay .webpage-content{box-sizing:border-box;color:#f7f3ea;background:radial-gradient(#ffffff06 1px,#0000 1px) 0 0/3px 3px,#242323;width:min(480px,100vw);padding:4.5rem 2.5rem 3rem;transition:transform 1s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-20px 0 70px #00000073}#webpage-overlay.open .webpage-content{transform:translate(0)}#webpage-overlay .webpage-content.full-page{--project-switch-duration:.42s;--project-switch-easing:cubic-bezier(.22, .61, .36, 1);will-change:transform;backface-visibility:hidden;width:100vw;padding:clamp(4.5rem,7vh,6rem) clamp(1.25rem,3vw,3rem) 1.5rem;transition:transform 1s cubic-bezier(.4,0,.2,1);left:0;right:0;overflow:hidden;transform:translateY(calc(100% + 1px));box-shadow:0 -20px 70px #00000073}#webpage-overlay .webpage-content.full-page.preparing-project-slide{transition:none}#webpage-overlay.open .webpage-content.full-page{transform:translate(0,0)}#webpage-overlay #webpage-heading{white-space:pre-wrap;margin:0 0 1rem;font-family:TT Commons Pro,Montserrat,sans-serif;font-size:clamp(1.6rem,6vw,2.1rem);font-weight:700}#webpage-overlay #webpage-heading.typing:after{content:"";vertical-align:-.1em;background:currentColor;width:.5ch;height:1em;margin-left:2px;animation:.8s step-end infinite caret-blink;display:inline-block}#webpage-overlay .projects-detail-view{grid-template-columns:minmax(250px,24rem) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,6rem);width:min(100%,100rem);height:calc(100vh - clamp(4.5rem,7vh,6rem) - 9.5rem);min-height:28rem;margin:0 auto;display:grid;position:relative}@media (width<=760px){#webpage-overlay .projects-detail-view{grid-template-columns:1fr;align-items:start;height:auto;min-height:0}}#webpage-overlay .projects-detail-info{min-width:0;animation:project-detail-info-in var(--project-switch-duration) var(--project-switch-easing) both;flex-direction:column;justify-content:center;padding-bottom:1rem;display:flex}#webpage-overlay .projects-detail-back{letter-spacing:.02em;color:#f7f3ea99;cursor:pointer;background:0 0;border:none;margin-bottom:2rem;padding:0;font-family:Courier New,ui-monospace,monospace;font-size:.85rem;transition:color .2s;display:inline-block}#webpage-overlay .projects-detail-back:hover{color:#f7f3ea}#webpage-overlay .projects-detail-index{letter-spacing:.05em;color:#f7f3ea80;margin:0 0 .5rem;font-family:Courier New,ui-monospace,monospace;font-size:.85rem}#webpage-overlay .projects-detail-title{color:#f7f3ea;margin:0 0 1rem;font-family:TT Commons Pro,Montserrat,sans-serif;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:700;line-height:1.05}#webpage-overlay .projects-detail-desc{color:#f7f3eabf;max-width:34ch;margin:0 0 1.75rem;line-height:1.6}#webpage-overlay .projects-detail-meta{border-top:1px solid #f7f3ea26;flex-wrap:wrap;gap:1.5rem 2.5rem;margin-bottom:2rem;padding-top:1.25rem;display:flex}#webpage-overlay .projects-detail-meta-label{letter-spacing:.06em;text-transform:uppercase;color:#f7f3ea73;margin:0 0 .35rem;font-size:.7rem}#webpage-overlay .projects-detail-meta-value{color:#f7f3ea;margin:0;font-size:.85rem;line-height:1.4}#webpage-overlay .projects-detail-cta{letter-spacing:.05em;color:#f7f3ea;cursor:pointer;background:0 0;border:1px solid #f7f3ea80;padding:.7rem 1.4rem;font-family:Courier New,ui-monospace,monospace;font-size:.8rem;transition:background .2s,color .2s;display:inline-block}#webpage-overlay .projects-detail-cta:hover{color:#242323;background:#f7f3ea}#webpage-overlay .projects-detail-media{width:94%;height:calc(100% - 1.5rem);min-height:0;max-height:64vh;animation:project-detail-media-in var(--project-switch-duration) var(--project-switch-easing) both;background:0 0;border:none;justify-content:center;justify-self:center;align-items:center;display:flex;overflow:hidden;transform:translateY(clamp(.75rem,2vh,1.5rem))}#webpage-overlay .projects-detail-media img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=760px){#webpage-overlay .projects-detail-media{aspect-ratio:16/10;width:100%;height:auto;transform:none}}#webpage-overlay .projects-detail-nav{z-index:5;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;gap:.6rem;max-width:min(100vw - 2.5rem,29rem);padding:.25rem;display:flex;position:absolute;bottom:1rem;right:clamp(1.25rem,3vw,3rem);overflow-x:auto}#webpage-overlay .projects-detail-nav.dragging{cursor:grabbing}#webpage-overlay .projects-detail-nav::-webkit-scrollbar{display:none}#webpage-overlay .projects-detail-nav-thumb{opacity:.55;cursor:pointer;color:#f7f3ea;width:5rem;height:5rem;animation:project-detail-thumb-in var(--project-switch-duration) var(--project-switch-easing) both;background:#111;border:1px solid #0000;flex:none;padding:0;text-decoration:none;transition:opacity .2s,border-color .2s,filter .2s;position:relative;overflow:hidden;transform:translate(0)}#webpage-overlay .projects-detail-nav-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}#webpage-overlay .projects-detail-nav-thumb:hover{opacity:1;filter:brightness(1.08)}#webpage-overlay .projects-detail-nav-thumb.active{opacity:1;filter:brightness(1.05);border-color:#f7f3ead9}#webpage-overlay .projects-detail-nav-label{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:linear-gradient(#0000,#000000e6);padding:1.25rem .45rem .4rem;font-family:Courier New,ui-monospace,monospace;font-size:.58rem;line-height:1.2;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@keyframes project-detail-info-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes project-detail-media-in{0%{opacity:0;transform:translate(18px)translateY(clamp(.75rem,2vh,1.5rem))}to{opacity:1;transform:translate(0)translateY(clamp(.75rem,2vh,1.5rem))}}@keyframes project-detail-thumb-in{0%{opacity:0;transform:translate(12px)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){#webpage-overlay .projects-detail-info,#webpage-overlay .projects-detail-media,#webpage-overlay .projects-detail-nav-thumb{animation:none}}@media (width<=760px){#webpage-overlay .webpage-content.full-page{padding-bottom:8.5rem;overflow-y:auto}}#webpage-overlay p.reveal{opacity:0;margin-bottom:1rem;line-height:1.6;transition:opacity .6s,transform .6s;transform:translateY(14px)}#webpage-overlay .webpage-content.revealed p.reveal{opacity:1;transform:translateY(0)}#webpage-overlay .webpage-content.revealed p.reveal:nth-of-type(2){transition-delay:.12s}#webpage-overlay .webpage-content.revealed p.reveal:nth-of-type(3){transition-delay:.22s}#webpage-overlay .about-backdrop{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);transition:opacity 1s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}#webpage-overlay.about-mode.open .about-backdrop{opacity:1}#webpage-overlay .about-glow,#webpage-overlay .about-grid,#webpage-overlay .about-frame{display:none}#webpage-overlay .about-corner-graphic-group{--about-corner-size:clamp(200px, 17vw, 340px);width:var(--about-corner-size);height:var(--about-corner-size);opacity:0;pointer-events:none;transition:opacity 1s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;right:0}#webpage-overlay.about-mode.open .about-corner-graphic-group{opacity:.95}#webpage-overlay .about-corner-graphic{background-position:50%;background-repeat:no-repeat;background-size:114%;border-radius:50%;position:absolute;top:50%;left:50%}#webpage-overlay .about-corner-graphic--earth{width:calc(var(--about-corner-size) * 1.5);height:calc(var(--about-corner-size) * 1.5);opacity:1;transform:translate(-50%, calc(-50% - var(--about-corner-size) * .38));background-image:url(/images/element_1.webp)}#webpage-overlay .about-corner-graphic--eye{width:calc(var(--about-corner-size) * 1.5);height:calc(var(--about-corner-size) * 1.5);opacity:.38;transform:translate(calc(-50% - var(--about-corner-size) * .38), calc(-50% + var(--about-corner-size) * .3));background-image:url(/images/element_2.webp)}#webpage-overlay .about-corner-graphic--clock{width:calc(var(--about-corner-size) * 1.5);height:calc(var(--about-corner-size) * 1.5);opacity:.42;transform:translate(calc(-50% + var(--about-corner-size) * .38), calc(-50% + var(--about-corner-size) * .3));background-image:url(/images/element_3.webp)}#webpage-overlay .about-corner-graphic--eyeclock{width:calc(var(--about-corner-size) * 1.3);height:calc(var(--about-corner-size) * 1.3);opacity:.95;background-image:url(/images/element_4.webp);transform:translate(-50%,-50%)}#webpage-overlay .webpage-content.about-page{--about-reveal-duration:1s;--about-reveal-easing:cubic-bezier(.4, 0, .2, 1);width:auto;height:auto;max-height:none;box-shadow:none;opacity:0;transition:opacity var(--about-reveal-duration) var(--about-reveal-easing);background:#242323;border:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:clamp(4rem,7vw,7rem) clamp(5rem,9vw,9rem);display:flex;inset:clamp(48px,6.5vw,120px) clamp(90px,14vw,240px);overflow:hidden;transform:none}#webpage-overlay .webpage-content.about-page .about-glow{opacity:.45;filter:blur(35px);background-image:url(/images/element_5.webp);background-position:12% 20%;background-repeat:no-repeat;background-size:85%;display:block;position:absolute;inset:-20%}#webpage-overlay .webpage-content.about-page .about-grid{background-image:linear-gradient(#f7f3ea0f 1px,#0000 1px),linear-gradient(90deg,#f7f3ea0f 1px,#0000 1px);background-size:40px 40px;display:block;position:absolute;inset:0}#webpage-overlay .webpage-content.about-page .about-frame{border:1px solid #f7f3ead9;display:block;position:absolute;inset:1.75rem}#webpage-overlay .webpage-content.about-page .about-signature,#webpage-overlay .webpage-content.about-page #webpage-heading,#webpage-overlay .webpage-content.about-page p.reveal{z-index:1;width:100%;max-width:920px;position:relative}#webpage-overlay.open .webpage-content.about-page{opacity:1}#webpage-overlay .about-signature{color:#f7f3ea;margin-bottom:.25rem;margin-left:-.35rem;font-family:Edwardian Script ITC,cursive;font-size:clamp(1.8rem,3vw,2.4rem);display:none}#webpage-overlay .webpage-content.about-page .about-signature{width:auto;margin-bottom:.35rem;margin-left:0;font-size:clamp(2.8rem,4.4vw,4.4rem);line-height:.8;display:block}#webpage-overlay .webpage-content.about-page p.reveal{max-width:920px;transition:opacity var(--about-reveal-duration) var(--about-reveal-easing), transform var(--about-reveal-duration) var(--about-reveal-easing);margin-top:clamp(3rem,7vh,5rem);font-weight:700}#webpage-overlay .webpage-content.about-page .about-credit{z-index:4;letter-spacing:.025em;color:#f7f3ea73;margin:0;font-family:Courier New,ui-monospace,monospace;font-size:clamp(.58rem,.7vw,.72rem);font-weight:400;position:absolute;bottom:clamp(2rem,4vh,3rem);left:clamp(2rem,6vw,6rem)}#webpage-overlay .webpage-content.about-page #webpage-heading{letter-spacing:.01em;text-transform:uppercase;width:auto;margin-top:.45rem;margin-bottom:0;margin-left:clamp(1.5rem,2.5vw,2.75rem);font-size:clamp(3rem,5.2vw,4.5rem);line-height:.95}@keyframes caret-blink{50%{opacity:0}}#scene-label{z-index:5;pointer-events:none;opacity:0;align-items:stretch;gap:.85rem;transition:opacity .5s,transform .5s;display:flex;position:fixed;bottom:14rem;left:21rem;transform:translateY(6px)}#scene-label.visible{opacity:1;transform:translateY(0)}#scene-label .scene-label-bar{background:#f7f3eab3;width:2px;box-shadow:0 1px 4px #0009}#scene-label .scene-label-text{flex-direction:column;justify-content:center;gap:.25rem;display:flex}#scene-label .scene-label-title{color:#f7f3ea;text-shadow:0 1px 4px #0009;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;line-height:1.1}#scene-label .scene-label-date{letter-spacing:.03em;color:#f7f3eaa6;text-shadow:0 1px 4px #0009;font-size:.75rem}#scene-label .scene-label-client{letter-spacing:.03em;color:#f7f3ea66;text-shadow:0 1px 4px #0009;margin-top:.15rem;font-size:.68rem}#scene-label .scene-label-client:empty{display:none}#gallery-table-hint{z-index:7;color:#f7f3ea;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:.45rem;transition:opacity .35s,transform .4s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;top:49%;left:calc(50% + 12px);transform:translate(-50%,12px)}#gallery-table-hint.visible{opacity:1;transform:translate(-50%)}.gallery-table-hint-line{transform-origin:50%;border-bottom:1px solid #f7f3ead9;border-right:1px solid #f7f3ead9;width:8px;height:8px;animation:1.8s ease-in-out infinite gallery-hint-line;transform:rotate(45deg)}.gallery-table-hint-copy{display:block}.gallery-table-hint-action{letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 5px #000000e6;font-family:Courier New,ui-monospace,monospace;font-size:.78rem}@keyframes gallery-hint-line{0%,to{opacity:.35;transform:rotate(45deg)scale(.75)}50%{opacity:1;transform:rotate(45deg)scale(1)}}#gallery-projects-display{z-index:6;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.25rem,2.4vw,2rem);transition:opacity .6s,transform .6s;display:flex;position:fixed;inset:0;transform:translateY(10px)}#gallery-projects-display.visible{opacity:1;pointer-events:auto;transform:translateY(0)}#gallery-projects-display .gallery-projects-header{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}#gallery-projects-display .gallery-projects-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#f7f3ea80;text-shadow:0 1px 4px #0009;font-family:Courier New,ui-monospace,monospace;font-size:.75rem}#gallery-projects-display .gallery-projects-title{color:#f7f3ea;text-shadow:0 2px 10px #000000b3;margin:0;font-family:TT Commons Pro,Montserrat,sans-serif;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:700;line-height:1.1}#gallery-projects-display .gallery-projects-meta{letter-spacing:.05em;color:#f7f3eaa6;text-shadow:0 1px 4px #0009;font-size:.8rem}#gallery-projects-display .gallery-projects-stage{align-items:center;gap:clamp(.75rem,2vw,1.75rem);display:flex}#gallery-projects-display .gallery-projects-track{justify-content:center;align-items:center;display:flex}#gallery-projects-display .gallery-projects-card{cursor:pointer;background:0 0;border:none;border-radius:0;flex:none;margin:0 -1.1rem;padding:0;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .4s;position:relative;overflow:hidden}#gallery-projects-display .gallery-projects-card img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}#gallery-projects-display .gallery-projects-card--active{z-index:3;width:clamp(240px,22vw,340px);height:clamp(165px,20vh,235px);box-shadow:0 12px 34px #00000073}#gallery-projects-display .gallery-projects-card--near{z-index:2;opacity:.62;width:clamp(170px,15vw,240px);height:clamp(118px,14vh,166px);transform:translateY(10px)}#gallery-projects-display .gallery-projects-card--near:hover{opacity:.85;transform:translateY(4px)}#gallery-projects-display .gallery-projects-card--far{z-index:1;opacity:.3;width:clamp(120px,10.5vw,170px);height:clamp(82px,10vh,118px);transform:translateY(18px)}#gallery-projects-display .gallery-projects-card--far:hover{opacity:.5}#gallery-projects-display .gallery-projects-nav{color:#f7f3ea;text-shadow:0 1px 4px #0009;cursor:pointer;background:0 0;border:none;flex:none;padding:.5rem;font-size:1.6rem;line-height:1;transition:color .25s}#gallery-projects-display .gallery-projects-nav:hover{color:#8fb3d1}#gallery-projects-display .gallery-projects-footer{border-top:1px solid #f7f3ea33;align-items:center;gap:clamp(1.25rem,3vw,2.5rem);width:max-content;max-width:min(92vw,640px);margin-inline:auto;padding-top:1rem;display:flex;position:fixed;bottom:clamp(1.5rem,5vh,3.25rem);left:0;right:0}#gallery-projects-display .gallery-projects-field{flex-direction:column;gap:.25rem;display:flex}#gallery-projects-display .gallery-projects-field-label{letter-spacing:.08em;text-transform:uppercase;color:#f7f3ea73;text-shadow:0 1px 4px #0009;font-size:.65rem}#gallery-projects-display .gallery-projects-field-value{color:#f7f3ea;white-space:nowrap;text-shadow:0 1px 4px #0009;font-size:.82rem}#gallery-projects-display .gallery-projects-open{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:#f7f3ea;text-shadow:0 1px 4px #0009;cursor:pointer;background:0 0;border:1px solid #f7f3eab3;border-radius:0;flex:none;padding:.65rem 1.3rem;font-family:Courier New,ui-monospace,monospace;font-size:.78rem;transition:background .2s,color .2s}#gallery-projects-display .gallery-projects-open:hover{color:#242323;text-shadow:none;background:#f7f3ea}@media (width<=720px){#gallery-projects-display .gallery-projects-footer{flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem}}#menu-toggle,#scene-exit,#webpage-close{z-index:20;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:.6rem .5rem;transition:opacity .3s;display:flex;position:fixed;top:2.75rem;right:2.75rem}#menu-toggle .menu-toggle-line,#scene-exit .menu-toggle-line,#webpage-close .menu-toggle-line{background:#f7f3ea;border-radius:1px;width:2.1rem;height:1.5px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .2s;box-shadow:0 1px 4px #0009}#menu-toggle.open .menu-toggle-line:first-child,#scene-exit.open .menu-toggle-line:first-child,#webpage-close.open .menu-toggle-line:first-child{transform:translateY(11.5px)rotate(45deg)}#menu-toggle.open .menu-toggle-line:nth-child(2),#scene-exit.open .menu-toggle-line:nth-child(2),#webpage-close.open .menu-toggle-line:nth-child(2){opacity:0}#menu-toggle.open .menu-toggle-line:nth-child(3),#scene-exit.open .menu-toggle-line:nth-child(3),#webpage-close.open .menu-toggle-line:nth-child(3){transform:translateY(-11.5px)rotate(-45deg)}#scene-exit{opacity:0;pointer-events:none}#scene-exit.visible{opacity:1;pointer-events:auto}#scene-exit.visible:hover{opacity:.7}#scene-exit.visible~#menu-toggle,#scene-exit.visible~#site-menu,#webpage-close{opacity:0;pointer-events:none}#webpage-close .menu-toggle-line:first-child{transform:translateY(11.5px)rotate(45deg)}#webpage-close .menu-toggle-line:nth-child(2){opacity:0}#webpage-close .menu-toggle-line:nth-child(3){transform:translateY(-11.5px)rotate(-45deg)}#webpage-overlay.open~#webpage-close{opacity:1;pointer-events:auto}#webpage-overlay.open~#webpage-close:hover{opacity:.7}body.projects-open #webpage-overlay.open~#webpage-close{opacity:0;pointer-events:none}body.projects-open #scene-exit{opacity:0;pointer-events:none;display:none}#webpage-overlay.about-mode.open~#menu-toggle,#webpage-overlay.about-mode.open~#webpage-close{opacity:0;pointer-events:none}#menu-toggle:hover{opacity:.7}#webpage-overlay.open~#menu-toggle{opacity:0;pointer-events:none}#site-menu{z-index:19;pointer-events:none;flex-direction:column;align-items:flex-end;gap:1.75rem;display:flex;position:fixed;top:5.6rem;right:2.85rem}#site-menu a[data-menu-link]{letter-spacing:.03em;color:#f7f3ea;text-shadow:0 1px 4px #0009;opacity:0;font-family:Courier New,ui-monospace,monospace;font-size:1rem;text-decoration:none;transition:opacity .35s,transform .4s cubic-bezier(.16,1,.3,1),color .2s;transform:translateY(-8px)}#site-menu a[data-menu-link]:hover{color:#8fb3d1}#site-menu a[data-menu-link]:first-child{transition-delay:0s}#site-menu a[data-menu-link]:nth-child(2){transition-delay:60ms}#site-menu a[data-menu-link]:nth-child(3){transition-delay:.12s}#site-menu.open{pointer-events:auto}#site-menu.open a[data-menu-link]{opacity:1;transform:translateY(0)}#webpage-overlay.open~#site-menu{opacity:0;pointer-events:none}