/* Safari only accepted backdrop-filter under the -webkit- prefix until Safari 18, so on every iOS 17-and-earlier device the frosted header simply had no blur. The unprefixed declaration stays for everyone else. */ header#site-header.site-header{-webkit-backdrop-filter:blur(16px)!important} /* overflow-x:clip is Safari 16+. On iOS 15 and below the declaration is dropped, and a dropped overflow-x next to overflow-y:visible leaves the element in an unpredictable state. State the old-Safari case explicitly. */ @supports not (overflow-x: clip){ html:root{overflow-x:hidden!important;overflow-y:auto!important} html:root > body{overflow-x:hidden!important;overflow-y:visible!important} } /* ====================================================================== PRELOADER The word box was a fixed 60px tall with overflow:hidden, holding words set at a flat 40px. "BESPOKE REALISM" and "TOPEE • BENGALURU" are wider than a phone at that size, so they were clipped horizontally, and the 40px line box plus the 30px slide-in offset overflowed 60px vertically — which is why only part of each word showed. Fluid size and a box that fits the motion fix both. Its rules live in a