@font-face{font-family:Archivo;src:url('/assets/fonts/Archivo.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:InstrumentSans;src:url('/assets/fonts/InstrumentSans.woff2') format('woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Fraunces;src:url('/assets/fonts/Fraunces.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Arabic;src:url('/assets/fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Arabic;src:url('/assets/fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2');font-weight:600 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:InstrumentSans,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}img{display:block;max-width:100%;height:auto}button{border:0}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display),serif;font-weight:650;line-height:1.05;letter-spacing:-.055em}h3{line-height:1.25}p+p{margin-top:1em}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:16px;z-index:99;background:white;color:black;padding:12px}.skip:focus{top:12px}.small{font-size:13px;line-height:1.6}.concept-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:650}.action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;background:var(--dark);color:var(--light);padding:13px 24px;text-decoration:none;border:1px solid var(--dark);font-weight:600;transition:transform .2s,background .2s}.action:hover{transform:translateY(-3px)}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.actions.vertical{align-items:flex-start;flex-direction:column;gap:18px}.text-link{display:inline-block;margin-top:24px;font-weight:600}.lang{font-family:Arabic,Arial,sans-serif;font-weight:600}.demo-notice{background:var(--dark);color:var(--light);font-size:12px;padding:9px 5%;display:flex;justify-content:space-between;gap:18px}.demo-header,.case-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 5%;background:var(--paper);border-bottom:1px solid color-mix(in srgb,var(--dark) 16%,transparent)}.demo-header nav,.case-header nav{display:flex;gap:30px}.demo-header a,.case-header a{text-decoration:none}.demo-logo{width:170px;height:67px;object-fit:contain}.demo-header-actions{display:flex;gap:20px;align-items:center}.demo-language{background:transparent;font-family:Arabic,Arial,sans-serif;min-width:44px;min-height:44px}.basket-open{background:var(--light);padding:11px 17px;border-radius:30px;font-size:14px}.basket-count{display:inline-grid;place-items:center;width:25px;height:25px;background:var(--dark);color:var(--light);border-radius:50%;margin-inline-start:6px;font-size:12px}.demo-hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:650px;background:var(--light)}.demo-hero-copy{padding:95px 9% 100px 10%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.demo-intro{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:32px}.demo-hero h1{font-size:clamp(52px,5.8vw,90px);white-space:pre-line;color:var(--dark);margin-bottom:30px}.demo-hero-copy>p:not(.demo-intro){max-width:440px;font-size:18px;line-height:1.75;margin-bottom:30px}.demo-hero-photo{position:relative;min-width:0;overflow:hidden}.demo-hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-stamp{position:absolute;bottom:30px;inset-inline-end:30px;border-radius:50%;width:140px;height:140px;background:var(--dark);color:var(--light);display:grid;place-content:center;text-align:center;white-space:pre-line;font-size:14px;line-height:1.4;transform:rotate(8deg);border:1px solid var(--light);outline:8px solid var(--dark)}.riwa-grove.demo h1{font-weight:500;letter-spacing:-.055em}.demo-collection{padding:110px 5% 100px}.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.collection-heading h2{font-size:clamp(36px,3.2vw,52px);margin-bottom:18px}.collection-heading .small{max-width:190px;text-align:end}.product-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 35px}.product-filters button{padding:10px 20px;background:transparent;border:1px solid color-mix(in srgb,var(--dark) 30%,transparent);border-radius:30px;font-size:14px;min-height:44px}.product-filters button[aria-pressed=true]{background:var(--dark);color:var(--light)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.riwa-grove .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{min-width:0;display:flex;flex-direction:column}.product-photo{display:block;width:100%;padding:0;overflow:hidden;background:var(--light);margin-bottom:22px}.product-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .6s}.product-photo:hover img{transform:scale(1.04)}.product-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.product-heading h3{font-size:19px;letter-spacing:-.025em}.product-price{font-size:15px;white-space:nowrap}.product-card>p{font-size:14px;line-height:1.7;margin-bottom:22px}.add-product{display:flex;justify-content:space-between;align-items:center;margin-top:auto;background:none;border-top:1px solid var(--dark);border-bottom:1px solid var(--dark);padding:13px 0;font-size:14px}.cart-feedback{min-height:28px;font-size:14px;margin-top:16px}.demo-story{display:grid;grid-template-columns:1fr 1fr;background:var(--light);align-items:center}.demo-story>img{width:100%;aspect-ratio:1/1;object-fit:cover}.demo-story>div{padding:65px 12%}.demo-story h2{font-size:clamp(38px,4vw,64px);white-space:pre-line;margin-bottom:30px}.demo-story p{max-width:450px}.demo-email{text-align:center;padding:110px 24px}.demo-email h2{font-size:clamp(36px,4.5vw,66px);margin-bottom:24px}.demo-email p{margin-bottom:28px}.demo-footer{background:var(--dark);color:var(--light);display:flex;align-items:flex-start;justify-content:space-between;padding:65px 5%;gap:50px}.demo-footer>div{max-width:540px}.demo-footer .small{margin:14px 0 22px;opacity:.85}dialog{width:min(650px,calc(100% - 32px));max-height:85vh;border:0;padding:28px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #0002;padding-bottom:18px;margin-bottom:22px}.modal-heading h2{font-size:30px;letter-spacing:-.035em}.dialog-close{width:44px;height:44px;flex-shrink:0;font-size:30px;background:var(--light)}.basket-row{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #0002}.basket-row img{width:70px;height:90px;object-fit:cover}.basket-row h3{font-size:16px;margin-bottom:8px}.quantity{display:flex;align-items:center;gap:12px}.quantity button{width:34px;height:34px;background:var(--light)}.remove-item{background:transparent;text-decoration:underline;font-size:12px;margin-top:8px;padding:5px 0}.basket-total{display:flex;justify-content:space-between;padding:24px 0}.action:disabled{opacity:.45;cursor:default;transform:none}#order-review{padding:20px;background:var(--light);margin:20px 0}#product-dialog-content>img{width:100%;max-height:320px;object-fit:cover;margin-bottom:22px}#product-dialog-content>p{margin-bottom:18px}#product-dialog-content .action{width:100%}.case-page{background:#fbfaf6}.case-header{position:sticky;top:0;z-index:5;background:#fbfaf6ed;backdrop-filter:blur(12px);font-size:14px}.case-header img{height:45px;object-fit:contain}.case-hero{padding:75px 5% 80px;display:grid;grid-template-columns:1fr 1.12fr;gap:6%;align-items:center}.case-hero h1{font-size:clamp(55px,6.8vw,106px);color:var(--dark);margin:24px 0 18px}.case-kind{font-size:20px;margin-bottom:25px}.case-hero-image{width:100%;aspect-ratio:1/1.1;object-fit:cover}.case-overview{margin:0 5%;padding:35px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-block:1px solid #0003}.case-overview span{font-size:12px;text-transform:uppercase;letter-spacing:.09em}.case-overview p{margin-top:13px;font-size:15px}.case-section{padding:95px 5% 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start;margin-bottom:45px}.section-heading h2{font-size:clamp(38px,4vw,64px);max-width:620px}.section-heading p{max-width:540px}.board{width:100%;height:auto;aspect-ratio:1.6}.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.application-grid>img{width:100%;height:auto;aspect-ratio:910/610}.logo-application{background:var(--light);display:grid;place-items:center;padding:20px}.logo-application img{width:90%;height:auto}.device-pair{display:flex;align-items:flex-end;gap:3%;padding:55px 4%;background:var(--light)}.desktop-shot{width:77%;box-shadow:0 10px 40px #0002;border:1px solid #0002;overflow:hidden;border-radius:10px;text-decoration:none}.desktop-shot>img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;object-position:top}.window-bar{background:#fbfaf6;display:flex;align-items:center;gap:6px;padding:12px;font-size:10px}.window-bar i{width:7px;height:7px;background:#b7b3aa;border-radius:50%}.window-bar bdi{margin-inline-start:18px}.phone-shot{width:20%;border:6px solid var(--dark);border-radius:26px;overflow:hidden;box-shadow:0 10px 30px #0002}.phone-shot img{width:100%;height:auto;aspect-ratio:390/780;object-fit:cover;object-position:top}.website-case .small{max-width:480px}.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px}.creative-grid figure{margin:0}.creative-grid img{width:100%;height:auto;aspect-ratio:4/5}.creative-grid figcaption{font-size:12px;margin-top:10px}.campaign-extras{display:grid;grid-template-columns:1fr 1fr 2.4fr;align-items:center;gap:24px;margin-top:30px}.campaign-extras img{width:100%;height:auto}.campaign-plan{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;padding:65px 0 25px}.campaign-plan h3{font-size:24px;margin-bottom:25px}.campaign-plan ol{padding:0;list-style:none;margin:0}.campaign-plan li{border-top:1px solid #0003;padding:18px 0;display:grid;grid-template-columns:80px 1fr;gap:3px 15px}.campaign-plan li strong{font-size:13px;grid-row:span 2}.campaign-plan li span{font-size:16px}.campaign-plan small{font-size:12px}.case-next{padding:85px 5%;margin-top:70px;background:#ffd94a;color:#252525}.case-next h2{font-family:Archivo,Arial,sans-serif;font-size:clamp(44px,6vw,85px);font-weight:800;margin-bottom:25px}.case-next p{max-width:570px}.case-next .action{background:#252525;color:#ffd94a;border-color:#252525}.concept-footer{padding:35px 5%;display:flex;justify-content:space-between;gap:30px;font-size:12px}.concept-footer p{max-width:620px}.guide-main{padding:70px 5%;max-width:1250px;margin:auto}.guide-main h1{font-size:80px;margin:25px 0}.guide-main .board{margin:50px 0}.guide-main h2{font-size:40px;margin:45px 0 20px}.guide-downloads{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.guide-main>.action{margin-top:25px}.email-preview{background:var(--light);padding:40px 16px}.email-preview main{max-width:620px;margin:auto}.email-preview .concept-label{margin-bottom:20px}.email-card{background:var(--paper);padding:45px}.email-logo{margin-bottom:40px}.email-card h1{font-size:48px;margin-bottom:32px}.email-card>img:not(.email-logo){width:100%;height:auto;margin-bottom:30px}.email-card .action{margin:30px 0}.email-card hr{border:0;border-top:1px solid #0002;margin:25px 0}.email-card .small{margin-bottom:25px}[dir=rtl] body{font-family:Arabic,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2{font-family:Arabic,Arial,sans-serif;font-weight:600;letter-spacing:0;line-height:1.4}[dir=rtl] h1 bdi{font-family:var(--display),serif;letter-spacing:-.04em}[dir=rtl] .demo-hero h1{font-size:clamp(48px,5vw,75px)}[dir=rtl] .demo-intro,[dir=rtl] .concept-label,[dir=rtl] .case-overview span{letter-spacing:0}[dir=rtl] .demo-hero-copy{padding:80px 10% 90px 9%}[dir=rtl] .product-heading{align-items:center}[dir=rtl] .product-heading h3{letter-spacing:0}[dir=rtl] .hero-stamp{transform:rotate(-8deg)}
@media(min-width:1800px){.demo-hero{min-height:800px}.demo-hero-copy{padding-inline:14%}.demo-collection,.case-section{padding-inline:8%}}
@media(max-width:1000px){.demo-hero{min-height:580px}.demo-hero-copy{padding:65px 8%}.demo-hero h1{font-size:58px}.hero-stamp{width:115px;height:115px;font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.riwa-grove .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-heading{display:block}.product-heading h3{margin-bottom:8px}.demo-story>div{padding:40px 9%}.case-hero{gap:5%}.case-hero h1{font-size:65px}.case-hero .actions{gap:18px}.case-overview{gap:25px}.section-heading{gap:6%}.campaign-plan{gap:6%}.demo-header nav{gap:20px}}
@media(max-width:700px){body{font-size:16px}.demo-notice{display:block;text-align:center;font-size:10px;padding:8px 15px}.demo-notice>a{display:block;margin-top:2px}.demo-header{padding:12px 5%;gap:12px;flex-wrap:wrap}.demo-logo{width:128px;height:49px}.demo-header nav{order:3;width:100%;justify-content:center;gap:35px;border-top:1px solid #0002;padding-top:10px;font-size:13px}.demo-header-actions{gap:8px}.basket-open{font-size:12px;padding:8px 11px}.basket-count{width:22px;height:22px;margin-inline-start:3px}.demo-language{font-size:13px;min-width:40px}.demo-hero{display:flex;flex-direction:column;min-height:0}.demo-hero-copy{padding:48px 7% 50px}.demo-intro{font-size:10px;margin-bottom:25px}.demo-hero h1{font-size:clamp(47px,11.6vw,70px);margin-bottom:23px}.demo-hero-copy>p:not(.demo-intro){font-size:16px;margin-bottom:25px}.demo-hero-photo{height:420px}.hero-stamp{bottom:26px;inset-inline-end:26px}.demo-collection{padding:65px 5% 50px}.collection-heading{display:block}.collection-heading h2{font-size:36px}.collection-heading .small{margin-top:17px;text-align:start;max-width:none;font-size:11px}.product-filters{gap:7px}.product-filters button{font-size:12px;padding:8px 13px}.product-grid,.riwa-grove .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.product-card:last-child:nth-child(odd){grid-column:1/-1;max-width:100%}.riwa-grove .product-card:last-child:nth-child(odd){max-width:calc(50% - 7px)}.product-heading h3{font-size:16px}.product-card>p{font-size:12px;line-height:1.65}.product-price{font-size:13px}.product-photo{margin-bottom:15px}.add-product{font-size:12px;gap:8px}.demo-story{grid-template-columns:1fr}.demo-story>img{aspect-ratio:1.15}.demo-story>div{padding:45px 7% 55px}.demo-story h2{font-size:39px}.demo-email{padding:65px 7%}.demo-email h2{font-size:41px}.demo-footer{display:block;padding:45px 7%}.demo-footer>img{width:190px;margin-bottom:30px}.demo-footer .small{font-size:11px}.case-header{gap:14px;padding:14px 5%;flex-wrap:wrap}.case-header img{width:135px;height:40px}.case-header nav{gap:18px;font-size:12px;order:3;width:100%;justify-content:center;border-top:1px solid #0002;padding-top:10px}.case-header .lang{margin-inline-start:auto}.case-hero{padding:45px 5% 40px;grid-template-columns:1fr;gap:35px}.case-hero h1{font-size:64px;margin:22px 0 16px}.case-kind{font-size:18px}.case-hero-image{aspect-ratio:1.1}.case-overview{grid-template-columns:1fr;gap:25px}.case-overview p{margin-top:7px}.case-section{padding-top:60px}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.section-heading h2{font-size:39px}.application-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.logo-application{grid-column:1/-1;min-height:140px}.logo-application img{width:60%}.device-pair{padding:25px 3%;gap:3%}.desktop-shot{width:71%;border-radius:5px}.desktop-shot>img{aspect-ratio:1.3}.window-bar{padding:6px;font-size:7px;gap:3px}.window-bar i{width:4px;height:4px}.window-bar bdi{margin-inline-start:3px}.phone-shot{width:26%;border-width:3px;border-radius:13px}.creative-grid{gap:10px}.creative-grid figcaption{font-size:9px}.campaign-extras{gap:10px;grid-template-columns:1fr 1fr}.campaign-extras>a:last-child{grid-column:1/-1}.campaign-plan{grid-template-columns:1fr;gap:40px;padding-top:40px}.campaign-plan h3{font-size:22px}.case-next{margin-top:35px;padding:55px 5%}.case-next h2{font-size:46px}.concept-footer{display:block}.concept-footer p{margin-top:18px}.guide-main{padding-top:40px}.guide-main h1{font-size:60px}.guide-main h2{font-size:32px}.guide-downloads{grid-template-columns:1fr}.email-card{padding:25px}.email-card h1{font-size:39px}dialog{padding:20px}.modal-heading h2{font-size:25px}.basket-row{grid-template-columns:50px 1fr auto;gap:12px}.basket-row img{width:50px;height:70px}.basket-row h3{font-size:14px}.quantity{gap:7px}.quantity button{width:30px;height:34px}[dir=rtl] .demo-hero-copy{padding:42px 7% 48px}[dir=rtl] .demo-hero h1{font-size:clamp(47px,11vw,63px)}[dir=rtl] .case-hero h1{font-size:57px}[dir=rtl] .section-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
