*{box-sizing:border-box}:root{--red:#7a0c07;--ink:#050505;--paper:#f2f2f2;--p:0}html{background:var(--ink);color:var(--paper)}body{background:var(--ink);color:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.joy-stage{background:var(--ink);height:820dvh;position:relative}.joy-pin{background:var(--ink);height:100dvh;position:sticky;top:0;overflow:hidden}.joy-nav{z-index:80;text-transform:uppercase;mix-blend-mode:difference;pointer-events:none;justify-content:space-between;padding:14px 18px;font-size:11px;font-weight:800;display:flex;position:fixed;top:0;left:0;right:0}.portfolio-title{z-index:2;opacity:1;transform:translateY(var(--title-y,0px)) scale(var(--title-scale,1));will-change:transform;place-items:center;display:grid;position:absolute;inset:0}.portfolio-title h1{letter-spacing:-6px;text-align:center;text-transform:uppercase;margin:0;font-size:clamp(58px,12vw,172px);font-weight:900;line-height:.82}.portfolio-title span,.dock-copy span{color:var(--red);font-family:Georgia,Times New Roman,serif;font-weight:400}.vertical-curtain{width:var(--curtain-width,24px);height:var(--curtain-height,0dvh);z-index:3;background:var(--red);transform-origin:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.curtain-split{z-index:4;opacity:var(--split-opacity,0);pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.curtain-split div{background:var(--red)}.curtain-split .left{transform:translateX(calc(var(--curtain-open,0) * -100%))}.curtain-split .right{transform:translateX(calc(var(--curtain-open,0) * 100%))}.card-layer,.text-layer{z-index:8;pointer-events:none;position:absolute;inset:0}.stack-card{width:var(--panel-width,0vw);height:var(--panel-height,0dvh);opacity:var(--card-opacity,0);will-change:width, height, opacity;border:1px solid #fff3;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 90px #00000057}.stack-card:first-child{z-index:1;background:linear-gradient(135deg,#ffffff14,#00000073),repeating-linear-gradient(90deg,#242424 0 70px,#191919 70px 140px)}.stack-card:nth-child(2){background:var(--red);z-index:2}.stack-card:nth-child(3){z-index:3;background:radial-gradient(circle at 50% 35%,#ffffffe0,#fff0 30%),#d8d8d8}.stack-card:nth-child(4){z-index:4;background:linear-gradient(135deg,#ffffff1f,#0000006b),#171717}.stack-card:nth-child(5){z-index:5;background:#9f1a12}.stack-card:nth-child(6){z-index:6;background:linear-gradient(135deg,#ffffffe6,#a0a0a08c),#f4f4f4}.stack-text{z-index:20;transform:translate(-50%, -50%) translate(calc(var(--text-x,0) * 1px), calc(var(--text-y,0) * 1px)) scale(var(--text-scale,0));transform-origin:50%;letter-spacing:-4px;text-transform:uppercase;color:#fff;mix-blend-mode:difference;white-space:nowrap;opacity:var(--text-opacity,0);will-change:transform, opacity;font-size:clamp(30px,7vw,108px);font-weight:900;line-height:.82;position:absolute;top:50%;left:50%}.stack-text:first-child{--target-y:-300}.stack-text:nth-child(2){--target-y:-190}.stack-text:nth-child(3){--target-y:-80}.stack-text:nth-child(4){--target-y:30}.stack-text:nth-child(5){--target-y:140}.stack-text:nth-child(6){--target-y:250}.dock-copy{z-index:30;width:min(38vw,520px);opacity:var(--dock-copy-opacity,0);transform:translateY(calc((1 - var(--dock-copy-opacity,0)) * 40px));mix-blend-mode:difference;position:absolute;bottom:12dvh;right:7vw}.dock-copy h2{letter-spacing:-3px;text-transform:uppercase;margin:0;font-size:clamp(34px,5.5vw,84px);font-weight:900;line-height:.88}.dock-copy p{color:#d8d8d8;text-transform:uppercase;max-width:420px;margin:18px 0 0;font-size:13px;line-height:1.45}.scroll-progress{z-index:90;mix-blend-mode:difference;background:#ffffff3d;width:180px;height:2px;position:fixed;bottom:18px;right:18px}.scroll-progress__bar{height:100%;width:calc(var(--p,0) * 100%);background:#fff}.next-section{background:var(--paper);min-height:100dvh;color:var(--ink);padding:90px 18px}.next-section h2{letter-spacing:-4px;text-transform:uppercase;margin:0;font-size:clamp(42px,8vw,106px);font-weight:900;line-height:.86}@media (max-width:780px){.joy-nav{padding:12px;font-size:9px}.joy-nav span:nth-child(2){display:none}.portfolio-title h1{letter-spacing:-3px;font-size:clamp(48px,19vw,82px)}.stack-text{letter-spacing:-2px;font-size:clamp(24px,11vw,48px)}.stack-text:first-child{--target-y:-230}.stack-text:nth-child(2){--target-y:-146}.stack-text:nth-child(3){--target-y:-62}.stack-text:nth-child(4){--target-y:22}.stack-text:nth-child(5){--target-y:106}.stack-text:nth-child(6){--target-y:190}.dock-copy{width:auto;bottom:7dvh;left:18px;right:18px}.dock-copy h2{letter-spacing:-2px;font-size:clamp(32px,13vw,58px)}.dock-copy p{max-width:30ch;font-size:11px}.scroll-progress{width:auto;left:18px;right:18px}}@media (min-width:781px) and (max-width:1023px){.portfolio-title h1{font-size:clamp(82px,13vw,132px)}.stack-text{font-size:clamp(34px,7.5vw,74px)}.dock-copy{width:min(42vw,420px);right:5vw}}