:root{--blue:#063c88;--navy:#082f66;--green:#158f50;--cream:#fffdf6;--sky:#e6f5fa;--font:'Manrope','Noto Sans Arabic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--blue);background:var(--cream);font-family:var(--font);font-size:15px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e8ab32;outline-offset:5px}img{max-width:100%;display:block}header{position:absolute;top:0;left:0;width:100%;height:108px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:28px;transition:.3s}header.scrolled{position:fixed;height:82px;background:#ffffffef;backdrop-filter:blur(15px);box-shadow:0 3px 25px #0737750a}.logo{flex-shrink:0}.logo img{width:138px;height:85px;object-fit:contain}header nav{display:flex;gap:26px;align-items:center;font-size:12px;font-weight:700}header nav a{padding:15px 0;position:relative}header nav a:hover:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:2px;background:var(--green)}.header-actions{display:flex;align-items:center;gap:22px}.language{display:flex;gap:12px;align-items:center;font-size:12px;white-space:nowrap}.language button{border:0;background:none;padding:8px 0;opacity:.6}.language button.active{font-weight:800;opacity:1}.language span{width:1px;height:15px;background:#aebbc8}.search-toggle{border:0;background:none;font-size:32px}#menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:810px;height:100svh;max-height:1100px;position:relative;overflow:hidden;background:#eaf6fa;background-image:radial-gradient(ellipse at 80% 35%,#d3eff8 0,transparent 56%)}.hero:after{content:'';position:absolute;bottom:-125px;left:-10%;width:120%;height:235px;background:var(--cream);border-radius:50% 50% 0 0/55% 55% 0 0;transform:rotate(-3deg)}.hero-copy{position:relative;z-index:4;padding:225px 0 100px 7%;width:51%}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:10px;margin:0 0 27px}.eyebrow:before{content:'';height:6px;width:6px;background:var(--green);border-radius:50%}h1{font-size:clamp(58px,6.25vw,96px);letter-spacing:-5px;line-height:1.04;margin:0 0 26px;font-weight:800}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--green);letter-spacing:-3px}h1 em{display:block}.hero-copy>p:not(.eyebrow){max-width:375px;font-size:14px;line-height:1.9;color:#50637a}.actions{display:flex;align-items:center;gap:27px;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:51px;padding:16px 25px;border-radius:50px;background:var(--blue);border:1px solid var(--blue);color:#fff;font-size:11px;font-weight:800;transition:.25s}.btn:hover{background:var(--green);border-color:var(--green);transform:translateY(-2px)}.text-link{font-size:11px;font-weight:800;border-bottom:1px solid #b6c4cc;padding:10px 0}.hero-art{position:absolute;right:0;top:100px;width:56%;height:650px;z-index:3;isolation:isolate}.halo{position:absolute;inset:40px 4% 40px 7%;border:1px solid #c4e1e4;border-radius:50%;transform:rotate(-25deg)}.halo:before,.halo:after{content:'';position:absolute;inset:38px -30px;border:1px solid #fff9;border-radius:50%}.halo:after{inset:75px -50px}.milk-pool{position:absolute;width:560px;height:270px;border-radius:50%;background:#fff9;bottom:60px;right:0;box-shadow:0 15px 50px #93bfd329;transform:rotate(-14deg)}.hero-pack{position:absolute;object-fit:contain;filter:drop-shadow(4px 25px 17px #19395726);animation:float 6s ease-in-out infinite;will-change:transform}.hero-pack.main{width:75%;left:5%;top:90px;z-index:4;--r:-13deg}.hero-pack.back{width:47%;right:-2%;top:8px;z-index:2;--r:15deg;animation-delay:-2s}.hero-pack.front{width:42%;right:0;bottom:3px;z-index:5;--r:9deg;animation-delay:-4s}.seal{position:absolute;right:5%;top:108px;width:95px;height:95px;border:1px solid #419366;border-radius:50%;z-index:6;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(14deg);font-size:10px;line-height:1.7;letter-spacing:1px;color:var(--green);background:#f9fcf2}.leaf{position:absolute;width:65px;height:27px;background:linear-gradient(15deg,#146b31,#67a638);border-radius:0 100% 0 100%;box-shadow:3px 10px 15px #446a2020;z-index:6;transform:rotate(-30deg)}.leaf.one{top:125px;left:12%}.leaf.two{bottom:75px;left:12%;width:90px;transform:rotate(25deg)}.leaf.three{right:10%;bottom:235px;transform:rotate(-70deg)}.hero-note{position:absolute;bottom:83px;left:7%;font-size:10px;letter-spacing:.8px;display:flex;align-items:center;gap:10px;z-index:5}.hero-note b{color:var(--green);font-size:19px}.hero-bottom{position:absolute;bottom:27px;left:7%;right:7%;z-index:6;display:flex;justify-content:space-between;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:1.8px}.hero-bottom span:first-child{display:flex;gap:12px;align-items:center}.hero-bottom i{width:28px;height:2px;background:#bdcdd6}.hero-bottom i.active{background:var(--green);width:45px}.section{padding:95px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:20px}.section-head .eyebrow{margin-bottom:17px}h2{font-size:clamp(36px,4vw,62px);line-height:1.15;letter-spacing:-2.7px;margin:0;font-weight:800}h2 em{letter-spacing:-2px}h3{font-size:25px;letter-spacing:-1px}.intro{color:#617083;line-height:1.8}.families{padding-top:64px;overflow:hidden}.family-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:38px 0 20px;scrollbar-width:none}.family-track::-webkit-scrollbar{display:none}.family{position:relative;flex:0 0 calc(25% - 15px);min-width:235px;height:355px;border:0;border-radius:140px 140px 25px 25px;padding:0 22px 25px;background:var(--card);text-align:start;scroll-snap-align:start;transition:.35s}.family img{position:absolute;top:-38px;left:2%;width:96%;height:265px;object-fit:contain;transition:.4s;filter:drop-shadow(0 15px 9px #19395715)}.family:hover img{transform:translateY(-18px) rotate(-6deg)}.family h3{margin:223px 0 4px;font-size:31px}.family p{font-size:11px;margin:0;opacity:.7}.family .circle{position:absolute;bottom:25px;right:20px}.circle{display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;font-size:18px}.family-controls{display:flex;justify-content:center;gap:8px;margin-top:24px}.family-controls button{background:none;border:1px solid #b8c9cd;border-radius:50%;width:38px;height:38px}.ribbon{background:var(--blue);color:white;padding:23px;display:flex;justify-content:space-around;gap:30px;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:600}.ribbon b{color:#73b4dd;font-size:24px}.story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.story-image{position:relative}.story-image img{width:100%;height:470px;object-fit:cover;border-radius:220px 220px 20px 20px}.story-image .stamp{position:absolute;bottom:25px;right:-25px;padding:25px;background:#e9efa7;border-radius:50%;width:132px;height:132px;display:grid;place-content:center;text-align:center;transform:rotate(8deg);font-size:10px}.stamp strong{font-size:36px}.story h2{margin-bottom:25px}.story .intro{max-width:420px}.stats{background:#e9f2ea;padding-top:70px;padding-bottom:70px}.stats .eyebrow{justify-content:center}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.stat{text-align:center;border-inline-end:1px solid #c4d8c6}.stat:last-child{border:0}.stat strong{display:block;font-size:49px;letter-spacing:-2px}.stat p{font-size:11px;margin:8px 0}.source{display:block;text-align:center;font-size:9px;opacity:.55;margin-top:35px}.catalogue{background:#fff}.catalogue-tools{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:35px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #d9e1e7;background:white;border-radius:30px;padding:12px 20px;font-size:11px}.filters button.active{background:var(--blue);color:white;border-color:var(--blue)}input[type=search]{padding:14px 18px;border:1px solid #ccd7e0;border-radius:30px;width:230px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:0;background:#f7f8f4;border-radius:20px;padding:15px 20px 23px;text-align:start;transition:.25s}.product-card:hover{background:#e8f4f8;transform:translateY(-5px)}.product-card img{height:200px;width:100%;object-fit:contain}.product-card h3{font-size:18px;margin:5px 0}.product-card p{font-size:11px;color:#647786}.product-card .circle{float:right;width:28px;height:28px}.journey{background:var(--blue);color:white;overflow:hidden}.journey h2 em{color:#b7db8f}.journey-tabs{display:flex;gap:0;margin:40px 0 25px;overflow:auto}.journey-tabs button{flex:1;min-width:125px;color:#aec4df;border:0;border-bottom:1px solid #ffffff35;background:none;padding:18px 8px;text-align:start;font-size:11px}.journey-tabs button.active{color:white;border-bottom:3px solid #cce6a0}.journey-tabs button span{display:block;font-size:10px;margin-bottom:13px;opacity:.6}.journey-view{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:center}.journey-view img{width:100%;height:350px;object-fit:cover;border-radius:12px}.journey-view h3{font-size:32px}.journey-view p{line-height:1.9;color:#c6d5e8}.map-section{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;background:#f2f4e9}.map-art{position:relative}.map-art svg{width:100%;height:440px;filter:drop-shadow(0 15px 10px #b4c4a329)}.map-art path{fill:#d8e6c8;stroke:#fff;stroke-width:2}.map-art .route{fill:none;stroke:#75a855;stroke-dasharray:5 7;stroke-width:1.4;animation:route 20s linear infinite}.map-art circle{fill:var(--green)}.map-art text{font:12px var(--font);fill:var(--blue)}.map-section select{margin-top:25px;width:100%;max-width:310px;padding:15px;background:transparent;border:1px solid #b4c4aa;border-radius:8px}.wilaya-result{font-size:12px;line-height:1.8;max-width:330px}.recipes{background:#fff8ec}.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.recipe-card{border:0;background:none;text-align:start;padding:0}.recipe-card img{height:240px;width:100%;object-fit:cover;border-radius:100px 100px 12px 12px;transition:.35s}.recipe-card:hover img{transform:translateY(-7px)}.recipe-card p{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-top:22px}.recipe-card h3{font-size:19px;margin:10px 0;line-height:1.5}.recipe-card span{font-size:11px}.social{padding-top:60px;padding-bottom:60px;background:#f3e7ed;text-align:center}.social .eyebrow{justify-content:center}.social h2{font-size:44px}.social-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:38px 0}.social-strip img{height:200px;width:100%;object-fit:cover;border-radius:15px}.social-strip img:nth-child(even){transform:rotate(3deg)}.social-strip img:nth-child(odd){transform:rotate(-3deg)}.careers{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.careers img{height:360px;width:100%;object-fit:cover;border-radius:15px 140px 15px 15px}.careers .btn{margin-top:15px}.contact{background:#e6f3f6;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact a.phone{font-size:28px;font-weight:800;display:block;margin:20px 0}.faq details{border-bottom:1px solid #bdcedb;padding:22px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{font-size:13px;line-height:1.8;color:#536c83}footer{background:var(--navy);color:white;padding:50px 7% 25px}.footer-top{display:flex;justify-content:space-between;gap:50px;align-items:center;padding-bottom:40px}.footer-top img{width:145px}.footer-top p{font-size:11px;line-height:1.8;opacity:.7}.footer-links{display:flex;gap:22px;font-size:11px;flex-wrap:wrap}.footer-bottom{border-top:1px solid #ffffff25;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;color:#abc0d9}.help{position:fixed;bottom:22px;right:25px;z-index:15;border:1px solid #e4eaf0;box-shadow:0 5px 30px #052e6a15;background:white;border-radius:30px;padding:14px 21px;font-size:11px;font-weight:700}.help span{color:var(--green);margin-inline-end:8px}dialog{border:0;border-radius:25px;width:min(930px,94vw);max-height:90svh;padding:55px;color:var(--blue);background:var(--cream)}dialog::backdrop{background:#052854a8;backdrop-filter:blur(8px)}.close{position:absolute;right:18px;top:13px;background:none;border:0;font-size:32px;z-index:2}body.modal-open{overflow:hidden}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-grid>img{width:100%;height:380px;object-fit:contain;background:#eaf4ee;border-radius:180px 180px 20px 20px}.detail-grid h2{font-size:42px}.detail-grid p{line-height:1.8;color:#566c80;font-size:13px}table{width:100%;border-collapse:collapse;font-size:11px;margin:20px 0}td{padding:9px 0;border-bottom:1px solid #d5dfe4}td:last-child{text-align:end;font-weight:700}.related{display:flex;gap:10px;overflow:auto}.related button{border:0;background:#eaf4ee;border-radius:12px;padding:10px;min-width:130px}.related img{width:120px;height:90px;object-fit:contain}.form{display:grid;gap:14px;margin-top:25px}.form label{display:grid;gap:7px;font-size:12px}.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #ced8df;background:white;border-radius:9px}.form textarea{min-height:100px}.form-note{font-size:11px;line-height:1.7;color:#60768a}.timeline{border-inline-start:2px solid #d0decf;padding-inline-start:30px;margin-top:30px}.timeline article{padding:0 0 25px}.timeline strong{font-size:30px;color:var(--green)}.timeline p{line-height:1.8}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:#fff;padding:15px}.skip:focus{top:10px}.empty{grid-column:1/-1;padding:45px;text-align:center}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-15px) rotate(calc(var(--r) + 3deg))}}@keyframes route{to{stroke-dashoffset:-150}}[dir=rtl] .hero-copy{padding-left:0;padding-right:7%}[dir=rtl] .hero-art{right:auto;left:0}[dir=rtl] .hero-note{left:auto;right:7%}[dir=rtl] h1{letter-spacing:-2px;line-height:1.35;font-size:65px}[dir=rtl] h1 em,[dir=rtl] h2 em{font-family:var(--font);font-style:normal}[dir=rtl] header nav{gap:20px}[dir=rtl] .family .circle{right:auto;left:20px}[dir=rtl] .product-card .circle{float:left}
@media(min-width:1500px){.hero-copy{padding-top:260px}.hero-art{top:150px;height:720px}.hero-pack.main{top:60px}}@media(max-width:1150px){header nav{gap:15px;font-size:10px}header{gap:20px;padding:0 4%}.header-actions{gap:10px}.logo img{width:110px}.hero-copy{padding-left:5%;padding-top:230px}h1{font-size:70px}.hero-art{top:150px}.hero-note{left:5%}.family{min-width:235px}.recipe-card img{height:195px}}
@media(max-width:850px){header{height:86px;padding:0 6%}header nav{display:none;position:absolute;top:86px;left:0;right:0;background:#fffdf9;padding:25px 7%;box-shadow:0 15px 20px #00305015}header nav.open{display:grid;font-size:17px;gap:5px}#menu{display:block}.search-toggle{display:none}.hero{min-height:960px;max-height:none;height:auto}.hero-copy{padding:145px 7% 0;width:100%;text-align:center}.eyebrow{justify-content:center}.hero-copy>p:not(.eyebrow){margin:20px auto;max-width:400px}.hero-copy h1{font-size:65px;letter-spacing:-3px}.actions{justify-content:center}.hero-art{top:470px;width:100%;height:420px;right:0}.hero-pack.main{width:55%;left:17%;top:40px}.hero-pack.back{width:35%;right:5%;top:0}.hero-pack.front{width:31%;right:7%;bottom:-3px}.halo{inset:20px 18%;}.milk-pool{width:75%;height:140px;right:5%;bottom:50px}.seal{width:76px;height:76px;right:9%;top:44px;font-size:8px}.leaf.one{left:16%;top:60px}.leaf.two{bottom:45px;left:12%;width:65px}.hero-note{display:none}.hero-bottom{bottom:26px}.section{padding:65px 7%}.families{padding-top:45px}.section-head .eyebrow{justify-content:start}.section-head{margin-bottom:28px}h2{font-size:40px}.story{gap:35px}.story-image img{height:370px}.story .eyebrow{justify-content:start}.stat strong{font-size:34px}.catalogue-tools{flex-direction:column;align-items:stretch}input[type=search]{width:100%}.product-grid{grid-template-columns:repeat(3,1fr)}.product-card img{height:150px}.recipe-grid{grid-template-columns:repeat(2,1fr);gap:30px}.recipe-card img{height:260px}.journey-view{gap:25px}.map-art svg{height:330px}.careers,.contact{gap:35px}.careers .eyebrow,.contact .eyebrow{justify-content:start}.footer-top{flex-wrap:wrap}.social-strip img{height:145px}[dir=rtl] .hero-copy{padding:145px 7% 0}[dir=rtl] .hero-art{left:0}[dir=rtl] h1{font-size:54px}}
@media(max-width:560px){.hero{min-height:890px}.hero-copy{padding-top:125px}.hero-copy h1{font-size:52px;letter-spacing:-2.5px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy>p:not(.eyebrow){font-size:12px;max-width:310px}.actions{gap:19px}.btn{padding:15px 20px;font-size:10px;gap:15px}.hero-art{top:440px;height:350px}.hero-pack.main{width:69%;left:2%;top:52px}.hero-pack.back{width:45%;right:0;top:0}.hero-pack.front{width:40%;right:-3%;bottom:-12px}.seal{right:5%;top:30px;width:64px;height:64px;font-size:7px}.hero-bottom{font-size:7px;letter-spacing:1px}.hero:after{bottom:-150px}.leaf.one{left:8%;top:45px;width:40px}.leaf.two{left:6%;bottom:25px}.leaf.three{display:none}.section-head{align-items:start}.section-head>.text-link{max-width:110px;line-height:1.7;font-size:10px;flex-shrink:0}.section-head h2{font-size:33px}.section-head .eyebrow{font-size:8px;letter-spacing:1.5px}.family{min-width:245px;height:330px}.family h3{margin-top:207px}.family img{height:250px}.story,.journey-view,.map-section,.careers,.contact{grid-template-columns:1fr}.story-image img{height:370px}.story-image .stamp{right:-10px}.story .eyebrow{margin-top:10px}.ribbon{justify-content:start;font-size:11px;padding:19px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:30px}.stat:nth-child(2){border:0}.stat strong{font-size:40px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card{padding:10px 12px 18px}.product-card img{height:145px}.product-card h3{font-size:15px}.filters{gap:6px}.filters button{padding:10px 13px;font-size:10px}.journey-view img{height:240px}.journey-view h3{margin-top:5px}.recipe-grid{gap:25px 16px}.recipe-card img{height:180px}.recipe-card h3{font-size:16px}.social-strip{grid-template-columns:repeat(2,1fr)}.social-strip img{height:165px}.social h2{font-size:35px}.careers img{height:270px}.contact a.phone{font-size:25px}.footer-links{gap:16px}.footer-bottom{gap:15px;line-height:1.8}.help{bottom:13px;right:13px;padding:12px 16px;font-size:10px}dialog{padding:45px 24px}.detail-grid{grid-template-columns:1fr;gap:20px}.detail-grid>img{height:250px}.detail-grid h2{font-size:35px}[dir=rtl] h1{font-size:45px}[dir=rtl] .hero-copy{padding-top:125px}.map-art{order:2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.hero-copy{animation:enter .8s ease both}.hero-art{transition:transform .35s ease-out}.logo{animation:enter .5s ease both}.milk-pool{animation:enter 1s .15s both}.hero-pack{opacity:0;animation:pack-enter .85s .3s ease forwards,float 6s 1.2s ease-in-out infinite}.hero-pack.back{animation-delay:.18s,1s}.hero-pack.front{animation-delay:.45s,1.4s}.leaf{animation:enter 1s .8s both}.hero-copy{animation-delay:.25s}@keyframes enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes pack-enter{from{opacity:0;translate:0 70px}to{opacity:1;translate:0 0}}@media(max-width:560px){.hero-art{top:515px}.hero{min-height:965px}[dir=rtl] .hero-art{top:470px}[dir=rtl] .hero{min-height:920px}}@media(prefers-reduced-motion:reduce){.hero-pack{opacity:1}}
/* Keep the headline and actions clear of the product composition. */
.hero-copy{padding-top:155px;width:49%}
.hero-copy h1{color:#063475;text-shadow:0 2px 0 #ffffffb3}
.hero-copy h1 em{color:#08783f;font-weight:700}
.hero-copy>p:not(.eyebrow){color:#294863;font-size:15px;font-weight:600;line-height:1.8}
.hero-copy .eyebrow{color:#18446e}
.hero-copy .actions{margin-top:26px}
.hero-copy .text-link{display:inline-flex;align-items:center;gap:16px;padding:15px 19px;border:1px solid #b4cad6;border-radius:30px;background:#fffdf6;box-shadow:0 3px 12px #123e6410;font-size:12px}
.hero-copy .btn{box-shadow:0 7px 20px #073c8826;font-size:12px}
@media(min-width:1500px){.hero-copy{padding-top:175px}}
@media(min-width:851px) and (max-width:1150px){.hero-copy{padding-top:150px;width:49%}.hero-copy h1{font-size:clamp(52px,6.1vw,70px)}.hero-copy>p:not(.eyebrow){max-width:330px}.hero-copy .actions{gap:12px;flex-wrap:wrap}.hero-art{width:52%}}
@media(max-width:850px){
 .hero{height:auto;min-height:0;padding-bottom:85px;display:flex;flex-direction:column}
 .hero-copy,[dir=rtl] .hero-copy{padding:112px 7% 0;width:100%}
 .hero-copy h1{font-size:60px;line-height:1.02;margin-bottom:20px}
 .hero-copy .eyebrow{margin-bottom:19px}
 .hero-copy>p:not(.eyebrow){font-size:14px;max-width:405px;margin:18px auto;line-height:1.7}
 .hero-art,[dir=rtl] .hero-art{position:relative;top:auto;left:auto;right:auto;width:100%;height:420px;flex:none;margin-top:62px}
 .hero-copy .actions{margin-top:22px}
}
@media(max-width:560px){
 .hero,[dir=rtl] .hero{min-height:0;padding-bottom:82px}
 .hero-copy,[dir=rtl] .hero-copy{padding-top:104px}
 .hero-copy h1{font-size:50px;letter-spacing:-2.3px}
 .hero-copy>p:not(.eyebrow){font-size:13px;max-width:315px;line-height:1.65}
 .hero-copy .actions{gap:10px}
 .hero-copy .btn{font-size:10px;padding:15px 17px}
 .hero-copy .text-link{font-size:10px;padding:14px 15px;gap:9px}
 .hero-art,[dir=rtl] .hero-art{top:auto;height:350px;margin-top:57px}
 [dir=rtl] .hero-copy h1{font-size:45px;line-height:1.3}
}