/* NAT — Luxury Interaction System 2027 | shared across all 11 pages */
:root{--nat-interact-gold:#f1d08e;--nat-interact-shadow:rgba(232,184,99,.25)}
/* Interactive controls: consistent visual feedback without altering layout */
a[href],button:not(:disabled),[role="button"],summary,select,input[type="submit"],input[type="button"]{ -webkit-tap-highlight-color:transparent }
a[href]:focus-visible,button:focus-visible,[role="button"]:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{
 outline:2px solid var(--nat-interact-gold)!important;outline-offset:3px!important;
 box-shadow:0 0 0 5px rgba(235,193,119,.17)!important
}
.nat-interactive{position:relative;isolation:isolate;cursor:pointer;transition:transform .22s cubic-bezier(.2,.75,.2,1),box-shadow .22s ease,filter .22s ease,border-color .22s ease!important}
.nat-interactive:hover:not(:disabled){filter:brightness(1.13);box-shadow:0 10px 27px var(--nat-interact-shadow),0 5px 18px #0004!important}
.nat-interactive:active:not(:disabled),.nat-interactive.nat-is-pressed{transform:scale(.965)!important;filter:brightness(1.2)!important}
.nat-interactive.nat-is-clicked{box-shadow:0 0 0 3px #f5d18a80,0 12px 30px #0006!important}
.nat-interactive.nat-is-clicked::after{content:"";position:absolute;inset:-2px;border:1px solid #f7d796;border-radius:inherit;pointer-events:none;animation:natPulseRing .48s ease-out both}
@keyframes natPulseRing{0%{opacity:1;transform:scale(.96)}100%{opacity:0;transform:scale(1.09)}}
.nat-ripple{position:absolute;z-index:3;pointer-events:none;left:var(--nat-ripple-x,50%);top:var(--nat-ripple-y,50%);width:16px;height:16px;border-radius:50%;background:rgba(255,240,195,.6);box-shadow:0 0 18px rgba(249,216,144,.55);transform:translate(-50%,-50%) scale(0);animation:natClickRipple .55s ease-out forwards}
@keyframes natClickRipple{to{opacity:0;transform:translate(-50%,-50%) scale(12)}}
.nat-contact-dock a.nat-interactive:hover{transform:translateX(-5px) scale(1.035)!important}
.nat-contact-dock a.nat-interactive:active,.nat-contact-dock a.nat-interactive.nat-is-pressed{transform:scale(.95)!important}
.nat-contact-dock a.nat-interactive{overflow:hidden!important}
.nat-interactive.nat-no-ripple{overflow:visible}
@media(hover:hover) and (pointer:fine){
 .nat-interactive.nat-nav-interactive:hover{color:#f2d18c!important;text-shadow:0 0 13px #f2ce8660}
 .nat-interactive.nat-card-interactive:hover{transform:translateY(-5px)!important;border-color:#eac17d!important}
}
@media(prefers-reduced-motion:reduce){
 .nat-interactive{transition:none!important}
 .nat-interactive:hover,.nat-interactive:active,.nat-interactive.nat-is-pressed{transform:none!important}
 .nat-ripple,.nat-interactive.nat-is-clicked::after{display:none!important}
}