/* Shared finishing layer; no content or geometry changes to approved hero copy. */
:root{--image-radius:16px;--control-radius:7px}
main img{border-radius:var(--image-radius)}
.photo,.film-stage,.car-image-review{border-radius:var(--image-radius);overflow:hidden}
.photo img{border-radius:inherit}.hero{border-radius:22px;overflow:hidden}.hero img{border-radius:0}
.film-stage svg{border-radius:inherit}
.page-lead figure img,.ppf-hero figure img,.feature-photo img{box-shadow:0 14px 36px #08080820}
header{background:#ededed;border-bottom:1px solid #c2c2c259;transition:background .3s ease,box-shadow .3s ease;box-shadow:0 1px 0 #ffffff60}
@supports ((backdrop-filter:blur(18px)) or (-webkit-backdrop-filter:blur(18px))){header{background:rgba(237,237,237,.87);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}header.is-scrolled{background:rgba(237,237,237,.94)}.hero-bottom{background:rgba(8,8,8,.3);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.btn.ghost{background:rgba(237,237,237,.08);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}}
header.is-scrolled{box-shadow:0 5px 25px #08080812}header nav a:not(.btn){text-decoration:none;position:relative;transition:color .2s ease}header nav a:not(.btn):after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}header nav a:not(.btn):hover:after,header nav a[aria-current=page]:not(.btn):after{transform:scaleX(1)}
.hero-bottom{border:1px solid #ffffff26;border-radius:10px;padding:13px 16px;align-items:center}
.btn,button.menu,.guide-options button,.choice-buttons button,.gallery-controls button{border-radius:var(--control-radius);min-height:44px}
.btn{transition:background .25s ease,color .25s ease,box-shadow .25s ease,translate .25s ease}.btn.light:hover{background:#e3e3e3;color:#080808;border-color:#e3e3e3}.btn.ghost:hover{background:#ededed;color:#080808;border-color:#ededed}
input,select,textarea{border-radius:6px;transition:border-color .2s,box-shadow .2s,background .2s}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:#818181;box-shadow:0 0 0 3px #81818118;background:#fafafa}input[type=checkbox]{accent-color:#252525}
.package,.tint-choice{border-radius:12px}.package-photo img{border-radius:12px}.project-card .photo{box-shadow:0 6px 20px #0808080b}.project-card:not([hidden]){animation:gallery-appear .45s ease both}
summary{min-height:30px;align-items:center;gap:16px}summary:after{transition:color .2s}summary:hover{color:#8c8c8c}.textlink{transition:color .25s,border-color .25s}.textlink:hover{color:#656565;border-color:#656565}.textlink span{transition:transform .25s}.textlink:hover span{transform:translate(2px,-2px)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #959595;outline-offset:5px}
@keyframes gallery-appear{from{opacity:.4;translate:0 8px}to{opacity:1;translate:0 0}}
@media(hover:none){.btn:hover,.package:hover{translate:none;box-shadow:none}.service:hover img,.project-card .photo:hover img{transform:none}}
@media(max-width:700px){:root{--image-radius:12px}.hero{border-radius:16px}.hero-bottom{padding:12px 10px;gap:12px}.hero-bottom span{max-width:65%;line-height:1.6}header nav{background:#ededed;box-shadow:0 12px 22px #08080815}header nav a:not(.btn){min-height:44px;display:flex;align-items:center}header nav a:not(.btn):after{bottom:4px;right:auto;width:25px}.gallery-controls button{flex-grow:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-wait{opacity:1;translate:none}}
@media(prefers-reduced-transparency:reduce){header,header.is-scrolled{background:#ededed;backdrop-filter:none;-webkit-backdrop-filter:none}.hero-bottom{background:#080808;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Homepage Tesla hero: square corners on desktop and mobile. */
#home.hero{border-radius:0}
/* Sitewide preview: crisp, nearly square controls. Image corners remain unchanged. */
:root{--control-radius:2px}
body .btn,body button,body input:not([type=checkbox]):not([type=radio]):not([type=range]),body select,body textarea{border-radius:2px!important}