.wall-surface,.ambient-light,.wall-relief{pointer-events:none;position:absolute;inset:0}.wall-surface,.wall-relief,.projected-relief:before{background-position:50%;background-repeat:no-repeat;background-size:cover}.wall-surface{z-index:-3;--wall-saturation:.68;--wall-contrast:.9;--wall-black-lift:.035;filter:saturate(var(--wall-saturation)) contrast(var(--wall-contrast));background-image:image-set("/images/hero/plaster-wall-v7.avif" 1x type("image/avif"),"/images/hero/plaster-wall-v7.webp" 1x type("image/webp"))}.wall-surface:after{content:"";background:rgb(255 255 255/var(--wall-black-lift));position:absolute;inset:0}.wall-relief{z-index:2;opacity:.1;background-image:url(/images/hero/plaster-relief-v7.webp)}.projected-material,.projected-relief{pointer-events:none;position:absolute;inset:0}.projected-material{z-index:2}.projected-relief{opacity:0}.projected-relief[data-relief-bank="0"]{opacity:1}.projected-relief:before{content:"";opacity:calc(var(--ambient-brightness) * .58);mask-image:radial-gradient(ellipse calc(var(--gate-width) * .62) calc(var(--gate-height) * .8) at var(--gate-x) var(--gate-y), #000 24%, #000c 58%, transparent 88%);background-image:url(/images/hero/plaster-relief-v7.webp);position:absolute;inset:0}.ambient-light{z-index:-2;background:radial-gradient(at 6% 65%,#a8a8a20d,#0000 70%)}.room-light{z-index:0;pointer-events:none;opacity:.45;position:absolute;inset:0}.room-light:before,.room-light:after{content:"";position:absolute;inset:0;mask-image:url(/images/hero/plaster-response-v7.webp);mask-position:50%;mask-size:cover;mask-repeat:no-repeat}.room-light:before{background:radial-gradient(ellipse 35% 21% at var(--room-source-x) var(--room-source-y), rgb(var(--lamp-mid) / .2) 0%, rgb(var(--lamp-edge) / .09) 30%, rgb(var(--lamp-edge) / .03) 55%, transparent 84%)}.room-light:after{background:radial-gradient(ellipse 15% 12% at var(--room-source-x) var(--room-source-y), rgb(var(--lamp-core) / .78) 0%, rgb(var(--lamp-mid) / .44) 20%, rgb(var(--lamp-edge) / .2) 46%, rgb(var(--lamp-edge) / .07) 68%, transparent 87%)}.projector-lights,.projector-light-bank,.source-light,.projector-beam,.beam-volume,.beam-arrival,.beam-air,.beam-filaments,.beam-photo-pattern,.projection-spill{pointer-events:none;position:absolute;inset:0}.projector-lights{z-index:0}.projector-light-bank{opacity:0}.projector-light-bank[data-light-bank="0"]{opacity:1}.source-light{opacity:calc(var(--ambient-brightness) * .22);mask-image:radial-gradient(ellipse 32% 18% at var(--room-source-x) var(--room-source-y), #000 0%, #000b 24%, #0003 55%, transparent 78%)}.source-light:before,.projection-spill:before{content:"";position:absolute;inset:0;mask-image:url(/images/hero/plaster-response-v7.webp);mask-position:50%;mask-size:cover;mask-repeat:no-repeat}.source-light:before{background:linear-gradient(18deg, rgb(var(--light-tint)) 0%, rgb(var(--light-rgb)) 78%)}.projector-beam{opacity:var(--ambient-brightness);filter:blur(3.5px);mix-blend-mode:screen}.beam-volume{clip-path:var(--beam-shape);mask-image:radial-gradient(ellipse 104% 80% at var(--room-source-x) var(--room-source-y), #000 0%, #000 50%, #000b 76%, transparent 100%)}.beam-arrival{mask-image:radial-gradient(ellipse calc(var(--gate-width) * .7) calc(var(--gate-height) * 1.02) at var(--gate-x) var(--gate-y), transparent 4%, #000b 20%, #000 38%)}.beam-air{background:conic-gradient(from var(--ray-start) at var(--room-source-x) var(--room-source-y), transparent 0deg, rgb(var(--light-tint) / .16) calc(var(--ray-span) * .08), rgb(var(--light-tint) / .34) calc(var(--ray-span) * .39), rgb(var(--light-tint) / .18) calc(var(--ray-span) * .76), transparent var(--ray-span), transparent 360deg)}.beam-filaments{opacity:.12;mask-image:var(--beam-angular-mask)}.beam-photo-pattern{mask-image:var(--beam-photo-mask,linear-gradient(#000, #000))}.beam-wisp,.dust-field i{left:calc(var(--room-source-x) * (1 - var(--depth)) + (var(--beam-edge-a-x) * (1 - var(--lane)) + var(--beam-edge-b-x) * var(--lane)) * var(--depth));top:calc(var(--room-source-y) * (1 - var(--depth)) + (var(--beam-edge-a-y) * (1 - var(--lane)) + var(--beam-edge-b-y) * var(--lane)) * var(--depth));position:absolute}.beam-wisp{width:calc(var(--gate-width) * var(--wisp-width));height:calc(var(--gate-height) * var(--wisp-height));opacity:calc(var(--wisp-opacity) * .18);transform:translate(-50%,-50%);mask-image:radial-gradient(closest-side,#000 10%,#000c 38%,#0005 69%,#0000 100%)}.beam-wisp-grain{background:rgb(var(--light-tint));position:absolute;inset:-22%;mask-size:100% 100%;mask-repeat:no-repeat}.beam-grain-near{mask-image:url(/images/hero/beam-density-near.webp)}.beam-grain-far{mask-image:url(/images/hero/beam-density-far.webp)}.is-enhanced .beam-wisp{animation:beam-wisp var(--duration) var(--delay) ease-in-out infinite}.is-enhanced .beam-wisp-grain{animation:beam-grain var(--grain-duration) var(--delay) ease-in-out infinite}@keyframes beam-wisp{0%,to{opacity:calc(var(--wisp-opacity) * .08);transform:translate(-50%,-50%)scale(.92)}29%{transform:translate(calc(-50% + var(--wisp-x)), calc(-50% + var(--wisp-y))) scale(1.08);opacity:calc(var(--wisp-opacity) * .18)}61%{transform:translate(calc(-50% - var(--wisp-x) * .4), calc(-50% + var(--wisp-y) * .6)) scale(1.02);opacity:calc(var(--wisp-opacity) * .1)}83%{transform:translate(calc(-50% + var(--wisp-x) * .3), calc(-50% - var(--wisp-y) * .3)) scale(.97);opacity:calc(var(--wisp-opacity) * .14)}}@keyframes beam-grain{0%,to{transform:translate(-7%,3%)rotate(-4deg)}43%{transform:translate(6%,-5%)rotate(5deg)}76%{transform:translate(-2%,-2%)rotate(1deg)}}.projection-spill{background:radial-gradient(ellipse calc(var(--gate-width) * .66) calc(var(--gate-height) * .86) at var(--gate-x) var(--gate-y), rgb(var(--light-rgb) / calc(var(--spill-opacity) * .2)) 26%, rgb(var(--light-rgb) / .008) 60%, transparent 85%)}.projection-spill:before{background:radial-gradient(ellipse calc(var(--gate-width) * .62) calc(var(--gate-height) * .78) at var(--gate-x) var(--gate-y), rgb(var(--light-rgb) / calc(var(--spill-opacity) * .28)) 34%, transparent 82%)}.projection-spill:after{content:"";left:calc(var(--gate-x) - var(--gate-width) * .5);top:calc(var(--gate-y) - var(--gate-height) * .5);width:var(--gate-width);height:var(--gate-height);border-radius:calc(var(--gate-width) * .025);background:radial-gradient(ellipse at 44% 43%, rgb(var(--light-tint) / calc(var(--spill-opacity) * .72)) 0%, rgb(var(--light-rgb) / calc(var(--spill-opacity) * .52)) 68%, rgb(var(--light-rgb) / calc(var(--spill-opacity) * .32)) 100%);filter:blur(clamp(8px, calc(var(--gate-width) * .034), 15px));mix-blend-mode:screen;opacity:.88;transform:var(--projection-transform) scale(1.018);transform-origin:50%;position:absolute}.dust-field{z-index:3;pointer-events:none;clip-path:var(--beam-shape);mask-image:radial-gradient(ellipse 95% 78% at var(--room-source-x) var(--room-source-y), transparent 3%, #000c 21%, #000 48%, #0009 70%, transparent 90%);opacity:var(--dust-brightness,.78);display:none;position:absolute;inset:0}.is-enhanced .dust-field{display:block}.dust-particles{mask-image:var(--dust-angular-mask);position:absolute;inset:0}.dust-field i{width:var(--particle-size);height:var(--particle-size);filter:blur(var(--particle-blur,0px));opacity:0;animation:room-dust var(--duration) var(--delay) linear infinite;background:currentColor;border-radius:50%}.is-paused .dust-field i,.is-paused .beam-wisp,.is-paused .beam-wisp-grain{animation-play-state:paused}@keyframes room-dust{0%,to{opacity:0;transform:translate(0)}18%{opacity:calc(var(--particle-opacity) * .25)}31%{opacity:calc(var(--particle-opacity) * .6)}37%{opacity:calc(var(--particle-opacity) * var(--glint))}44%{opacity:calc(var(--particle-opacity) * .3)}51%{transform:translate(var(--eddy-x), var(--eddy-y))}59%{opacity:calc(var(--particle-opacity) * .75)}74%{opacity:calc(var(--particle-opacity) * .2)}87%,99.9%{opacity:0;transform:translate(var(--drift-x), var(--drift-y))}}@media (width>=1000px){.source-light{mask-image:radial-gradient(ellipse 20% 29% at var(--room-source-x) var(--room-source-y), #000 0%, #000b 24%, #0003 55%, transparent 78%)}.room-light:before{background:radial-gradient(ellipse 23% 34% at var(--room-source-x) var(--room-source-y), rgb(var(--lamp-mid) / .2) 0%, rgb(var(--lamp-edge) / .09) 30%, rgb(var(--lamp-edge) / .03) 55%, transparent 84%)}.room-light:after{background:radial-gradient(ellipse 11% 18% at var(--room-source-x) var(--room-source-y), rgb(var(--lamp-core) / .78) 0%, rgb(var(--lamp-mid) / .44) 20%, rgb(var(--lamp-edge) / .2) 46%, rgb(var(--lamp-edge) / .07) 68%, transparent 87%)}.beam-volume{mask-image:radial-gradient(ellipse 65% 92% at var(--room-source-x) var(--room-source-y), #000b 0%, #000 18%, #000e 40%, #0007 64%, transparent 90%)}.dust-field{mask-image:radial-gradient(ellipse 65% 92% at var(--room-source-x) var(--room-source-y), transparent 3%, #000c 21%, #000 48%, #0009 70%, transparent 90%)}}@media (prefers-reduced-motion:reduce){.dust-field{display:none!important}.beam-wisp,.beam-wisp-grain{animation:none!important}}.projection-player{z-index:1;width:var(--projection-width);margin-top:var(--projection-offset);margin-left:3vw;position:relative}.projection{--photo-overscan:0%;width:100%;aspect-ratio:var(--projection-aspect);position:relative}.projection-navigation button{color:#f5f1e89e;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.projection-previous{right:calc(100% + 4px)}.projection-next{left:calc(100% + 4px)}.projection-navigation svg{stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}.projection-navigation button:hover{color:var(--text-primary)}.projection-navigation button:focus-visible{outline-offset:1px;outline:1px solid}.projection-navigation button[aria-disabled=true]{cursor:default}.projection-gate{width:100%;height:100%;transform:var(--projection-transform);position:relative}.gate-corner{pointer-events:none;width:0;height:0;position:absolute}.gate-corner-tl{top:0;left:0}.gate-corner-tr{top:0;right:0}.gate-corner-bl{bottom:0;left:0}.gate-corner-br{bottom:0;right:0}.slide-layer{opacity:0;transform:translate(var(--seat-x), var(--seat-y)) rotate(var(--seat-rotation));position:absolute;inset:0}.slide-layer.is-active{opacity:1}.slide-optical-image{background-image:var(--photo-source,var(--photo-source-small));background-size:cover;background-position:var(--crop-position,50% 50%);background-repeat:no-repeat;position:absolute;inset:0}@media (width>=700px),(resolution>=2.1x){.slide-optical-image{background-image:var(--photo-source,var(--photo-source-large))}}.slide-halation{filter:var(--halation-filter);opacity:calc(var(--halation-strength) * .42);pointer-events:none;position:absolute;inset:0}.slide-halation-aperture,.slide-frame{mask:url(/images/hero/projection-mask.svg?v=4) 50%/100% 100% no-repeat}.slide-frame,.slide-halation-aperture{position:absolute;inset:0}.slide-photo-content{filter:var(--transmission-filter,url(#projector-transmission)) contrast(1.015) brightness(1.015);position:absolute;inset:0}.slide-photo-content,.slide-halation-aperture>.slide-optical-image{inset:calc(var(--photo-overscan) * -1)}.slide-frame picture,.slide-frame img{width:100%;height:100%;display:block}.slide-frame img{object-fit:cover;object-position:var(--crop-position,50% 50%)}.slide-edge-focus{filter:blur(.75px);pointer-events:none;mask-image:radial-gradient(at 47% 49%,#0000 74%,#0003 88%,#000b 100%)}.slide-surface{pointer-events:none;background:radial-gradient(at 47% 46%,#0000 25%,#00000004 64%,#0001 100%);position:absolute;inset:0}.slide-specks{pointer-events:none;position:absolute;inset:0}.slide-specks i{opacity:.2;background:#231b15;width:1px;height:1px;position:absolute}.projected-memories{position:relative}.hero-stage{isolation:isolate;grid-template-rows:calc(104px + env(safe-area-inset-top,0px)) 1fr;--light-rgb:173 173 171;--light-tint:240 240 238;--spill-opacity:.18;--lamp-core:245 245 241;--lamp-mid:210 210 205;--lamp-edge:145 145 141;--ray-start:12deg;--ray-span:56deg;--room-source-x:-14%;--room-source-y:97%;--gate-x:51%;--gate-y:80%;--projection-width:min(74vw, 420px);--projection-offset:clamp(2px, 1svh, 8px);--gate-width:var(--projection-width);--gate-height:calc(var(--gate-width) / var(--projection-aspect));--projection-transform:perspective(calc(var(--gate-width) * 2.8)) rotateX(6deg) rotateY(-2deg) rotateZ(-.45deg);--beam-tl-x:calc(var(--gate-x) - var(--gate-width) * .5);--beam-tl-y:calc(var(--gate-y) - var(--gate-height) * .5);--beam-tr-x:calc(var(--gate-x) + var(--gate-width) * .5);--beam-tr-y:calc(var(--gate-y) - var(--gate-height) * .5);--beam-bl-x:calc(var(--gate-x) - var(--gate-width) * .5);--beam-bl-y:calc(var(--gate-y) + var(--gate-height) * .5);--beam-br-x:calc(var(--gate-x) + var(--gate-width) * .5);--beam-br-y:calc(var(--gate-y) + var(--gate-height) * .5);--beam-edge-a-x:var(--beam-tl-x);--beam-edge-a-y:var(--beam-tl-y);--beam-edge-b-x:var(--beam-br-x);--beam-edge-b-y:var(--beam-br-y);--beam-shape:polygon(var(--room-source-x) calc(var(--room-source-y) - 2%), var(--beam-edge-a-x) var(--beam-edge-a-y), var(--beam-edge-b-x) var(--beam-edge-b-y), var(--room-source-x) calc(var(--room-source-y) + 2%));width:100%;min-height:100lvh;display:grid;position:relative;overflow:clip}.beam-origin{left:var(--room-source-x);top:var(--room-source-y);pointer-events:none;width:0;height:0;position:absolute}.hero-composition{align-content:start;align-self:start;justify-items:center;gap:var(--space-body-image);padding:clamp(48px, 7svh, 88px) max(24px, env(safe-area-inset-right,0px)) calc(76px + env(safe-area-inset-bottom,0px)) max(24px, env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr);display:grid}.hero-copy{z-index:4;text-align:center;width:min(90vw,650px);max-width:none;position:relative}.hero-copy h1,.hero-copy p{-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:balance}.hero-copy h1{font-weight:var(--weight-editorial);font-size:var(--type-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.hero-copy h1 em{white-space:nowrap;font-weight:400}.hero-copy p{margin:var(--space-heading-body) auto 0;max-width:var(--measure-story);color:var(--text-secondary);font-size:var(--type-body);line-height:var(--leading-body)}@media (width<=699px){.hero-copy{width:min(94vw,650px)}.hero-copy .hero-phrase,.hero-copy h1 em{white-space:normal;max-inline-size:100%;display:inline-block}}@media (width>=700px) and (width<=999px){.hero-stage{--gate-y:74%}.hero-composition{gap:80px;padding-top:74px;padding-bottom:60px}}@media (width>=1000px){.hero-stage{grid-template-rows:calc(124px + env(safe-area-inset-top,0px)) 1fr;--gate-x:74%;--gate-y:55%;--gate-width:34vw;--ray-start:285deg;--ray-span:62deg;--room-source-x:103%;--room-source-y:96%;--beam-edge-a-x:var(--beam-tr-x);--beam-edge-a-y:var(--beam-tr-y);--beam-edge-b-x:var(--beam-bl-x);--beam-edge-b-y:var(--beam-bl-y)}.hero-composition{grid-template-columns:1.05fr 1fr;align-content:start;align-items:start;gap:6vw;padding:70px 6.5vw 100px}.hero-copy{text-align:center;width:100%}.projection-player{width:86%;max-width:612px;margin:110px 0 0}}@media (width<=699px) and (height<=740px){.hero-stage{--gate-y:82%;grid-template-rows:calc(88px + env(safe-area-inset-top,0px)) 1fr}.hero-composition{padding-top:clamp(24px,4svh,32px);padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));gap:clamp(32px,6svh,48px)}.hero-copy p{margin-top:clamp(24px,4.5svh,34px)}}@media (width<=360px) and (height<=600px){.hero-stage{grid-template-rows:calc(80px + env(safe-area-inset-top,0px)) 1fr}.hero-composition{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}
