:root{--ink:#232126;--paper:#f6f5f2;--focus:#8034b5}body{background:var(--paper);color:var(--ink);font-family:Plex,Arabic,sans-serif}a{text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:25px 4vw;border-bottom:1px solid #d8d5d8}.brand{font-size:23px;font-weight:600;display:flex;align-items:center;gap:20px}.brand span{font-size:13px;font-weight:400}header p{font-size:15px}.intro{display:flex;justify-content:space-between;align-items:end;max-width:1320px;margin:45px auto 35px;padding-inline:25px;gap:40px}h1{font-size:clamp(38px,4.2vw,60px);line-height:1.3;margin:0;font-weight:600}h1 em{font-style:normal;color:#7d727e}.intro>p{font-size:17px;line-height:1.9;margin:0 0 8px}.tastes{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-inline:25px}.tastes article{min-width:0;padding:24px 20px 20px}.taste-title{display:flex;gap:18px;align-items:start;min-height:112px}.taste-title>span{font:italic 28px Georgia,serif}.taste-title h2{font-size:27px;line-height:1.4;margin:0 0 12px}.taste-title p{font-size:14px;line-height:1.7;margin:0}.friendly{background:#e8defa;border-radius:35px}.friendly h2{font-family:Friendly,Arabic,sans-serif;font-size:32px}.cinema{background:#171719;color:#f1e5d2}.poster{background:#c62135;color:#fff7ed}.poster h2{font-family:Poster,Arabic,sans-serif;font-size:34px;font-weight:400}.hero-shot{display:block;border:1px solid #0002}.hero-shot img{width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top}.friendly .hero-shot{border-radius:18px;overflow:hidden}.open{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:22px;background:#242126;color:#fff;font-size:15px;font-weight:600}.friendly .open{border-radius:40px}.cinema .open{background:#ddc39c;color:#171719}.poster .open{background:#fff8ed;color:#ad172b}.detail-link{display:flex;justify-content:center;align-items:center;font-size:13px;margin-top:8px;text-decoration:underline;text-underline-offset:5px}.detail{max-width:1270px;margin:100px auto;padding:0 25px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:28px}.detail-heading>div>span{font:italic 26px Georgia,serif}.detail-heading h2{font-size:37px;margin:5px 0 12px}.detail-heading p{font-size:16px;line-height:1.7;margin:0}.detail-heading>a{border:1px solid #514654;padding:12px 24px;display:flex;align-items:center;white-space:nowrap}.devices{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:35px;align-items:start}figure{margin:0;min-width:0}.devices img{width:100%;height:auto;border:1px solid #ccc}.devices figcaption{font-size:14px;margin-bottom:12px}.mobile img{border:5px solid #333;border-radius:22px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.details-grid img{width:100%;height:auto;border:1px solid #ccc}.details-grid figcaption{font-size:14px;margin-top:12px}footer{background:#262129;color:white;padding:60px max(25px,calc((100vw - 1220px)/2))}footer h2{font-size:35px;margin:0 0 30px}footer nav{display:flex;gap:40px}footer nav a{display:flex;align-items:center;text-decoration:underline;font-size:16px}footer p{font-size:15px;line-height:1.8}.offer{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.offer strong{font-size:30px}@media(max-width:900px){.intro{display:block}.intro>p{margin-top:20px}.tastes{gap:15px}.tastes article{padding:20px 15px}.taste-title{display:block;min-height:155px}.taste-title>span{display:block;margin-bottom:10px}.taste-title h2{font-size:23px}.taste-title p{font-size:13px}.devices{grid-template-columns:minmax(0,1fr) 170px;gap:25px}}@media(max-width:650px){header{padding:20px}.brand{font-size:21px}.brand span{display:none}header p{font-size:13px}.intro{margin:30px auto;padding-inline:20px}h1{font-size:37px}.intro>p{font-size:15px}.tastes{grid-template-columns:1fr;padding-inline:20px;gap:25px}.taste-title{display:flex;min-height:95px}.taste-title h2{font-size:28px}.taste-title p{font-size:14px}.tastes article{padding:24px 20px}.detail{margin:60px auto;padding-inline:20px}.detail-heading{display:block}.detail-heading h2{font-size:32px}.detail-heading p{font-size:15px}.detail-heading>a{display:inline-flex;margin-top:20px;font-size:14px}.devices{grid-template-columns:minmax(0,1fr) 105px;gap:15px}.devices figcaption{font-size:13px}.mobile img{border-width:3px;border-radius:12px}.details-grid{grid-template-columns:1fr;gap:25px}.details-grid figcaption{font-size:13px}footer{padding-block:35px}footer h2{font-size:30px}footer nav{gap:12px;flex-direction:column}.offer{gap:15px}}

header{flex-wrap:wrap;gap:18px}.palette-link{display:inline-flex;align-items:center;min-height:44px;padding:9px 18px;background:#c51f36;color:#fff6e7;font-size:14px}.brand{line-height:1.35}.brand span{font-size:12px}@media(max-width:650px){header .brand{font-size:21px}.palette-link{width:100%;justify-content:center}}
