/* ===== 25 mảnh ghép chữ U — mask sinh từ chính unilever_logo.svg (giữ transform gốc từng path) ===== */
.um-0{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c.63%200%201.713.204%202.565%201.569-.487%201.083-.834%203.271-.884%204.067-.251%204.075%201.319%207.908%203.038%208.013%201.259.076%202.267-1.116%202.383-3.047.309-5.077-1.381-7.197-2.227-9.024.143-.709%201.344-1.916%202.479-1.916.419%200%20.926.21%201.053.38-.085.292-.17.671-.17%201.219%200%202.942%201.892%205.422%203.531%205.422%201.303%200%202.059-1.723%202.059-2.86%200-1.343-1.135-2.438-2.815-3.489.295-.292.839-.505%201.303-.505%202.397%200%203.652%202.901%204.581%205.55.168.506.463%201.22%201.05%201.22%201.01%200%201.431-6.641%203.108-6.641.716%200%201.304%201.472%201.304%202.604%200%20.841-.294.925-.294%202.145%200%201.343.715%202.477%201.683%202.477.588%200%20.8-.585.8-1.299%200-2.69-1.935-7.692-4.79-7.692-2.147%200-1.979%203.698-2.735%203.698-.844%200-2.021-3.741-6.178-3.741-.676%200-1.388.336-1.975%201.01-1.008-.674-1.851-.967-2.818-.967-1.553%200-2.226%201.597-2.856%201.597-.758%200-1.596-1.64-4.12-1.64-2.017%200-2.354%202.688-3.066%202.688-.632%200-1.598-2.688-2.648-2.688-1.768%200-2.143%204.665-3.7%204.665-1.219%200-5.07-4.738-6.115-4.63-.421.044-.597.359-.553.779.059.581.559%202.137.763%202.874.34%201.278.652%202.679.826%203.126.173.45.64.772%201.014.737.189-.018.246-.37.304-.66.212-1.039.509-2.099.843-2.099.59%200%202.54%203.741%203.674%203.741%201.389%200%201.556-5.885%203.445-5.885.632%200%201.096.755%201.515%201.682.043%201.558.462%203.78%201.723%203.78.884%200%201.305-1.973.672-3.698%200-2.058%201.344-2.562%202.228-2.562m33.621%205.042c-.521-2.16-2.1-5.338-4.456-5.338-.545%200-1.513.211-1.513.758%200%20.589%203.701.67%203.701%203.488%200%201.049-.966%202.522-2.396%202.522-1.891%200-3.736-2.061-3.736-4.919%200-2.562%201.592-3.403%203.188-3.403%202.776%200%204.456%202.272%205.338%204.162.422-1.261.671-4.162%201.725-4.162.419%200%20.715.211%201.221%201.344%201.256%202.818%202.476%206.053%204.159%206.053.629%200%20.252-1.136%201.765-1.136.713%200%201.215.588%201.215%201.264%200%20.967-.881%201.721-2.225%201.721-3.95%200-4.789-5.926-5.42-5.926-1.052%200-.715%204.749-1.473%204.749-.673%200-1.003-.802-1.093-1.177m-27.88%204.426c-.073%201.174-.357%201.704-.988%201.662-.837-.051-1.224-2.685-1.053-5.452.109-1.806.378-2.084.628-2.067.463.027%201.574%203.254%201.413%205.857m-6.835%202.468c-.059.673-.587%201.133-1.302%201.133-.798%200-1.549-.837-1.469-1.889.051-.692.46-1.263%201.262-1.263.922%200%201.594%201.051%201.509%202.019m13.073-8.573c0%20.713-.38%201.301-.839%201.301-.382%200-1.262-.418-1.262-1.764%200-1.054.375-1.554.546-1.768%201.217.379%201.555%201.39%201.555%202.231m16.43%201.425c.884%200%201.137-1.046.927-1.678-.212-.63-.967-1.347-2.144-1.557-.253.632-.379%203.235%201.217%203.235m-48.392%202.984c-.121.382-.47%201.241-.566%201.875-.21%201.404.524%202.329%201.198%202.541.757.211%201.052-.168%201.344-1.052.379-1.344.421-3.108.294-5.63-.166-3.447-1.89-7.608-6.176-7.522-3.7.081-5.337%202.478-5.507%206.134-.08%201.723.042%203.445.757%205.883.378%201.304.716%201.768%201.891%202.019.924.168.841-.797.631-1.936-.461-2.521-.674-3.738-.504-6.597.165-3.025%201.555-4.203%203.068-4.203%202.269-.043%203.277%201.848%203.699%204.582.334%202.184.083%203.235-.129%203.906%22%20transform%3D%22translate(77.8214%20720.1417)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:42.0vmin;--dy:0.0vmin;--rot:0.0deg;--d:0.0s}
.um-1{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c.291-2.118%203.5-4.973%204.37-4.906.581.05.804%202.766.804%204.906%200%201.226.067%202.186-.58%202.41-1.027-2.075-3.723-2.499-4.594-2.41m.178.937c2.317%200%204.438%201.851%204.438%203.479%200%20.759-.358%201.383-1.272%201.494.156-.201.223-.357.223-.713%200-1.227-1.87-2.588-3.901-2.588-.737%200-.96-.512-.96-.78%200-.625.603-.892%201.472-.892m-.49%202.52c-.312%200-.759%200-1.005.49-.201.402-.134%201.049-.513%201.339.379-.111.781-.111%201.094-.111%201.005%200%201.965.691%202.701.691.486%200%20.642-.313.642-.624%200-.983-1.981-1.785-2.919-1.785%22%20transform%3D%22translate(107.4074%20782.5911)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-40.6vmin;--dy:37.2vmin;--rot:25.7deg;--d:0.034s}
.um-2{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c.757%200%20.601%204.639%201.828%204.639.29%200%20.379-.29.379-.647%200-1.048-.513-2.587-.513-3.434%200-.424.111-.558.312-.558.536%200%201.472%205.108%202.387%205.108.29%200%20.423-.29.423-.581%200-1.07-1.36-4.147-1.36-5.017%200-.133.045-.245.156-.245.558%200%201.673%202.408%202.029%203.612.201.625.469.96.714.96.223%200%20.424-.246.424-.759%200-1.204-1.116-4.036-2.096-5.933-.758-1.471-1.94-3.589-1.94-4.771%200-.602.11-1.226.981-1.985-1.428.089-2.008.223-2.542%201.338-2.386-4.75%204.393-4.282%202.073-8.496-.424.757-3.769%201.538-3.769%205.954%200%203.813%203.345%206.043%203.345%207.627%200%20.311-.11.579-.401.825-.736.625-.759%201.136-1.337%201.136-.425%200-.938-.98-.403-1.85.179-.29.335-.468.335-.736%200-.624-.982-2.296-1.672-2.296-.691%200-1.226%201.715-1.226%204.482%200%202.453.557%204.928%201.248%204.928.201%200%20.268-.134.268-.312%200-.29-.089-.87-.089-1.85%200-1.049.245-1.139.446-1.139%22%20transform%3D%22translate(57.2107%20768.5641)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:5.9vmin;--dy:-67.7vmin;--rot:-37.9deg;--d:0.068s}
.um-3{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c.938%200%201.717.692%201.717%202.229v2.276c0%20.869.067%201.85.648%202.542-.067-.29-.067-.603-.067-.892%200-1.918%201.07-3.234%201.07-5.085%200-.69-.201-1.07-.735-1.07-.514%200-.469.469-.581.469-.089%200-.223-.29-.223-.603%200-.468.335-1.204%201.271-1.204.804%200%201.45.736%201.45%201.561%200%202.006-1.561%204.237-1.561%206.377%200%20.938.245%201.562.446%202.053%200-4.439%203.769-7.672%203.769-9.522%200-.424-.312-.759-.78-.759-.514%200-.759.402-.759.715%200%20.156-.023.2-.089.2-.133%200-.535-.446-.535-1.027%200-.735.601-1.628%201.717-1.628%201.27%200%201.962%201.072%201.962%202.03%200%202.341-4.572%205.887-4.572%209.678%200%20.647.111%201.695.58%202.498-2.944-1.895-3.857-4.416-3.857-6.624%200-1.918-.067-2.875-1.048-2.875-.514%200-.647.467-.826.467-.134%200-.201-.401-.201-.512%200-.825.603-1.294%201.204-1.294%22%20transform%3D%22translate(62.8963%20762.0309)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:49.3vmin;--dy:64.3vmin;--rot:30.2deg;--d:0.102s}
.um-4{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c.982%200%201.719.446%201.719.714%200%20.088-.134.156-.425.156-.29%200-.87.022-1.964.2-.938.157-1.652.513-1.92.513-.089%200-.134-.044-.134-.111%200-.58%201.072-1.472%202.724-1.472m-4.861%202.832c.283.19%201.539-.111%203.165.692.2.111.401.156.579.156.782%200%20.58-.892%201.296-.892.557%200%201.272.469%201.696.469.665%200%201.624-2.097%201.624-3.078%200-1.138-1.713-1.829-3.745-1.829-2.963%200-4.75%202.586-4.75%204.259%200%20.134.068.179.135.223%22%20transform%3D%22translate(101.5443%20784.3086)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-92.6vmin;--dy:-16.4vmin;--rot:-6.6deg;--d:0.136s}
.um-5{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c-.735-.179-1.918-1.337-1.918-3.168%200-2.185%202.342-5.553%206.2-5.553%203.255%200%204.058%202.252%204.058%203.77%200%203.368-2.073%205.732-4.771%205.732-1.472%200-2.788-1.072-2.788-2.654%200-1.473%201.115-3.68%203.769-3.68%201.249%200%201.984.892%201.984%201.917%200%201.004-.914%202.386-2.252%202.386-.402%200-.691-.266-.691-.69%200-.535.736-1.071%201.65-1.071.223%200%20.401.044.491.089.044-.067.067-.179.067-.268%200-.513-.492-.826-1.249-.826-1.137%200-2.231.848-2.231%202.188%200%20.801.692%201.381%201.695%201.381%201.985%200%203.167-1.761%203.167-3.524%200-1.582-.869-2.498-2.653-2.498-3.569%200-5.308%203.212-4.528%206.469%22%20transform%3D%22translate(63.365%20753.6239)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:35.4vmin;--dy:-22.5vmin;--rot:-20.4deg;--d:0.17s}
.um-6{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c0-.491.402-.892.892-.892.491%200%20.892.401.892.892s-.401.893-.892.893c-.49%200-.892-.402-.892-.893m1.729-4.457c1.069%200%201.014.089%201.349.089.334%200%20.357-.201.357-.335%200-.491-1.094-1.094-3.033-1.094-1.138%200-1.829.603-2.03%201.272-1.114-.713-2.809-1.36-4.482-1.36-4.571%200-5.731%201.986-7.158%202.631-1.094.491-2.766-.469-5.107%202.141.312-.067.736-.09%201.071-.09%202.05%200%203.143%201.003%203.143%202.61%200%20.201-.022.421-.045.621.625-.245%202.053-1.314%202.387-3.208.045-.224.959-.424%201.538-.424.804%200%201.83.335%201.985%201.649%202.677.223%204.484%201.806%204.863%203.815.958-.313%202.05-1.183%202.318-1.63.379.134.825.201%201.338.201.713%200%201.517-.134%202.475-.425.045.291.09.648.536.648.669%200%20.49-.736.713-1.158.112-.223.671-.357.671-.803%200-.425-.359-.581-.581-.581-.09%200-.201.022-.269.044-.445-.156-.467-3.366-2.341-3.366-1.382%200-2.653%201.137-3.211%202.563-.157.424-.49.692-.803.692-.356%200-.557-.067-.98-.536-1.204-1.314-3.212-2.451-5.687-2.451-.759%200-1.36.067-1.517.067-.089%200-.089-.022-.089-.044%200-.157.758-.76%202.409-.76%203.924%200%204.884%202.209%205.508%202.209.089%200%20.356%200%20.512-.357.914-2.139%202.911-2.63%204.16-2.63%22%20transform%3D%22translate(87.0924%20745.0145)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-14.3vmin;--dy:53.1vmin;--rot:36.7deg;--d:0.204s}
.um-7{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c-.468%200-3.059-3.457-4.727-3.457-.402%200-.736.759-.736%201.336%200%20.313.199.536.915.692%203.834.871%202.986%203.748%206.262%203.748%201.806%200%203.815-1.227%203.815-3.993%200-2.944-4.19-6.6-4.815-6.6-.514%200-1.071.735-1.071%201.226%200%20.155.067.357.513.535%202.138.849%203.364%202.81%203.364%203.815%200%20.223-.111.443-.402.443-.378%200-2.002-3.7-3.81-3.7-1.25%200-2.522%201.136-2.522%201.672%200%20.892%203.615%202.542%203.615%203.792%200%20.469-.222.491-.401.491m2.405%201.382c-.312%200-.646-.246-.646-.849%200-.667.513-1.091.803-1.225.156-.089.402-.179.645-.179.648%200%201.161.179%201.161.715%200%20.689-1.004%201.538-1.963%201.538%22%20transform%3D%22translate(102.3477%20754.7618)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-31.3vmin;--dy:-60.3vmin;--rot:-33.7deg;--d:0.238s}
.um-8{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c0-.491.402-.893.893-.893.49%200%20.891.402.891.893%200%20.49-.401.892-.891.892-.491%200-.893-.402-.893-.892m-1.159%202.007c0-.49.401-.892.891-.892.491%200%20.893.402.893.892s-.402.892-.893.892c-.49%200-.891-.402-.891-.892m-.803-6.11c-.514-.134-1.583-.759-1.583-1.873%200-.803.623-1.316%201.405-1.316.401%200%20.691.089.869.223-.624.602-.847%201.271-.847%201.939%200%20.469.067.759.156%201.027m-5.463-.313c-.022-.112-.022-.223-.022-.334%200-1.048.557-1.628%201.293-1.628.556%200%201.204.335%201.783%201.071-.245-.044-.535-.066-.803-.066-.824%200-1.716.221-2.251.957m-.781-1.984c0-1.695.513-2.498%201.427-2.498.714%200%201.673.513%202.809%201.494-.869-.201-1.538-.334-2.14-.334-.803%200-1.426.312-2.096%201.338m5.776%208.92c.111.357.2.802.2%201.293%200%201.07-.491%202.699-2.007%202.699-.869%200-1.495-.691-1.495-1.517%200-1.762%201.762-2.475%203.302-2.475m-1.897-5.62c-.735%200-1.538.914-1.538%201.739%200%20.446.334%201.004.58%201.004.089%200%20.134-.067.156-.224.134-1.092.847-1.717%201.517-2.028.067-.045.111-.067.111-.112%200-.156-.424-.379-.826-.379m2.053%202.721c.154-.21.58-.469.58-.625%200-.312-.179-.714-.536-.714-.781%200-1.405%201.182-1.405%201.852%200%20.423.246.467.579.467.157%200%20.223-.022.335-.089.201-.111.201-.557.447-.891m-5.24-2.766c-.042-.069-.067-.156-.067-.246%200-.2.223-.423.423-.423.179%200%20.29.044.379.044.535%200%201.137-.378%202.007-.378.512%200%201.115.156%201.873.534%201.605.804%202.231%202.788%202.231%203.123%200%20.424-.341.369-.626.759-.284.388-.175.733-.356.914-.104.104-.423.111-.826.156-.134.015-.312.022-.49.022-.736%200-1.608-.09-2.587-.714-1.935-1.234-1.65-3.278-1.961-3.791m7.403.892c-.491-.579-1.004-1.561-1.004-2.564%200-1.204.737-2.207%201.874-2.207%201.092%200%201.605.936%201.605%201.894%200%201.494-1.36%202.543-2.475%202.877m-4.772%204.282s-.648-.49-1.45-.49c-.958%200-1.717.713-1.717%201.716%200%20.692.357%201.405%201.182%201.762-.022-.134-.022-.245-.022-.379%200-1.271.713-2.23%202.007-2.609%22%20transform%3D%22translate(63.0973%20781.9675)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:76.1vmin;--dy:27.8vmin;--rot:13.0deg;--d:0.272s}
.um-9{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c0-.514.425-.938.932-.938.514%200%20.938.424.938.938%200%20.512-.424.935-.938.935-.507%200-.932-.423-.932-.935m.067-2.81c0-.581.469-1.049%201.045-1.049.58%200%201.049.468%201.049%201.049%200%20.579-.469%201.047-1.049%201.047-.576%200-1.045-.468-1.045-1.047m-3.213-1.896c0-.847.691-1.539%201.54-1.539.847%200%201.54.692%201.54%201.539s-.693%201.539-1.54%201.539c-.849%200-1.54-.692-1.54-1.539m.825%203.144c0-.491.401-.892.893-.892.491%200%20.892.401.892.892%200%20.49-.401.892-.892.892-.492%200-.893-.402-.893-.892m-2.92-1.784c0-.491.402-.891.888-.891.492%200%20.894.4.894.891s-.402.892-.894.892c-.486%200-.888-.401-.888-.892m2.295%205.217c0-.78.647-1.426%201.428-1.426.782%200%201.429.646%201.429%201.426%200%20.782-.647%201.428-1.429%201.428-.781%200-1.428-.646-1.428-1.428m1.674%202.744c0-.468.379-.847.848-.847.469%200%20.849.379.849.847s-.38.848-.849.848-.848-.38-.848-.848m-4.035-2.141c0-.469.379-.848.843-.848.469%200%20.848.379.848.848%200%20.468-.379.847-.848.847-.464%200-.843-.379-.843-.847m-.112-2.898c0-.759.603-1.361%201.356-1.361.759%200%201.363.602%201.363%201.361%200%20.757-.604%201.359-1.363%201.359-.753%200-1.356-.602-1.356-1.359m-2.811-1.428c0-.692.579-1.27%201.271-1.27.691%200%201.272.578%201.272%201.27%200%20.691-.581%201.271-1.272%201.271-.692%200-1.271-.58-1.271-1.271m.758%203.144c0-.49.402-.892.891-.892.492%200%20.894.402.894.892s-.402.892-.894.892c-.489%200-.891-.402-.891-.892m7.829-6.868c0%20.446.402.825.843.825.492%200%20.871-.379.871-.825%200-.513-.379-.87-.871-.87-.441%200-.843.357-.843.87%22%20transform%3D%22translate(97.5309%20776.594)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-86.9vmin;--dy:35.9vmin;--rot:14.5deg;--d:0.306s}
.um-10{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c.112%200%20.246-.066.246-.469%200-.49-.223-1.136-1.022-1.649-.558-.379-1.317-.692-2.433-.712.178.534.312%201.092.312%201.625%200%20.179-.021.313-.044.513h.291c1.762%200%202.522.692%202.65.692m.179%202.208c.181.153.223.401.223.647v.513c0%20.647-.977%201.025-2.317%201.025-1.629%200-2.499-.734-2.499-1.047v-1.027c0-.424.982-.848%202.187-.848.96%200%201.831.245%202.406.737m1.16-.246c-.58-.447-1.936-1.448-4.191-1.448-1.205%200-1.741.379-1.92.379-.223%200-.469-.223-.714-.514-.53-.625-1.222-1.785-1.222-3.055%200-.892.692-1.781%201.981-1.781%204.174%200%207.294%202.608%207.294%204.725%200%201.203-.713%201.694-1.228%201.694%22%20transform%3D%22translate(98.4633%20745.3718)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:17.8vmin;--dy:-38.0vmin;--rot:-34.4deg;--d:0.34s}
.um-11{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c0-.557.179-1.204.737-1.204.468%200%20.87.713.87%201.494%200%20.892-.156%201.584-.156%201.941%200%20.155.067.222.156.222.335-.022.648-.936%201.005-.936.402%200%201%20.736%201.245.736.067%200%20.089-.089.089-.111%200-.335-.513-1.072-.513-1.361%200-.245%201.294-.29%201.294-.513%200-.335-1.356-.335-2.003-.625-.625-.267-1.005-.602-1.005-1.048s.446-.534%201.072-.534c1.49%200%202.538.802%202.872.802.067%200%20.111-.045.111-.112%200-.223-.758-.958-.758-1.293%200-.379%201.384-.824%201.362-1.047-.022-.067-.112-.089-.268-.089-.246%200-.625.066-.916.066-.178%200-.334-.022-.402-.111-.154-.179.045-1.36-.265-1.36-.291%200-1.05%202.63-2.763%202.63-.246%200-.424-.2-.424-.535%200-.891.87-1.917%201.696-2.408.374-.245%201-.491%201-.625%200-.266-1.424-.022-1.424-.467%200-.402.179-1.005.179-1.361%200-.112-.023-.245-.157-.245-.267%200-.915%201.226-1.228%201.226-.267%200-.847-.735-1.094-.735-.066%200-.11.067-.11.132%200%20.514.825%201.673.825%202.811%200%20.535-.067%201.695-.715%201.695-.535%200-1.138-.847-1.406-1.695-.156-.49-.044-2.386-.401-2.386-.335%200-.246%201.271-.693%201.271-.329%200-1.043-.602-1.289-.602-.044%200-.089.023-.089.067%200%20.267.647%201.137.647%201.316%200%20.334-1.473.378-1.473.646%200%20.156.58.268%201.116.357%201.134.201%202.808%201.026%202.808%202.184%200%201.294-1.251%201.852-2.071%202.388-.425.267-.893.489-.893.668s.536.179.759.179c.334%200%20.665.022.665.289%200%20.202-.046.602-.046.914%200%20.224.023.403.113.403.334%200%20.803-1.093%201.026-1.093.357%200%20.848.892%201.184.892.11%200%20.155-.068.155-.268%200-.825-.424-1.761-.424-2.565m-10.637%206.534c.246-1.895%202.79-.936%202.79-3.233%200-.335-.089-.826-.089-1.248%200-.492.044-.916.419-.916.379%200%20.469.268.469.625%200%20.358-.09.803-.09%201.048%200%20.781.558.959.893.959.849%200%201.496-.87%202.768-.87-.29-1.427-3.237-1.047-3.237-2.609%200-.781.782-.958%201.295-.958.469%200%20.626.067.626.467%200%20.224-.046.469-.046.625%200%20.09.068.179.18.179.491%200%202.896-1.829%202.896-2.387%200-.512-2.54-1.025-3.276-1.025-.223%200-.268.156-.268.245%200%20.156.379.625.379.892%200%20.2-.334.334-1.228.334-.424%200-.736-.044-.736-.38%200-.601.982-1.337.982-1.894%200-.446-.268-.714-.982-.714-.603%200-1.513.469-1.513%201.249%200%20.624.643%201.248.643%201.627%200%20.112-.085.291-.353.291-.826%200-1.049-2.185-3.972-2.43.469.423.87.891.87%201.849%200%20.469-.111.849-.111%201.361%200%20.669.312%201.004.758%201.004.825%200%201.226-1.159%201.763-1.159.291%200%20.603.266.603.668%200%201.695-3.258%201.45-3.258%203.836%200%20.647.222%201.449.825%202.564%22%20transform%3D%22translate(100.5839%20766.0889)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:16.5vmin;--dy:52.5vmin;--rot:36.3deg;--d:0.374s}
.um-12{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c0-.312.223-.558.536-.558.357%200%20.581.313.581.67%200%20.467-.425%201.115-.827%201.115-.179%200-.111-.268-.157-.558-.022-.222-.133-.49-.133-.669m-1.16%202.966c2.343-.446%203.615-2.208%203.615-3.858%200-1.138-.714-2.184-1.964-2.184-1.138%200-1.959.779-1.959%202.029%200%20.936.731%201.917.731%202.876%200%20.379-.111.758-.423%201.137m-2.964-3.792c.222-.221.29-.445.29-.668%200-.335-.156-.692-.156-1.071%200-.534.401-1.003.98-1.003.626%200%201.051.492%201.051%201.069%200%20.848-.873%201.673-2.165%201.673m7.383%201.427c.156-.243.223-.489.223-.712%200-.625-.424-1.204-.424-1.852%200-.736.558-1.337%201.402-1.337.915%200%201.54.735%201.54%201.605%200%201.182-1.071%202.185-2.741%202.296m-6.848%201.184c1.027-.134%201.273-.491%201.273-.782%200-.49-.447-.645-.872-.645-.312%200-.669.066-1.048.066-.491%200-.981-.111-1.383-.58.29-.045.714-.245.714-.692%200-1.293-3.591-.222-3.591-3.546%200-1.761%201.829-3.68%204.594-3.68%201.429%200%202.344.469%202.344%201.005%200%20.423-.758.134-.758.491%200%20.156.267.447.267.692%200%20.109-.089.31-.267.31-.403%200-1.161-.645-2.701-.645-1.204%200-2.386.69-2.386%201.627%200%20.2.089.313.223.313s.312-.09.468-.09c.135%200%20.157.09.157.335s0%20.937.423.937c.424%200%201.227-1.562%204.307-1.562%201.022%200%203.008.201%203.745.87-.023-2.453-1.942-5.686-5.955-5.686-4.17%200-6.401%203.346-6.401%206.423%200%203.412%202.787%206.51%206.602%206.51.98%200%201.807-.333%201.807-.757%200-.581-1.45-.224-1.562-.914%22%20transform%3D%22translate(94.183%20758.1284)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-58.8vmin;--dy:-34.1vmin;--rot:-19.1deg;--d:0.408s}
.um-13{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c1.472%200%202.14-1.271%202.14-2.698%200-.624-.177-1.539-.467-1.539s-.246.513-.29.982c-.045.601-.156.735-.357.735-.38%200-.624-.891-.624-1.717%200-.512.089-1.093.49-1.093.223%200%20.424.112.557.246-.089-1.026-.848-1.919-1.918-1.919-1.962%200-2.698%202.298-2.921%203.636-1.182-1.249-2.274-2.164-4.237-2.164-1.828%200-2.654%201.338-2.654%202.609%200%20.38.134%201.361.603%201.361.557%200%20.067-1.828%201.159-1.828.268%200%20.758.223%201.026.958.156.447.246.914.246%201.316%200%20.603-.134.981-.579.981-.38%200-.849-.289-1.005-.445.536%201.606%201.829%202.431%203.255%202.431%201.763%200%202.699-1.562%202.699-3.301%200-.245-.023-.513-.067-.758.758%201.249%201.807%202.207%202.944%202.207m-1.718-2.631c0%20.379-.089.468-.178.468-.223%200-.468-.268-.825-.87.045-.803.179-1.16.402-1.16.244%200%20.601.782.601%201.562m-3.055-.914c.245%200%20.558.268%201.138.914.045.29.045.558.045.892%200%20.446-.179.937-.446.937-.67%200-1.004-1.785-1.004-2.254%200-.266.133-.489.267-.489m3.636-1.986c.557%200%201.181%202.142%201.181%203.48%200%20.29-.044.602-.178.602-.469%200-1.249-2.208-1.249-3.412%200-.469.112-.67.246-.67m-5.463%201.227c.758%200%201.626%204.103%201.626%204.795%200%20.179-.066.313-.222.313-.691%200-1.65-3.903-1.65-4.773%200-.157.045-.335.246-.335%22%20transform%3D%22translate(76.1656%20785.3788)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:79.1vmin;--dy:-17.4vmin;--rot:-8.2deg;--d:0.442s}
.um-14{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c-.959%200-1.003-1.161-1.003-3.501-.713%201.538-1.895%203.188-3.278%203.188-.936%200-1.293-.625-1.293-1.716%200-.224.022-.559.067-.758.111.378.469.534.914.534.959%200%202.119-.735%202.877-1.739-.87.156-1.718.312-2.431.312-.446%200-.848-.045-1.182-.201-.647-.289-1.517-1.248-1.517-2.698%200-.223.023-.468.068-.736.78%201.74%202.854%202.52%204.192%202.52.268%200%20.468-.022.624-.044-.691-.624-.847-1.718-.892-2.453-.022-.357-.156-.38-.401-.38%200-.735.58-1.829.58-2.386%200-.2-.112-.379-.223-.424%200-.981.981-1.695.981-2.319%200-.156-.045-.29-.112-.357.067-.402%201.146-1.077%201.286-1.415.171-.411.364-.481.476-.481.379%200%20.98.447.98.848%200%20.134-.111.29-.199.357-.424.312-.648.981-.826%201.427-.157%200-.359.066-.429.328-.122.462-.128%201.322-.307%201.836-.29.066-.424.178-.424.779%200%20.291.179%201.428.179%201.83-.134%200-.312.089-.312.357%200%20.713.714%201.271.914%202.185%201.272-.936%201.583-1.895%201.583-2.743%200-.445-.067-.87-.156-1.272.937.469%202.342%201.16%202.342%202.565%200%20.826-.379%201.74-2.899%202.097.78.29%201.762.445%202.587.445%201.427%200%202.252-.445%202.43-1.448.29.445.514.959.514%201.426%200%201.094-.916%201.807-2.075%201.807-1.36%200-2.564-.713-3.858-1.584.581%201.204.981%201.918%201.695%201.918.112%200%20.224-.023.335-.045-.268.981-1.271%201.941-1.807%201.941%22%20transform%3D%22translate(71.9949%20779.3808)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-54.1vmin;--dy:76.9vmin;--rot:31.1deg;--d:0.476s}
.um-15{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c1.116%200%202.008-1.45%202.008-3.145%200-1.805-.848-3.768-2.36-5.105-.023%203.009-3.707%202.05-3.707%204.236%200%20.936.67%201.561%201.474%201.561.715%200%201.272-.201%201.674-.603-.402.379-.603.915-.603%201.427%200%20.849.536%201.629%201.514%201.629%22%20transform%3D%22translate(109.5688%20763.3025)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-5.4vmin;--dy:-41.7vmin;--rot:-37.7deg;--d:0.51s}
.um-16{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c-.179.29-.844.445-1.156.445-.983%200-1.652-.691-1.786-1.316-.089.224-.157.491-.157.759%200%20.981.67%202.185%202.3%202.185%201.424%200%201.981-.758%202.183-.758.222%200%20.446.224.625.224.245%200%20.245-.38.245-.648%200-.891-.401-2.43-1.406-2.988-.179.38-.536.803-1.112%201.07-.156.067-.223.201-.223.335%200%20.245.223.558.487.692m-3.366-1.628c.58-.558%201.092-.803%201.717-.803.247%200%20.537.066.694.066.2%200%20.334-.088.334-.244%200-.246-.223-.647-.491-.871.268-.111.558-.156.871-.156%201.267%200%202.718.804%202.718%202.81.268-.356.425-1.093.425-1.427%200-2.431-1.786-3.367-3.433-3.367-1.072%200-1.608.357-1.743.357-.422%200-.4-.848-.69-.826-.514.089-.981%201.227-.981%202.431%200%20.714.178%201.472.579%202.03%22%20transform%3D%22translate(93.0228%20786.1155)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:42.1vmin;--dy:35.4vmin;--rot:24.5deg;--d:0.544s}
.um-17{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c0%20.134-.669.268-1.583.268-1.449%200-1.249-1.205-2.363-1.205-1.16%200-.871%201.25-2.343%201.25-.892%200-1.716-.157-1.716-.357%200-.268%201.048-.157%201.048-.893%200-.78-2.252-1.004-2.252-1.472%200-.155.177-.222.4-.222.491%200%201.271.222%201.829.222.313%200%20.603-.066.603-.356%200-.558-1.205-1.562-1.205-2.008%200-.134.111-.179.223-.179.446%200%201.204%201.138%201.918%201.138%201.182%200%20.402-2.52%201.048-2.52.67%200%20.38%202.476%201.338%202.476.782%200%201.361-1.717%201.896-1.717.134%200%20.246.111.246.268%200%20.467-.67%201.427-.67%202.051%200%20.379.268.558.625.558.512%200%201.204-.312%201.582-.312.134%200%20.268.044.268.2%200%20.535-1.984%201.115-1.984%201.806%200%20.692%201.092.692%201.092%201.004m5.241-2.275c0-.401%201.405-1.271%202.052-1.271.378%200%20.49.513.49%201.049%200%20.668-.289.69-.87.69-.735%200-1.672-.201-1.672-.468m2.32-4.415c0%201.338-3.619%203.768-3.658%204.816-.004.096.048.191.129.277.62.653%203.194%201.13%203.194%201.687%200%20.289-.536.289-.804.289-2.073%200-5.106-.758-5.106-1.494%200-.759%202.72-2.61%202.72-3.524%200-.246-.156-.335-.402-.335-.757%200-2.408.915-3.188.915-.357%200-.491-.245-.491-.602%200-1.071%201.271-3.1%201.271-3.701%200-.067-.022-.156-.111-.156-.402%200-2.296%202.229-2.966%202.229-.245%200-.267-.334-.267-.825v-.758c0-.513-.023-.825-.267-.825-.58%200-.849%201.628-1.405%201.628-.58%200-.692-2.899-1.249-2.899-.647%200-.089%203.189-.714%203.189-.691%200-1.472-2.119-1.963-2.119-.178%200-.222.179-.222.335%200%20.646.378%201.694.378%202.318%200%20.313-.089.491-.356.491-.692%200-2.209-1.115-2.788-1.115-.089%200-.2.045-.2.134%200%20.535%202.43%202.23%202.43%202.988%200%20.737-3.346.245-3.346%201.093%200%20.713%202.388%201.45%202.388%202.185%200%20.648-2.833.937-3.925.937-1.317%200-2.029-.155-2.029-.535%200-.58%202.988-.759%202.988-1.271%200-.491-3.1-1.806-3.1-2.564%200-.67%204.37-.045%204.37-.737%200-.758-3.812-4.035-3.812-5.128%200-.246.179-.357.423-.357%201.16%200%204.169%202.207%204.995%202.207.29%200%20.313-.356.313-.668%200-.581-.201-1.472-.201-2.119%200-.513.134-.87.579-.87.826%200%201.584%201.405%202.141%201.405.713%200%20.291-4.125%201.361-4.125.914%200%201.293%204.46%201.872%204.46.581%200%201.05-1.294%201.584-1.294.669%200%20.357%202.252%201.071%202.252.78%200%203.009-2.676%204.014-2.676.311%200%20.422.246.422.559%200%201.181-1.649%203.856-1.649%204.704%200%20.223.066.29.311.29.871%200%203.413-1.204%204.617-1.204.402%200%20.648.223.648.513m-20.362%201.293c0-.446-1.694-1.939-2.295-1.939-.223%200-.29.267-.29.512%200%20.445.2%201.07.446%201.271.289.268.958.4%201.471.4.311%200%20.668-.065.668-.244m16.391-2.297c0-.78%202.788-4.593%203.323-4.593.447%200%20.78.78.78%201.45%200%20.177-.044.355-.132.49-.402.557-3.234%202.787-3.859%202.787-.068%200-.112-.067-.112-.134%22%20transform%3D%22translate(70.5679%20798.6702)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-67.9vmin;--dy:2.8vmin;--rot:1.6deg;--d:0.578s}
.um-18{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c0-.311.245-.556.558-.556.312%200%20.558.245.558.556%200%20.313-.246.558-.558.558-.313%200-.558-.245-.558-.558m-3.634-4.928c0%201.584-3.788%201.985-3.788%202.342%200%20.289%202.116.781%203.208.803-1.672%202.14-4.056%201.917-4.056%202.296%200%20.224%201.785.67%203.433.67%201.382%200%202.676-.312%202.676-1.36%200-.581-.468-1.183-.468-2.075%200-.491.244-.914.893-.914.692%200%20.848.736.848%201.517%200%20.646-.112%201.137-.112%201.449%200%20.937.643%201.561%201.558%201.561.759%200%20.937-.334%202.053-.334-.603-.357-.825-1.005-.825-1.316%200-.937.603-1.584.603-3.502%200-3.522-3.3-4.771-7.338-4.771-1.111%200-2.294.089-3.455.267-.178.022-.223.067-.223.178%200%20.291%201.585.447%201.585%201.873%200%20.558-.179%201.093-.179%201.294%200%20.111.089.178.179.178.335%200%201.005-1.293%202.25-1.293.332%200%201.158.112%201.158%201.137m3.767%202.252c0-1.984-1.445-3.501-4.058-3.924.291-.022.559-.022.827-.022%203.053%200%204.169%201.382%204.169%202.541%200%20.647-.357%201.227-.938%201.405%22%20transform%3D%22translate(109.9702%20797.7327)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:57.4vmin;--dy:-57.1vmin;--rot:-26.8deg;--d:0.612s}
.um-19{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c.357%201.115.804%201.896%201.535%203.1-.731.378-2.673%201.182-2.673%202.498%200%201.538%201.919%202.742%202.316%202.742.178%200%20.223-.156.223-.446%200-.802-.379-2.096-.379-2.787%200-.624.402-1.227.759-1.227.379%200%201.428%201.338%201.428%202.654%200%202.365-2.076%203.078-2.718%203.078-.603%200-1.696-.981-4.262-.981-4.793%200-5.887%204.748-5.887%206.823%200%20.089.022.112.044.112.112%200%20.581-.581%202.098-.581.781%200%201.495.201%202.634.201%202.672%200%203.855-1.852%205.507-4.214.999-.624%203.388-1.628%203.388-4.46%200-2.498-2.657-3.881-3.299-6.556%201.022.11%201.625%201.94%202.673%201.94.536%200%20.782-.424.782-1.094%200-.98-.558-2.453-1.63-3.367.023.09.023.201.023.335%200%20.624-.245%201.515-.96%201.515-1.111%200-1.469-1.203-2.093-2.206-.647%202.273-1.518%204.326-3.078%205.575-1.58%201.271-4.304.58-4.304%202.899%200%20.625.402%201.516.402%202.23%200%20.245-.045.468-.179.647%202.143-.804%201.384-2.23%202.701-3.702.821-.937%203.096-1.829%204.414-5.687.021.112.044.401.044.602%200%203.301-4.369%206.535-4.748%207.873%202.538-.29%202.984-.915%204.19-4.26.245-.692%201.049-2.409%201.049-3.256m-.58%2010.816c0%20.468-1.184.512-1.295%201.828-.023.201-.089.557-.335.557-.402%200-.09-1.226-.536-1.226-1.025%200-1.359%202.007-1.739%202.007-.09%200-.196-.067-.196-.335%200-.245.045-.402.045-.69%200-.291-.067-.491-.335-.491-.603%200-1.138%201.404-1.652%201.404-.112%200-.223-.067-.223-.178%200-.268.446-.758.446-1.004%200-.535-1.45-.245-1.45-.691%200-.201.2-.267.468-.267.469%200%201.206.2%201.585.2.223%200%20.558-.045.558-.334%200-.312-.803-.713-.803-1.003%200-.134.134-.2.245-.2.603%200%201.669%201.047%202.428%201.047.133%200%20.467-.067.467-.268%200-.289-.757-.801-.757-1.225%200-.112.067-.246.201-.246.399%200%20.935%201.048%201.694%201.048.291%200%20.715-.112.938-.112.179%200%20.246.112.246.179%22%20transform%3D%22translate(108.5688%20766.3125)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-4.3vmin;--dy:93.9vmin;--rot:38.0deg;--d:0.646s}
.um-20{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c.358%200%20.425-.871.493-1.383.044-.268.089-.29.201-.29.268%200%20.691%201.026.977%201.026.423%200%201.562-1.182%203.459-1.182%202.697%200%205.241%201.896%205.241%205.24%200%203.233-2.277%205.129-5.42%205.129-1.494%200-2.589-.736-3.169-.736-.352-.022-.888.869-1.156.869-.111%200-.223-.222-.223-.601%200-.246%200-1.026-.268-1.026-.537%200-2.61%201.538-2.61.981%200-.513%201.382-2.074%201.382-2.475%200-.402-1.36-.781-1.36-1.049%200-.49%201.45-.579%201.45-1.204%200-.624-1.517-1.115-1.517-1.584%200-.378%201.517-.111%201.517-.579s-1.115-2.029-1.115-2.474c0-.112.022-.112.111-.112.423%200%201.694%201.45%202.007%201.45m.649%203.656c0%20.245-.872.713-.872.981%200%20.044.044.067.112.067.246%200%20.67-.09%201.005-.09.291%200%20.335%201.249.554%201.249.155%200%20.423-1.182.67-1.182.289%200%20.824.335%201.048.335.045%200%20.089-.022.089-.067%200-.156-.558-.757-.558-.936%200-.201%201.25-.446%201.25-.625%200-.223-1.272-.201-1.272-.402%200-.155.469-.78.469-.98%200-.045-.023-.068-.067-.068-.179%200-.871.313-1.072.313-.245%200-.642-.914-.843-.914-.067%200-.111.089-.111.201l-.046.892c0%20.089-.043.178-.155.178-.268%200-.782.023-.939.023-.112%200-.156.022-.156.066%200%20.179.894.803.894.959m4.347-4.237c-1.562%200-2.589.78-2.589%201.182%200%20.201.134.334.313.334.491%200%201.562-.757%201.919-.757.089%200%20.156.044.156.178%200%20.402-.379%201.07-.379%201.404%200%20.089.067.156.201.156.602%200%201.496-.246%201.965-.246.155%200%20.199.09.199.179%200%20.491-1.45%201.45-1.45%201.74%200%20.268%201.803.67%201.803%201.092%200%20.447-2.451.135-2.451.558%200%20.313.469.848.469%201.093%200%20.112-.089.156-.245.156-.201%200-1.272-.424-1.718-.424-.224%200-.492.045-.492.357%200%20.514.871%201.071%202.232%201.071%202.205%200%203.523-1.517%203.523-4.059%200-3.211-2.251-4.014-3.456-4.014%22%20transform%3D%22translate(91.3742%20790.4869)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-26.9vmin;--dy:-32.2vmin;--rot:-29.2deg;--d:0.68s}
.um-21{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c0-.201-.067-.425-.246-.647-.244.446-.936.67-1.249.669-2.296%200-1.427-3.323-3.88-3.323-1.025%200-1.115.134-1.494.134-.156%200-.245-.067-.245-.201%200-.581.825-2.007%203.122-2.007s4.505%201.404%204.505%203.146c0%20.289-.067.599-.201.912.089.134.313.223.514.223.356%200%20.557-.402.891-.402.358%200%20.625.268.625.625%200%20.29-.156.491-.424.626.179.133.312.357.312.602%200%20.379-.267.734-.714.734-.201%200-.334-.067-.49-.221-.044.4-.267.779-.691.779-.335%200-.581-.245-.581-.625%200-.354.246-.645.246-1.024%22%20transform%3D%22translate(81.2725%20751.3269)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:54.5vmin;--dy:7.3vmin;--rot:5.1deg;--d:0.714s}
.um-22{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c-.669%200-1.673.714-1.673%201.116%200%20.335.313.514.557.514.558%200%201.561-.692%201.561-1.272%200-.157-.112-.358-.445-.358m-6.222%204.995c1.784-.444%202.676-1.403%202.854-2.542.179-1.091.402-1.984.825-2.43.558-.626%201.65-1.181%202.61-1.181.803%200%201.448.265%201.448%201.002%200%20.803-1.092%202.609-2.698%202.609-.155%200-.356-.023-.579-.023-.201%200-.491.045-.67.201-.356.313-.467%201.986-1.137%202.989-.735%201.115-1.538%201.428-2.63%201.428-.78%200-1.651-.424-1.651-1.049%200-.379.201-.646%201.628-1.004%22%20transform%3D%22translate(75.2738%20750.4785)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:-55.8vmin;--dy:38.8vmin;--rot:21.7deg;--d:0.748s}
.um-23{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c0%201.003-2.075%201.025-2.075%202.542%200%20.38.246%201.026.737%201.718.201-1.16.669-1.762%201.673-2.142%201.984-.735%202.252-1.85%202.252-3.033%200-2.008-1.405-4.505-5.017-4.505-2.9%200-4.974%202.587-4.974%204.772%200%20.603.156%201.272.535%201.272.335%200%20.447-.267.713-.535%201.005-1.004%202.097-1.271%203.681-1.271%201.427%200%202.475.579%202.475%201.182m.089-1.606c-.765-.35-1.07-.29-1.07-1.072%200-.289-.067-.667-.067-.868%200-.267.045-.424.356-.424.804%200%202.075%201.36%202.075%202.52%200%20.313-.179.445-.38.445-.179%200-.378-.356-.914-.601m-7.114%2011.261c0%201.428%203.39%202.186%203.39%203.948%200%20.29-.111.802-.312%201.182%201.182-.647%202.051-1.741%202.051-2.632%200-1.539-1.605-2.252-1.605-3.212%200-1.115%201.717-1.293%201.717-2.676%200-1.136-1.629-2.452-1.629-3.924%200-1.137.804-2.073%202.03-2.229-.401-.09-.758-.157-1.137-.157-2.253%200-4.572%201.85-4.572%204.059%200%201.093.469%202.05%201.182%202.742.625-.535%201.249-.892%201.65-.892.357%200%20.514.178.514.446%200%20.826-3.279%201.583-3.279%203.345%22%20transform%3D%22translate(80.2467%20758.1957)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:17.8vmin;--dy:-79.0vmin;--rot:-37.1deg;--d:0.782s}
.um-24{--mx:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20207%20229%22%3E%3Cg%20fill%3D%22%230f0e9a%22%20transform%3D%22matrix(2.8259216%200%200%20-2.8259216%20-136.786006%202258.363223)%22%3E%3Cpath%20d%3D%22m0%200c.094-.762.804-1.339%201.606-1.25.289.032.558.112.737.223.178-.713.777-1.172%201.586-1.066.821.107%201.38.754%201.291%201.58-.024.222-.067.357-.134.513%200%200%20.109.011.191.027.805.152%201.348.798%201.281%201.579-.089.802-.809%201.398-1.56%201.306-.29-.036-.559-.146-.738-.303-.201.668-.83%201.25-1.689%201.107-.775-.128-1.288-.786-1.21-1.62.012-.135.044-.29.111-.445%200%200-.131-.02-.221-.033-.651-.097-1.357-.752-1.251-1.618m4.167.877c.055-.466-.278-.886-.744-.941-.465-.054-.887.28-.94.745-.055.466.278.888.744.942.466.055.887-.279.94-.746%22%20transform%3D%22translate(60.2869%20756.8351)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--dx:46.7vmin;--dy:81.6vmin;--rot:33.0deg;--d:0.816s}/* ========================================================================
   UNILEVER THAILAND — L'ATELIER DE BEAUTE & EDITORIAL SHOWCASE
   Pulse · Complete Luxury Redesign · 2026-09-17
   Master Color Palette:
   - Primary Deep Navy: #040c1e
   - Royal Navy:        #091738
   - Antique Gold:      #bfa15f
   - Warm Silk:         #f8f7f2
   - Surface Pure:      #ffffff
   - Text Charcoal:     #161922
   - Text Muted:        #555c6d
   - Border Gold:       rgba(191, 161, 95, 0.3)
   - Border Subtle:     rgba(4, 12, 30, 0.08)
   ======================================================================== */

