/* 30 Oct: transparent glass, consistent palette and motion across inputs. */
:root{--gold:#31d5a0;--lime:#31d5a0;--accent:#31d5a0;--copy:#fff}
.brand-demo .header{background:rgba(16,16,16,.55);border-color:#ffffff26;-webkit-backdrop-filter:blur(24px) saturate(115%);backdrop-filter:blur(24px) saturate(115%);box-shadow:0 12px 35px #0002,inset 0 1px 0 #ffffff10}
.brand-demo .work-filters,.brand-demo .service-tabs{background:rgba(255,255,255,.018);border-color:#ffffff20}
.brand-demo .social-feature,.brand-demo .booking-form,.brand-demo .services,.brand-demo .closing{background:linear-gradient(125deg,#ffffff06,#ffffff01)}
.brand-demo .catalog-card,.profile-project{background:#ffffff03}.brand-demo .catalog-card .work-card-body{background:linear-gradient(125deg,#ffffff06,#ffffff01)}
.brand-demo .service-preview-caption{background:rgba(16,16,16,.34);border-color:#ffffff35;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.brand-demo .photo-viewer{background:rgba(16,16,16,.87)}.brand-demo .menu-toggle{background:#ffffff08}
.brand-demo .keyword,.brand-demo .headline-accent,.brand-demo .work-card:hover .work-card-foot{color:#31d5a0!important}.brand-demo .accent-dot,#booking-status.error{color:#ed3349!important}
.brand-demo .heritage-sun,.brand-demo .closing-sun,.brand-demo .drum-mark,.brand-demo .profile:before{transform-origin:center;animation-name:all-drum-turn;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:70s;animation-delay:0s;animation-fill-mode:none;will-change:rotate}
.brand-demo .drum-mark{animation-duration:38s}.brand-demo .closing-sun{animation-duration:60s;animation-direction:reverse}.brand-demo .profile:before{animation-duration:90s}.brand-demo .heritage-sun{animation-duration:72s}
@keyframes all-drum-turn{from{rotate:0deg}to{rotate:360deg}}
.brand-demo .hero h1,.brand-demo .intro-word strong{animation:hero-focus 1.15s cubic-bezier(.16,1,.3,1) both}@keyframes hero-focus{from{opacity:0;filter:blur(8px);translate:0 26px}to{opacity:1;filter:blur(0);translate:0 0}}
.brand-demo .dot{animation:signal-breathe 3s ease-in-out infinite}@keyframes signal-breathe{50%{box-shadow:0 0 0 5px #ed33491c}}
.brand-demo .catalog-card.motion-visible .catalog-poster>img,.profile-project.motion-visible .profile-project-image img{animation:picture-focus 1.05s cubic-bezier(.16,1,.3,1);animation-delay:var(--motion-delay,0ms)}@keyframes picture-focus{from{scale:1.075;filter:blur(3px)}to{scale:1;filter:blur(0)}}
.brand-demo .btn{position:relative;overflow:hidden;isolation:isolate}.brand-demo .btn:after{content:'';position:absolute;inset:-80% auto -80% -80%;width:55%;background:linear-gradient(90deg,transparent,#ffffff30,transparent);rotate:20deg;pointer-events:none;opacity:0}
.brand-demo .header nav a{position:relative}.brand-demo .header nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#31d5a0;scale:0 1;transform-origin:left;transition:scale .4s cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (pointer:fine){.brand-demo .btn:hover:after{animation:button-light .9s ease-out}.brand-demo .header nav a:hover:after{scale:1 1}.brand-demo .service-preview:hover .service-preview-caption{translate:0 -4px}.brand-demo .service-preview-caption{transition:translate .5s cubic-bezier(.16,1,.3,1),background .3s}}
@keyframes button-light{10%{opacity:1}to{left:140%;opacity:0}}
.motion-ready.motion-visible{animation-duration:1s}.brand-demo .section-head.motion-visible{animation:section-focus 1s cubic-bezier(.16,1,.3,1) both}@keyframes section-focus{from{opacity:0;translate:0 32px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@media(max-width:760px){.brand-demo .header{background:rgba(16,16,16,.53)}.brand-demo .header nav.open{background:rgba(16,16,16,.81);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand-demo .heritage-sun,.brand-demo .closing-sun,.brand-demo .drum-mark,.brand-demo .profile:before{animation-name:all-drum-turn;animation-timing-function:linear;animation-iteration-count:infinite}.brand-demo .heritage-sun{animation-duration:72s}.brand-demo .closing-sun{animation-duration:60s}.brand-demo .drum-mark{animation-duration:38s}.brand-demo .profile:before{animation-duration:90s}.brand-demo .service-preview-caption{background:#1010104d}.brand-demo .btn:active:after{animation:button-light .8s ease-out}.motion-ready.motion-visible{animation-duration:.85s}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.brand-demo .header,.brand-demo .header nav.open{background:#101010e6}}
@media(prefers-reduced-transparency:reduce){.brand-demo .header,.brand-demo .header nav.open,.brand-demo .booking-form,.brand-demo .social-feature,.brand-demo .photo-viewer{background:#151515}}
@media(prefers-reduced-motion:reduce){.brand-demo .heritage-sun,.brand-demo .closing-sun,.brand-demo .drum-mark,.brand-demo .profile:before,.brand-demo .hero h1,.brand-demo .intro-word strong,.brand-demo .dot,.brand-demo .btn:after,.brand-demo .catalog-card.motion-visible .catalog-poster>img,.profile-project.motion-visible .profile-project-image img,.brand-demo .section-head.motion-visible{animation:none!important;will-change:auto}}
@media print{.brand-demo .heritage-sun,.brand-demo .closing-sun,.brand-demo .drum-mark,.brand-demo .profile:before{animation:none!important}}