/* Native navigation remains intact: history, downloads and modified clicks work normally. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:portal-out .16s ease-in both}
::view-transition-new(root){animation:portal-in .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes portal-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes portal-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
a,button{ -webkit-tap-highlight-color:transparent }
a.card,.btn,button,.primary-action,.secondary-action,.svc-home,.main-nav a{position:relative;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
a.card:active,.btn:active,button:active,.primary-action:active,.svc-home:active{transform:scale(.975)}
button[hidden],a[hidden]{display:none!important}
.click-wave{position:absolute;inset:0;border-radius:inherit;border:2px solid #e6d5ff;box-shadow:0 0 18px #c1a2ff70;pointer-events:none;animation:click-wave .48s ease-out forwards;z-index:2}
@keyframes click-wave{from{opacity:.9;transform:scale(.94)}to{opacity:0;transform:scale(1.08)}}
.service-filters button[aria-pressed=true]{box-shadow:0 0 24px #ac86ff20}
@media(prefers-reduced-motion:no-preference){body>.shell,body>main{animation:portal-in .35s ease-out both}.main-nav a:hover,.svc-home:hover{box-shadow:0 4px 22px #b799ff22}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}.click-wave{display:none}a,button{transition:none!important}a:active,button:active{transform:none!important}}

/* The name keeps its inherited type and contrast; only its light breathes. */
.arkaon-living{display:inline-block;position:relative;white-space:nowrap;font:inherit;letter-spacing:inherit;color:inherit;vertical-align:baseline;animation:arkaon-breath 5.6s ease-in-out infinite}
.arkaon-living::after{content:'';position:absolute;pointer-events:none;inset:auto 4% -.08em;height:1px;background:linear-gradient(90deg,transparent,#b39a67,transparent);transform-origin:center;animation:arkaon-light 5.6s ease-in-out infinite;opacity:.35}
@keyframes arkaon-breath{0%,100%{text-shadow:0 0 0 transparent;transform:translateY(0)}50%{text-shadow:0 0 14px #b39a6750;transform:translateY(-.035em)}}
@keyframes arkaon-light{0%,100%{opacity:.2;transform:scaleX(.45)}50%{opacity:.8;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.arkaon-living{animation:none;text-shadow:none;transform:none}.arkaon-living::after{animation:none;opacity:.4;transform:none}}
@media(forced-colors:active){.arkaon-living{animation:none;text-shadow:none}.arkaon-living::after{display:none}}
@media print{.arkaon-living{animation:none;text-shadow:none;transform:none}.arkaon-living::after{display:none}}

/* One unhurried page reveal, with native navigation and a CSS-only fallback. */
@keyframes atelier-page-out{to{opacity:0;transform:translateY(-10px) scale(.995)}}
@keyframes atelier-page-in{from{opacity:0;transform:translateY(22px) scale(.99)}to{opacity:1;transform:none}}
@keyframes atelier-silk{from{opacity:.7;transform:translateX(-110%)}to{opacity:0;transform:translateX(110%)}}
@media(prefers-reduced-motion:no-preference){
 ::view-transition-old(root){animation:atelier-page-out .24s cubic-bezier(.4,0,1,1) both}
 ::view-transition-new(root){animation:atelier-page-in .72s cubic-bezier(.16,1,.3,1) both}
 body>.shell,body>main{animation:atelier-page-in .65s cubic-bezier(.16,1,.3,1) both}
 html:active-view-transition body>.shell,html:active-view-transition body>main{animation:none}
 body::before{content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#d7c5a42b 49%,#fffdf866 53%,transparent 80%);animation:atelier-silk .85s cubic-bezier(.16,1,.3,1) both}
 .svc-return-nav a:active,.list a:active{transform:translateY(1px) scale(.98)}
}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){::view-transition-new(root){animation-duration:.55s}body>.shell,body>main{animation-duration:.5s}body::before{animation-duration:.65s}}
@media(prefers-reduced-motion:reduce){body::before{display:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
@media print{body::before{display:none}}