:root{--ink:#17201d;--muted:#718078;--green:#3f705b;--scene-rx:0deg;--scene-ry:0deg;--light-x:56%;--light-y:14%}*{box-sizing:border-box}html{background:#eaf2ee}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at var(--light-x) var(--light-y),#fff 0,rgba(255,255,255,.82) 18%,transparent 45%),linear-gradient(180deg,#fff 0,#f5f9f7 42%,#e8f1ed 100%)}.site-header{height:92px;padding:0 clamp(24px,7vw,108px);display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(43,77,62,.1);background:rgba(255,255,255,.7);backdrop-filter:blur(18px)}.site-header span{font:400 clamp(22px,2.1vw,29px) Georgia,serif}.site-header small{padding-left:13px;border-left:1px solid #ccdcd5;color:var(--green);font-size:10px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.intro{max-width:1560px;margin:auto;padding:67px clamp(24px,7vw,108px) 35px;display:flex;align-items:end;justify-content:space-between;gap:35px}.intro p{margin:0 0 14px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.27em}.intro h1{margin:0;font:400 clamp(45px,5.3vw,74px)/.94 Georgia,serif;letter-spacing:-.047em}.intro-note{padding-bottom:4px;color:var(--muted);font-size:13px;line-height:1.65;text-align:right}.glass-room{max-width:1560px;margin:0 auto 90px;padding:0 clamp(16px,5vw,78px);position:relative;perspective:1500px}.light-field{position:absolute;inset:-12px 3% -15px;border-radius:42px;background:linear-gradient(120deg,rgba(255,255,255,.74),rgba(214,233,225,.24));border:1px solid rgba(255,255,255,.96);box-shadow:inset 0 1px 0 #fff,0 38px 100px rgba(28,61,48,.12);pointer-events:none}.glass-cabinet{position:relative;z-index:1;padding:36px 31px 26px;border-radius:32px;transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry));transform-style:preserve-3d;transition:transform .18s ease;background:linear-gradient(105deg,rgba(255,255,255,.18),rgba(210,230,221,.08) 53%,rgba(255,255,255,.22));border:1px solid rgba(255,255,255,.82);box-shadow:inset 1px 0 0 rgba(255,255,255,.78),inset -1px 0 0 rgba(128,168,151,.12)}.glass-cabinet:before,.glass-cabinet:after{content:"";position:absolute;z-index:15;top:20px;bottom:20px;width:12px;border-radius:5px;background:linear-gradient(90deg,rgba(255,255,255,.64),rgba(180,213,199,.2),rgba(255,255,255,.46));border:1px solid rgba(255,255,255,.72);box-shadow:0 10px 25px rgba(33,68,54,.08);pointer-events:none}.glass-cabinet:before{left:13px}.glass-cabinet:after{right:13px}.shelf-level{--columns:4;--title-lines:1;--title-size:12px;min-height:421px;padding:22px 28px 64px;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:clamp(20px,3.1vw,52px);position:relative;transform-style:preserve-3d}.shelf-level+.shelf-level{margin-top:9px}.glass-slab{position:absolute;z-index:8;left:4px;right:4px;top:328px;height:34px;border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.83) 0,rgba(218,238,230,.63) 24%,rgba(158,196,180,.28) 100%);border-top:1px solid rgba(255,255,255,.98);border-bottom:1px solid rgba(112,160,140,.18);box-shadow:0 18px 22px -18px rgba(15,43,32,.85),inset 0 8px 18px rgba(255,255,255,.38);backdrop-filter:blur(10px);pointer-events:none}.glass-slab:after{content:"";position:absolute;left:3%;right:3%;bottom:-25px;height:25px;background:linear-gradient(180deg,rgba(57,101,83,.08),transparent);filter:blur(7px)}.glass-sheen{position:absolute;z-index:9;left:5%;right:5%;top:329px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.98) 20%,rgba(255,255,255,.4) 66%,transparent);pointer-events:none}.publication{height:342px;min-width:0;position:relative;display:flex;justify-content:center;transform-style:preserve-3d}.magazine{--rx:0deg;--ry:0deg;--rise:0px;--forward:0px;--scale:1;width:100%;height:400px;position:relative;display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;transform-origin:center 312px;transform:perspective(900px) translateZ(var(--forward)) translateY(var(--rise)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--scale));transition:transform .22s cubic-bezier(.2,.72,.24,1),z-index 0s .22s;will-change:transform}.magazine:hover,.magazine:focus-visible{--rise:-9px;--forward:32px;--scale:1.026;z-index:20;outline:none;transition:transform .22s cubic-bezier(.2,.72,.24,1),z-index 0s}.cover-wrap{height:286px;width:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;transform-style:preserve-3d}.cover{position:relative;z-index:5;height:276px;max-width:96%;object-fit:contain;background:#fff;box-shadow:-3px 19px 31px rgba(17,43,32,.22),2px 0 0 rgba(116,142,131,.3);transition:box-shadow .22s ease}.magazine:hover .cover,.magazine:focus-visible .cover{box-shadow:-9px 24px 40px rgba(15,42,31,.31),3px 1px 0 rgba(93,124,111,.32)}.cover-wrap:before{content:"";position:absolute;z-index:4;right:calc(12% - 3px);bottom:0;width:5px;height:272px;background:linear-gradient(90deg,rgba(63,82,74,.38),rgba(255,255,255,.75));transform:skewY(-1deg);pointer-events:none}.cover-wrap:after{content:"";position:absolute;z-index:6;top:13px;left:18%;width:14%;height:248px;background:linear-gradient(107deg,rgba(255,255,255,.22),transparent);transform:skewX(-7deg);pointer-events:none}.reflection{position:absolute;z-index:3;top:288px;height:42px;max-width:84%;object-fit:contain;transform:scaleY(-1);transform-origin:center top;opacity:.068;filter:blur(.55px);mask-image:linear-gradient(to bottom,rgba(0,0,0,.48),transparent 82%);pointer-events:none}.caption{position:absolute;z-index:12;top:347px;left:0;width:100%;min-height:calc(var(--title-lines) * 16px + 27px);padding:3px 5px;text-align:center}.caption strong{display:block;min-height:calc(var(--title-lines) * 16px);font-size:var(--title-size);line-height:16px;font-weight:650}.caption small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.loading,.empty{padding:120px 20px;text-align:center;color:var(--muted);font-size:13px}.motion-button{position:fixed;z-index:30;right:18px;bottom:18px;border:1px solid rgba(72,112,95,.25);border-radius:999px;padding:11px 15px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);color:var(--green);font:650 11px "Segoe UI";cursor:pointer;box-shadow:0 10px 30px rgba(20,48,37,.11)}footer{min-height:90px;padding:28px clamp(24px,7vw,108px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d9e5df;color:var(--muted);font-size:11px}@media(max-width:760px){.site-header{gap:9px}.site-header small{letter-spacing:.1em}.intro{align-items:flex-start;flex-direction:column;padding-top:48px}.intro-note{text-align:left}.glass-room{padding:0 8px}.glass-cabinet{padding-left:18px;padding-right:18px}.shelf-level{padding-left:15px;padding-right:15px;gap:18px}.cover{height:260px}.cover-wrap{height:270px}.reflection{top:272px}.glass-slab,.glass-sheen{top:312px}.caption{top:331px}.shelf-level{min-height:405px}footer{align-items:flex-start;flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){.glass-cabinet,.magazine{transition:none;transform:none!important}}