.ule{
  --u-navy-deep:#040c1e;
  --u-navy:#091738;
  --u-gold:#bfa15f;
  --u-gold-hover:#cfae6e;
  --u-gold-glow:rgba(191,161,95,.25);
  --u-silk:#f8f7f2;
  --u-white:#ffffff;
  --u-charcoal:#161922;
  --u-muted:#555c6d;
  --u-border:rgba(4,12,30,.08);
  --u-border-gold:rgba(191,161,95,.3);

  font-family:'Plus Jakarta Sans',Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--u-charcoal);
  background:var(--u-white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
  line-height:1.6;
  display:block;
  width:100%;
}

.ule *,.ule *::before,.ule *::after{box-sizing:border-box}
.ule p,.ule h1,.ule h2,.ule h3,.ule h4,.ule ul,.ule ol,.ule li,.ule figure{margin:0;padding:0}
.ule ul,.ule ol{list-style:none}
.ule a{color:inherit;text-decoration:none}
.ule img{display:block;max-width:100%;height:auto}
.ule strong{font-weight:700}
.ule button{font-family:inherit;cursor:pointer;border:none;background:none}

/* Global Container Shell */
.ule-container{
  width:100% !important;
  max-width:1160px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:clamp(16px,4vw,36px) !important;
  padding-right:clamp(16px,4vw,36px) !important;
  box-sizing:border-box !important;
}

