: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;background:radial-gradient(circle at 50% 0%,rgba(210,166,77,.08),transparent 28%),linear-gradient(180deg,#030303,#080603 48%,#030303);color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}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}nav{position:fixed;z-index:95;top:22px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 52px));display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border:1px solid rgba(210,166,77,.20);background:rgba(4,4,4,.70);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--gold2)}.mark{width:36px;height:36px;border:1px solid var(--gold);transform:rotate(45deg);display:grid;place-items:center}.mark span{transform:rotate(-45deg);font:22px Georgia,serif}.brand b{font:400 16px Georgia,serif;letter-spacing:.06em}.links{display:flex;gap:4px;overflow:auto}.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}.links a:hover{color:var(--gold2)}section{position:relative}.hero{min-height:100vh;display:grid;place-items:center;padding:130px 24px 80px;text-align:center}.hero-inner{width:min(1120px,100%)}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.32em;text-transform:uppercase;margin-bottom:24px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;margin:0;color:var(--gold2)}h1{font-size:clamp(58px,9vw,138px);line-height:.82;letter-spacing:.07em;text-transform:uppercase}.line{width:min(460px,70vw);height:1px;margin:42px auto;background:linear-gradient(90deg,transparent,var(--gold),transparent);position:relative}.line:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;background:var(--gold);transform:translate(-50%,-50%) rotate(45deg)}.hero-copy{max-width:880px;margin:0 auto;color:var(--paper);font:clamp(22px,2.6vw,36px)/1.42 Georgia,serif}.hero-small{margin-top:26px;color:var(--muted);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.hero-cta{display:inline-flex;margin-top:34px;min-height:52px;align-items:center;padding:0 28px;border:1px solid rgba(210,166,77,.48);color:var(--gold2);text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.house,.vision,.system{padding:110px 5vw}.section-head{width:min(1180px,100%);margin:0 auto 48px;display:flex;justify-content:space-between;gap:28px;align-items:end}.section-head h2,.vision h2{font-size:clamp(44px,6vw,84px);text-transform:uppercase;letter-spacing:.05em}.section-head p{max-width:470px;margin:0;color:var(--muted);font:18px/1.55 Georgia,serif}.books{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.book{min-height:520px;position:relative;overflow:hidden;border:1px solid rgba(210,166,77,.30);background:#0a0806;text-decoration:none;transition:.45s;box-shadow:0 26px 70px rgba(0,0,0,.42)}.book:before{content:"";position:absolute;inset:16px;border:1px solid rgba(210,166,77,.14);z-index:2}.book:hover{transform:translateY(-12px);border-color:rgba(240,207,125,.72);box-shadow:0 40px 100px rgba(0,0,0,.58),0 0 26px rgba(210,166,77,.10)}.visual{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.78) brightness(.44);transition:.45s}.book:hover .visual{filter:saturate(.9) brightness(.58);transform:scale(1.025)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.88) 76%)}.code{position:absolute;top:28px;left:30px;z-index:3;color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.title{position:absolute;left:30px;right:26px;bottom:86px;z-index:3;font:400 31px/1.05 Georgia,serif;color:var(--gold2);text-transform:uppercase;letter-spacing:.05em}.desc{position:absolute;left:30px;right:28px;bottom:44px;z-index:3;color:rgba(215,208,192,.72);font:14px/1.5 Georgia,serif}.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}.vision{border-top:1px solid rgba(210,166,77,.08)}.vision-wrap{width:min(1180px,100%);margin:0 auto}.vision h2{text-align:center}.vision-intro{max-width:820px;margin:22px auto 58px;text-align:center;color:var(--muted);font:19px/1.6 Georgia,serif}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.person{border:1px solid var(--line);padding:34px;min-height:330px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.18));position:relative}.person:before{content:"";position:absolute;inset:14px;border:1px solid rgba(210,166,77,.11)}.person .num{color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.person h3{font-size:30px;margin-top:70px;text-transform:uppercase}.person b{display:block;margin-top:12px;color:var(--gold2);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.person p{margin:22px 0 0;color:var(--paper);font:16px/1.55 Georgia,serif}.system{border-top:1px solid rgba(210,166,77,.08)}.system-grid{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.statement{border:1px solid var(--line);padding:56px;min-height:500px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.2))}.statement h2{font-size:clamp(42px,5vw,72px);line-height:1.03;text-transform:uppercase}.statement p{color:var(--paper);font:20px/1.55 Georgia,serif}.statement .quote{color:var(--gold2);font-size:28px}.routes{display:grid;gap:18px}.route{border:1px solid var(--line);padding:28px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;background:#090704;transition:.3s}.route:hover{transform:translateX(8px);border-color:rgba(240,207,125,.62)}.route small{color:var(--gold);letter-spacing:.18em;text-transform:uppercase}.route strong{margin-top:16px;color:var(--gold2);font:28px Georgia,serif}footer{padding:80px 24px 100px;text-align:center;border-top:1px solid rgba(210,166,77,.08)}footer p{margin:0;color:var(--gold2);font:26px/1.5 Georgia,serif}footer small{display:block;margin-top:16px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase}@media(max-width:980px){.books{grid-template-columns:1fr 1fr}.people{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}}@media(max-width:680px){.frame{inset:8px}nav{top:10px;width:calc(100% - 20px)}.brand b{display:none}.books{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:18px}.house,.vision,.system{padding-left:18px;padding-right:18px}.statement{padding:34px}}

/* BOOKS — refined House of RAMERK edition */
.books{
  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;border:1px solid rgba(210,166,77,.40);border-radius:10px 4px 4px 10px;transform:translateZ(0) translateX(0) rotateY(0deg);transform-origin:left center;transition:transform .85s cubic-bezier(.2,.75,.2,1),box-shadow .85s ease,border-color .6s ease;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%);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)}
