.square-case{position:relative;display:block;isolation:isolate;width:100%;aspect-ratio:1;overflow:hidden;background:#111b23;border-radius:3px;color:#fff9ec;text-align:left;transform:none;box-shadow:0 15px 40px #0b12151f;container-type:inline-size}
.square-case>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 57%;transform:none!important;box-shadow:none!important}
.square-case:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#07121b70,transparent 40%,#07121b80 75%,#07121bf5);pointer-events:none}
.square-top,.square-title,.square-bottom{position:absolute;left:7%;right:7%;z-index:2}.square-top{top:6%;display:flex;justify-content:space-between;gap:12px;font:800 2cqw/1.3 Manrope,sans-serif;letter-spacing:.7px}.square-top>span{color:#dfbda0}.square-title{top:16%;font:800 14cqw/.91 Barlow,sans-serif;letter-spacing:-1px;text-shadow:0 2px 15px #0008}.square-bottom{bottom:5%;display:flex;justify-content:space-between;align-items:center;gap:10px;font:800 1.9cqw/1.4 Manrope,sans-serif;letter-spacing:.6px}.square-bottom>span{display:grid;place-items:center;width:7cqw;height:7cqw;background:#cb332a;color:#fff9ec;border-radius:50%;font-size:4cqw}
.case-materials{position:absolute;inset:0;z-index:1}.case-paper{position:absolute;display:block;width:29%;aspect-ratio:900/1217;overflow:hidden;box-shadow:0 8px 14px #0009;background:#d8c5a7;clip-path:polygon(0 1.5%,81% 1.5%,82% .4%,84% 0,96% 0,98% .5%,99% 1.6%,99% 2.5%,100% 3.8%,100% 97.7%,99.5% 99%,98% 100%,0 100%)}
.square-case .case-paper img{position:absolute!important;width:110%!important;height:auto!important;max-width:none!important;left:-4.444%!important;top:-5.588%!important;transform:none!important;border-radius:0!important;box-shadow:none!important}
.paper-plano{left:7%;top:48%;transform:rotate(-12deg)}.paper-bruno{left:29%;top:44%;transform:rotate(-4deg)}.paper-nora{left:53%;top:43%;transform:rotate(9deg)}.paper-albaran{left:68%;top:59%;width:22%;aspect-ratio:706/964;transform:rotate(17deg);clip-path:none;background:#ece3c9}
.square-case .paper-albaran img{width:140.227%!important;left:-20.113%!important;top:-15.456%!important}.blood-mark{position:absolute;width:22%;left:66%;top:68%;color:#701d20;opacity:.78;transform:rotate(12deg);mix-blend-mode:multiply}

/* A shallow tabletop perspective, keeping the original documents intact. */
.case-materials:before{content:'';position:absolute;inset:38% -10% -18%;background:radial-gradient(ellipse at 30% 0,#62504288,transparent 65%),repeating-linear-gradient(7deg,#ffffff03 0 1px,transparent 1px 5px),linear-gradient(155deg,#342f2a,#11171b 78%);transform:skewY(-6deg);box-shadow:0 -2px 7px #d2b49322}
.case-paper{width:35%;filter:drop-shadow(0 8px 5px #0008);transform-origin:center center}
.paper-plano{left:4%;top:43%;transform:perspective(600px) rotateX(25deg) rotateZ(-14deg)}
.paper-nora{left:56%;top:37%;transform:perspective(600px) rotateX(25deg) rotateZ(10deg)}
.paper-bruno{left:27%;top:48%;transform:perspective(600px) rotateX(25deg) rotateZ(12deg);z-index:1}
.paper-albaran{left:64%;top:60%;width:27%;transform:perspective(600px) rotateX(25deg) rotateZ(17deg);z-index:2}
.blood-mark{left:68%;top:70%;z-index:3;transform:perspective(600px) rotateX(25deg) rotateZ(17deg);width:19%}

.case-paper{width:32%}.paper-plano{left:6%;top:43%}.paper-bruno{left:28%;top:45%}.paper-nora{left:57%;top:38%}.paper-albaran{left:66%;top:56%;width:25%}.blood-mark{left:69%;top:67%}.square-bottom{bottom:3.5%;text-shadow:0 1px 4px #000}.square-bottom:before{content:'';position:absolute;inset:-30px -10cqw -8cqw;background:linear-gradient(transparent,#0b111bbb);z-index:-1}

/* v07: real wood texture, smaller materials and clear title/building. */
.case-materials:before{inset:56% -10% -15%;background:#2d2119 url('/assets/mesa-textura.png') center/cover no-repeat;transform:skewY(-5deg);box-shadow:0 -2px 6px #0008}
.case-paper{width:25%}.paper-plano{left:11%;top:59%}.paper-bruno{left:32%;top:60%}.paper-nora{left:56%;top:55%}.paper-albaran{left:68%;top:67%;width:18%}.blood-mark{left:70%;top:74%;width:14%}

/* English title: same two-line region, localized word lengths. */
html[lang="en"] .square-title{font-size:11.4cqw;line-height:1.08}