/* Typography Headings */
.ule-kicker-royal{
  display:inline-block;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--u-gold);
  margin-bottom:.75rem;
}
.ule-kicker-gold{
  display:inline-block;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--u-gold);
  margin-bottom:.55rem;
}

.ule-heading-serif{
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(1.7rem,3.8vw,2.7rem);
  font-weight:700;
  line-height:1.22;
  color:var(--u-navy-deep);
  letter-spacing:-.015em;
  margin-bottom:.75rem;
}
.ule-text-white{color:var(--u-white) !important}
.ule-desc-lead{
  font-size:clamp(.94rem,1.8vw,1.06rem);
  color:var(--u-muted);
  line-height:1.68;
  max-width:60ch;
}
.ule-text-light{color:rgba(255,255,255,.78) !important}

.ule-sec-intro{margin-bottom:clamp(28px,4.5vw,46px)}
.ule-text-center{text-align:center}
.ule-text-center .ule-desc-lead{margin-left:auto;margin-right:auto}

/* ========================= 1. HERO SECTION ========================= */
.ule-hero{
  position:relative;
  width:100%;
  background:radial-gradient(120% 100% at 50% 0%,#0d2252 0%,var(--u-navy-deep) 65%,#01050e 100%);
  color:var(--u-white);
  padding:clamp(54px,9vw,100px) clamp(16px,4vw,36px) clamp(36px,6vw,60px);
  text-align:center;
  overflow:hidden;
  box-sizing:border-box;
}
.ule-hero-mesh{
  position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(191,161,95,.08) 1px,transparent 1px);
  background-size:32px 32px;opacity:.5;
}
.ule-hero-texture{
  position:absolute;top:-15%;left:50%;transform:translateX(-50%);
  width:min(85vw,650px);height:360px;
  background:radial-gradient(ellipse,rgba(191,161,95,.18),transparent 70%);
  filter:blur(50px);pointer-events:none;
}

