@font-face{
  font-family:'Abar';
  src:url('../fonts/AbarHigh-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Abar';
  src:url('../fonts/AbarHigh-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Abar';
  src:url('../fonts/AbarHigh-Black.ttf') format('truetype');
  font-weight:900;
  font-style:normal;
  font-display:swap;
}

:root{
  --bg:#120d0a;
  --bg2:#26150e;
  --gold:#f5c56b;
  --gold2:#b8792f;
  --cream:#fff2d3;
  --muted:#d9bd8f;
  --rose:#9d3f2e;
  --green:#143d33;
  --glass:rgba(255,242,211,.095);
  --border:rgba(245,197,107,.32);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:'Abar', Tahoma, Arial, sans-serif;
  background:radial-gradient(circle at 15% 10%, #4a2015 0, transparent 32%), radial-gradient(circle at 80% 20%, #143d33 0, transparent 28%), linear-gradient(135deg,var(--bg),var(--bg2) 55%,#080605);
  color:var(--cream);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.grain{position:fixed;inset:0;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.tile-bg{position:fixed;inset:-40px;opacity:.11;background-image: radial-gradient(circle at center, transparent 0 18px, rgba(245,197,107,.8) 19px 20px, transparent 21px), linear-gradient(45deg, transparent 48%, rgba(245,197,107,.5) 49% 51%, transparent 52%);background-size:92px 92px;animation:drift 28s linear infinite;pointer-events:none}.orb{position:fixed;border-radius:999px;filter:blur(44px);opacity:.42;pointer-events:none}.orb-1{width:360px;height:360px;right:-80px;top:-60px;background:var(--gold2);animation:float 7s ease-in-out infinite}.orb-2{width:280px;height:280px;left:-80px;bottom:10%;background:var(--green);animation:float 8s ease-in-out infinite reverse}
.page-shell{min-height:100%;display:grid;place-items:center;padding:36px 18px}.hero-card{width:min(1160px,100%);min-height:690px;padding:34px;border:1px solid var(--border);border-radius:38px;background:linear-gradient(145deg,rgba(255,242,211,.13),rgba(255,242,211,.04));box-shadow:0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(18px);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:14px;border:1px solid rgba(245,197,107,.18);border-radius:28px;pointer-events:none}.topline,.card-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.badge{letter-spacing:.25em;font-size:13px;color:var(--gold);direction:ltr}.line{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);flex:1}.city{color:var(--muted);font-size:15px}.hero-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:32px;min-height:520px;position:relative;z-index:2}.eyebrow{color:var(--gold);font-size:18px;margin:0 0 12px}.content h1{font-size:clamp(74px,11vw,148px);line-height:.88;margin:0;letter-spacing:-.06em;font-weight:900;text-shadow:0 10px 34px rgba(0,0,0,.42)}.content h1 span{color:var(--gold);position:relative}.content h1 span:after{content:"";position:absolute;right:5%;bottom:5px;width:90%;height:14px;border-radius:999px;background:rgba(157,63,46,.72);z-index:-1;filter:blur(2px)}.lead{max-width:620px;font-size:21px;line-height:2;color:#f4dfbd;margin:26px 0 30px}.actions{display:flex;gap:14px;flex-wrap:wrap}.primary,.secondary{padding:15px 24px;border-radius:999px;font-weight:700;transition:.35s transform,.35s background,.35s border-color}.primary{background:linear-gradient(135deg,var(--gold),#fff1b8);color:#211207;box-shadow:0 14px 35px rgba(245,197,107,.26)}.secondary{border:1px solid var(--border);background:rgba(255,255,255,.05)}.primary:hover,.secondary:hover{transform:translateY(-4px)}.secondary:hover{border-color:var(--gold)}.micro-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.micro-list span{font-size:14px;color:var(--muted);border:1px solid rgba(245,197,107,.22);padding:9px 12px;border-radius:999px;background:rgba(0,0,0,.14)}
.visual{height:520px;position:relative;display:grid;place-items:center;perspective:900px}.arch{position:absolute;border:1px solid rgba(245,197,107,.42);border-radius:220px 220px 34px 34px}.arch-back{width:350px;height:470px;background:linear-gradient(180deg,rgba(20,61,51,.45),rgba(157,63,46,.18));transform:rotateY(-18deg) rotateZ(-5deg) translateX(-28px);box-shadow:0 24px 70px rgba(0,0,0,.32)}.arch-main{width:330px;height:455px;background:radial-gradient(circle at 50% 26%,rgba(245,197,107,.25),transparent 26%),linear-gradient(180deg,rgba(255,242,211,.16),rgba(0,0,0,.2));box-shadow:inset 0 0 55px rgba(245,197,107,.12),0 26px 80px rgba(0,0,0,.45);overflow:hidden;animation:archPulse 5s ease-in-out infinite}.arch-main:before{content:"";position:absolute;inset:22px;border:1px solid rgba(245,197,107,.28);border-radius:180px 180px 25px 25px}.moon{position:absolute;top:58px;right:70px;width:70px;height:70px;border-radius:50%;background:var(--gold);box-shadow:0 0 45px rgba(245,197,107,.75)}.window-grid{position:absolute;top:150px;right:70px;left:70px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.window-grid span{height:86px;border-radius:80px 80px 12px 12px;background:linear-gradient(180deg,rgba(245,197,107,.45),rgba(157,63,46,.2));border:1px solid rgba(245,197,107,.34)}.lantern{position:absolute;top:125px;width:34px;height:62px;border-radius:18px;background:linear-gradient(#ffe7a1,#a94d31);box-shadow:0 0 26px rgba(245,197,107,.75);animation:swing 3.2s ease-in-out infinite;transform-origin:top}.lantern:before{content:"";position:absolute;top:-35px;right:16px;width:1px;height:36px;background:rgba(245,197,107,.55)}.lantern-a{right:35px}.lantern-b{left:38px;animation-delay:.6s}.steam{position:absolute;bottom:138px;width:45px;height:100px;border-right:3px solid rgba(255,242,211,.5);border-radius:50%;animation:steam 3s ease-in-out infinite}.s1{right:118px}.s2{right:170px;animation-delay:.8s}.plate{position:absolute;bottom:90px;right:88px;width:150px;height:44px;border-radius:50%;background:radial-gradient(ellipse at center,#fff3d4 0 24%,#c78642 26% 44%,#5d2419 45%);box-shadow:0 20px 30px rgba(0,0,0,.34)}.floor-pattern{position:absolute;bottom:0;width:440px;height:90px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(245,197,107,.36),transparent 62%);filter:blur(2px);animation:glow 4s ease-in-out infinite}.card-footer{border-top:1px solid rgba(245,197,107,.2);padding-top:22px;color:var(--muted)}.card-footer strong{display:block;color:var(--cream);font-size:20px;margin-bottom:6px}.contact{text-align:left;direction:ltr}.contact a{font-size:22px;color:var(--gold);font-weight:900;display:block}.contact span{font-size:13px;color:var(--muted)}
@keyframes float{50%{transform:translateY(28px) translateX(18px)}}@keyframes drift{to{transform:translate3d(92px,92px,0)}}@keyframes archPulse{50%{transform:translateY(-10px);box-shadow:inset 0 0 70px rgba(245,197,107,.18),0 36px 95px rgba(0,0,0,.48)}}@keyframes swing{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes steam{0%{opacity:0;transform:translateY(35px) scale(.8)}45%{opacity:.8}100%{opacity:0;transform:translateY(-42px) scale(1.2)}}@keyframes glow{50%{opacity:.5;transform:scale(1.06)}}
@media (max-width:880px){.hero-card{padding:24px;border-radius:28px}.hero-grid{grid-template-columns:1fr;gap:8px}.visual{height:400px;order:-1;transform:scale(.86)}.topline{align-items:flex-start}.line{display:none}.content h1{font-size:82px}.lead{font-size:18px}.card-footer{align-items:flex-start;flex-direction:column}.contact{text-align:right;direction:rtl}}@media (max-width:520px){.page-shell{padding:12px}.hero-card{padding:20px;min-height:auto}.badge{font-size:11px;letter-spacing:.16em}.city{font-size:13px}.visual{height:330px;transform:scale(.68);margin:-45px 0}.content h1{font-size:66px}.lead{font-size:16px;line-height:1.9}.actions a{width:100%;text-align:center}.micro-list span{font-size:12px}.card-footer strong{font-size:17px}}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}