/* Whole-card navigation and restrained pointer feedback. */
.service-image{display:block;width:100%;overflow:hidden;border-radius:0}
.service-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.interactive-card{position:relative;text-decoration:none;cursor:pointer;isolation:isolate;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease}
.interactive-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--brass);transform:scaleY(0);transform-origin:bottom;transition:transform .28s ease;z-index:1;pointer-events:none}
.card-corner-arrow{margin-left:auto;display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #b9b3a4;border-radius:50%;font-size:20px;color:#725b32;line-height:1;transition:transform .28s ease,background-color .28s ease,color .28s ease,border-color .28s ease}
.service-card-head{min-height:36px}.atelier-service-top{min-height:36px}.card-link-label{display:flex;justify-content:space-between}.card-link-label>span{transition:transform .28s ease,color .28s ease}
.interactive-card .service-image img{transition:filter .28s ease}
.interactive-card:focus-visible{border-color:#90703c;box-shadow:0 12px 32px #152d3820;outline:3px solid #967537;outline-offset:5px}
.interactive-card:focus-visible::before{transform:scaleY(1)}
.interactive-card:focus-visible .card-corner-arrow{background:var(--navy);color:#fff;border-color:var(--navy)}
.atelier-photo-frame{display:block;transition:transform .38s ease,box-shadow .38s ease,border-color .38s ease}
.atelier-round-arrow{transition:transform .28s ease,background-color .28s ease,color .28s ease}
.button{position:relative;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease}
.button>span,.text-link>span{display:inline-block;transition:transform .22s ease,color .22s ease}
.site-header nav>a:not(.button){position:relative;transition:color .22s ease}
.site-header nav>a:not(.button)::after{content:"";position:absolute;bottom:8px;left:0;right:0;height:1px;background:#90703c;transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.site-header nav>a[aria-current]:not(.button)::after,.site-header nav>a:focus-visible:not(.button)::after{transform:scaleX(1)}
a.text-link{transition:color .22s ease,border-color .22s ease}
.atelier-ai-grid>a{position:relative;transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}
.atelier-more>span{transition:transform .25s ease}.footer-columns a{transition:color .22s ease,transform .22s ease}
.faq-list summary{transition:background-color .2s ease,color .2s ease,padding-left .2s ease}
.menu-toggle{transition:background-color .2s ease,border-color .2s ease}.menu-toggle[aria-expanded="true"]{background:#e8e0cf;border-color:#967537}
@media(hover:hover) and (pointer:fine){
 .interactive-card:hover{transform:translateY(-7px);border-color:#a28757;background:#fffefb;box-shadow:0 18px 38px #152d3821}
 .interactive-card:hover::before{transform:scaleY(1)}
 .interactive-card:hover .card-corner-arrow{background:var(--navy);border-color:var(--navy);color:#fff;transform:translate(2px,-2px)}
 .interactive-card:hover .card-link-label>span{transform:translateX(7px);color:#7c5e2c}
 .interactive-card:hover .service-image img{filter:brightness(1.035)}
 .atelier-photo-frame:hover{transform:rotate(0deg) translateY(-5px);border-color:#c6a76c;box-shadow:16px 20px 0 #ffffff05,0 28px 65px #0004}
 .atelier-photo-frame:hover .atelier-round-arrow{transform:translate(2px,-2px);background:#152d38;color:#f8f4e9}
 .button:hover{transform:translateY(-3px);box-shadow:0 9px 20px #132a3525}
 .button:hover>span{transform:translateX(5px)}
 .site-header nav>a:not(.button):hover{color:#80602d}.site-header nav>a:not(.button):hover::after{transform:scaleX(1)}
 a.text-link:hover{border-color:#967537}a.text-link:hover>span{transform:translateX(6px)}
 .atelier-ai-grid>a:hover{transform:translateY(-5px);box-shadow:inset 0 3px 0 #c6a76c,0 14px 24px #0002;background:#2a4652;z-index:1}
 .atelier-ai-grid>a:hover .atelier-more>span{transform:translate(3px,-3px)}
 .footer-columns a:hover{color:#6f5325;transform:translateX(4px)}
 .faq-list summary:hover{background:#ede7da;color:#624d28;padding-left:12px}
 .menu-toggle:hover{background:#e8e0cf;border-color:#967537}
}
.interactive-card:active,.button:active{transform:translateY(1px);box-shadow:0 3px 8px #152d3815}

#motion-toggle{font:inherit;font-size:11px;color:#53625e;border:1px solid #b7b5ab;background:transparent;padding:8px 12px;cursor:pointer;min-height:36px;white-space:nowrap}
#motion-toggle:hover{background:#ece5d5;border-color:#8e7442}.footer-bottom{flex-wrap:wrap;gap:16px}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{transition:none!important;animation:none!important}
html[data-motion="reduced"] :is(.interactive-card,.button,.atelier-photo-frame,.atelier-ai-grid>a,.footer-columns a,.card-corner-arrow,.card-link-label>span,.button>span,.text-link>span,.atelier-more>span,.atelier-round-arrow){transform:none!important}
@media(prefers-reduced-motion:reduce){
 html:not([data-motion="full"]) *,html:not([data-motion="full"]) *::before,html:not([data-motion="full"]) *::after{transition:none!important;animation:none!important}
 html:not([data-motion="full"]) :is(.interactive-card,.button,.atelier-photo-frame,.atelier-ai-grid>a,.footer-columns a,.card-corner-arrow,.card-link-label>span,.button>span,.text-link>span,.atelier-more>span,.atelier-round-arrow){transform:none!important}
}