.ule-hero-container{
  position:relative;z-index:2;
  max-width:820px;margin:0 auto;width:100%;
}

/* 25 Iconic Fragments of Life (Chữ U Unilever) */
.ule-u-mark{
  position:relative;
  width:clamp(115px,18vmin,160px);
  aspect-ratio:207/229;
  margin:0 auto clamp(20px,3.5vh,34px);
  filter:drop-shadow(0 12px 32px rgba(0,0,0,.45));
}
.ule-u-mark .um{
  position:absolute;inset:0;display:block;
  background:linear-gradient(135deg,#ffffff 0%,#f5ebd4 50%,var(--u-gold) 100%);
  -webkit-mask-image:var(--mx);mask-image:var(--mx);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  opacity:0;
  transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot)) scale(.34);
  animation:ule-assemble .96s cubic-bezier(.16,1,.3,1) forwards;
  animation-delay:var(--d);
}
@keyframes ule-assemble{
  0%  {opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot)) scale(.34)}
  55% {opacity:1}
  100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}
}

.ule-hero-textgroup{width:100%;display:block}
.ule-hero-title{
  width:100%;display:block;
  margin-bottom:1.2rem;
}
.ule-hero-title-italic{
  font-family:'Playfair Display',Georgia,serif;
  font-style:italic;
  font-size:clamp(1.18rem,2.8vw,1.8rem);
  font-weight:400;
  color:rgba(255,255,255,.84);
  letter-spacing:.02em;
  display:block;
  margin-bottom:4px;
}
.ule-hero-title-strong{
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(2.1rem,6vw,4.2rem);
  font-weight:700;
  letter-spacing:-.025em;
  color:var(--u-white);
  line-height:1.1;
  display:block;
}
.ule-hero-lead{
  font-size:clamp(.95rem,2vw,1.1rem);
  color:rgba(255,255,255,.82);
  line-height:1.72;
  max-width:62ch;
  margin:0 auto 2.2rem;
  font-weight:300;
  display:block;
}
.ule-hero-lead strong{color:var(--u-gold);font-weight:600}

