.holo-card{--hc-w: 320px;--hc-ratio: .716;--hc-radius: 14px;position:relative;display:inline-block;width:var(--hc-w);max-width:100%;aspect-ratio:var(--hc-ratio);border-radius:var(--hc-radius);outline:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.holo-card[data-flippable]{cursor:pointer}.holo-card[data-flippable]:focus-visible{outline:2px solid currentColor;outline-offset:6px}.holo-card__shadow{position:absolute;inset:10% 7% -4%;border-radius:var(--hc-radius);background:#0000006b;filter:blur(26px);pointer-events:none;will-change:transform}.holo-card__rotor{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.holo-card__face{position:absolute;inset:0;overflow:hidden;border-radius:var(--hc-radius);backface-visibility:hidden;-webkit-backface-visibility:hidden}.holo-card__face--back{transform:rotateY(180deg)}.holo-card__face img,.holo-card__face canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.holo-card__face img{object-fit:cover;pointer-events:none;-webkit-user-drag:none}.holo-card__face canvas{opacity:0;transition:opacity .3s ease}.holo-card[data-ready] .holo-card__face canvas{opacity:1}.works-ip-card{display:block;width:clamp(200px,calc((100svh - 310px)*.75),422px);margin-inline:auto;container-type:inline-size;animation:works-ip-arrive .45s ease-out both}.works-ip-card .holo-card__face--front{background:#f5e6d0;box-shadow:inset 0 0 0 4.4cqw #d3d6df}.works-ip-card .holo-card__face>img{opacity:0}.works-ip-card .holo-card__face--front:after{content:"";position:absolute;z-index:1;inset:20% 13% 15%;background:url(./bobo-original.png) center / contain no-repeat;pointer-events:none}.works-ip-card-print{position:absolute;z-index:2;inset:4.4cqw;display:flex;flex-direction:column;justify-content:space-between;padding:3.2cqw 3cqw 2.4cqw;border:1px solid rgb(255 255 255 / 80%);border-radius:max(3px,calc(18px - 3cqw));box-shadow:0 0 0 1px #7563674d;color:#352318;font-family:system-ui,sans-serif;pointer-events:none}.works-ip-card-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5cqw;padding-bottom:2cqw;border-bottom:1px solid rgb(126 80 47 / 34%)}.works-ip-card-wordmark{width:41cqw;background:#f5e6d0;border-radius:4px}.works-ip-card-wordmark img{position:static;height:auto;mix-blend-mode:multiply}.works-ip-card-label{display:grid;justify-items:end;gap:1.3cqw;font-size:max(9px,3.3cqw);font-weight:850;line-height:1;letter-spacing:.04em}.works-ip-card-badge{padding:1.15cqw 1.55cqw;border:1px solid rgb(155 87 42 / 42%);border-radius:999px;background:#f4c898;font-size:max(8px,2.4cqw);font-weight:750;letter-spacing:.12em;white-space:nowrap}.works-ip-card-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;padding-top:2cqw;border-top:1px solid rgb(126 80 47 / 34%);font-size:max(7px,2.05cqw);font-weight:750;letter-spacing:.09em}.works-ip-card-note{font-size:max(8px,2.35cqw);font-weight:550;letter-spacing:0;color:#594438}.works-ip-home:not([hidden]){display:flex;flex:1 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,3vh,30px);width:min(90%,1100px);box-sizing:border-box;padding-block:12px 20px}.works-ip-home [data-bobo-card]{width:100%}.works-ip-home button[data-detail]{padding:10px 20px;border-color:#f5e6d0;background:#f5e6d0;color:#2e1e13;font-weight:650}.works-ip-home button[data-detail]:hover{background:#fff2df}@media(max-width:680px){.works-ip-card{width:clamp(190px,43svh,330px)}}@keyframes works-ip-arrive{0%{opacity:0;transform:translateY(10px)}}@media(pointer:coarse),(max-width:600px){.works-ip-card{animation-duration:.26s}}@media(prefers-reduced-motion:reduce){.works-ip-card{animation:none}}.drift-wall{position:relative;width:100%;height:100%;overflow:hidden;perspective:var(--dw-perspective, 1200px);perspective-origin:50% 50%;--dw-tile-w: 200px;--dw-tile-h: 132px;--dw-gap: 18px;--dw-radius: 14px;--dw-lift: 64px;--dw-dim: .55;--dw-gray: 0;--dw-overlay: #060010;--dw-edge: 40%;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);mask-composite:intersect}.drift-wall__plane{position:absolute;top:50%;left:50%;display:flex;flex-direction:row;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}.drift-wall__col{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d}.drift-wall__track{display:flex;flex-direction:column;will-change:transform;transform-style:preserve-3d}.drift-wall__tile{position:relative;display:block;width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));flex:0 0 auto;outline:none;transform-style:preserve-3d}.drift-wall__inner{position:absolute;inset:calc(var(--dw-gap) / 2);display:block;border-radius:var(--dw-radius);overflow:hidden;background:#0b0b12;opacity:var(--dw-dim);transform:translateZ(0);pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}.drift-wall__tile img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(var(--dw-gray)) saturate(.92);transition:filter .42s cubic-bezier(.22,1,.36,1);user-select:none;-webkit-user-drag:none}.drift-wall__overlay{position:absolute;inset:0;background:var(--dw-overlay);opacity:.42;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px #000000b3}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0) saturate(1.05)}.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:0}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 60px -18px #000000b3,0 0 0 2px #ffffffe6}@media(prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}.works-bobo-drift .drift-wall__inner{background:#f2e5ce}.works-bobo-drift .drift-wall__plane,.works-bobo-drift .drift-wall__track{pointer-events:none}.works-bobo-drift .drift-wall__tile{pointer-events:auto}.works-bobo-drift .drift-wall__tile img{height:calc(100% - 26px);margin:0;border-radius:0;object-fit:contain;filter:none}.works-bobo-drift .drift-wall__caption{display:block;text-align:center;color:#352318;font-size:13px;font-weight:650}.works-bobo-drift .drift-wall__overlay{opacity:.09}.depth-carousel{position:relative;width:100%;height:100%;min-height:320px;display:flex;align-items:center;justify-content:center;perspective:var(--dc-perspective, 1400px);perspective-origin:50% 50%;touch-action:pan-y;outline:none;user-select:none;-webkit-user-select:none;cursor:grab}.depth-carousel:active{cursor:grabbing}.depth-carousel:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:4px;border-radius:12px}.depth-carousel__stage{position:absolute;inset:0;transform-style:preserve-3d}.depth-carousel__card{position:absolute;top:50%;left:50%;transform-origin:center center;overflow:hidden;background:#0b0d12;box-shadow:0 30px 60px -20px #000000a6,0 8px 20px -10px #00000080;will-change:transform,opacity,filter;cursor:pointer;transform:translate(-50%,-50%)}.depth-carousel__img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.depth-carousel__tint{position:absolute;inset:0;opacity:0;pointer-events:none;mix-blend-mode:multiply}.depth-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3000;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#12141a8c;backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.depth-carousel__arrow:hover{background:#1c1f28d9;border-color:#fff6}.depth-carousel__arrow:active{transform:translateY(-50%) scale(.94)}.depth-carousel__arrow--prev{left:16px}.depth-carousel__arrow--next{right:16px}.depth-carousel__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:3000;display:flex;gap:8px;padding:8px 12px;border-radius:999px;background:#0e101666;backdrop-filter:blur(6px)}.depth-carousel__dot{width:7px;height:7px;padding:0;border:none;border-radius:999px;background:#ffffff52;cursor:pointer;transition:width .25s ease,background .25s ease}.depth-carousel__dot.is-active{width:20px;background:#fff}@media(prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}