.intro-section{background:hsl(var(--page-background));width:100%;height:100svh;position:relative;overflow:hidden}.intro-container{background:hsl(var(--page-background));color:hsl(var(--text-primary));padding:clamp(3rem, 5vw, 4rem) var(--page-gutter);-webkit-user-select:none;user-select:none;isolation:isolate;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intro-gremlin{z-index:1;pointer-events:none;position:absolute}.intro-gremlin--hanging{width:clamp(3.5rem,5.5vw,6rem);top:0;right:7vw}.intro-gremlin--peeking{bottom:0;left:var(--page-gutter);width:clamp(5rem,8vw,8.5rem)}.intro-content{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.intro-message{text-align:center;width:fit-content;max-width:90%;margin-inline:auto}.intro-text{max-width:21em;color:hsl(var(--text-primary));text-transform:uppercase;letter-spacing:.03em;flex-direction:column;gap:.8em;margin:0;font-family:PP-Neue-Montreal-Bold,Mona-Sans,Inter,sans-serif;font-size:clamp(1.6rem,2.9vw,2.9rem);font-weight:700;line-height:1.2;display:flex}.text-line{animation:6s ease-in-out infinite intro-line-wiggle;animation-delay:calc(var(--line-index,0) * -1.5s);margin:0;display:block}.text-line-fill{background:linear-gradient(90deg, hsl(var(--text-primary)) 0%, hsl(var(--text-primary)) 100%), hsl(var(--text-primary) / .2);-webkit-text-fill-color:transparent;-webkit-box-decoration-break:slice;box-decoration-break:slice;background-position:0;background-repeat:no-repeat;background-size:0% 100%,100% 100%;-webkit-background-clip:text;background-clip:text}@keyframes intro-line-wiggle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(.03em,-.04em)rotate(-.4deg)}50%{transform:translate(-.02em,.03em)rotate(.3deg)}75%{transform:translate(.02em,.02em)rotate(-.2deg)}}.intro-seal{vertical-align:-.15em;width:1em;display:inline-block}.intro-notion{vertical-align:-.08em;width:.9em;height:.9em;color:hsl(var(--color-white));display:inline-block}.intro-notion svg{width:100%;height:100%;display:block}.intro-mark{white-space:nowrap;position:relative}.intro-mark-circle{--draw-rate:2;width:calc(100% + .6em);height:calc(100% + .5em);position:absolute;top:-.25em;left:-.3em}.intro-mark-underline{width:100%;height:.3em;position:absolute;top:95%;left:0}.intro-mark-aside{pointer-events:none;align-items:flex-start;gap:.1em;display:flex;position:absolute;bottom:45%}.intro-mark--me .intro-mark-aside{margin-right:.15em;right:100%}.intro-mark--gremlins .intro-mark-aside,.intro-mark--notion .intro-mark-aside{margin-left:.35em;left:100%}.intro-mark-arrow{--draw-rate:1.4;flex-shrink:0;width:2.2em;height:1.1em;margin-top:.45em}.intro-mark--gremlins .intro-mark-arrow,.intro-mark--notion .intro-mark-arrow{transform:scaleX(-1)}.intro-mark--gremlins .intro-mark-arrow{--draw-from:.45;--draw-rate:3}.intro-mark-note{font-family:var(--font-hand), "Caveat", cursive;letter-spacing:0;text-transform:none;-webkit-text-fill-color:hsl(var(--color-orange));color:hsl(var(--color-orange));opacity:clamp(0, (var(--draw,1) - .75) * 4, 1);background:0 0;font-size:.8em;font-weight:600;line-height:1}@media (min-width:768px){.intro-break--mobile{display:none}}@media (max-width:767px){.intro-break--desktop{display:none}.intro-mark-aside{align-items:center;margin:0 0 0 .25em;inset:50% auto auto 100%;transform:translateY(-50%)}.intro-mark--me .intro-mark-aside{flex-direction:row-reverse;margin-right:0;right:auto}.intro-mark-arrow,.intro-mark--gremlins .intro-mark-arrow,.intro-mark--notion .intro-mark-arrow{width:.75em;height:.45em;margin-top:0;transform:scaleX(-1)}.intro-mark-note{font-size:.62em}.intro-gremlin--hanging{top:clamp(-60px, calc(min(1svh, var(--vh,1svh)) * 50 - 437px), 0px);width:3.75rem;right:12vw}.intro-gremlin--peeking{width:6rem;left:2.5rem}}.distorted-name{filter:url(#distortion-filter);white-space:nowrap;font-family:PP-Neue-Montreal-Bold,Arial Black,sans-serif;font-weight:900;color:hsl(var(--color-white))!important;background:0 0!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:hsl(var(--color-white))!important}@media (max-width:768px){.text-line-fill{-webkit-text-fill-color:hsl(var(--text-primary));color:hsl(var(--text-primary));background:0 0}}@media (max-width:767px){.intro-section{height:100svh;height:calc(min(1svh, var(--vh,1svh)) * 100)}.intro-container{flex-direction:column;justify-content:center;align-items:center;padding:0}.intro-content{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;margin-inline:0;display:flex}.intro-message{text-align:left;width:100%;max-width:100%;margin-inline:0}.intro-text{max-width:none;font-size:min(8.2vw, calc(min(1svh, var(--vh,1svh)) * 4));gap:1.1em;padding-inline:1.125rem;line-height:1.2}}@media (prefers-reduced-motion:reduce){.text-line{animation:none}}@media (min-width:768px){.intro-message{width:fit-content}}
.expertise-intro{background:hsl(var(--page-background));-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;padding:0 clamp(2rem,5vw,4rem);display:flex}.expertise-intro-label{align-items:center;gap:1.5rem;margin-bottom:clamp(1.5rem,3vw,2rem);display:flex}.expertise-intro-label-line{background:hsl(var(--text-primary));width:clamp(2.5rem,6vw,5rem);height:1px}.expertise-intro-label-text{color:hsl(var(--text-primary));text-transform:uppercase;letter-spacing:.2em;margin:0;font-family:PP-Neue-Montreal-Book,Arial,sans-serif;font-size:clamp(.65rem,1.5vw,.75rem);font-weight:600}.expertise-intro-title{letter-spacing:-.02em;color:hsl(var(--text-primary));margin:0 0 2rem;font-family:PP-Neue-Montreal-Bold,Arial,sans-serif;font-size:clamp(4rem,13vw,12rem);font-weight:700}.expertise-intro-subtitle{color:hsl(var(--text-primary));text-align:center;max-width:37.5rem;margin:0;font-family:PP-Neue-Montreal-Book,Arial,sans-serif;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;line-height:1.6}
.expertise{background:hsl(var(--color-black));z-index:1100;flex-direction:column;justify-content:center;width:100%;min-height:100vh;display:flex;position:relative}.expertise-webgl-container{z-index:0;pointer-events:none;width:clamp(12rem,50vw,22rem);height:clamp(12rem,50vw,22rem);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.expertise-webgl{width:100%;height:100%;display:block}.expertise-content{z-index:1;width:100%;max-width:120rem;margin:0 auto;position:relative}.expertise-row{white-space:nowrap;padding:0 var(--page-gutter);align-items:baseline;margin:.5rem 0;display:flex}.row-end{justify-content:flex-end}.row-center{justify-content:center}.row-start{padding-left:clamp(1rem,15vw,20rem)}.expertise-row:nth-child(5){padding-right:clamp(1rem,10vw,15rem)}.tech{text-transform:uppercase;letter-spacing:-.02em;cursor:default;-webkit-user-select:none;user-select:none;outline:none;font-family:PP-Neue-Montreal-Bold,Arial,sans-serif;font-size:clamp(2rem,7vw,7.5rem);font-weight:900;line-height:1.1;transition:color .3s}@media (min-width:769px){.tech{opacity:0}}.tech+.tech{margin-left:clamp(.75rem,2.5vw,2.5rem)}.tech.solid{color:hsl(var(--color-white))}.tech.outline{color:#0000;-webkit-text-stroke:.09375rem hsl(var(--color-gray))}.tech.accent{color:hsl(var(--color-orange))}@media (hover:hover){.tech:hover{color:hsl(var(--color-orange));-webkit-text-stroke-color:hsl(var(--color-orange))}}.label,.mobile-label{color:hsl(var(--color-gray));text-transform:uppercase;-webkit-user-select:none;user-select:none;font-family:PP-Neue-Montreal-Book,Arial,sans-serif;font-weight:400}@media (min-width:769px){.label{opacity:0}}.label{letter-spacing:clamp(.05rem,.2vw,.1875rem);align-self:center;margin:0 clamp(.75rem,2vw,1.875rem);font-size:clamp(.5rem,.8vw,.6875rem)}.mobile-group{flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:0 1.5rem;display:flex}.mobile-group:nth-child(odd){text-align:left;align-items:flex-start}.mobile-group:nth-child(2n){text-align:right;align-items:flex-end}.mobile-group:nth-child(3){text-align:center;align-items:center}.mobile-label{letter-spacing:.15rem;font-size:.7rem}.mobile-techs{align-items:baseline;display:flex}.mobile-group:nth-child(odd) .mobile-techs{justify-content:flex-start}.mobile-group:nth-child(2n) .mobile-techs{justify-content:flex-end}.mobile-group:nth-child(3) .mobile-techs{justify-content:center}.mobile-techs .tech{font-size:clamp(2.25rem,8.5vw,3.25rem)}.mobile-techs .tech+.tech{margin-left:1rem}
.expertise-section-wrapper{width:100%;min-height:200svh}.expertise-section-wrapper>*{width:100%;height:100svh;position:sticky;top:0}
.project-row{-moz-column-gap:4rem;border-top:1px solid hsl(var(--border-subtle));grid-template:"head media""stack media"".media"1fr"link media"/minmax(0,4fr) minmax(0,7fr);column-gap:4rem;padding:3.5rem 0;display:grid}.project-row-head{grid-area:head}.project-row-number{color:hsl(var(--color-orange));font-family:PP-Neue-Montreal-Medium,Mona-Sans,sans-serif;font-size:.8125rem}.project-row-name{letter-spacing:-.02em;text-transform:uppercase;color:hsl(var(--text-primary));margin-top:1rem;font-family:PP-Neue-Montreal-Bold,Mona-Sans,sans-serif;font-size:clamp(2.25rem,3.9vw,3.5rem);font-weight:700;line-height:1}.project-row-summary{max-width:28rem;color:hsl(var(--text-primary));margin-top:1.25rem;font-family:PP-Neue-Montreal-Book,Mona-Sans,sans-serif;font-size:1.125rem;line-height:1.5}.project-row-stack{color:hsl(var(--text-secondary));grid-area:stack;margin-top:1rem;font-family:PP-Neue-Montreal-Book,Mona-Sans,sans-serif;font-size:.875rem}.project-row-link{letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--color-orange));grid-area:link;justify-self:start;padding:.75rem 0;font-family:PP-Neue-Montreal-Medium,Mona-Sans,sans-serif;font-size:.8125rem}.project-row-arrow{transition:transform .2s;display:inline-block}.project-row-link:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}@media (hover:hover) and (pointer:fine){.project-row-link:hover .project-row-arrow{transform:translate(.15em,-.15em)}}.project-row-media{border-radius:var(--border-radius);background:hsl(var(--project-ground));grid-area:media;height:clamp(22rem,32vw,30rem);position:relative;overflow:hidden;container-type:size}.project-phones{justify-content:center;align-items:flex-end;gap:3.5cqw;display:flex;position:absolute;inset:0}.project-phone{opacity:.6;border-radius:4cqh 4cqh 0 0;width:auto;height:min(70cqh,57cqw)}.project-phone:nth-child(2){opacity:1;height:min(87cqh,71cqw)}.project-window{background:hsl(var(--mac-window));width:min(87cqw,130cqh);box-shadow:0 1.875rem 3.75rem hsl(var(--color-black) / .6), 0 0 0 1px hsl(var(--mac-window-edge));border-radius:.625rem;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.project-window-bar{align-items:center;gap:.375rem;height:1.5rem;padding:0 .625rem;display:flex}.project-window-light{background:hsl(var(--mac-close));border-radius:50%;width:.5625rem;height:.5625rem}.project-window-light:nth-child(2){background:hsl(var(--mac-minimize))}.project-window-light:nth-child(3){background:hsl(var(--mac-zoom))}.project-window-image{width:100%}@media (max-width:768px){.project-row{grid-template-rows:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head""media media""stack link";align-items:center;padding:2rem 0 2.5rem}.project-row-number{font-size:.75rem}.project-row-name{margin-top:.625rem}.project-row-summary{margin-top:.75rem;font-size:1rem}.project-row-media{height:min(80vw,22rem);margin-top:1.5rem}.project-row-media--window{height:min(70vw,20rem)}.project-phones{gap:2.5cqw}.project-window{border-radius:.5rem;width:91cqw}.project-window-bar{gap:.25rem;height:1rem;padding:0 .4375rem}.project-window-light{width:.375rem;height:.375rem}.project-row-stack{margin-top:1rem;font-size:.8125rem}.project-row-link{margin-top:1rem;font-size:.75rem}}
.project-carousel{flex-direction:column;display:flex}.project-carousel-controls{justify-content:flex-end;align-items:center;margin-bottom:2rem;display:flex}.project-carousel--static .project-carousel-controls{display:none}.project-carousel-count{color:hsl(var(--text-secondary));font-family:PP-Neue-Montreal-Book,Mona-Sans,sans-serif;font-size:.75rem;display:none}.project-carousel-arrows{border:1px solid hsl(var(--border-subtle));display:flex}.project-carousel-arrow{width:3.5rem;height:3rem;color:hsl(var(--text-primary));font-size:1.25rem;transition:color .2s,background-color .2s}.project-carousel-arrow+.project-carousel-arrow{border-left:1px solid hsl(var(--border-subtle))}.project-carousel-arrow:disabled{color:hsl(var(--text-secondary) / .4)}.project-carousel-arrow:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:-2px}@media (hover:hover) and (pointer:fine){.project-carousel-arrow:not(:disabled):hover{background:hsl(var(--text-primary) / .08)}}.project-carousel-track{margin:-.5rem calc(-1 * var(--page-gutter));padding:.5rem var(--page-gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter);scrollbar-width:none;gap:1.5rem;display:flex;overflow-x:auto}.project-carousel-track::-webkit-scrollbar{display:none}.project-carousel-item{scroll-snap-align:start;flex:none;width:clamp(15rem,24vw,22rem)}.project-card{flex-direction:column;gap:.375rem;display:flex}.project-card:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:.25rem}.project-card-cover{border-radius:.25rem;width:100%;margin-bottom:.5rem}.project-card-name{color:hsl(var(--text-primary));font-family:PP-Neue-Montreal-Medium,Mona-Sans,sans-serif;font-size:1rem;transition:color .2s}.project-card-summary{color:hsl(var(--text-secondary));font-family:PP-Neue-Montreal-Book,Mona-Sans,sans-serif;font-size:.8125rem;line-height:1.5}@media (hover:hover) and (pointer:fine){.project-card:hover .project-card-name{color:hsl(var(--color-orange))}}@media (max-width:768px){.project-carousel-controls{order:1;justify-content:space-between;margin:1.25rem 0 0}.project-carousel-count{display:block}.project-carousel-arrow{width:3rem;height:2.75rem;font-size:1.125rem}.project-carousel-track{gap:1rem}.project-carousel-item{width:55vw}}
.work-section{padding:0 var(--page-gutter) 7.5rem;background:hsl(var(--page-background))}.work-title{letter-spacing:-.02em;text-transform:uppercase;color:hsl(var(--text-primary));padding:7.5rem 0 4rem;font-family:PP-Neue-Montreal-Bold,Mona-Sans,sans-serif;font-size:clamp(2.75rem,5vw,4.5rem);font-weight:700;line-height:.95}.work-small{border-top:1px solid hsl(var(--border-subtle));padding-top:4.5rem}.work-small-head{justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:2.5rem;display:flex}.work-small-title{letter-spacing:-.02em;text-transform:uppercase;color:hsl(var(--text-primary));font-family:PP-Neue-Montreal-Bold,Mona-Sans,sans-serif;font-size:2rem;font-weight:700;line-height:.95}.work-small-blurb{max-width:21rem;color:hsl(var(--text-secondary));font-family:PP-Neue-Montreal-Book,Mona-Sans,sans-serif;font-size:1rem;line-height:1.6}@media (max-width:768px){.work-section{padding-bottom:4rem}.work-title{padding:4.5rem 0 2.25rem}.work-small{padding-top:2.5rem}.work-small-head{flex-direction:column;gap:.875rem;margin-bottom:1.5rem}.work-small-title{font-size:1.5rem}.work-small-blurb{font-size:.875rem;line-height:1.55}}
.photos-section{--u:min(100svh / 900, 100vw / 1200);--walk:1;background:hsl(var(--page-background));height:100svh;position:relative;overflow:hidden}.photos-track{width:calc(100vw + (var(--trail-w) - var(--screen)) * var(--u));will-change:transform;height:100%;position:relative}.photos-opener{width:100vw;height:100%;position:absolute;top:0;left:0}.photos-opener-image{object-fit:cover;object-position:50% 72%}.photos-opener:after{content:"";background:linear-gradient(to right, hsl(var(--page-background) / 0) 55%, hsl(var(--page-background)) calc(100% - 8px)), linear-gradient(hsl(var(--page-background)), hsl(var(--page-background) / 0) 18%, hsl(var(--page-background) / 0) 82%, hsl(var(--page-background))), hsl(var(--color-black) / .4);pointer-events:none;position:absolute;inset:0 -4px 0 0}.photos-opener-place{left:var(--page-gutter);z-index:1;-moz-column-gap:.6em;font-family:Mona-Sans,sans-serif;font-size:max(.75rem, calc(14 * var(--u)));grid-template-columns:auto auto;align-items:center;gap:.15em .6em;margin:0;display:grid;position:absolute;top:max(6rem,14%)}.photos-opener-pin{width:.85em;fill:hsl(var(--text-primary));grid-row:span 2}.photos-opener-place-name{color:hsl(var(--text-primary));font-weight:500}.photos-coords{font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap;color:hsl(var(--text-secondary));font-size:.85em;font-weight:400}.photos-state .photos-coords{letter-spacing:.02em;opacity:.75;margin-top:.3em;display:block}.photos-title{left:var(--page-gutter);width:calc(100vw - 2 * var(--page-gutter));text-align:center;text-transform:uppercase;text-shadow:0 .05em .5em hsl(var(--color-black) / .45);margin:0;font-family:PP-Neue-Montreal-Bold,Mona-Sans,Inter,sans-serif;font-size:clamp(2rem,5.6vw,7rem);font-weight:700;line-height:1.3;position:absolute;top:50%;transform:translateY(-50%)}.photos-title-line{white-space:nowrap;color:hsl(var(--text-primary));display:block}.photos-title-line:nth-child(2){color:hsl(var(--color-seal))}.photos-trail{left:calc(100vw - var(--screen) * var(--u));top:calc(50% - var(--anchor) * var(--u));width:calc(var(--trail-w) * var(--u));height:calc(var(--trail-h) * var(--u));position:absolute}.photos-steps{width:100%;height:100%;fill:hsl(var(--text-primary));position:absolute;inset:0;overflow:visible}.photos-step{opacity:calc(.42 * clamp(0, (var(--walk) - var(--at)) * 30, 1))}.photos-doodles{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.photos-doodle{--progress:clamp(0, (var(--walk) - var(--at)) * 25, 1);fill:none;stroke:hsl(var(--text-primary) / .32);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:calc(1 - var(--progress));opacity:clamp(0, var(--progress) * 1000, 1)}.photos-note,.photos-caption,.photos-state,.photos-node,.photos-line,.photos-photo{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));margin:0;position:absolute}.photos-note,.photos-caption{font-family:var(--font-hand), "Caveat", cursive;white-space:nowrap;color:hsl(var(--color-orange));font-weight:600;line-height:1.2}.photos-note{font-size:calc(32 * var(--u));transform:rotate(-4deg)}.photos-caption{font-size:calc(28 * var(--u));transform:rotate(-3deg)}.photos-photo{width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));transform:rotate(var(--rotation));background:hsl(var(--border-subtle));box-shadow:0 calc(18 * var(--u)) calc(40 * var(--u)) hsl(var(--color-black) / .45)}.photos-photo-image{object-fit:cover}.photos-line{height:calc(var(--length) * var(--u));border-left:1px dashed hsl(var(--text-primary) / .3)}.photos-node{width:calc(13 * var(--u));height:calc(13 * var(--u));border:2px solid hsl(var(--color-orange));background:hsl(var(--page-background));border-radius:50%;transform:translate(-50%,-50%)}.photos-state{width:calc(200 * var(--u));font-family:Mona-Sans,sans-serif;font-size:max(.6875rem, calc(13 * var(--u)));letter-spacing:.12em;text-align:center;color:hsl(var(--text-secondary));font-weight:500;transform:translate(-50%)}.photos-state--above{transform:translate(-50%,-100%)}.photos-section--phone{--u:calc(100vw / 390);--screen-h:calc(min(1svh, var(--vh,1svh)) * 100);height:calc(var(--screen-h) / 2 + (var(--trail-h) - var(--anchor)) * var(--u))}.photos-section--phone .photos-track{width:100%}.photos-section--phone .photos-opener{width:100%;height:var(--screen-h)}.photos-section--phone .photos-opener-image{object-position:50% 50%}.photos-section--phone .photos-opener:after{background:linear-gradient(hsl(var(--page-background)), hsl(var(--page-background) / 0) 14%, hsl(var(--page-background) / 0) 62%, hsl(var(--page-background))), hsl(var(--color-black) / .4)}.photos-section--phone .photos-title{top:calc(var(--screen-h) / 2);width:auto;right:var(--page-gutter);font-size:8.6vw}.photos-section--phone .photos-trail{left:0;top:calc(var(--screen-h) / 2 - var(--anchor) * var(--u))}.photos-section--phone .photos-note{font-size:calc(26 * var(--u))}.photos-section--phone .photos-caption{font-size:calc(24 * var(--u))}.photos-section--phone .photos-photo{box-shadow:0 calc(12 * var(--u)) calc(28 * var(--u)) hsl(var(--color-black) / .45)}.photos-section--phone .photos-line{width:calc(var(--length) * var(--u));border-left:none;border-top:1px dashed hsl(var(--text-primary) / .3);height:0}.photos-section--phone .photos-node{width:calc(11 * var(--u));height:calc(11 * var(--u))}.photos-section--phone .photos-state{width:max-content;font-size:calc(11 * var(--u));letter-spacing:.1em;text-align:right;transform:translate(-100%)}.photos-section--phone .photos-state--left{text-align:left;transform:none}
.hooper-section{--dive:1.5;height:calc(100vh * (1 + var(--dive)));height:calc(100svh * (1 + var(--dive)));background:hsl(var(--page-background))}.hooper-stage{height:100svh;position:sticky;top:0;overflow:hidden}.hooper-stage:before,.hooper-stage:after{content:"";z-index:3;pointer-events:none;height:22%;position:absolute;left:0;right:0}.hooper-stage:before{background:linear-gradient(hsl(var(--page-background)), hsl(var(--page-background) / 0));top:0}.hooper-stage:after{background:linear-gradient(hsl(var(--page-background) / 0), hsl(var(--page-background)));bottom:0}.hooper-photo{position:absolute;inset:0}.hooper-layer{object-fit:cover;transform-origin:50% 45%;will-change:transform}.hooper-layer--canopy{z-index:2}.hooper-title-wrap{left:var(--page-gutter);right:var(--page-gutter);z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.hooper-title{text-align:center;text-transform:uppercase;text-shadow:0 .05em .5em hsl(var(--color-black) / .45);will-change:transform;margin:0;font-family:PP-Neue-Montreal-Bold,Mona-Sans,Inter,sans-serif;font-size:clamp(2rem,5.6vw,7rem);font-weight:700;line-height:1.3}.hooper-line{white-space:nowrap;color:hsl(var(--text-primary));opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);display:block;transform:translateY(.4em)}.hooper-line:nth-child(2){color:hsl(var(--color-seal));transition-delay:.25s}.hooper-section--visible .hooper-line{opacity:1;transform:none}@media (max-width:768px){.hooper-section,.hooper-stage{height:calc(min(1svh, var(--vh,1svh)) * 100)}.hooper-title{font-size:8.6vw}}@media (prefers-reduced-motion:reduce){.hooper-line{transition:opacity .4s;transform:none}}