.ule-hero-btn-row{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-bottom:2.6rem;
}
.ule-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 28px;border-radius:999px;font-size:.88rem;font-weight:600;
  letter-spacing:.015em;transition:all .25s ease;white-space:nowrap;
}
.ule-btn-gold{
  background:linear-gradient(135deg,#cfae6e 0%,var(--u-gold) 100%);
  color:var(--u-navy-deep);box-shadow:0 4px 18px var(--u-gold-glow);
}
.ule-btn-gold:hover{
  background:linear-gradient(135deg,#dbbc7e 0%,#cfae6e 100%);
  transform:translateY(-2px);box-shadow:0 6px 24px rgba(191,161,95,.45);
}
.ule-btn-glass{
  background:rgba(255,255,255,.08);color:var(--u-white);
  border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);
}
.ule-btn-glass:hover{
  background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5);transform:translateY(-2px);
}
.ule-btn-navy{
  background:var(--u-navy-deep);color:var(--u-white);
  box-shadow:0 4px 14px rgba(4,12,30,.18);
}
.ule-btn-navy:hover{
  background:var(--u-gold);color:var(--u-navy-deep);transform:translateY(-2px);
}

/* Ribbon Ticker */
.ule-ribbon-bar{
  position:relative;z-index:2;margin:0 auto;padding:10px 22px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  display:inline-flex;align-items:center;gap:14px;max-width:94%;overflow-x:auto;
}
.ule-ribbon-label{
  font-size:.68rem;font-weight:700;letter-spacing:.16em;color:var(--u-gold);white-space:nowrap;
}
.ule-ribbon-links{display:flex;align-items:center;gap:10px}
.ule-ribbon-item{
  font-family:'Playfair Display',Georgia,serif;font-size:.95rem;color:rgba(255,255,255,.9);
  white-space:nowrap;transition:color .2s ease;
}
.ule-ribbon-item:hover{color:var(--u-gold)}
.ule-ribbon-sep{color:var(--u-gold);opacity:.5}