.book:before{inset:16px 14px 16px 18px;border-radius:7px 2px 2px 7px}
.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{transform:translateZ(24px) translateX(11px) 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)}
.book .visual{filter:saturate(.72) brightness(.34);transition:filter .85s ease,transform .85s cubic-bezier(.2,.75,.2,1)}
.book:hover .visual{filter:saturate(.82) brightness(.46);transform:scale(1.012)}
.book .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{transform:translateX(120%)}
.book .code{left:38px;color:transparent;background:linear-gradient(90deg,#7e5a1e,#d6a64d 38%,#f4d37f 54%,#a7752e 80%);-webkit-background-clip:text;background-clip:text}
.book .title{left:38px;right:28px;bottom:116px;font-size:29px;line-height:1.05;color:transparent;background:linear-gradient(90deg,#8a6424,#d6a64d 32%,#f4d37f 50%,#b17b2d 78%);-webkit-background-clip:text;background-clip:text}
.book .desc{left:38px;right:28px;bottom:52px;min-height:64px;margin:0;display:flex;align-items:flex-start;font-size:14px;line-height:1.5}
.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}
@media(max-width:680px){.books{padding:22px 14px 42px}.book{min-height:480px}}


.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 ease,color .35s ease,background .35s ease;
}
.book:hover .book-open{
  border-color:rgba(240,207,125,.72);
  color:var(--gold2);
  background:rgba(210,166,77,.05);
}

/* Shared page-shell additions */
.page-hero{min-height:58vh;display:grid;place-items:center;padding:150px 24px 70px;text-align:center}
.page-hero h1{font-size:clamp(54px,9vw,120px)}
.page-content{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:20px 0 110px}
.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.page-card{display:block;min-height:260px;padding:34px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.28)),#090806;color:var(--paper);text-decoration:none;position:relative}
.page-card:hover{border-color:rgba(240,207,125,.68);transform:translateY(-3px)}
.page-card small{color:var(--gold);text-transform:uppercase;letter-spacing:.18em}
.page-card h2{margin-top:70px;font-size:clamp(32px,4vw,52px);text-transform:uppercase}
.page-card p{font:17px/1.6 Georgia,serif;color:var(--paper)}
.site-nav-slot{min-height:76px}
.nav-active{color:var(--gold2)!important;background:rgba(210,166,77,.06)}
.mobile-toggle{display:none;border:1px solid rgba(210,166,77,.4);background:#070707;color:var(--gold2);padding:9px 11px}
@media(max-width:760px){.page-grid{grid-template-columns:1fr}.mobile-toggle{display:block}.links{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;background:rgba(4,4,4,.97);border:1px solid var(--line);padding:8px}.links.open{display:flex}}

.people-page .hero{min-height:72vh;display:grid;place-items:center;padding:140px 24px 70px;text-align:center}
.people-page .hero-inner{width:min(1040px,100%)}
.people-page .intro{max-width:760px;margin:0 auto;color:var(--paper);font:clamp(20px,2.2vw,30px)/1.5 Georgia,serif}
.people-page .people{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:10px 0 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.people-page .person{position:relative;min-height:540px;border:1px solid rgba(210,166,77,.28);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.28)),#090806;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.people-page .person:after{content:"";position:absolute;width:180px;height:180px;top:72px;left:50%;transform:translateX(-50%) rotate(45deg);border:1px solid rgba(210,166,77,.20)}
.people-page .symbol{position:absolute;top:122px;left:50%;transform:translateX(-50%);color:rgba(240,207,125,.74);font:52px Georgia,serif;z-index:2}
.people-page .number{position:absolute;top:30px;left:32px;color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.people-page .person h2{font-size:clamp(34px,3.2vw,48px);line-height:1;text-transform:uppercase;position:relative;z-index:2}
.people-page .role{margin-top:15px;color:var(--gold2);font-size:10px;letter-spacing:.17em;text-transform:uppercase;position:relative;z-index:2}
.people-page .person p{margin:24px 0 0;color:var(--paper);font:16px/1.6 Georgia,serif;position:relative;z-index:2}
.people-page .closing{border-top:1px solid rgba(210,166,77,.10);padding:100px 24px 120px;text-align:center}
.people-page .closing p{max-width:900px;margin:0 auto;color:var(--gold2);font:clamp(28px,4vw,58px)/1.18 Georgia,serif}
.people-page .back{display:inline-flex;margin-top:42px;min-height:50px;align-items:center;padding:0 26px;border:1px solid rgba(210,166,77,.46);color:var(--gold2);text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:10px}
@media(max-width:920px){.people-page .people{grid-template-columns:1fr}.people-page .person{min-height:470px}}

/* Production additions */
.site-nav-slot{position:fixed;top:22px;left:50%;transform:translateX(-50%);z-index:9999;width:min(1180px,calc(100% - 52px))}.site-nav-slot nav{position:relative;top:auto;left:auto;transform:none;width:100%}.hero.compact{min-height:58vh}.routes.standalone{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:40px 0 120px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.routes.standalone .route{min-height:120px}@media(max-width:700px){.routes.standalone{grid-template-columns:1fr}.site-nav-slot{top:10px;width:calc(100% - 20px)}}