/* AMOSCH collection fork. One existing WebGL scene; card effects use CSS. */
.pack-shell{text-align:center}
.pack-shell .pack-masthead,.pack-shell .pack-ticket{justify-content:center}
.pack-shell .pack-open-mark{margin-left:0}
.pack-shell .pack-volume{text-align:center}
.tcg-collectible .tcg-caption-title,.tcg-collectible #tcg-tooltip strong{font-family:Arial,Helvetica,sans-serif;font-weight:800}
.social-links{flex-wrap:wrap}
.social-links .resume-link{width:auto;min-width:112px;padding:0 15px;gap:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:28px}
.resume-link span{font:11px/1 monospace;letter-spacing:.05em}
.collection-minimize{position:fixed;z-index:13;right:24px;bottom:150px;width:28px;height:28px;display:grid;place-items:center;padding:5px;border:1px solid #ffffff30;border-radius:50%;background:#30302eee;color:var(--paper)}
.collection-minimize[hidden]{display:none}
.collection-minimize svg{width:16px;height:16px}
.collection-mini-icon{display:none;width:30px;height:30px}
.collection-dock.is-minimized{width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;background:#30302eee}
.collection-dock.is-minimized[hidden]{display:none}
.collection-dock.is-minimized .collection-fan,.collection-dock.is-minimized .collection-dock-label{display:none}
.collection-dock.is-minimized .collection-mini-icon{display:block}
@media(max-width:700px){.footer-signature .footer-brand-logo{margin-inline:auto}.collection-minimize{right:16px;bottom:126px}}
.tcg-collectible{max-width:430px}
.tcg-collectible .tcg-flipper{height:650px}
.tcg-collectible .tcg-front{padding:0;border-radius:24px}
.tcg-collectible .tcg-back{gap:0}
.tcg-collectible .tcg-open{bottom:18px;right:18px;width:36px;height:36px}
.tcg-collectible [hidden]{display:none!important}
.tcg-collectible .tcg-back-mark{width:50%}
.tcg-collectible .tcg-front:after{z-index:2;opacity:.3}
.tcg-collectible .tcg-caption{max-width:360px}
.tcg-collectible .tcg-instruction{font-size:12px}
.tcg-collectible .tcg-caption{position:relative}
.tcg-collectible .tcg-help{position:static}
.tcg-collectible #tcg-tooltip{width:275px;max-width:calc(100vw - 60px);left:50%;right:auto;transform:translateX(-50%)}
.tcg-collectible .tcg-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tcg-collectible #tcg-tooltip strong{font:800 12px/2 Arial,Helvetica,sans-serif;letter-spacing:.08em}

/* The wrapper is structured text and surfaces, with only the portrait as an image. */
.tcg-collectible.is-sealed .tcg-front{border-radius:9px;border:1px solid #ffffff50;overflow:visible;background:linear-gradient(100deg,#74726a3b,#343432cc 9%,#262626e8 48%,#49463e70 92%,#b3ada43b);box-shadow:inset 3px 0 6px #ffffff24,inset -3px 0 6px #0007,0 20px 40px #0004}
.tcg-collectible.is-sealed .tcg-front:after{inset:25px 3px;background:linear-gradient(106deg,transparent 15%,#ffffff0c 16%,transparent 19%,transparent 77%,#ffffff0f 79%,transparent 82%);border-radius:0;opacity:1}
.pack-shell{display:flex;height:100%;flex-direction:column;padding:41px 26px 35px;position:relative}
.pack-seal{position:absolute;left:-2px;right:-2px;height:25px;background:repeating-linear-gradient(90deg,#77776d70 0 1px,#171717 1px 4px,#41413c 4px 6px);border:1px solid #ffffff4d;border-radius:4px;box-shadow:inset 0 2px 3px #fff2}
.pack-seal:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f3511299,transparent 18%,transparent 82%,#f3511299)}
.pack-seal-top{top:-2px;transform-origin:right bottom;transition:transform .3s,opacity .3s}
.pack-seal-bottom{bottom:-2px}
.pack-opening .pack-seal-top{transform:translateY(-10px) rotate(-9deg);opacity:0}
.pack-overline{font:10px/1.5 monospace;text-transform:uppercase;letter-spacing:.12em;color:#bdbbb4}
.pack-masthead{display:flex;align-items:center;gap:12px;margin-top:14px;padding-bottom:17px;border-bottom:1px solid #ffffff2a}
.pack-logo{flex-shrink:0;width:45px;height:45px;background:var(--red);mask:url('/nav-logo.svg') center/contain no-repeat;-webkit-mask:url('/nav-logo.svg') center/contain no-repeat}
.pack-masthead>span:last-child{font:800 clamp(30px,3vw,44px)/.95 Arial,sans-serif;letter-spacing:-.055em;color:var(--paper)}
.pack-masthead small{display:block;font:10px/1.5 monospace;letter-spacing:.14em;margin-top:7px;color:var(--red)}
.pack-portrait{position:relative;display:block;flex:1;min-height:170px;margin:10px -12px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#f351121a,transparent 70%)}
.pack-portrait:before{content:'';position:absolute;inset:12px 7%;background:#deddd70d;mask:url('/nav-logo.svg') center/contain no-repeat;-webkit-mask:url('/nav-logo.svg') center/contain no-repeat}
.pack-portrait img{width:100%;height:100%;max-height:245px;object-fit:contain;position:absolute;inset:0}
.pack-volume{position:absolute;right:10px;top:14px;font:9px/1.4 monospace;letter-spacing:.08em;color:#b4b2ac;text-align:right}
.pack-volume b{display:block;font:700 24px/1.2 Arial,sans-serif;color:var(--red);margin-top:6px}
.pack-title{display:block;position:relative;font:750 clamp(29px,3vw,42px)/1.03 Arial,sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:8px 0 12px}
.pack-title em{font:inherit;color:var(--red)}
.pack-facts{font:11px/1.65 monospace;color:#b8b6ae;display:block}
.pack-ticket{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid #ffffff30}
.pack-ticket>b{font:500 35px/1 Arial,sans-serif;color:var(--red)}
.pack-ticket>span{font:10px/1.5 monospace;letter-spacing:.04em}
.pack-ticket small{display:block;color:#aaa79f;font:9px/1.5 monospace;margin-top:3px}
.pack-open-mark{margin-left:auto;display:grid;place-items:center;width:28px;height:28px}.pack-open-mark svg{width:22px;height:22px}

.collectible-face{display:flex;height:100%;flex-direction:column;padding:17px;position:relative}
.collectible-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font:9px/1.5 monospace;letter-spacing:.07em;min-height:22px;margin-bottom:14px}
.rarity-label{font-size:10px;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--foil) 45%,transparent);padding:4px 8px;border-radius:20px;color:var(--foil)}
.collectible-art{display:block;position:relative;height:230px;flex-shrink:0;border:1px solid #fff2;border-radius:13px;overflow:hidden}
.collectible-art img{display:block;width:100%;height:100%;object-fit:cover}
.collectible-info{display:flex;flex-direction:column;gap:10px;padding:18px 4px 12px;min-height:0}
.tcg-collectible .tcg-title{font-size:clamp(26px,2.4vw,34px);line-height:1.02}
.tcg-collectible .tcg-flavor{font-family:monospace;font-size:13px;line-height:1.6;-webkit-line-clamp:3}
.footer-signature .footer-brand-logo{display:block;width:48px;height:48px;background:var(--red);mask:url('/nav-logo.svg') center/contain no-repeat;-webkit-mask:url('/nav-logo.svg') center/contain no-repeat}
.tcg-collectible[data-rarity=rare] .collectible-art,.tcg-collectible[data-rarity=legendary] .collectible-art{height:300px;margin:0 -10px;border-radius:10px}
.tcg-collectible[data-rarity=rare] .collectible-info,.tcg-collectible[data-rarity=legendary] .collectible-info{padding-top:14px;gap:8px}
.tcg-collectible[data-rarity=rare] .tcg-flavor,.tcg-collectible[data-rarity=legendary] .tcg-flavor{-webkit-line-clamp:2}
.card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;padding:12px 0;border-top:1px solid #ffffff20}
.card-stats>span{display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid #ffffff14}
.card-stats>span:last-child{border-right:0}
.card-stats small{font:9px/1.3 monospace;text-transform:uppercase;color:#a8a59e}
.card-stats b{font:600 18px/1 Arial,sans-serif;color:#deddd7}
.collectible-footer{display:flex;gap:12px;padding:12px 45px 6px 4px;border-top:1px solid #ffffff20;font:9px/1.4 monospace;letter-spacing:.04em;color:#b9b5aa}

/* At most five tiny cards, only animated once when a pull arrives. */
.collection-dock{position:fixed;z-index:12;right:24px;bottom:max(16px,env(safe-area-inset-bottom));width:174px;height:136px;padding:0;border:0;background:none;color:var(--paper);isolation:isolate;cursor:pointer}
.collection-dock[hidden]{display:none}
.collection-fan{position:absolute;inset:0 0 29px;pointer-events:none}
.fan-card{position:absolute;bottom:0;left:calc(50% - 30px);width:60px;height:85px;padding:4px;border:1px solid #ffffff48;border-radius:7px;background:linear-gradient(140deg,#55534ded,#242423);box-shadow:0 4px 9px #0006;transform-origin:50% 130%;transform:translateX(calc((var(--fan-index) - (var(--fan-count) - 1)/2)*18px)) rotate(calc((var(--fan-index) - (var(--fan-count) - 1)/2)*12deg));transition:transform .22s}
.fan-card[data-rarity=rare]{border-color:#f3511299}.fan-card[data-rarity=legendary]{border-color:#deb976bb}
.fan-card img{width:100%;height:54px;object-fit:cover;border-radius:3px;display:block}
.fan-card>span{display:block;font:600 6px/1.3 Arial,sans-serif;text-transform:uppercase;margin:4px 1px 0;overflow:hidden;height:15px}
.collection-dock-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#2d2c2bf2;border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff15,0 4px 15px #0003;border-radius:50px;padding:9px 10px;font:9px/1.4 monospace;letter-spacing:.02em}
.collection-dock-label b{color:var(--red);font:inherit}
.collection-dock:hover .collection-dock-label{border-color:var(--red)}
.collection-overlay{position:fixed;inset:0;margin:auto;width:min(860px,calc(100% - 40px));max-width:none;height:fit-content;max-height:85svh;overflow:auto;padding:30px;border:1px solid #ffffff36;border-radius:26px;background:linear-gradient(130deg,#3c3c39f5,#222222fa);color:var(--paper);box-shadow:inset 0 1px #fff2,0 25px 80px #0007;overscroll-behavior:contain}
.collection-overlay::backdrop{background:#111a}
.collection-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.collection-header p{font:10px/1.5 monospace;letter-spacing:.1em;color:#b9b6ad;margin:0 0 9px}
.collection-header h2{font:750 38px/1 Arial,sans-serif;letter-spacing:-.045em;margin:0}
.collection-close{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #fff3;border-radius:50%;background:#ffffff08;color:var(--paper)}
.collection-close svg,.collection-item-top svg{width:18px;height:18px}
.collection-note,.collection-footer{font:12px/1.6 monospace;color:#b8b5ad;margin:20px 0}
.collection-footer{margin-bottom:0;padding-top:18px;border-top:1px solid #fff2}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.collection-item{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #ffffff2c;border-radius:16px;background:linear-gradient(135deg,#ffffff0b,#ffffff02);transition:transform .18s,border-color .18s}
.collection-item:hover,.collection-item:focus-visible{border-color:var(--red);transform:translateY(-3px);color:var(--paper)}
.collection-item[data-rarity=rare]{border-color:#f3511260}.collection-item[data-rarity=legendary]{border-color:#deb97688;background:linear-gradient(130deg,#deb97612,#ffffff03)}
.collection-item-top{display:flex;justify-content:space-between;align-items:center;font:9px/1.4 monospace;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;color:#bbb6ac}
.collection-item img{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:9px}
.collection-item>strong{font:700 18px/1.1 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:13px 0 15px;overflow-wrap:anywhere}
.collection-item .card-stats{gap:4px;padding-bottom:0}.collection-item .card-stats>span{flex-direction:column;gap:5px}.collection-item .card-stats small{font-size:8px}.collection-item .card-stats b{font-size:15px}
footer#contact{padding-bottom:160px}
@media(max-width:700px){
 .tcg-collectible{max-width:390px}.tcg-collectible .tcg-flipper{height:640px}
 .pack-shell{padding-left:20px;padding-right:20px}.pack-masthead>span:last-child{font-size:35px}.pack-title{font-size:32px}
 .collection-dock{right:16px;bottom:max(12px,env(safe-area-inset-bottom));width:144px;height:114px}
 .fan-card{width:48px;height:68px;left:calc(50% - 24px)}.fan-card img{height:39px}
 .collection-dock-label{font-size:8px;gap:6px;padding:8px}
 .collection-overlay{width:calc(100% - 28px);padding:20px;max-height:85svh;border-radius:22px}
 .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-item{padding:9px}.collection-item>strong{font-size:15px}
 #project-dialog:has(.collection-dock:not([hidden])) .story-card.story-floating{bottom:140px}
}
@media(max-width:360px){.pack-title{font-size:29px}.pack-masthead>span:last-child{font-size:30px}.pack-logo{width:35px;height:35px}.tcg-collectible .tcg-title{font-size:24px}.card-stats>span{gap:4px}.card-stats small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.pack-seal-top,.fan-card,.collection-item{transition:none}.collection-item:hover{transform:none}}

/* Final pack and page refinements. */
body{background:linear-gradient(180deg,#1e1e1e 0%,#191918 40%,#111111 100%)}
#project-dialog{background:linear-gradient(180deg,#1e1e1e,#111111)}
.pack-shell .pack-masthead{flex-direction:column;gap:10px;position:relative;z-index:1;border:0;margin-top:0;padding:0}
.pack-shell .pack-logo{width:48px;height:48px}
.pack-shell .pack-masthead small{margin-top:10px}
.pack-shell .pack-portrait{position:absolute;inset:25px 0;margin:0;min-height:0;pointer-events:none}
.pack-shell .pack-portrait img{max-height:none;width:100%;height:100%;object-fit:cover;opacity:.65}
.pack-shell .pack-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(#202020cc,transparent 38%,#20202022 60%,#202020ed)}
.pack-shell .pack-volume{display:none}
.pack-shell .pack-overline,.pack-shell .pack-title,.pack-shell .pack-ticket{position:relative;z-index:1}
.pack-shell .pack-title{margin-top:auto;text-shadow:0 2px 18px #0008}
.tcg-collectible .tcg-caption-title{font:800 clamp(16px,1.5vw,20px)/1.3 Arial,Helvetica,sans-serif;color:var(--red);letter-spacing:-.02em}
.collection-dock{right:32px;bottom:max(24px,calc(env(safe-area-inset-bottom) + 8px));transform-origin:bottom right}
.collection-minimize{right:32px;bottom:158px}
@media(max-width:700px){
 .collection-dock{right:24px;bottom:max(20px,calc(env(safe-area-inset-bottom) + 8px))}
 .collection-minimize{right:24px;bottom:134px}
 .work>.section-label{flex-direction:column;align-items:flex-start;gap:6px}
 .work>.section-label span:last-child{max-width:100%;white-space:nowrap;font-size:clamp(9px,2.45vw,12px);letter-spacing:0}
 .project-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .project-meta h3{font-size:clamp(22px,6vw,29px);line-height:1.08;word-break:normal;overflow-wrap:normal;letter-spacing:-.035em}
 .project-meta>div:first-child{width:100%}
 .project-number{max-width:40px;font-size:8px}
}
/* Three-column work selection and distinct section tones. */
.hero{background:linear-gradient(180deg,#30302d,#252523)}
.work{background:linear-gradient(180deg,#252523,#1b1b1a)}
.about{background:linear-gradient(180deg,#1b1b1a,#111111)}
footer#contact{background:#111111}
@media(min-width:701px){.work .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.work .project[hidden],.work-more[hidden]{display:none!important}
.work .project-meta{display:block;position:relative;padding-bottom:32px}
.work .project-meta>div:first-child{width:100%;max-width:none}
.work .project-meta h3{font-size:clamp(20px,2.2vw,32px);line-height:1.1}
.work .project-number{position:absolute;right:14px;bottom:8px}
.work .blue-light-title span{display:block;white-space:nowrap}
.work .blue-light-title{font-size:clamp(17px,1.8vw,28px)}
.work-more{display:block;margin:36px auto 0;padding:15px 25px;border:1px solid #fff3;border-radius:40px;background:#ffffff09;color:var(--paper);font:12px monospace}
.work-more:hover{border-color:var(--red);color:var(--red)}
.tcg-collectible.is-unpacking .tcg-stage:after{content:'UNPACKING';position:absolute;z-index:5;bottom:28px;left:50%;transform:translateX(-50%);padding:10px 18px;border:1px solid #ffffff35;border-radius:30px;background:#222e;color:var(--paper);font:11px monospace;letter-spacing:.12em;pointer-events:none;animation:unpack-pulse .5s ease-in-out infinite alternate}
@keyframes unpack-pulse{from{opacity:.55}to{opacity:1}}
@media(max-width:700px){.work .project-meta h3{font-size:clamp(22px,6vw,29px)}.work .blue-light-title{font-size:clamp(21px,5.7vw,28px)}}
@media(prefers-reduced-motion:reduce){.tcg-collectible.is-unpacking .tcg-stage:after{animation:none}}
/* Dark, full-viewport canvas with the original restrained red glows. */
html{background:#111111;color-scheme:dark;min-height:100%}
body{background:#1e1e1e;min-height:100svh}
main,.hero,.work,.about,footer#contact{background:transparent}
body:after{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:#111111;opacity:var(--backdrop-progress,0)}
body:before{z-index:-1;opacity:.35;transform:translateY(var(--backdrop-shift,0px));background:radial-gradient(ellipse 42% 35% at 50% 40%,#d65a2e24,transparent 100%),radial-gradient(ellipse 45% 50% at 85% 65%,#77352316,transparent 100%),radial-gradient(ellipse 40% 40% at 15% 25%,#8b4b301a,transparent 100%)}
#project-dialog{background:#111111}
.tcg-collectible.is-unpacking .tcg-stage:after{display:none}
.unpack-loader{display:none;position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;padding:20px;border:1px solid #ffffff30;border-radius:16px;background:#202020f2;pointer-events:none;box-shadow:0 8px 25px #0003;text-align:center}
.is-unpacking .unpack-loader{display:block}
.unpack-loader>span:first-child{display:block;font:11px/1.5 monospace;letter-spacing:.14em;margin-bottom:12px;color:var(--paper)}
.unpack-track{display:block;height:3px;overflow:hidden;background:#ffffff20;border-radius:4px}
.unpack-track>span{display:block;width:100%;height:100%;background:var(--red);transform-origin:left;animation:unpack-fill 1s linear both}
@keyframes unpack-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tcg-collectible .tcg-stage{animation:card-breathe 7s ease-in-out infinite;animation-play-state:paused}
.tcg-collectible.card-motion-active:not(.is-unpacking) .tcg-stage{animation-play-state:running}
@keyframes card-breathe{0%,100%{translate:0 0;rotate:-.35deg}50%{translate:0 -4px;rotate:.35deg}}
@media(pointer:coarse){@keyframes card-breathe{0%,100%{translate:0 0}50%{translate:0 -2px}}}
@media(prefers-reduced-motion:reduce){.tcg-collectible .tcg-stage{animation:none}.unpack-track>span{animation:none}body:before{transform:none}}
/* Hover only, matching the work cards without idle movement. */
.tcg-collectible .tcg-stage{animation:none;translate:none;rotate:none;transition:transform .4s ease}
.tcg-collectible .tcg-front{transition:box-shadow .4s ease,border-color .4s ease}
@media(hover:hover) and (pointer:fine){
 .tcg-collectible:not(.is-unpacking) .tcg-stage:hover .tcg-front{border-color:#ffffff40;box-shadow:inset 0 1px 0 #ffffff60,0 25px 50px #0003}
}
@media(min-width:701px){
 .tcg-collectible .tcg-caption{max-width:100%;width:100%;container-type:inline-size}
 .tcg-collectible .tcg-caption-title{white-space:nowrap;font-size:clamp(12px,4.2cqi,18px);letter-spacing:-.035em;gap:6px}
 .tcg-collectible .tcg-help{flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){.tcg-collectible .tcg-stage{transition:none}.tcg-collectible:not(.is-unpacking) .tcg-stage:hover{transform:none}}
/* Mobile edge experiment: use device-reported insets, never a device guess. */
:root{--edge-top:env(safe-area-inset-top,0px);--edge-bottom:env(safe-area-inset-bottom,0px)}
.pack-shell .pack-portrait img{transform:scale(.75);transform-origin:center}
@media(max-width:950px) and (pointer:coarse){
 body{position:relative;background-color:#1e1e1e}
 /* Keep ambient paint in document flow, away from Safari's fixed-element tint sampling. */
 body:before,body:after{position:absolute;inset:0;transform:none;filter:none}
 .floating-nav,.site-menu,#project-dialog .detail-nav{top:calc(12px + var(--edge-top))}
 .hero{padding-top:calc(110px + var(--edge-top))}
 .hero .art-stage{top:calc(140px + var(--edge-top))}
 .hero,.work,.about,footer#contact{padding-left:max(var(--page-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--page-gutter),env(safe-area-inset-right,0px))}
 #project-detail{padding-top:calc(112px + var(--edge-top))}
 .collection-dock{bottom:calc(20px + var(--edge-bottom));right:max(24px,env(safe-area-inset-right,0px))}
 .collection-minimize{bottom:calc(134px + var(--edge-bottom));right:max(24px,env(safe-area-inset-right,0px))}
 .collection-overlay{max-height:calc(100dvh - var(--edge-top) - var(--edge-bottom) - 32px)}
 #project-dialog:has(.collection-dock:not([hidden])) .story-card.story-floating{bottom:calc(140px + var(--edge-bottom))}
 footer#contact{padding-bottom:calc(160px + var(--edge-bottom))}
}
/* Prevent end-of-document rubber-banding from exposing Safari's backing canvas. */
@media(pointer:coarse){
 html,body{overscroll-behavior-y:none;background-color:#111111}
 body{min-height:100dvh}
 /* Keep one continuous page canvas rather than an independently tinted footer. */
 footer#contact{background:transparent}
 /* Paint the glass on an inset surface, not the viewport-attached header box. */
 .floating-nav{background:transparent;isolation:isolate;backdrop-filter:none;-webkit-backdrop-filter:none}
 .floating-nav:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#ffffff14,#ffffff04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}