@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Playfair+Display:wght@700;800&display=swap');
:root{--gold:#b88a19;--dark:#101010;--muted:#6d7375;--line:#e8e2d7;--cream:#fbfaf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--dark);background:#fff}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.86),rgba(255,255,255,.92)),url('assets/pages/page-01.jpg') center/cover;filter:grayscale(.15)}.site-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:22px 6vw;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.22em;text-decoration:none;color:#111}.brand span{color:#111}.brand{color:var(--gold)}nav a{margin-left:26px;color:#111;text-decoration:none;font-weight:700}.hero{min-height:82vh;display:grid;grid-template-columns:1fr .9fr;gap:6vw;align-items:center;padding:70px 6vw}.eyebrow{text-transform:uppercase;letter-spacing:.42em;color:var(--gold);font-weight:800;font-size:14px}.hero h1,.section-head h2,.about h2{font-family:'Playfair Display',serif;font-size:clamp(44px,7vw,86px);line-height:.95;margin:18px 0}.hero p{font-size:19px;line-height:1.7;max-width:720px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);background:var(--gold);color:white;border-radius:999px;padding:14px 24px;font-weight:800;text-decoration:none}.btn.outline{background:transparent;color:#111}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-card{background:white;padding:18px;box-shadow:0 26px 80px rgba(0,0,0,.12)}.hero-card img{width:100%;display:block}.catalogue-section{padding:80px 6vw}.section-head{max-width:850px}.section-head h2,.about h2{font-size:clamp(38px,5vw,62px)}.search{width:min(520px,100%);border:1px solid var(--line);border-radius:999px;padding:16px 22px;font-size:16px;margin:22px 0 28px;background:white}.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}.page-card{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 14px 45px rgba(0,0,0,.06);cursor:pointer;transition:.25s}.page-card:hover{transform:translateY(-6px);box-shadow:0 22px 60px rgba(0,0,0,.12)}.page-card img{width:100%;aspect-ratio:595/842;object-fit:cover;display:block;background:#eee}.page-info{padding:18px}.page-info h3{margin:0 0 10px;font-size:18px}.codes{display:flex;gap:6px;flex-wrap:wrap}.code{background:#111;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.page-number{color:var(--muted);font-size:13px;margin-top:12px}.about{margin:40px 6vw 80px;padding:55px;border-radius:34px;background:rgba(255,255,255,.83);border:1px solid var(--line)}.about p{max-width:900px;line-height:1.8;font-size:18px}footer{padding:45px 6vw;background:#111;color:white;line-height:1.8}footer a{color:#f0c25b}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:60;background:#25d366;color:white;text-decoration:none;font-weight:900;padding:15px 20px;border-radius:999px;box-shadow:0 12px 36px rgba(0,0,0,.2)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:100;display:none;align-items:center;justify-content:center;padding:28px}.modal.open{display:flex}.modal-inner{width:min(980px,100%);height:92vh;display:flex;flex-direction:column;gap:12px}.modal-top{background:white;border-radius:18px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.zoom-wrap{overflow:auto;text-align:center;background:#1a1a1a;border-radius:18px;height:100%;-webkit-overflow-scrolling:touch}.zoom-wrap img{width:min(100%,900px);max-width:none;cursor:zoom-in;transition:.2s}.zoom-wrap img.zoomed{width:1500px;cursor:zoom-out}.close,.prev,.next{position:fixed;z-index:110;border:0;border-radius:50%;background:white;color:#111;font-size:34px;width:52px;height:52px;cursor:pointer}.close{right:18px;top:18px}.prev{left:18px;top:50%}.next{right:18px;top:50%}@media(max-width:800px){.site-header{align-items:flex-start;gap:12px;flex-direction:column}.brand{font-size:13px}nav a{margin:0 18px 0 0}.hero{grid-template-columns:1fr;padding-top:45px}.hero-card{order:-1}.page-grid{grid-template-columns:1fr}.modal{padding:8px}.modal-inner{height:94vh}.modal-top{align-items:flex-start;flex-direction:column}.prev,.next{top:auto;bottom:18px}.prev{left:18px}.next{right:18px}.close{width:46px;height:46px}.zoom-wrap img.zoomed{width:1100px}}