/* ========================= 2. MONUMENTAL METRICS ========================= */
.ule-metrics{
  padding:clamp(48px,8vw,80px) 0;background:var(--u-silk);border-bottom:1px solid var(--u-border);
}
.ule-metrics-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:clamp(16px,2.5vw,26px);width:100% !important;
}
.ule-metric-item{
  background:var(--u-white);border:1px solid var(--u-border);
  border-left:3px solid var(--u-gold);border-radius:12px;
  padding:clamp(20px,3vw,28px) clamp(16px,2.5vw,22px);
  display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;
}
.ule-metric-item:hover{
  transform:translateY(-3px);box-shadow:0 8px 24px rgba(4,12,30,.06);
}
.ule-metric-number{
  font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.2rem,4vw,3.2rem);
  font-weight:700;color:var(--u-navy-deep);line-height:1;margin-bottom:.55rem;letter-spacing:-.02em;
}
.ule-metric-caption{font-size:.86rem;color:var(--u-muted);line-height:1.55}
.ule-metric-caption strong{color:var(--u-charcoal)}

/* ========================= 3. HOUSES EDITORIAL SHOWCASE ========================= */
.ule-maisons{
  padding:clamp(54px,9vw,96px) 0;background:var(--u-white);
}
.ule-maison-tabs{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:10px;margin-bottom:30px;width:100% !important;
}
.ule-tab-card{
  background:var(--u-silk);border:1px solid var(--u-border);border-radius:10px;
  padding:12px 14px;text-align:left;transition:all .22s ease;display:flex;flex-direction:column;gap:3px;
}
.ule-tab-card:hover{border-color:var(--u-gold)}
.ule-tab-card.is-active{
  background:var(--u-navy-deep);border-color:var(--u-navy-deep);box-shadow:0 6px 18px rgba(4,12,30,.18);
}
.ule-tab-brand{
  font-family:'Playfair Display',Georgia,serif;font-size:1.02rem;font-weight:700;color:var(--u-navy-deep);
}
.ule-tab-card.is-active .ule-tab-brand{color:var(--u-white)}
.ule-tab-role{font-size:.72rem;color:var(--u-muted)}
.ule-tab-card.is-active .ule-tab-role{color:var(--u-gold)}

/* Stage Panels */
.ule-maison-stage{width:100% !important}
.ule-house-view{
  display:none;background:var(--u-silk);border-radius:16px;border:1px solid var(--u-border);
  overflow:hidden;box-shadow:0 10px 32px rgba(4,12,30,.05);
}
.ule-house-view.is-active{
  display:grid;grid-template-columns:1.15fr .85fr;animation:ule-fade .35s ease forwards;
}
@keyframes ule-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.ule-house-cover{
  position:relative;min-height:330px;background:#0d1a36;overflow:hidden;
}
.ule-house-banner{
  width:100%;height:100%;object-fit:cover;transition:transform .6s ease;
}
.ule-house-view:hover .ule-house-banner{transform:scale(1.03)}

.ule-house-badge{
  position:absolute;left:20px;bottom:20px;background:rgba(255,255,255,.95);
  padding:8px 18px;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.2);display:flex;align-items:center;
}
.ule-house-logo{height:30px;width:auto;object-fit:contain}

