:root{
--grain-op:.045;
--glass-bg:rgba(244,242,236,.66);
--glass-brd:rgba(216,212,200,.85);
--glow-red:226,35,26;
--glow-gold:212,181,133;
--glow-soil:139,111,71;
--ease-3:cubic-bezier(0.16,1,0.3,1);
--ease-out:cubic-bezier(0.22,1,0.36,1);
}
.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:var(--grain-op);mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size:140px 140px;}
.orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;opacity:.55;will-change:transform}
.glass{
background:var(--glass-bg);
-webkit-backdrop-filter:blur(14px) saturate(140%);
backdrop-filter:blur(14px) saturate(140%);
border:1px solid var(--glass-brd);
box-shadow:var(--shadow-2,0 18px 48px -22px rgba(20,18,12,.28)), inset 0 1px 0 rgba(255,255,255,.55);
}
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease-3),transform 1s var(--ease-3);transition-delay:var(--d,0ms);will-change:opacity,transform}
[data-reveal].in{opacity:1;transform:none}
.field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
[data-magnetic]{will-change:transform;transition:transform .35s var(--ease-3)}
@media (prefers-reduced-motion:reduce){
.grain{display:none}
.orb{display:none}
.field{display:none}
[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
*{animation-duration:.001ms!important;animation-iteration-count:1!important}
}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid #d4b585;outline-offset:2px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}