.holo-section{background:#0b1017;color:#edf1f5;overflow:hidden;position:relative}.holo-section:before{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at 14% 25%,#78577b38,transparent 28%),radial-gradient(circle at 82% 72%,#286b7838,transparent 30%);pointer-events:none}.holo-section>*{position:relative}.holo-section .section-label{color:#9ca6b0}.holo-heading>p{color:#aab1ba}.holo-toolbar{border-top:1px solid #35404b;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0 34px}.holo-toolbar p{font-size:10px;color:#9099a2;margin:10px 0 0}.holo-live{font-size:9px;letter-spacing:1.3px}.holo-live i{width:5px;height:5px;background:#bfedf1;border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 10px #bffaff}.holo-section .pill:hover{background:#fff;color:#111}
.holo-showcase{display:grid;grid-template-columns:52px minmax(360px,500px) minmax(300px,1fr) 52px;align-items:center;gap:clamp(22px,4vw,70px);min-height:670px;border:1px solid #303a45;background:radial-gradient(circle at 30% 50%,#2e3947 0,#141b25 38%,#0d1219 75%);padding:clamp(30px,5vw,70px)}.holo-stage-arrow{width:52px;height:52px;border:1px solid #56616c;border-radius:50%;color:#dfe5ea;font-size:18px;transition:.25s}.holo-stage-arrow:hover{background:#fff;color:#111;border-color:#fff;transform:scale(1.06)}
.holo-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--tone:#b8c5d6;aspect-ratio:2.48/3.46;perspective:1100px;position:relative;isolation:isolate}.holo-feature{width:100%;max-width:500px;justify-self:center;filter:drop-shadow(0 26px 28px #0008);cursor:pointer}.holo-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1);transform:rotateX(var(--rx)) rotateY(var(--ry))}.holo-card.flipped .holo-card-inner{transform:rotateX(var(--rx)) rotateY(calc(180deg + var(--ry)))}.holo-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #ffffff7d;background:#181d26;padding:15px;overflow:hidden;clip-path:polygon(3% 0,97% 0,100% 2%,100% 98%,97% 100%,3% 100%,0 98%,0 2%)}.holo-face:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#ffffff24 34%,#73e0ff50 43%,#ff7dd44a 52%,#ffe66842 61%,transparent 78%);background-size:220% 220%;background-position:var(--mx) var(--my);mix-blend-mode:screen;z-index:4;pointer-events:none;opacity:.9}.holo-face:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),#ffffffb5 0,transparent 17%);mix-blend-mode:overlay;z-index:5;pointer-events:none;opacity:.72}
.holo-front{display:grid;grid-template-rows:auto auto 1fr;gap:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 30%,#131923),#0f141c 68%)}.holo-card-top,.holo-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:2}.holo-card-top{font-size:8px;letter-spacing:1.2px}.holo-number{font-size:11px}.holo-art{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff55;background:#e9e6e0}.holo-art img{width:100%;height:100%;object-fit:cover}.holo-foil{position:absolute;inset:0;background:repeating-linear-gradient(112deg,transparent 0 10%,#7ff0ff36 12%,transparent 16%),radial-gradient(circle at 30% 20%,#fff8 0 1px,transparent 2px);background-size:200% 200%,30px 30px;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;z-index:2}.holo-card-bottom{align-items:flex-end;padding:8px 5px 12px}.holo-card-title small{display:block;font-size:9px;letter-spacing:2px;color:#cbd2da;margin-bottom:8px}.holo-card-title strong{display:block;font-size:clamp(34px,4vw,58px);font-weight:300;line-height:1}.holo-mark{width:45px;height:45px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:16px}
.holo-back{transform:rotateY(180deg);background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 18%,#222b39),#090d13 70%);padding:34px}.holo-back:before{opacity:.5}.holo-back-content{height:100%;position:relative;z-index:2;display:flex;flex-direction:column}.holo-back-number{font-size:10px;letter-spacing:2px;color:#aab5c0}.holo-back h3{font-size:48px;font-weight:300;margin:36px 0 12px}.holo-back-concept{font-size:13px;line-height:1.8;color:#c7ced5;margin:0}.holo-stats{border-top:1px solid #ffffff32;margin:28px 0 0;padding-top:20px;display:grid;gap:14px}.holo-stats div{display:flex;justify-content:space-between;gap:18px;font-size:10px}.holo-stats span{color:#88939d}.holo-stats strong{font-weight:400;text-align:right}.holo-keywords{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.holo-keywords span{font-size:8px;border:1px solid #ffffff35;border-radius:75px;padding:6px 9px}.holo-quote{font-size:16px;line-height:1.7;margin:auto 0 0}.holo-card-footer{font-size:7px;color:#7f8993;letter-spacing:1px;margin-top:18px}.holo-feature.drawn{animation:holo-draw .7s cubic-bezier(.2,.8,.2,1)}@keyframes holo-draw{from{opacity:0;transform:translateY(70px) rotate(6deg) scale(.87)}to{opacity:1;transform:none}}
.holo-profile{align-self:stretch;display:flex;flex-direction:column;justify-content:center;max-width:520px;padding:20px 0}.holo-profile-head{display:flex;justify-content:space-between;border-bottom:1px solid #3a4651;padding-bottom:14px;font-size:9px;letter-spacing:1.3px;color:#9da8b3}.holo-profile h3{font-size:clamp(44px,5vw,76px);font-weight:300;line-height:1;margin:45px 0 8px}.holo-profile>div>p{font-size:10px;letter-spacing:2px;color:#9ea8b2;margin:0}.holo-profile-concept{font-size:15px;line-height:1.9;color:#c8ced5;max-width:460px;margin:30px 0}.holo-profile dl{border-top:1px solid #35404b;margin:0}.holo-profile dl div{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid #35404b;padding:13px 0;font-size:10px}.holo-profile dt{color:#7f8993}.holo-profile dd{margin:0}.holo-profile blockquote{font-size:20px;line-height:1.6;margin:32px 0;color:var(--tone,#dce5ed)}.holo-profile .pill{align-self:flex-start}
.holo-deck{display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid #34404b;border-bottom:1px solid #34404b;margin-top:25px}.holo-deck button{min-width:0;padding:15px 10px;text-align:left;border-right:1px solid #34404b;color:#88939d;transition:.25s}.holo-deck button:last-child{border-right:0}.holo-deck button span{display:block;font-size:8px;margin-bottom:6px}.holo-deck button strong{font-size:11px;font-weight:400;white-space:nowrap}.holo-deck button:hover,.holo-deck button.active{background:#edf1f5;color:#10151b}.holo-hint{text-align:center;font-size:9px;color:#8e99a4;letter-spacing:.7px;margin:28px 0 0}.holo-hint span{font-size:15px;margin-right:10px}
@media(max-width:1050px){.holo-showcase{grid-template-columns:42px minmax(300px,430px) 1fr 42px;gap:25px;padding:40px 25px;min-height:610px}.holo-stage-arrow{width:42px;height:42px}.holo-profile h3{margin-top:30px}.holo-profile-concept{margin:20px 0}.holo-profile blockquote{margin:24px 0}.holo-deck{grid-template-columns:repeat(4,1fr)}.holo-deck button:nth-child(4){border-right:0}.holo-deck button:nth-child(-n+4){border-bottom:1px solid #34404b}}
@media(max-width:760px){header nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:none;white-space:nowrap}.work-index{grid-template-columns:1fr 1fr}.work-index>p{grid-column:1/-1}.work-index>a{min-height:52px}.work-index>a:nth-of-type(3){border-left:0;padding-left:0}.holo-toolbar{align-items:flex-start}.holo-toolbar p{max-width:230px;line-height:1.5}.holo-showcase{grid-template-columns:44px 1fr 44px;gap:8px;padding:28px 8px 34px}.holo-feature{grid-column:2;grid-row:1;width:min(100%,390px)}#holo-stage-prev{grid-column:1}#holo-stage-next{grid-column:3}.holo-profile{grid-column:1/-1;grid-row:2;padding:24px 18px 0}.holo-stage-arrow{grid-row:1}.holo-profile h3{font-size:46px;margin:30px 0 6px}.holo-profile-concept{font-size:13px;margin:20px 0}.holo-profile blockquote{font-size:16px;margin:24px 0}.holo-face{padding:10px}.holo-card-title strong{font-size:36px}.holo-card-title small{font-size:7px}.holo-back{padding:24px}.holo-back h3{font-size:38px;margin:24px 0 10px}.holo-back-concept{font-size:11px}.holo-stats{margin-top:18px;padding-top:14px}.holo-quote{font-size:13px}.holo-deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.holo-deck button{min-width:112px;scroll-snap-align:start;border-bottom:0!important}.holo-hint{line-height:1.6}.holo-profile .pill{width:100%}}
@media(max-width:390px){.holo-showcase{grid-template-columns:38px 1fr 38px}.holo-stage-arrow{width:38px;height:38px}.holo-card-title strong{font-size:31px}.holo-profile{padding-left:10px;padding-right:10px}.holo-back{padding:20px}.holo-back h3{font-size:32px}.holo-keywords{margin-top:14px}.holo-quote{font-size:12px}}
@media(prefers-reduced-motion:reduce){.holo-card-inner{transition:none}.holo-feature.drawn{animation:none}}