.ule-house-info{
  padding:clamp(24px,3.5vw,38px);display:flex;flex-direction:column;justify-content:center;
}
.ule-house-subtag{
  font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--u-gold);margin-bottom:.65rem;display:block;
}
.ule-house-title{
  font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.25rem,2.2vw,1.75rem);
  font-weight:700;line-height:1.25;color:var(--u-navy-deep);margin-bottom:.8rem;
}
.ule-house-p{
  font-size:.9rem;line-height:1.68;color:var(--u-muted);margin-bottom:1.3rem;
}
.ule-house-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.6rem}
.ule-feat-pill{
  font-size:.74rem;font-weight:600;padding:4px 12px;border-radius:999px;
  background:var(--u-white);border:1px solid var(--u-border);color:var(--u-charcoal);
}

/* ========================= 4. CHRONICLES OF ROYAL HERITAGE ========================= */
.ule-chronicles{
  padding:clamp(54px,9vw,100px) 0;background:var(--u-navy-deep);color:var(--u-white);
}
.ule-timeline-track{
  display:flex;flex-direction:column;gap:16px;max-width:840px;margin:0 auto;position:relative;
}
.ule-timeline-track::before{
  content:"";position:absolute;left:70px;top:15px;bottom:15px;width:1px;background:var(--u-border-gold);
}
.ule-epoch-item{display:flex;gap:26px;align-items:flex-start;position:relative;z-index:1}
.ule-epoch-time{
  flex:0 0 70px;font-family:'Playfair Display',Georgia,serif;font-size:1.2rem;font-weight:700;
  color:var(--u-gold);text-align:right;padding-top:14px;
}
.ule-epoch-card{
  flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  padding:clamp(16px,2.5vw,24px);border-radius:12px;transition:transform .22s ease;
}
.ule-epoch-card:hover{transform:translateX(4px);background:rgba(255,255,255,.07)}
.ule-epoch-royal .ule-epoch-card{
  border-color:var(--u-gold);background:rgba(191,161,95,.09);
}
.ule-royal-emblem{
  display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.15em;color:var(--u-gold);margin-bottom:.35rem;
}
.ule-epoch-name{
  font-family:'Playfair Display',Georgia,serif;font-size:1.12rem;font-weight:700;color:var(--u-white);margin-bottom:.35rem;
}
.ule-epoch-text{font-size:.86rem;line-height:1.62;color:rgba(255,255,255,.78)}

/* ========================= 5. PRODUCT BOUTIQUE ========================= */
.ule-boutique{
  padding:clamp(54px,9vw,96px) 0;background:var(--u-silk);
}
.ule-boutique-header{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;
  margin-bottom:24px;border-bottom:1px solid var(--u-border);padding-bottom:16px;
}
.ule-boutique-tally{
  font-size:.86rem;font-weight:600;color:var(--u-muted);background:var(--u-white);
  padding:5px 14px;border-radius:999px;border:1px solid var(--u-border);
}
.ule-pills-belt{margin-bottom:30px;overflow-x:auto;padding-bottom:8px}
.ule-pills-row{display:flex;flex-wrap:wrap;gap:8px}

.ule-pill{
  display:inline-flex;align-items:center;gap:8px;background:var(--u-white);border:1px solid var(--u-border);
  padding:6px 14px;border-radius:999px;font-size:.84rem;font-weight:600;color:var(--u-charcoal);
  transition:all .2s ease;cursor:pointer;white-space:nowrap;
}
.ule-pill:hover{border-color:var(--u-gold)}
.ule-pill.is-on{
  background:var(--u-navy-deep);color:var(--u-white);border-color:var(--u-navy-deep);
  box-shadow:0 4px 12px rgba(4,12,30,.15);
}
.ule-pill-logo{width:18px;height:18px;border-radius:50%;object-fit:contain;background:var(--u-white)}
.ule-pill-n{font-style:normal;font-size:.72rem;opacity:.65}

/* Product Cards */
.ule-products-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:clamp(16px,2.2vw,22px);width:100% !important;
}
.ule-card{
  background:var(--u-white);border-radius:12px;border:1px solid var(--u-border);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;
}
.ule-card:hover{
  transform:translateY(-4px);box-shadow:0 10px 26px rgba(4,12,30,.08);border-color:var(--u-border-gold);
}
.ule-card-media{
  position:relative;width:100%;aspect-ratio:1;background:#fbfbf9;display:flex;align-items:center;
  justify-content:center;padding:12px;
}
.ule-card-img{
  max-width:88% !important;max-height:88% !important;object-fit:contain !important;margin:0 auto !important;
  transition:transform .35s ease;
}
.ule-card:hover .ule-card-img{transform:scale(1.05)}

.ule-card-tags{
  position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:3px;z-index:2;
}
.ule-tag{
  font-style:normal;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;
  letter-spacing:.02em;text-transform:uppercase;
}
.ule-tag-flash{background:#dc2626;color:#ffffff}
.ule-tag-disc{background:var(--u-navy-deep);color:#ffffff}
.ule-tag-out{background:#9ca3af;color:#ffffff}

.ule-card-brand{
  position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#ffffff;
  padding:2px;box-shadow:0 2px 6px rgba(0,0,0,.08);object-fit:contain;z-index:2;
}
.ule-card-body{
  padding:12px 14px 16px;display:flex;flex-direction:column;flex:1;
}
.ule-card-cat{
  font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--u-gold);margin-bottom:.25rem;
}
.ule-card-name{
  font-size:.88rem;font-weight:600;line-height:1.4;color:var(--u-charcoal);margin-bottom:.65rem;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;
}
.ule-card:hover .ule-card-name{color:var(--u-navy-deep)}

.ule-card-price{display:flex;align-items:baseline;gap:6px;margin-bottom:.45rem}
.ule-price-now{font-family:'Playfair Display',Georgia,serif;font-size:1.12rem;font-weight:700;color:var(--u-navy-deep)}
.ule-price-was{font-style:normal;font-size:.78rem;color:var(--u-muted);text-decoration:line-through}
.ule-card-stock{font-size:.72rem;font-weight:600;color:#15803d}
.ule-card-stock.is-out{color:var(--u-muted)}

.ule-prod-skeleton{
  background:linear-gradient(90deg,#eae8e1 25%,#f4f3ec 50%,#eae8e1 75%);background-size:200% 100%;
  animation:ule-pulse 1.5s infinite;border-radius:12px;aspect-ratio:3/4;
}
@keyframes ule-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}

.ule-empty-box{
  text-align:center;padding:44px 20px;background:var(--u-white);border-radius:12px;border:1px dashed var(--u-border);
}
.ule-empty-title{font-family:'Playfair Display',Georgia,serif;font-size:1.2rem;color:var(--u-navy-deep);margin-bottom:.4rem}
.ule-empty-desc{font-size:.88rem;color:var(--u-muted);margin-bottom:1.1rem}

/* ========================= 6. GUARANTEE OF EXCELLENCE ========================= */
.ule-guarantee{padding:clamp(54px,9vw,96px) 0;background:var(--u-white)}
.ule-guarantee-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(16px,2.2vw,22px);
  margin-bottom:36px;width:100% !important;
}
.ule-guarantee-card{
  background:var(--u-silk);border:1px solid var(--u-border);border-radius:12px;
  padding:clamp(18px,2.5vw,26px);transition:transform .22s ease;
}
.ule-guarantee-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(4,12,30,.05)}
.ule-guarantee-num{
  font-family:'Playfair Display',Georgia,serif;font-size:1.3rem;font-weight:700;color:var(--u-gold);
  display:block;margin-bottom:.4rem;
}
.ule-guarantee-title{
  font-family:'Playfair Display',Georgia,serif;font-size:1.05rem;font-weight:700;color:var(--u-navy-deep);margin-bottom:.4rem;
}
.ule-guarantee-text{font-size:.84rem;line-height:1.6;color:var(--u-muted)}

.ule-royal-promise{
  background:var(--u-navy-deep);color:var(--u-white);border-radius:14px;
  padding:clamp(22px,3vw,34px);border:1px solid var(--u-border-gold);
}
.ule-promise-tag{
  font-size:.7rem;font-weight:700;letter-spacing:.18em;color:var(--u-gold);display:block;margin-bottom:.35rem;
}
.ule-promise-para{
  font-size:clamp(.9rem,1.8vw,1.02rem);line-height:1.7;color:rgba(255,255,255,.88);
}
.ule-promise-para strong{color:var(--u-white)}

/* ========================= RESPONSIVE BREAKPOINTS ========================= */
@media (max-width:860px){
  .ule-house-view.is-active{grid-template-columns:1fr}
  .ule-house-cover{min-height:230px}
}

@media (max-width:640px){
  .ule-ribbon-bar{flex-direction:column;gap:8px;border-radius:12px}
  .ule-timeline-track::before{left:15px}
  .ule-epoch-item{flex-direction:column;gap:8px}
  .ule-epoch-time{text-align:left;padding-left:26px;padding-top:0}
  .ule-maison-tabs{grid-template-columns:repeat(2,1fr)}
  .ule-products-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}
  .ule-card-body{padding:10px 10px 12px}
  .ule-price-now{font-size:.98rem}
}

