:root{--gold:#d7b77c;--gold2:#ead4a4;--dark:#0b0b0a;--panel:rgba(12,10,8,.91);--line:rgba(215,183,124,.55);--white:#f6f0e5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:var(--white);font-family:serif}a{text-decoration:none;color:inherit}
.site-header{position:relative;z-index:10;background:rgba(9,9,8,.97);border-bottom:1px solid rgba(215,183,124,.22)}
.topbar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 3.4%;font-size:13px;color:#e4d7c3;border-bottom:1px solid rgba(215,183,124,.22)}
.namedays{display:flex;gap:13px;align-items:center}.namedays i{height:14px;width:1px;background:var(--line)}.namedays b{font-weight:500;color:#fff}.clock{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.2px}
.nav-wrap{height:84px;display:flex;align-items:center;padding:0 3.4%;gap:50px}.brand{font-size:34px;letter-spacing:4px;color:var(--gold2);white-space:nowrap}.nav-wrap nav{display:flex;align-items:center;gap:30px;margin-left:auto}.nav-wrap nav a{font-size:15px;letter-spacing:.3px;padding:31px 0 28px;border-bottom:2px solid transparent}.nav-wrap nav a:hover,.nav-wrap nav a.active{color:var(--gold2);border-bottom-color:var(--gold)}.lang{display:flex;gap:12px;margin-left:18px;font-family:Inter,sans-serif;font-size:13px}.lang button{background:none;border:0;color:#aaa;font:inherit;padding:0;cursor:pointer}.lang button.selected{color:var(--gold2)}
.hero{min-height:775px;position:relative;background-image:url('../images/background.jpg');background-size:cover;background-position:center 48%;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 78% 67%,rgba(231,170,67,.20) 0,rgba(231,170,67,.08) 12%,rgba(231,170,67,0) 30%),linear-gradient(90deg,rgba(3,4,3,.62) 0%,rgba(3,4,3,.30) 38%,rgba(3,4,3,.14) 68%,rgba(3,4,3,.28) 100%),linear-gradient(0deg,rgba(4,4,3,.48),rgba(4,4,3,.03) 55%,rgba(4,4,3,.12));}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px rgba(0,0,0,.38)}
.hero-content{position:relative;z-index:2;max-width:1410px;margin:auto;min-height:610px;padding:120px 42px 0;display:flex;justify-content:space-between;gap:55px}.hero-copy{padding-top:50px;max-width:700px}.eyebrow{font-size:15px;font-style:italic;letter-spacing:1.2px;color:#e7c995;margin:0 0 12px}.hero h1{font-size:58px;line-height:1;margin:0;letter-spacing:3px;font-weight:600}.gold-line{width:65px;height:3px;background:var(--gold);margin:22px 0 25px}.intro{font-size:19px;font-style:italic;margin:0;line-height:1.45;max-width:650px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:33px}.btn{border:1px solid var(--gold);padding:17px 34px;font-size:15px;letter-spacing:1.7px;color:var(--gold2);transition:.2s}.btn:hover{background:rgba(215,183,124,.13)}.btn span{font-size:22px;margin-left:13px}.gallery-link{display:flex;align-items:center;gap:14px;color:#eadfcf;font-size:14px;letter-spacing:1px}.play{border:1px solid var(--gold);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:29px;color:var(--gold2);line-height:1}
.right-panel{width:475px;flex:0 0 475px;transform:translateY(-50px)}.info-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-card{min-height:88px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(7px);display:flex;align-items:center;padding:16px 20px;gap:16px}.card-icon{font-family:Inter,sans-serif;color:var(--gold2);font-size:27px}.info-card small{display:block;font-size:13px;color:#d8cdbd;margin-bottom:3px}.info-card strong{display:block;font-size:18px;font-weight:500}.countdown-card{margin-top:14px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(7px);padding:23px 25px 20px}.card-heading{font-size:17px;letter-spacing:2px}.card-heading span{float:right;font-size:22px}.countdowns{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:28px}.countdown-item{text-align:center}.count-number{font-size:43px;line-height:1;font-weight:500;color:#f0ddb7}.count-label{font-size:11px;letter-spacing:1.2px;margin-top:7px;color:#e2d4bd}.person-name{font-size:16px;font-style:italic;color:#f0ddb7;margin-top:7px}.card-divider{height:1px;background:rgba(215,183,124,.5);margin:22px 0 14px}.quote{font-size:15px;font-style:italic;line-height:1.45;color:#ded2c0;margin:0}
.tiles{position:absolute;z-index:4;bottom:10px;left:50%;transform:translateX(-50%);width:min(1410px,calc(100% - 84px));display:grid;grid-template-columns:repeat(9,1fr);gap:14px}.tile{min-height:100px;border:1px solid var(--line);background:rgba(10,9,7,.92);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.2s}.tile:hover{transform:translateY(-5px);background:rgba(20,17,12,.88)}.tile-icon{font-family:Inter,sans-serif;font-size:31px;color:var(--gold2);height:40px}.tile b{font-size:15px;letter-spacing:1.5px;font-weight:600;margin-top:4px}.tile small{font-size:12px;color:#cbbfae;margin-top:6px}
footer{min-height:125px;background:#090908;border-top:1px solid rgba(215,183,124,.3);display:grid;grid-template-columns:0.7fr 2.0fr 1.0fr 0.6fr;align-items:center;padding:25px 3.4%;gap:30px}.footer-brand{font-size:20px;letter-spacing:2px}.footer-links{white-space:nowrap;font-size:11px;letter-spacing:1px;color:#cfc2ae}.footer-links a{color:inherit;text-decoration:none;transition:.2s}.footer-links a:hover{color:var(--gold);text-decoration:none}.footer-links span{margin:0 8px;color:var(--gold)}.footer-motto{text-align:center;font-size:11px;letter-spacing:2px;color:var(--gold)}.footer-quote{text-align:right;font-style:italic;font-size:15px;color:#d9c9b1}
@media(max-width:1100px){.nav-wrap{gap:20px}.brand{font-size:27px}.nav-wrap nav{gap:16px}.right-panel{width:410px;flex-basis:410px}.hero-content{padding-left:28px;padding-right:28px}.tiles{width:calc(100% - 40px);gap:8px}.tile small{display:none}}
@media(max-width:820px){.topbar{font-size:11px}.namedays span:nth-of-type(3),.namedays i:nth-of-type(2){display:none}.nav-wrap{height:auto;min-height:74px;flex-wrap:wrap;padding:14px 20px}.brand{width:100%;font-size:25px}.nav-wrap nav{order:3;width:100%;overflow:auto;margin:0;gap:22px}.nav-wrap nav a{padding:8px 0 10px;white-space:nowrap}.lang{position:absolute;right:20px;top:20px}.hero{min-height:1100px}.hero-content{display:block;padding:70px 20px 0}.hero-copy{padding-top:20px}.hero h1{font-size:43px}.right-panel{width:100%;margin-top:55px}.tiles{position:relative;bottom:auto;left:auto;transform:none;width:calc(100% - 40px);margin:-95px auto 0;grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr;text-align:center}.footer-quote{text-align:center}}
@media(max-width:600px){.countdowns{grid-template-columns:repeat(5,1fr);gap:1px}.count-number{font-size:28px}.person-name{font-size:12px}.count-label{font-size:9px}}
@media(max-width:480px){.info-row{grid-template-columns:1fr}.countdowns{gap:2px}.count-number{font-size:32px}.person-name{font-size:14px}.hero{min-height:1180px}.tiles{margin-top:-70px}.hero-actions{gap:16px}.gallery-link{font-size:12px}}

/* Gold paw icon */
.tile[href="psi.php"] .tile-icon{filter:grayscale(1) sepia(1) saturate(2.2) hue-rotate(350deg) brightness(1.08);}