.depth-story{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center;padding:100px 6%;min-height:690px;background:#fff8e7;overflow:hidden;color:#382321}.depth-grid{position:absolute;inset:35% -30% -60%;background-image:linear-gradient(#b91c1c25 1px,transparent 1px),linear-gradient(90deg,#b91c1c25 1px,transparent 1px);background-size:70px 70px;transform:perspective(600px) rotateX(58deg);z-index:-1;mask-image:linear-gradient(transparent,#000 50%)}.depth-copy{position:relative;z-index:2}.depth-copy h2{font-size:clamp(34px,4.5vw,64px);line-height:1.4;margin:20px 0}.depth-copy em{font-style:normal;color:#382321;text-shadow:0 2px 0 #fff0dc}.depth-copy>p{font-size:17px}.depth-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.depth-choices button,.depth-stop{border:1px solid #ff0033;background:#fff0dc;color:#382321;border-radius:30px;padding:12px 16px;font:inherit;font-size:13px;cursor:pointer;transition:transform .25s,box-shadow .25s}.depth-choices button[aria-pressed=true]{background:#ff0033;border-color:#b91c1c;box-shadow:0 7px 15px #38232126}.depth-choices button:hover{transform:translateY(-3px)}.depth-copy .depth-note{font-size:12px;color:#b91c1c;max-width:390px;margin-top:25px}.depth-stop{background:transparent;font-size:12px;padding:8px 14px}.depth-space{perspective:1100px;min-width:0;padding:45px 25px;min-height:440px;display:grid;align-items:center}.depth-stack{position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}.depth-back{position:absolute;inset:-18px 15px 14px -16px;background:#b91c1c55;border:1px solid #fff0dc;border-radius:20px;transform:translateZ(-45px) rotate(-5deg);box-shadow:0 30px 70px #38232130}.depth-window{position:relative;background:linear-gradient(135deg,#382321,#382321);color:#fff0dc;border:1px solid #ff003382;border-radius:18px;box-shadow:15px 35px 65px #38232155,inset 0 1px 0 #fffaf060;transform:rotateY(-9deg) rotateX(3deg);animation:depth-sway 9s ease-in-out infinite}.depth-window-bar{display:flex;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid #fffaf01a;color:#ff0033;font:10px Arial;letter-spacing:.1em}.depth-window-body{padding:24px}.depth-tag{font:10px Arial;letter-spacing:.2em;color:#ff0033}.depth-prompt{font-size:14px;background:#fffaf00c;border:1px solid #fffaf015;border-radius:8px;padding:13px;line-height:1.7}.depth-response{border-left:2px solid #ff0033;padding:10px 0 0 18px}.depth-response>span{font:10px Arial;letter-spacing:.12em;color:#ff0033}.depth-response h3{font-size:20px;color:#fff0dc;line-height:1.7}.depth-response ul{padding-left:17px;margin-bottom:0}.depth-response li{font-size:13px;line-height:2;animation:depth-line .6s ease both}.depth-response li:nth-child(2){animation-delay:.12s}.depth-response li:nth-child(3){animation-delay:.24s}.depth-bars{display:flex;align-items:end;gap:8px;height:40px;margin-top:15px}.depth-bars i{flex:1;background:linear-gradient(#ff0033,#382321);height:45%;border-radius:3px 3px 0 0}.depth-bars i:nth-child(2){height:65%}.depth-bars i:nth-child(3){height:52%}.depth-bars i:nth-child(4){height:80%}.depth-bars i:nth-child(5){height:100%}.depth-float{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;box-shadow:12px 20px 30px #3823213b;border:1px solid #fff;border-radius:12px;transform:translateZ(75px);animation:depth-bob 7s ease-in-out infinite;pointer-events:none}.depth-float-one{left:-25px;top:-30px;background:linear-gradient(125deg,#fff,#fff0dc);padding:16px 22px;color:#382321}.depth-float small{font:9px Arial;letter-spacing:.14em}.depth-float strong{font-size:17px}.depth-float-one>span{font-size:11px}.depth-float-two{right:-26px;bottom:-20px;flex-direction:row;align-items:center;background:#ff0033;padding:16px 23px;animation-delay:-3s}.depth-float-two>span{font-size:26px}.depth-orbit{position:absolute;right:-17px;top:-26px;width:44px;height:44px;border-radius:50%;background:#382321;color:#fff0dc;display:grid;place-items:center;font-size:28px;box-shadow:0 0 25px #ff003375;transform:translateZ(85px)}.depth-interactive{position:relative;transform-style:preserve-3d}.depth-interactive:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,30%),#fffaf080,transparent 55%);opacity:0;transition:opacity .3s}.depth-interactive:hover:after{opacity:.6}.depth-title{transition:text-shadow .4s}.depth-title:hover{text-shadow:2px 4px 0 #ff003355}.depth-arrived{animation:depth-title-in .85s ease both}.depth-paused *,.depth-offscreen *{animation-play-state:paused!important}.depth-paused .depth-stack{transform:none}.depth-paused .depth-window{transform:rotateY(-6deg)}@keyframes depth-sway{50%{transform:translateY(-10px) rotateY(-5deg) rotateX(1deg)}}@keyframes depth-bob{50%{transform:translateZ(75px) translateY(-9px)}}@keyframes depth-line{from{opacity:.3;transform:translateX(12px)}to{opacity:1;transform:none}}@keyframes depth-title-in{from{opacity:.4;transform:perspective(900px) translateY(22px) rotateX(8deg)}to{opacity:1;transform:none}}@media(hover:hover) and (pointer:fine){.depth-interactive:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px)}}@media(max-width:800px){.depth-story{grid-template-columns:1fr;padding:60px 7%;gap:20px}.depth-copy h2{font-size:38px}.depth-space{padding:35px 15px;min-height:380px}.depth-float-one{left:-8px;padding:12px 16px}.depth-float-two{right:-8px;padding:12px 16px}.depth-window-body{padding:20px}.depth-copy>p{font-size:16px}.depth-window{transform:rotateY(-4deg)}.depth-response h3{font-size:18px}}@media(prefers-reduced-motion:reduce){.depth-story *,.depth-arrived{animation:none!important;transition:none!important}.depth-stack,.depth-window,.depth-float,.depth-interactive:hover{transform:none!important}.depth-stop{display:none}.depth-title:hover{text-shadow:none}}