:root{--bg:#050505;--gold:#d2a64d;--gold2:#f0cf7d;--paper:#d7d0c0;--muted:rgba(215,208,192,.62);--line:rgba(210,166,77,.24)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(210,166,77,.09),transparent 30%),linear-gradient(180deg,#030303,#080603 52%,#030303);color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;padding-top:102px}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:radial-gradient(circle,rgba(255,255,255,.18) 0 1px,transparent 1px);background-size:4px 4px}
.frame{position:fixed;inset:18px;border:1px solid rgba(210,166,77,.34);pointer-events:none;z-index:90}
#ramerk-global-header{position:fixed;z-index:95;top:20px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 52px))}
.rg-nav{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border:1px solid rgba(210,166,77,.24);background:rgba(4,4,4,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 36px rgba(0,0,0,.38)}
.rg-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--gold2)}
.rg-mark{width:36px;height:36px;border:1px solid var(--gold);transform:rotate(45deg);display:grid;place-items:center;flex:0 0 auto}.rg-mark span{transform:rotate(-45deg);font:22px Georgia,serif}.rg-brand strong{font:400 16px Georgia,serif;letter-spacing:.06em;white-space:nowrap}
.rg-links{display:flex;gap:4px;overflow:auto}.rg-links a{color:rgba(240,207,125,.78);text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:10px;padding:11px 12px;white-space:nowrap;border:1px solid transparent}.rg-links a:hover,.rg-links a.rg-active{color:var(--gold2);border-color:rgba(210,166,77,.24);background:rgba(210,166,77,.045)}
main{min-height:calc(100vh - 102px);display:flex;align-items:center;padding:54px 5vw 80px}
.house{width:100%;opacity:0;animation:pageFade .85s ease forwards}
.section-head{width:min(1180px,100%);margin:0 auto 48px;display:flex;justify-content:space-between;gap:34px;align-items:end}
.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.32em;text-transform:uppercase;margin-bottom:22px;opacity:0;transform:translateY(18px);animation:rise .72s .14s ease forwards}
h1{font-family:Georgia,serif;font-weight:400;margin:0;color:var(--gold2);font-size:clamp(54px,6.4vw,92px);line-height:.88;text-transform:uppercase;letter-spacing:.055em;opacity:0;transform:translateY(32px);animation:rise .9s .22s cubic-bezier(.2,.75,.2,1) forwards}
.section-head p{max-width:470px;margin:0;color:var(--muted);font:18px/1.55 Georgia,serif;opacity:0;transform:translateY(24px);animation:rise .82s .34s ease forwards}
.books{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;perspective:1800px;padding:30px 22px 46px;border:1px solid rgba(210,166,77,.16);background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(0,0,0,.22));box-shadow:inset 0 -18px 38px rgba(0,0,0,.58);position:relative}
.books:before{content:"";position:absolute;left:0;right:0;bottom:0;height:29px;background:linear-gradient(180deg,#3a2415,#140c07);border-top:1px solid rgba(210,166,77,.28);box-shadow:0 -8px 20px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.025)}
.book{min-height:540px;position:relative;overflow:hidden;border:1px solid rgba(210,166,77,.40);border-radius:10px 4px 4px 10px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),linear-gradient(90deg,#020202 0,#151515 12%,#090909 78%,#020202 100%);text-decoration:none;transform:translateY(34px);opacity:0;transform-origin:left center;transition:transform .85s cubic-bezier(.2,.75,.2,1),box-shadow .85s ease,border-color .6s ease;box-shadow:inset 18px 0 24px rgba(255,255,255,.035),inset -16px 0 22px rgba(0,0,0,.74),0 18px 28px rgba(0,0,0,.60);animation:cardIn .82s cubic-bezier(.2,.75,.2,1) forwards}
.book:nth-child(1){animation-delay:.46s}.book:nth-child(2){animation-delay:.56s}.book:nth-child(3){animation-delay:.66s}.book:nth-child(4){animation-delay:.76s}
.book:before{content:"";position:absolute;inset:16px 14px 16px 18px;border:1px solid rgba(210,166,77,.14);border-radius:7px 2px 2px 7px;z-index:2}.book:after{content:"";position:absolute;top:0;bottom:0;left:26px;width:1px;background:linear-gradient(180deg,transparent,rgba(240,207,125,.30),transparent);box-shadow:4px 0 10px rgba(0,0,0,.70);z-index:3;pointer-events:none}
.book:hover,.book:focus-visible{transform:translateZ(24px) translateX(11px) translateY(-12px) rotateY(-3deg);border-color:rgba(240,207,125,.78);box-shadow:inset 18px 0 24px rgba(255,255,255,.045),inset -16px 0 22px rgba(0,0,0,.77),-8px 8px 24px rgba(0,0,0,.36),18px 28px 46px rgba(0,0,0,.74),0 0 24px rgba(210,166,77,.10);outline:none}
.visual{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.72) brightness(.34);transition:filter .85s ease,transform .85s cubic-bezier(.2,.75,.2,1)}
.building .visual{background:repeating-linear-gradient(90deg,transparent 0 49px,rgba(210,166,77,.08) 50px),repeating-linear-gradient(0deg,transparent 0 49px,rgba(210,166,77,.08) 50px),radial-gradient(circle at 52% 35%,rgba(210,166,77,.20),transparent 26%),#0c0a07}
.artist .visual{background:linear-gradient(135deg,#120b07,#2b160e 50%,#060403)}
.interior .visual{background:linear-gradient(135deg,#1b1711,#3b2b20 55%,#070504)}
.style .visual{background:linear-gradient(135deg,#111,#24120e 60%,#050505)}
.book:hover .visual,.book:focus-visible .visual{filter:saturate(.82) brightness(.46);transform:scale(1.012)}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.88) 76%)}.shade:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 0 42%,rgba(255,230,160,.10) 48%,transparent 54%);transform:translateX(-120%);transition:transform 1.25s cubic-bezier(.2,.7,.2,1)}.book:hover .shade:after,.book:focus-visible .shade:after{transform:translateX(120%)}
.code{position:absolute;top:28px;left:38px;z-index:4;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:transparent;background:linear-gradient(90deg,#7e5a1e,#d6a64d 38%,#f4d37f 54%,#a7752e 80%);-webkit-background-clip:text;background-clip:text}
.title{position:absolute;left:38px;right:28px;bottom:116px;z-index:4;font:400 29px/1.05 Georgia,serif;text-transform:uppercase;letter-spacing:.05em;color:transparent;background:linear-gradient(90deg,#8a6424,#d6a64d 32%,#f4d37f 50%,#b17b2d 78%);-webkit-background-clip:text;background-clip:text}
.desc{position:absolute;left:38px;right:28px;bottom:52px;min-height:64px;z-index:4;color:rgba(215,208,192,.72);font:14px/1.5 Georgia,serif}
.book-open{position:absolute;left:38px;bottom:18px;z-index:6;display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border:1px solid rgba(210,166,77,.38);color:rgba(240,207,125,.82);background:rgba(0,0,0,.18);font-size:8px;letter-spacing:.18em;text-transform:uppercase;transition:border-color .35s,color .35s,background .35s}.book:hover .book-open,.book:focus-visible .book-open{border-color:rgba(240,207,125,.72);color:var(--gold2);background:rgba(210,166,77,.05)}
.book-seal{position:absolute;top:28px;right:28px;width:40px;height:40px;border:1px solid rgba(240,207,125,.68);transform:rotate(45deg);z-index:5;box-shadow:0 0 16px rgba(210,166,77,.08)}.book-seal span{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-45deg);color:var(--gold2);font:20px Georgia,serif}
@keyframes pageFade{to{opacity:1}}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){body{padding-top:92px}.rg-brand strong{display:none}.books{grid-template-columns:1fr 1fr}.section-head{align-items:start}.book{min-height:500px}}
@media(max-width:680px){.frame{inset:8px}#ramerk-global-header{top:10px;width:calc(100% - 20px)}.rg-nav{padding:9px 10px}.rg-links a{padding:9px 8px;font-size:9px}.section-head{display:block}.section-head p{margin-top:20px}.books{grid-template-columns:1fr;padding:22px 14px 42px}.book{min-height:480px}main{padding:44px 18px 60px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.house,.eyebrow,h1,.section-head p,.book{opacity:1;transform:none}}