:root{--glass-bg:#030b1275;--glass-border:#beffff17;--glass-blur:14px;--glass-blur-heavy:26px;--water-accent:#5ec4c4;--water-deep:#02070d;--water-mid:#061a24;--water-glow:#48afb42e;--ripple-color:#60ccd247;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"DM Sans", Verdana, sans-serif;--transition-water:cubic-bezier(.23, 1, .32, 1);--transition-deep:cubic-bezier(.16, 1, .3, 1);--tile-radius:18px;--is-mobile:0;--is-mobile-sm:0;--font-size-root:100%;--font-size-body:1rem;--font-size-body-sm:.875rem;--line-height-body:1.45;--font-size-display-xl:clamp(3rem, 7vw, 8.6rem);--font-size-display-lg:clamp(2rem, 3.4vw, 4.8rem);--font-size-display-md:clamp(1.55rem, 2.9vw, 3.15rem);--font-size-display-sm:clamp(1.25rem, 2vw, 2rem);--font-size-label:clamp(.68rem, .8vw, .82rem);--letter-spacing-label:.18em;font-family:var(--font-body);font-size:var(--font-size-root);line-height:var(--line-height-body);color:#ebffffe0;background:var(--water-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=768px){body,button,a{cursor:auto}button,a,.masonry-tile,.image-reveal,.detail-panel,.detail-panel__close,.detail-panel__links a{touch-action:manipulation}:root{--is-mobile:1;--glass-blur:8px;--glass-blur-heavy:14px;--tile-radius:12px;--font-size-root:93.75%;--font-size-body:.9375rem;--font-size-body-sm:.8125rem;--line-height-body:1.5;--font-size-display-xl:clamp(2.25rem, 9vw, 3.6rem);--font-size-display-lg:clamp(1.55rem, 5.5vw, 2.4rem);--font-size-display-md:clamp(1.35rem, 4.8vw, 2rem);--font-size-display-sm:clamp(1.1rem, 3.6vw, 1.55rem);--font-size-label:.68rem;--letter-spacing-label:.14em}}@media (width<=480px){:root{--is-mobile-sm:1;--glass-blur:8px;--glass-blur-heavy:10px;--tile-radius:12px;--font-size-root:87.5%;--font-size-body:.875rem;--font-size-body-sm:.75rem;--line-height-body:1.52;--font-size-display-xl:clamp(1.85rem, 10vw, 2.75rem);--font-size-display-lg:clamp(1.4rem, 6.5vw, 2rem);--font-size-display-md:clamp(1.2rem, 5.5vw, 1.65rem);--font-size-display-sm:clamp(1rem, 4.2vw, 1.35rem);--font-size-label:.625rem;--letter-spacing-label:.12em}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100svh}html{background:var(--water-deep);overflow:hidden}body{cursor:none;font-size:var(--font-size-body);margin:0;overflow:hidden}button,a{font:inherit;cursor:none}button{color:inherit}body.is-touch-device,body.is-touch-device button,body.is-touch-device a{cursor:auto}img{max-width:100%;display:block}p,h1,h2{margin:0}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--tile-radius);box-shadow:0 12px 42px #00000094,inset 0 1px #ffffff14}.glass-heavy{-webkit-backdrop-filter:blur(var(--glass-blur-heavy));background:#020910db;border:1px solid #c6ffff1f}.portfolio-shell{isolation:isolate;width:100%;height:100svh;padding:clamp(10px,1.2vw,18px);position:relative;overflow:hidden}.water-background{z-index:-2;animation:backgroundDrift 16s var(--transition-water) infinite alternate;background:radial-gradient(circle at 18% 20%,#38b2b821,#0000 28%),radial-gradient(circle at 82% 18%,#463aa81f,#0000 26%),radial-gradient(circle at 45% 82%,#1e7e7e24,#0000 36%),linear-gradient(135deg,#01040a 0%,#041520 48%,#010710 100%);position:fixed;inset:-20%}.water-background:before,.water-background:after{content:"";pointer-events:none;position:absolute;inset:0}.water-background:before{mix-blend-mode:screen;opacity:.22;background-image:radial-gradient(circle,#ffffff0b 0 1px,#0000 1px),linear-gradient(115deg,#0000 0 45%,#b2ffff0b 50%,#0000 56%);background-size:28px 28px,160% 160%}.water-background:after{opacity:.11;filter:blur(.4px);background:repeating-radial-gradient(circle,#abffff0d 0 1px,#0000 1px 18px);animation:8s ease-in-out infinite surfacePulse}.depth-prompt{z-index:1;color:#e2ffffbd;width:clamp(118px,14vw,190px);min-height:clamp(92px,10vw,142px);font-family:var(--font-display);letter-spacing:-.06em;text-align:left;text-transform:uppercase;pointer-events:none;text-shadow:0 10px 30px #000000ad,0 0 24px #52bcc21f;place-content:center start;gap:2px;font-size:clamp(1.55rem,2.9vw,3.15rem);font-style:italic;line-height:.82;animation:6.5s ease-in-out infinite depthPromptDrift;display:grid;position:absolute;top:clamp(20px,5.4vw,74px);left:clamp(6px,2.4vw,42px)}.depth-prompt:before,.depth-prompt:after{content:"";aspect-ratio:1;opacity:0;width:clamp(96px,13vw,176px);animation:depthRipple 3.4s var(--transition-water) infinite;border:1px solid #7ce7e72e;border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.25);box-shadow:inset 0 0 22px #5ec4c414,0 0 28px #5ec4c414}.depth-prompt:after{animation-delay:1.7s}.depth-prompt span{z-index:1;display:block;position:relative}.masonry-grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vw,15px);width:100%;height:100%;display:grid}.masonry-grid__item{min-width:0;min-height:0}.masonry-grid__center{grid-area:2/3/span 2/span 2}.masonry-tile,.image-reveal{text-align:left;color:#ecffffe6;width:100%;height:100%;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .7s var(--transition-water), border-color .7s var(--transition-water), background .7s var(--transition-water), filter .7s var(--transition-water);border:0;position:relative;overflow:hidden}.masonry-tile{background:linear-gradient(145deg, #01060c9e, #01080fb8), var(--tile-bg), linear-gradient(145deg, #ffffff0b, #ffffff03);padding:clamp(13px,1.25vw,22px)}.masonry-tile--touch,.image-reveal--touch{transform-style:flat;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform:none}.image-reveal--touch.image-reveal--touch-active{filter:saturate(1.06)brightness(1.04)}.image-reveal__ghost-hint{z-index:5;pointer-events:none;opacity:0;filter:drop-shadow(0 8px 18px #00000073);width:52px;height:52px;animation:imageRevealGhostFinger 3s var(--transition-water) forwards;position:absolute;top:38%;left:50%}.image-reveal__ghost-hint svg{width:100%;height:100%}@keyframes imageRevealGhostFinger{0%{opacity:0;transform:translate(-50%,-50%)scale(.88)}10%{opacity:.9}45%{opacity:.82;transform:translate(-18%,-42%)scale(1)}72%{opacity:.55;transform:translate(8%,-22%)scale(.96)}to{opacity:0;transform:translate(14%,-8%)scale(.92)}}.masonry-tile--touch.masonry-tile--pressing{transform:scale(.97)}.masonry-tile--touch .tile-content{transform:none}.masonry-tile:before,.masonry-tile:after,.image-reveal:after{content:"";pointer-events:none;position:absolute}.masonry-tile:before,.image-reveal:after{opacity:.42;background:linear-gradient(135deg,#ffffff1f,#0000 38%),radial-gradient(circle at 20% 0,#ffffff21,#0000 26%);inset:0}.masonry-tile:after{border-radius:inherit;opacity:0;transition:opacity .6s var(--transition-water);background:radial-gradient(circle at 50% 0,#b0ffff1f,#0000 42%);inset:1px}@media (hover:hover) and (pointer:fine){.masonry-tile:hover,.image-reveal:hover{border-color:color-mix(in srgb, var(--tile-accent,var(--water-accent)) 56%, white 20%);filter:saturate(1.1)brightness(1.08)}.masonry-tile:hover:after{opacity:1}}.tile-content{z-index:2;height:100%;transform:translate3d(var(--parallax-x,0), var(--parallax-y,0), 36px);transition:transform .55s var(--transition-water);flex-direction:column;justify-content:flex-end;gap:8px;display:flex;position:relative}.tile-kicker,.detail-panel__eyebrow{color:color-mix(in srgb, var(--tile-accent,var(--panel-accent,var(--water-accent))) 68%, white 24%);letter-spacing:.18em;text-transform:uppercase;font-size:clamp(.68rem,.8vw,.82rem);font-weight:700}.tile-title{font-family:var(--font-display);letter-spacing:-.05em;color:#e8ffffc7;font-size:clamp(2rem,3.4vw,4.8rem);font-style:italic;font-weight:500;line-height:.86}.tile-keywords{color:#e5ffff8a;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;gap:24px;width:min(100%,240px);font-size:clamp(.64rem,.75vw,.78rem);display:flex;overflow:hidden}.tile-keywords span{min-width:max-content;animation:10s linear infinite keywordMarquee}.tile-index{z-index:1;font-family:var(--font-display);color:#ffffff13;font-size:clamp(2.2rem,4.4vw,6.5rem);font-style:italic;line-height:.8;position:absolute;top:clamp(10px,1vw,16px);right:clamp(10px,1vw,16px)}.tile-accent-dot{z-index:2;background:var(--tile-accent);width:10px;height:10px;box-shadow:0 0 24px var(--tile-accent);border-radius:999px;position:absolute;top:clamp(13px,1.25vw,22px);left:clamp(13px,1.25vw,22px)}.tile-orb{aspect-ratio:1;background:radial-gradient(circle at 35% 28%, #ffffffd9, transparent 10%), radial-gradient(circle at 50% 55%, var(--tile-accent), transparent 68%);opacity:.16;filter:blur(.2px);border-radius:42% 58% 52% 48%;width:clamp(58px,8vw,128px);animation:7s ease-in-out infinite liquidShape;position:absolute;inset:auto 9% 14% auto}.tile-sheen{z-index:1;transition:transform .9s var(--transition-water);background:linear-gradient(115deg,#0000 0 44%,#d2ffff1a 50%,#0000 58%);position:absolute;inset:0;transform:translate(-130%)}@media (hover:hover) and (pointer:fine){.masonry-tile:hover .tile-sheen,.image-reveal:hover .tile-sheen{transform:translate(130%)}}.tile-wave .tile-orb,.tile-current .tile-orb,.tile-stream .tile-orb,.tile-tide .tile-orb,.tile-flow .tile-orb{background:repeating-radial-gradient(circle, transparent 0 10px, color-mix(in srgb, var(--tile-accent) 50%, transparent) 11px 13px);border-radius:999px;width:clamp(90px,12vw,180px)}.tile-rings .tile-orb,.tile-ripple .tile-orb,.tile-caustic .tile-orb{background:radial-gradient(circle, transparent 0 28%, color-mix(in srgb, var(--tile-accent) 48%, transparent) 29% 31%, transparent 32%), radial-gradient(circle, transparent 0 54%, color-mix(in srgb, var(--tile-accent) 40%, transparent) 55% 57%, transparent 58%)}.ripple-canvas{z-index:3;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.image-reveal{background:linear-gradient(145deg,#01060c75,#01080f9e),linear-gradient(145deg,#ffffff0e,#ffffff05);padding:0;display:block}.image-reveal__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.image-reveal__image--behind{filter:saturate(.9)brightness(.68);transform:scale(1.03)}.image-reveal__image--front{z-index:1;filter:saturate(.82)brightness(.76)}.image-reveal__glass{z-index:2;pointer-events:none;background:radial-gradient(circle,#0000 0 34%,#01060c57 68%),linear-gradient(#01060c24,#01060ca8);position:absolute;inset:0}.image-reveal__copy{z-index:4;text-shadow:0 8px 24px #00000061;gap:2px;display:grid;position:absolute;bottom:clamp(14px,1.5vw,24px);left:clamp(14px,1.5vw,24px)}.image-reveal__copy span{font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(2.8rem,5vw,6.4rem);font-style:italic;line-height:.75}.image-reveal__copy small,.image-reveal__hint{color:#ebffffb8;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.7rem,.85vw,.85rem)}.image-reveal__hint{z-index:4;position:absolute;top:clamp(12px,1.3vw,22px);left:clamp(14px,1.5vw,24px);right:clamp(14px,1.5vw,24px)}.detail-panel{z-index:20;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--panel-accent) 42%, #06202a) #01070cb8;scrollbar-width:thin;background:linear-gradient(135deg, #01060cc7, #01070ddb), var(--panel-bg), linear-gradient(135deg, #020910eb, #04151edb);border-radius:28px;position:fixed;inset:clamp(10px,1.1vw,18px);overflow:hidden auto;box-shadow:0 34px 140px #000000c2,inset 0 1px #ffffff1a}.detail-panel::-webkit-scrollbar{width:10px}.detail-panel::-webkit-scrollbar-track{background:#01070cb8}.detail-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--panel-accent) 42%, #06202a);border:2px solid #01070cb8;border-radius:999px}.detail-panel:before{content:"";z-index:-1;background:conic-gradient(from 0deg, transparent, color-mix(in srgb, var(--panel-accent) 68%, #001018), transparent, #fff3, transparent);animation:8s linear infinite borderCurrent;position:absolute;inset:-2px}.detail-panel__caustic{z-index:1;animation:causticSweep 1.25s var(--transition-deep) both;pointer-events:none;background:linear-gradient(115deg,#0000 42%,#c8ffff1a 48%,#0000 56%);position:absolute;inset:-40%;transform:translate(-30%)rotate(8deg)}.detail-panel__close{z-index:5;color:#fff;-webkit-backdrop-filter:blur(18px);width:48px;height:48px;transition:transform .5s var(--transition-water), background .5s var(--transition-water);background:#010a118f;border:1px solid #ffffff2e;border-radius:999px;place-items:center;display:grid;position:fixed;top:clamp(16px,2vw,28px);right:clamp(16px,2vw,28px)}@media (hover:hover) and (pointer:fine){.detail-panel__close:hover{background:color-mix(in srgb, var(--panel-accent) 28%, transparent);transform:scale(1.08)}}.detail-panel__close span{font-size:1.5rem;line-height:1;transform:translateY(-1px)}.detail-panel__content{z-index:3;flex-direction:column;justify-content:center;gap:clamp(16px,2vw,26px);width:min(760px,62vw);min-height:calc(100svh - clamp(20px,2.2vw,36px));padding:clamp(72px,7vw,110px) clamp(34px,7vw,100px) clamp(56px,7vw,110px);display:flex;position:relative}.detail-panel__content h2{max-width:760px;font-family:var(--font-display);letter-spacing:-.07em;color:#eeffffe6;font-size:clamp(3.2rem,7vw,8.6rem);font-style:italic;font-weight:500;line-height:.85}.detail-panel__content h2:after{content:"";background:linear-gradient(90deg, var(--panel-accent), transparent);width:min(280px,42vw);height:2px;animation:underlineFlow 2s var(--transition-water) infinite alternate;margin-top:24px;display:block}.detail-panel__body{color:#e1f8fab8;max-width:640px;font-size:clamp(1rem,1.45vw,1.35rem)}.detail-panel__highlights,.detail-panel__links{flex-wrap:wrap;gap:10px;display:flex}.detail-panel__highlights span,.detail-panel__links a{-webkit-backdrop-filter:blur(14px);background:#020b1270;border:1px solid #ffffff24;border-radius:999px}.detail-panel__highlights span{color:#e4fafcb8;padding:9px 14px}.detail-panel__links a{color:#efffff;box-shadow:0 0 26px color-mix(in srgb, var(--panel-accent) 22%, transparent);transition:transform .45s var(--transition-water), background .45s var(--transition-water);padding:12px 18px;text-decoration:none}@media (hover:hover) and (pointer:fine){.detail-panel__links a:hover{background:color-mix(in srgb, var(--panel-accent) 24%, #ffffff14);transform:translateY(-3px)}}.detail-panel__art{z-index:2;aspect-ratio:1;width:min(32vw,420px);position:absolute;bottom:clamp(26px,8vw,110px);right:clamp(34px,8vw,120px)}.detail-panel__number{font-family:var(--font-display);color:#ffffff0b;font-size:clamp(8rem,18vw,19rem);font-style:italic;line-height:.7;position:absolute;bottom:0;right:0}.detail-panel__shape{background:radial-gradient(circle at 35% 30%, #ffffffb3, transparent 12%), radial-gradient(circle at 50% 50%, var(--panel-accent), transparent 66%);opacity:.16;filter:blur(1px);border-radius:46% 54% 58% 42%;animation:8s ease-in-out infinite liquidShape;position:absolute;inset:18% 12% 12% 18%}.water-cursor{z-index:50;pointer-events:none;opacity:0;width:20px;height:20px;transition:opacity .25s ease, width .42s var(--transition-water), height .42s var(--transition-water);position:fixed;top:0;left:0}.water-cursor.is-visible{opacity:1}.water-cursor__glow,.water-cursor__drop{border-radius:999px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.water-cursor__glow{filter:blur(12px);background:#72e7df29;width:54px;height:54px}.water-cursor__drop{background:#72e7df29;border:1px solid #e4ffffb8;width:14px;height:14px;box-shadow:0 0 24px #72e7df6b}.is-hovering-water .water-cursor__drop{background:#72e7df47;width:24px;height:24px;animation:1.2s ease-in-out infinite cursorPulse}.water-cursor__droplets{z-index:49;pointer-events:none;position:fixed;inset:0}.water-cursor__particle{left:var(--x);top:var(--y);width:5px;height:5px;animation:dropletBurst .7s var(--transition-water) forwards;background:#c9ffffcc;border-radius:999px;position:absolute;box-shadow:0 0 18px #72e7df99}@keyframes backgroundDrift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1%)scale(1.04)}}@keyframes surfacePulse{50%{opacity:.22;transform:scale(1.03)rotate(2deg)}}@keyframes depthPromptDrift{0%,to{transform:translate(0,0)}50%{transform:translate(4px,-6px)}}@keyframes depthRipple{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)}20%{opacity:.72}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}@keyframes keywordMarquee{to{transform:translate(calc(-100% - 24px))}}@keyframes liquidShape{0%,to{border-radius:42% 58% 52% 48%;transform:translate(0,0)rotate(0)scale(1)}50%{border-radius:58% 42% 45% 55%;transform:translate(-8px,6px)rotate(10deg)scale(1.07)}}@keyframes causticSweep{0%{opacity:0;transform:translate(-55%)rotate(8deg)}35%{opacity:1}to{opacity:0;transform:translate(55%)rotate(8deg)}}@keyframes borderCurrent{to{transform:rotate(1turn)}}@keyframes underlineFlow{0%{transform-origin:0;opacity:.64;transform:scaleX(.72)}to{transform-origin:0;opacity:1;transform:scaleX(1)}}@keyframes cursorPulse{50%{transform:translate(-50%,-50%)scale(1.18)}}@keyframes dropletBurst{to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.25)}}@media (width<=768px){.detail-panel,.detail-panel--touch{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border-radius:0;inset:0}.detail-panel__close{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));width:48px;min-width:44px;height:48px;min-height:44px}.detail-panel__content{width:100%;max-width:none;min-height:100dvh;padding:calc(60px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(20px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));gap:14px}.detail-panel__content h2{font-size:clamp(1.75rem,7.5vw,2.5rem)}.detail-panel__content h2:after{width:min(200px,50vw);margin-top:16px}.detail-panel__body{max-width:none;font-size:.9375rem}.detail-panel__eyebrow{font-size:var(--font-size-label,.68rem)}.detail-panel__highlights span{padding:8px 12px;font-size:.8125rem}.detail-panel__links a{padding:10px 14px;font-size:.875rem}.detail-panel__art{opacity:.28;width:min(40vw,160px);right:max(16px, env(safe-area-inset-right,0px));bottom:max(20px, env(safe-area-inset-bottom,0px))}.detail-panel__number{font-size:clamp(4rem,22vw,7rem)}.depth-prompt--desktop{display:none}.portfolio-shell{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}}@media (width<=980px) and (width>=769px){.portfolio-shell{padding:8px}}@media (width<=980px){.masonry-grid{gap:8px}.tile-title{font-size:clamp(1.55rem,3.3vw,2.4rem)}.tile-keywords,.tile-kicker,.image-reveal__hint{display:none}}@media (pointer:coarse){.water-cursor,.water-cursor__droplets{display:none}body,button,a{cursor:auto}}.intro-overlay{z-index:200;clip-path:circle(150%);pointer-events:auto;will-change:clip-path;background:#000;place-items:center;display:grid;position:fixed;inset:0}.intro-overlay--complete{pointer-events:none}.intro-overlay__content{z-index:1;text-align:center;justify-items:center;gap:clamp(.65rem,2vw,1.1rem);width:min(92vw,52rem);padding:0 clamp(1rem,4vw,2rem);display:grid;position:relative}.intro-overlay__name{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;opacity:0;filter:blur(18px);will-change:opacity, filter, transform;margin:0;font-size:clamp(3rem,8vw,7rem);font-style:italic;font-weight:500;line-height:.95;transform:scale(1.05)}.intro-overlay__tagline{max-width:36ch;font-family:var(--font-body);letter-spacing:.02em;color:#ffffffb8;opacity:0;filter:blur(10px);will-change:opacity, filter, transform;margin:0;font-size:clamp(.82rem,1.55vw,1rem);font-weight:400;line-height:1.5;transform:translateY(6px)}.intro-overlay__mobile-notice{text-align:center;opacity:0;will-change:opacity, transform;border-color:#72e7df52;justify-items:center;gap:4px;margin:clamp(.35rem,2vw,.75rem) 0 0;padding:10px 18px;display:grid;transform:translateY(10px)}.intro-overlay__mobile-notice-label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#e2ffffe0;margin:0;font-size:11px;font-weight:500;line-height:1.35}.intro-overlay__mobile-notice-sub{font-family:var(--font-body);letter-spacing:.04em;color:#e2ffff94;margin:0;font-size:10px;font-weight:400;line-height:1.4}.intro-overlay__ripple{z-index:0;pointer-events:none;opacity:0;will-change:opacity, transform;background:radial-gradient(circle,#72e7df24 0%,#72e7df0a 28%,#0000 62%);position:absolute;inset:0;transform:scale(.35)}@media (width<=768px){.masonry-grid .glass.masonry-tile[data-glass-tier="1"],.masonry-grid .glass.image-reveal[data-glass-tier="1"]{-webkit-backdrop-filter:blur(4px)}.masonry-grid .glass.masonry-tile[data-glass-tier="2"],.masonry-grid .glass.image-reveal[data-glass-tier="2"]{-webkit-backdrop-filter:none;background:linear-gradient(145deg, #01060cd1, #01080fe0), var(--tile-bg,linear-gradient(145deg, #ffffff0a, #ffffff03))}.masonry-grid .glass.image-reveal[data-glass-tier="2"]{background:linear-gradient(145deg,#01060cc7,#01080fdb),linear-gradient(145deg,#ffffff0d,#ffffff04)}.portfolio-shell{flex-direction:column;min-height:0;display:flex;overflow:hidden}.masonry-grid{--masonry-gap:10px;gap:var(--masonry-gap);width:100%;height:auto;min-height:0;padding:max(10px, env(safe-area-inset-top,0px)) max(8px, env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:auto;grid-template-rows:none;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(160px,auto);grid-auto-flow:dense;margin:0;display:grid;overflow:hidden auto}.masonry-grid::-webkit-scrollbar{width:0;height:0;display:none}.masonry-grid>.masonry-grid__item{width:100%;min-width:0;height:auto;min-height:0;grid-area:span 1/span 1!important}.masonry-grid>.masonry-grid__item.masonry-tile{align-self:stretch}.masonry-grid>.masonry-grid__item.masonry-tile.tile-square{grid-area:span 1/span 1!important}.masonry-grid>.masonry-grid__item.masonry-tile.tile-tall{grid-area:span 2/span 1!important}.masonry-grid>.masonry-grid__item.masonry-tile.tile-wide,.masonry-grid>.masonry-grid__item.masonry-tile.tile-large{grid-area:span 1/span 2!important}.masonry-grid>.masonry-grid__item.masonry-grid__center{order:-1;min-height:clamp(220px,52vw,300px);position:relative;grid-area:span 2/span 2!important}.masonry-grid>.masonry-grid__item.masonry-grid__center .image-reveal{width:100%;height:100%;min-height:inherit}.depth-prompt--in-hero{top:max(14px, env(safe-area-inset-top,0px));left:max(14px, env(safe-area-inset-left,0px));z-index:4;letter-spacing:-.05em;gap:4px;width:min(72%,280px);min-height:0;font-size:clamp(1.75rem,8.2vw,2.5rem);line-height:.86;animation:none}.depth-prompt--in-hero:before,.depth-prompt--in-hero:after{width:clamp(80px,24vw,132px);animation:depthRipple 3.4s var(--transition-water) infinite}}@media (width<=480px){.masonry-grid{--masonry-gap:8px;grid-auto-rows:minmax(140px,auto)}.depth-prompt--in-hero{font-size:clamp(1.6rem,8.8vw,2.15rem)}.masonry-grid>.masonry-grid__item.masonry-grid__center,.masonry-grid>.masonry-grid__item.masonry-grid__center .image-reveal{min-height:clamp(200px,56vw,260px)}}