/* Sygnature — sygnature.eu · launch version V05 · 4 October 2026
   House style: Playfair Display (display), Raleway (body), JetBrains Mono (specs).
   Palette: gold #B8924A · bronze #3D3426 · sand #D4C5A0 · bone #FAF9F7 · onyx #1A1710 */

html{scroll-behavior:smooth}
body{margin:0;background:#FAF9F7;color:#3D3426;font-family:Raleway,'Helvetica Neue',Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#7A5E2A}a:hover{color:#5C4720}
a,button,.fld{transition:background-color 320ms cubic-bezier(0.22,1,0.36,1),color 320ms cubic-bezier(0.22,1,0.36,1),border-color 320ms cubic-bezier(0.22,1,0.36,1)}
.nav{color:#D4C5A0}.nav:hover{color:#B8924A}
.plain{color:#D4C5A0}.plain:hover{color:#B8924A}
.ghost{color:#7A5E2A;border-bottom:1px solid rgba(122,94,42,0.4)}.ghost:hover{color:#3D3426;border-bottom-color:#3D3426}
.ghost-d{color:#B8924A;border-bottom:1px solid rgba(184,146,74,0.45)}.ghost-d:hover{color:#EDDFBC;border-bottom-color:#EDDFBC}
.btn-gold{background:#B8924A;color:#1A1710}.btn-gold:hover{background:#CBA75B;color:#1A1710}
.btn-outline-d{background:transparent;color:#FAF9F7;border:1px solid rgba(212,197,160,0.45)}.btn-outline-d:hover{background:rgba(212,197,160,0.12);color:#FAF9F7}
.fld::placeholder{color:#968874;opacity:1}.fld:focus{border-bottom-color:#B8924A}
.msg{display:none}.msg:target{display:block}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid #B8924A;outline-offset:4px}
@keyframes magma{0%,100%{opacity:.6}50%{opacity:1}}
.glow{animation:magma 4s ease-in-out infinite}
@media (max-width:900px){
section{padding:72px 20px!important}
footer{padding:56px 20px 40px!important}
.g{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.lvl{padding:32px 0!important;border-left:0!important;border-top:1px solid rgba(61,52,38,0.14)}
.top{flex-wrap:wrap;gap:16px!important}
.top .nav{display:none!important}
.top img{width:150px!important}
h1{font-size:46px!important;line-height:1.02!important}
h2{font-size:34px!important;line-height:1.12!important}
h3{font-size:28px!important}
#top>div{gap:48px!important}
}
@media (prefers-reduced-motion:reduce){.glow{animation:none}html{scroll-behavior:auto}}