*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1508;--nav: #100e04;--orange: #e8920a;--radius: 10px}body{background:var(--bg);font-family:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f0e8d0;min-height:100vh}#root{min-height:100vh}nav{background:var(--nav);border-bottom:1px solid #241e08;height:56px}.nav-inner{max-width:960px;margin:0 auto;height:56px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:11px;text-decoration:none}.logo svg{width:36px;height:36px;flex-shrink:0}.logo-mark{width:36px;height:36px;flex-shrink:0;display:block}.logo-name{font-size:19px;font-weight:800;color:var(--orange);letter-spacing:.02em;line-height:1}.logo-sub{font-size:12px;color:#c0a25b;letter-spacing:.3em;text-transform:uppercase;margin-top:2px}.nav-right{display:flex;gap:7px}.icon-btn{width:33px;height:33px;border-radius:7px;background:#1a1608;border:1px solid #2a2210;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s}.icon-btn:hover{background:#231707;border-color:#e8920af2;box-shadow:0 0 0 1px #0009,0 0 10px #e8920a99}.icon-btn svg{width:17px;height:17px;fill:#e0d2aa;opacity:.7;transition:fill .2s,opacity .2s}.icon-btn:hover svg{fill:#ffe6a0;opacity:1}.icon-btn img{width:17px;height:17px;display:block;filter:brightness(.95) contrast(1.05);opacity:.7;transition:filter .2s,opacity .2s}.icon-btn:hover img{filter:brightness(1.2) contrast(1.1);opacity:1}main{max-width:960px;margin:0 auto;padding:18px 14px 44px}.row{display:grid;gap:9px;margin-bottom:9px}.row-1{grid-template-columns:1fr}.row-2{grid-template-columns:1fr 1fr}.card{position:relative;border-radius:var(--radius);overflow:hidden;display:block;text-decoration:none;border:1px solid rgba(0,0,0,.4);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #000000a6,0 0 0 2px var(--card-tint, rgba(232, 146, 10, .9));border-color:var(--card-tint, rgba(232, 146, 10, .9))}.card--lg,.card--md{height:200px}.scene{position:absolute;inset:0;overflow:hidden}.card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}.card-tint{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.15}.fog{position:absolute;inset:0;background:radial-gradient(ellipse 90% 55% at 50% 110%,rgba(0,0,0,.55) 0%,transparent 100%),linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 35%,rgba(0,0,0,.28) 100%)}.grain{position:absolute;inset:0;pointer-events:none;opacity:.2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px}.label{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:40px 16px 14px;background:linear-gradient(0deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.3) 5%,transparent 60%)}.label-title{font-size:16px;font-weight:700;color:#f0e8d0;letter-spacing:.02em;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.7);transition:color .2s ease}.card--lg .label-title{font-size:19px}.label-sub{font-size:11px;font-weight:400;color:#9a8860;letter-spacing:.07em;text-transform:uppercase;margin-top:3px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.label-desc{margin-top:6px;font-size:12px;line-height:1.4;color:#c7b78a}.card:hover .label-title{color:var(--card-tint, #f0e8d0)}.card:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.05) 50%,transparent 62%);transform:translate(-120%);transition:transform .45s ease}.card:hover:after{transform:translate(120%)}footer{text-align:center;margin-top:20px;font-size:11px;color:#d2c394;letter-spacing:.08em}footer a{color:#f0e0a0;text-decoration:none}footer a:hover{color:#ffe58a}