.microscope-entry{color:#f1f0ec;background:#080d0c;outline:none;position:relative}html[data-page-reloading],html[data-page-reloading] body{background:#080d0c}.microscope-reveal{isolation:isolate;background-color:#17221a;background-image:var(--lichen-atmosphere);background-position:50%;background-size:cover;position:relative}.microscope-reveal:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(116deg,#ffffff02,#0000 44%);position:absolute;inset:0}html[data-microscope-scene] .design-nav__brand{color:#f1f0ec;mix-blend-mode:normal}html[data-microscope-scene] .microscope-entry{background:#080d0c;height:420svh;display:block;position:relative}.microscope-stage{background:radial-gradient(at 45% 48%,#15221d5c,#0000 67%),#080d0c;height:100svh;position:sticky;top:0;overflow:hidden}.microscope-canvas{position:absolute;inset:0}.microscope-canvas canvas{width:100%;height:100%;display:block}.microscope-intro{z-index:1;min-height:100%;opacity:var(--intro-opacity,1);transform:translate3d(0, var(--intro-shift,0px), 0);place-items:center;padding:120px 8vw 72px;display:grid;position:relative}.microscope-intro__content{width:min(100%,660px)}.microscope-intro__note{color:#f1f0ec;letter-spacing:-.035em;text-wrap:pretty;max-width:640px;margin:0;font:400 clamp(22px,2vw,30px)/1.5 Arial,sans-serif}.microscope-intro__note>span{color:#bdc6bb;margin-top:18px;display:block}.microscope-intro__enter{color:#1c1d20;background:#f5f5ef;border-radius:999px;justify-content:space-between;align-items:center;gap:32px;margin-top:38px;padding:18px 22px;font:600 15px/1 Arial,sans-serif;display:inline-flex}.microscope-intro__arrow{width:18px;height:18px;display:block;position:relative;overflow:hidden}.microscope-intro__arrow>span{place-items:center;transition:transform .65s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:0}.microscope-intro__arrow>span:last-child{transform:translate(-110%,110%)}.microscope-intro__enter:is(:hover,:focus-visible) .microscope-intro__arrow>span:first-child{transform:translate(110%,-110%)}.microscope-intro__enter:is(:hover,:focus-visible) .microscope-intro__arrow>span:last-child{transform:none}.microscope-intro__enter:focus-visible{outline-offset:6px;outline:2px solid #f5f5ef}@media (width<=700px){.microscope-intro{padding:120px 6vw 70px}.microscope-intro__note{max-width:420px}}html[data-microscope-scene] .microscope-reveal{z-index:2;transform:translate3d(0, var(--reveal-offset,0px), 0);visibility:visible;opacity:var(--gallery-reveal-opacity,0);will-change:opacity, transform;margin-top:-100svh}html[data-page-painting=microscope] #content,html[data-page-painting=microscope] .page-transition-background,html[data-page-painting=microscope] .microscope-reveal{opacity:1}html[data-page-painting=microscope] .lichen-tile{opacity:0}html[data-page-painting=microscope] .lichen-tile[data-paint-ready]{opacity:1}html[data-page-preparing=microscope] .design-nav__brand,html[data-page-preparing=microscope] .design-nav>nav{visibility:hidden}html[data-microscope-scene] .microscope-reveal:not([data-entered]){pointer-events:none}html[data-microscope-scene] .microscope-reveal[data-entered]{visibility:visible;opacity:1}html[data-microscope-scene] .microscope-reveal .lichen-tile{animation:none}@media (prefers-reduced-motion:reduce){html[data-microscope-scene] .microscope-entry{height:auto}html[data-microscope-scene] .microscope-reveal{visibility:visible;opacity:1;filter:none;margin-top:0;transform:none}.microscope-intro__arrow>span{transition:none}}html,body{--lichen-atmosphere:linear-gradient(160deg, #14201518, #0c170c38), url(/media/lichens/page-background.webp);color:#f1f0ec;color-scheme:dark;background:#17221a}body{background:#17221a}.design-nav__brand{color:#f1f0ec;mix-blend-mode:normal}.lichen-gallery{--glass-gap:clamp(16px, 1.65vw, 28px);width:min(1080px,66vw);margin-inline:auto;padding-block:clamp(104px,7vw,128px) clamp(32px,4vw,72px);font-family:Arial,Helvetica,sans-serif}.lichen-gallery__lead{gap:var(--glass-gap);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lichen-gallery__details{gap:var(--glass-gap);margin-top:var(--glass-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lichen-gallery__more{gap:var(--glass-gap);margin-top:var(--glass-gap);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.lichen-tile{perspective:1200px;min-width:0;min-height:0;margin:0;position:relative}.lichen-gallery{position:relative}.lichen-tile--hero{aspect-ratio:1;grid-area:span 2/span 2}.lichen-gallery__details .lichen-tile,.lichen-gallery__more .lichen-tile{aspect-ratio:1}.lichen-glass{--glass-radius:clamp(20px, 1.7vw, 28px);--light-x:35%;--light-y:22%;isolation:isolate;border-radius:var(--glass-radius);width:100%;height:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));background:#252b1b;position:relative;overflow:hidden;box-shadow:0 1px 2px #20251a12,0 12px 32px -20px #20251a35,0 0 0 1px #20251a0d}.lichen-photo{z-index:-1;position:absolute;inset:-7%;overflow:hidden}.lichen-photo img{object-fit:cover;width:100%;height:100%;transform:translate3d(var(--photo-x,0px), var(--photo-y,0px), 0) scale(1.025);filter:none}.lichen-lens{z-index:1;pointer-events:none;opacity:var(--lens-hover,0);mask-image:radial-gradient(circle 64px at var(--lens-x,50%) var(--lens-y,50%), #000 60%, transparent 100%);-webkit-mask-image:radial-gradient(circle 64px at var(--lens-x,50%) var(--lens-y,50%), #000 60%, transparent 100%);position:absolute;inset:0}.lichen-lens__image{transform:translate3d(var(--photo-x,0px), var(--photo-y,0px), 0) scale(1.065);transform-origin:var(--lens-x,50%) var(--lens-y,50%);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.lichen-photo--composition{isolation:isolate;background:#252b1b;inset:0}.lichen-depth{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.lichen-depth--back{z-index:0;transform:translate3d(calc(var(--photo-x,0px) * .6), calc(var(--photo-y,0px) * -.2), 0) scale(1.06);background-image:url(/media/lichens/composition-background.webp)}.lichen-depth--front{z-index:3;transform:translate3d(calc(var(--photo-x,0px) * -2), calc(var(--photo-y,0px) * .65), 0) scale(1.06);background-image:url(/media/lichens/composition-foreground.webp)}.lichen-photo--composition img{z-index:2;filter:none;position:absolute;inset:0;transform:none}.lichen-photo--composition .lichen-lettering{object-fit:contain;width:92%;height:auto;transform:translate3d(calc(var(--photo-x,0px) * -.8), calc(-50% + var(--photo-y,0px) * .25), 0);transition:none;inset:50% auto auto 4%}.lichen-photo--composition{transform:scale(calc(1 + var(--lens-hover,0) * .006));transform-origin:var(--lens-x,50%) var(--lens-y,50%)}.lichen-shine{z-index:4;pointer-events:none;border-radius:inherit;background:radial-gradient(115% 85% at -15% -30%,#0000 64%,#eaf5e812 65.5%,#f9fff506 67%,#0000 71%),radial-gradient(100% 110% at 115% 125%,#0000 62%,#e1f1e30a 65%,#0000 69%);position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 2px #020a0866,inset 0 0 0 1px #e8f1df30}.lichen-shine:before{content:"";border-radius:inherit;background:radial-gradient(ellipse at var(--light-x) var(--light-y), #ffffffe8, #ecf7e544 32%, transparent 65%), linear-gradient(140deg, #fff6, transparent 35%, #02110b55 70%, #e4f4d933);padding:1.25px;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.lichen-shine:after{content:"";border-radius:calc(var(--glass-radius) - 2px);background:radial-gradient(ellipse at calc(100% - var(--light-x)) calc(100% - var(--light-y)), #efffe58c, transparent 58%);opacity:calc(.3 + var(--lens-hover,0) * .25);padding:2px;position:absolute;inset:2px;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.lichen-tile:not(.lichen-tile--hero) .lichen-glass{box-shadow:0 2px 4px #050c0933,0 18px 38px -22px #030b09a6,0 0 0 1px #d9e6c82b}@media (width>=1101px){.lichen-gallery{--gallery-nav-bottom:calc(clamp(1.25rem, 2.1vw, 2.5rem) + var(--control-height));--gallery-hero-size:calc((min(1560px, 90vw) - var(--glass-gap)) / 2);width:min(1560px,90vw);padding-block:0 24px}.lichen-gallery__primary{gap:var(--glass-gap);padding-top:max(calc(var(--gallery-nav-bottom) + 24px), calc((100svh + var(--gallery-nav-bottom) - var(--gallery-hero-size)) / 2));grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.lichen-gallery__lead,.lichen-gallery__details{display:contents}.lichen-tile--hero{grid-area:1/2/3/4}.lichen-gallery__lead>.lichen-tile:nth-child(2){grid-area:1/1}.lichen-gallery__lead>.lichen-tile:nth-child(3){grid-area:2/1}.lichen-gallery__details>.lichen-tile:first-child{grid-area:1/4}.lichen-gallery__details>.lichen-tile:nth-child(2){grid-area:2/4}.lichen-gallery__details>.lichen-tile:last-child{display:none}}@media (prefers-reduced-motion:no-preference){.lichen-tile{animation:1.25s cubic-bezier(.22,1,.36,1) both lichen-arrive;animation-delay:calc(var(--arrival-order) * 65ms)}}@keyframes lichen-arrive{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1100px){.lichen-gallery{width:86vw;padding-top:112px}}@media (width<=700px){.lichen-gallery{--glass-gap:12px;width:90vw;padding-top:104px;padding-bottom:30px}.lichen-gallery__lead{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.lichen-tile--hero{grid-area:auto/1/auto/-1}.lichen-gallery__lead>.lichen-tile:not(.lichen-tile--hero){aspect-ratio:1}.lichen-gallery__details{gap:10px}.lichen-gallery__more{grid-template-columns:repeat(2,minmax(0,1fr))}.lichen-gallery__more>.lichen-tile:last-child:nth-child(odd){width:calc((100% - var(--glass-gap)) / 2);grid-column:1/-1;justify-self:center}.lichen-glass{--glass-radius:22px}.lichen-gallery__details .lichen-glass{--glass-radius:18px}}@media (prefers-reduced-motion:reduce){.lichen-glass,.lichen-photo img,.lichen-depth{transform:none}.lichen-photo--composition .lichen-lettering{transform:translateY(-50%)}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.lichen-lens{display:none}.lichen-photo--composition{transform:none}}
