@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Medium.ttf')}@font-face{font-family:Anton;src:url('fonts/Anton-Regular.ttf')}@font-face{font-family:Roamo;src:url('case-assets/roamo-roamo-regular.woff')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Tajawal,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}nav{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #8885;background:var(--paper);position:sticky;top:0;z-index:5}.studio{font:23px Anton,sans-serif;letter-spacing:-.5px}.nav-right{display:flex;gap:28px;font-size:11px;letter-spacing:1px}.hero{min-height:650px;min-height:calc(100svh - 74px);display:flex;flex-direction:column;padding:35px 5vw 30px;background:var(--hero,var(--paper));position:relative}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:30px;font-size:11px;letter-spacing:1.8px;text-transform:uppercase}.hero-top h1{font:inherit;margin:0}.hero-center{flex:1;display:grid;place-items:center;min-height:450px;padding:35px 0}.logo{display:block;width:min(54vw,640px);max-height:400px;object-fit:contain;mix-blend-mode:multiply}.hero-bottom span:last-child{font-family:Tajawal,sans-serif;font-size:20px;letter-spacing:0}.roamo .logo{width:min(70vw,850px)}.roamo .hero-center{position:relative}.roamo .hero-center:after{content:'COFFEE. COMPANY. EVERYWHERE.';font-size:11px;letter-spacing:4px;position:absolute;bottom:45px}.rose .hero{padding:0;min-height:0}.rose .hero-top,.rose .hero-bottom{padding:28px 5vw}.rose .hero-center{padding:0;min-height:0}.rose .logo{width:100%;max-height:none;mix-blend-mode:normal}.alarab .logo{width:min(42vw,360px)}.medad .logo{width:min(85vw,1000px);max-height:500px;mix-blend-mode:normal}.intro{padding:110px 7vw;display:grid;grid-template-columns:1.15fr 1fr;gap:9vw}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:24px}h2{font-size:clamp(38px,5.8vw,90px);font-weight:500;line-height:1.04;letter-spacing:-3px;margin:0}.roamo h2{font-family:Roamo,Tajawal,sans-serif;letter-spacing:0}.rose h2{font-family:Georgia,serif}.checkout h2,.details h2{font-family:Anton,sans-serif;text-transform:uppercase}.intro-copy p{font-size:18px;line-height:1.7;margin:0 0 20px}.intro-copy p[lang=ar]{font:22px/1.75 Tajawal,sans-serif}.facts{display:flex;flex-wrap:wrap;border-top:1px solid #8887;margin-top:35px;padding-top:24px;gap:28px}.facts div{font-size:12px;line-height:1.5}.facts span{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.chapter{padding:65px 6vw 35px;display:flex;gap:45px;justify-content:space-between;align-items:end}.chapter h2{font-size:clamp(32px,4.2vw,64px);letter-spacing:-1.5px;max-width:760px}.chapter p{max-width:320px;font-size:14px;line-height:1.7}.art{margin:0;position:relative}.art img{display:block;width:100%;height:auto}.art figcaption{display:flex;justify-content:space-between;gap:15px;padding:15px 22px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.image-button{display:block;padding:0;border:0;width:100%;background:transparent;color:inherit;cursor:zoom-in}.image-button img{transition:filter .3s}.image-button:hover img{filter:brightness(1.025)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 5vw 40px;align-items:start}.full{padding:0 5vw 40px}.bleed{padding:0 0 40px}.offset{display:grid;grid-template-columns:1.35fr 1fr;gap:5vw;padding:0 5vw 70px;align-items:center}.offset .art:nth-child(2){padding-top:12vw}.palette{display:flex;min-height:240px;margin:0 5vw 60px}.swatch{flex:1;display:flex;align-items:end;padding:24px;font-size:11px;line-height:1.7}.swatch span{display:block}.statement{background:var(--ink);color:var(--paper);padding:90px 7vw;display:grid;grid-template-columns:1fr 2fr;gap:5vw}.statement h2{font-size:clamp(36px,5.5vw,80px)}.statement p{max-width:760px;font-size:18px;line-height:1.65}.checkout .statement{background:#164b71;color:#fff8e9;clip-path:polygon(0 3%,10% 0,20% 3%,30% 0,40% 2%,50% 0,60% 3%,70% 0,80% 2%,90% 0,100% 2%,100% 97%,90% 100%,80% 97%,70% 100%,60% 98%,50% 100%,40% 97%,30% 100%,20% 98%,10% 100%,0 97%)}.details .statement{border-top:18px solid var(--accent);border-bottom:18px solid var(--accent)}.shadow .intro,.shadow .chapter{border-bottom:1px solid #8886}.end{padding:90px 6vw;background:var(--ink);color:var(--paper)}.end a.next{display:flex;justify-content:space-between;align-items:center;font-size:clamp(36px,6vw,90px);border-bottom:1px solid #8888;padding:25px 0 35px}.end p{max-width:800px;font-size:12px;line-height:1.7;color:inherit;opacity:.8}.end .back{display:inline-block;margin-top:30px;font-size:12px;letter-spacing:1px}.zoom{border:0;background:#111;color:#fff;padding:50px 20px 20px;width:95vw;max-width:1600px;max-height:94vh}.zoom::backdrop{background:#000d}.zoom img{display:block;max-width:100%;max-height:78vh;margin:auto;object-fit:contain}.zoom button{position:absolute;right:20px;top:15px;background:none;color:white;border:0;cursor:pointer}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.motion .reveal.visible{opacity:1;transform:none}.mobile-note{display:none}@media(max-width:700px){nav{height:62px}.nav-right{gap:16px;font-size:9px}.nav-right .optional{display:none}.hero{min-height:620px}.hero-center{min-height:380px}.logo{width:80vw;max-height:340px}.alarab .logo{width:65vw}.roamo .logo{width:88vw}.roamo .hero-center:after{font-size:9px;letter-spacing:2px;bottom:30px}.hero-top,.hero-bottom{font-size:9px;letter-spacing:1px;gap:15px}.hero-bottom span:last-child{font-size:16px}.hero-bottom{align-items:end}.intro{padding:65px 6vw;grid-template-columns:1fr;gap:35px}h2{letter-spacing:-1.5px}.intro-copy p{font-size:16px}.intro-copy p[lang=ar]{font-size:20px}.chapter{padding:45px 6vw 25px;display:block}.chapter p{max-width:100%}.pair,.offset{grid-template-columns:1fr;gap:22px;padding:0 4vw 30px}.offset .art:nth-child(2){padding-top:0}.full{padding:0 4vw 30px}.palette{min-height:0;flex-wrap:wrap;margin:0 4vw 40px}.swatch{flex:1 0 45%;min-height:170px;padding:20px}.statement{padding:65px 6vw;grid-template-columns:1fr;gap:12px}.statement p{font-size:16px}.art figcaption{font-size:9px;padding:13px 5px}.end{padding:60px 6vw}.rose .hero{min-height:0}.rose .hero-top{padding-top:25px}.medad .hero{min-height:530px}.medad .hero-center{min-height:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion .reveal{opacity:1;transform:none}}