@media (prefers-reduced-motion: reduce){
  .ule *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

/* Critical layout containment fixes */
.ule-hero-container,
.ule-hero-textgroup,
.ule-hero-title,
.ule-hero-lead,
.ule-hero-btn-row,
.ule-ribbon-bar,
.ule-sec-intro,
.ule-maison-tabs,
.ule-maison-stage,
.ule-timeline-track,
.ule-boutique-header,
.ule-pills-belt,
.ule-pills-row,
.ule-products-grid,
.ule-guarantee-grid,
.ule-royal-promise {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.ule-hero-btn-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 640px) {
  .ule-hero-btn-row {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .ule-hero-btn-row .ule-btn {
    width: 100% !important;
    max-width: 300px !important;
    text-align: center !important;
  }
}

/* ========================= REFINED BOUTIQUE & GALLERY CARDS ========================= */
.ule-boutique {
  padding: clamp(60px, 9vw, 110px) 0;
  background: var(--u-silk);
  position: relative;
}

.ule-boutique-header {
  margin-bottom: clamp(28px, 4.5vw, 44px);
}
.ule-boutique-subtitle {
  font-size: clamp(0.94rem, 1.8vw, 1.08rem);
  color: var(--u-muted);
  line-height: 1.65;
  max-width: 58ch;
  margin: 0.6rem auto 1rem;
}
.ule-boutique-tally-wrap {
  display: flex;
  justify-content: center;
  margin-top: 0.8rem;
}
.ule-boutique-tally {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--u-gold);
  background: var(--u-white);
  padding: 6px 18px;
  border-radius: 999px;
  border: 1px solid var(--u-border-gold);
  box-shadow: 0 2px 8px rgba(191, 161, 95, 0.12);
}

/* Horizontal Capsule Filter Track */
.ule-capsule-belt {
  margin-bottom: clamp(28px, 4vw, 42px);
  overflow-x: auto;
  padding: 4px 2px 14px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ule-capsule-belt::-webkit-scrollbar {
  display: none;
}

.ule-capsule-track {
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .ule-capsule-track {
    margin: 0;
    padding: 0 4px;
  }
}

.ule-capsule {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--u-white);
  border: 1px solid var(--u-border);
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--u-charcoal);
  transition: all 0.22s ease;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(4, 12, 30, 0.03);
}
.ule-capsule:hover {
  border-color: var(--u-gold);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(4, 12, 30, 0.07);
}
.ule-capsule.is-on {
  background: var(--u-navy-deep);
  color: var(--u-white);
  border-color: var(--u-navy-deep);
  box-shadow: 0 6px 20px rgba(4, 12, 30, 0.22);
}
.ule-capsule-logo {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  object-fit: contain;
  background: var(--u-white);
}
.ule-capsule-name {
  font-size: 0.86rem;
}
.ule-capsule-count {
  font-size: 0.72rem;
  opacity: 0.65;
  font-variant-numeric: tabular-nums;
  margin-left: 2px;
}
.ule-capsule.is-on .ule-capsule-count {
  color: var(--u-gold);
  opacity: 1;
}

/* ========================= LUXURY GALLERY CARDS ========================= */
.ule-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: clamp(20px, 2.8vw, 32px);
  width: 100% !important;
}

.ule-boutique-card {
  background: var(--u-white);
  border-radius: 16px;
  border: 1px solid var(--u-border);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 16px rgba(4, 12, 30, 0.03);
  position: relative;
}
.ule-boutique-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(4, 12, 30, 0.09);
  border-color: var(--u-border-gold);
}

.ule-bcard-media {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  background: #fbfbf9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  overflow: hidden;
}
.ule-bcard-img {
  max-width: 86% !important;
  max-height: 86% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.06));
}
.ule-boutique-card:hover .ule-bcard-img {
  transform: scale(1.07);
}

/* Floating Tags */
.ule-bcard-tags {
  position: absolute;
  top: 14px;
  left: 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 2;
}
.ule-btag {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  backdrop-filter: blur(8px);
}
.ule-btag-privilege {
  background: rgba(191, 161, 95, 0.95);
  color: var(--u-navy-deep);
  box-shadow: 0 2px 8px rgba(191, 161, 95, 0.3);
}
.ule-btag-discount {
  background: rgba(4, 12, 30, 0.88);
  color: #ffffff;
}
.ule-btag-out {
  background: rgba(85, 92, 109, 0.85);
  color: #ffffff;
}

/* Brand watermark */
.ule-bcard-brandmark {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  padding: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.ule-bcard-brandmark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Card Body */
.ule-bcard-body {
  padding: 18px 20px 22px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.ule-bcard-lineage {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--u-gold);
  margin-bottom: 0.45rem;
}
.ule-bcard-sep {
  opacity: 0.5;
}

.ule-bcard-title {
  font-family: var(--u-sans);
  font-size: 0.96rem;
  font-weight: 600;
  line-height: 1.48;
  color: var(--u-charcoal);
  margin-bottom: 0.9rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
  transition: color 0.2s ease;
}
.ule-boutique-card:hover .ule-bcard-title {
  color: var(--u-navy-deep);
}

.ule-bcard-pricing {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 0.75rem;
}
.ule-bprice-now {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.22rem;
  font-weight: 700;
  color: var(--u-navy-deep);
}
.ule-bprice-was {
  font-style: normal;
  font-size: 0.82rem;
  color: var(--u-muted);
  text-decoration: line-through;
}

.ule-bcard-foot {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-top: 10px;
  border-top: 1px solid rgba(4, 12, 30, 0.05);
}
.ule-bstatus-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.ule-bstatus-dot.is-in-stock {
  background: #10b981;
}
.ule-bstatus-dot.is-out-of-stock {
  background: #9ca3af;
}
.ule-bstatus-text {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--u-muted);
}

/* Mobile responsive adjustments */
@media (max-width: 640px) {
  .ule-products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .ule-boutique-card {
    border-radius: 12px !important;
  }
  .ule-bcard-media {
    padding: 10px !important;
  }
  .ule-bcard-body {
    padding: 12px 10px 14px !important;
  }
  .ule-bcard-title {
    font-size: 0.82rem !important;
    line-height: 1.38 !important;
    margin-bottom: 0.5rem !important;
  }
  .ule-bprice-now {
    font-size: 0.98rem !important;
  }
  .ule-bprice-was {
    font-size: 0.72rem !important;
  }
  .ule-bstatus-text {
    font-size: 0.68rem !important;
  }
  .ule-btag {
    font-size: 0.6rem !important;
    padding: 2px 6px !important;
  }
  .ule-bcard-brandmark {
    width: 24px !important;
    height: 24px !important;
    padding: 2px !important;
  }
}

/* ========================= STAGE VISUAL & BUTTON COLOR FIXES ========================= */
.ule-house-cover {
  position: relative !important;
  min-height: 280px !important;
  background: #061026 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
}

.ule-house-banner {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 1 !important;
  transition: transform 0.6s ease !important;
}

.ule-house-badge {
  position: relative !important;
  z-index: 3 !important;
  margin: 16px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  padding: 8px 16px !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 140px !important;
}

.ule-house-logo {
  height: 32px !important;
  max-height: 32px !important;
  width: auto !important;
  max-width: 100px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Nút bấm xem sản phẩm: Nền navy, chữ trắng sáng nổi bật tuyệt đối */
.ule-btn-navy {
  background: var(--u-navy-deep) !important;
  color: #ffffff !important;
  border: 1px solid var(--u-gold) !important;
  box-shadow: 0 4px 14px rgba(4, 12, 30, 0.25) !important;
}
.ule-btn-navy:hover {
  background: var(--u-gold) !important;
  color: var(--u-navy-deep) !important;
}

@media (max-width: 640px) {
  .ule-house-cover {
    min-height: 200px !important;
  }
  .ule-house-badge {
    margin: 12px !important;
    padding: 6px 12px !important;
    max-width: 110px !important;
  }
  .ule-house-logo {
    height: 24px !important;
    max-height: 24px !important;
    max-width: 80px !important;
  }
  .ule-btn-navy {
    width: 100% !important;
    text-align: center !important;
  }
}

/* ========================= POLISH BADGE & REMOVE BLACK RECTANGLE ========================= */

/* 1. Badge sản phẩm: Siêu tinh tế, không đóng khối thô kệch */
.ule-bcard-tags {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  z-index: 2 !important;
}

.ule-btag {
  display: inline-block !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  line-height: 1.2 !important;
  backdrop-filter: blur(6px) !important;
}

/* Ưu đãi: Vàng champagne nhẹ nhàng quý phái */
.ule-btag-privilege {
  background: rgba(191, 161, 95, 0.15) !important;
  color: #8c6d23 !important;
  border: 1px solid rgba(191, 161, 95, 0.4) !important;
  box-shadow: none !important;
}

/* Giảm giá: Viền mảnh thanh lịch, TUYỆT ĐỐI KHÔNG DÙNG NỀN ĐEN */
.ule-btag-discount {
  background: rgba(4, 12, 30, 0.06) !important;
  color: #040c1e !important;
  border: 1px solid rgba(4, 12, 30, 0.15) !important;
  box-shadow: none !important;
}

/* Hết hàng */
.ule-btag-out {
  background: rgba(120, 120, 120, 0.1) !important;
  color: #777777 !important;
  border: 1px solid rgba(120, 120, 120, 0.2) !important;
}

/* 2. Logo brandmark trên góc card: nhỏ gọn 22px, không tràn viền */
.ule-bcard-brandmark {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding: 2px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
  overflow: hidden !important;
  z-index: 2 !important;
}
.ule-bcard-brandmark img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* 3. Sửa nút chữ nhật đen ở House Stage: Trở thành nút sang trọng viền vàng chữ rõ ràng */
.ule-btn-navy {
  background: #ffffff !important;
  color: #040c1e !important;
  border: 1.5px solid #bfa15f !important;
  box-shadow: 0 4px 14px rgba(191, 161, 95, 0.15) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  padding: 12px 26px !important;
  border-radius: 999px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
.ule-btn-navy::after {
  content: "→";
  font-size: 1rem;
  transition: transform 0.2s ease;
}
.ule-btn-navy:hover {
  background: #bfa15f !important;
  color: #ffffff !important;
  border-color: #bfa15f !important;
  box-shadow: 0 6px 20px rgba(191, 161, 95, 0.3) !important;
}
.ule-btn-navy:hover::after {
  transform: translateX(4px);
}

@media (max-width: 640px) {
  .ule-btn-navy {
    width: 100% !important;
    text-align: center !important;
  }
}