@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--paper:#f1eadf;--black:#181818;--orange:#ff5d22;--blue:#2667ff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--black);font:17px/1.75 Tajawal,sans-serif}a{color:inherit;text-decoration:none}.head{padding:25px 4vw;display:flex;align-items:center;border-bottom:3px solid;gap:35px}.logo{font-weight:800;font-size:1.7rem}.logo sup{color:var(--orange)}.links{margin-inline-start:auto;display:flex;gap:25px}.mail{background:var(--black);color:white;padding:10px 18px}.poster{display:grid;grid-template-columns:58% 42%;border-bottom:3px solid}.poster-copy{padding:70px 5vw;position:relative;overflow:hidden}.poster-copy:after{content:'✦';position:absolute;left:-20px;bottom:-100px;font-size:20rem;color:var(--orange);line-height:1}.poster h1{position:relative;z-index:1;font-size:clamp(4rem,10vw,10rem);line-height:.78;letter-spacing:-.07em;margin:25px 0}.poster p{position:relative;z-index:1;max-width:530px;font-size:1.15rem}.poster-photo{border-right:3px solid;padding:22px}.poster-photo img{width:100%;height:680px;object-fit:cover;filter:saturate(.75) contrast(1.05)}.marquee{background:var(--blue);color:white;padding:14px;overflow:hidden;white-space:nowrap;font-weight:700;font-size:1.1rem}.work{padding:85px 5vw}.work-title{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:45px}.work h2,.legal h1{font-size:clamp(3rem,6vw,6rem);line-height:.95;margin:0}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:0;border:3px solid}.tile{padding:35px;min-height:260px;border:1px solid}.tile:nth-child(2){background:var(--orange)}.tile:nth-child(3){background:var(--blue);color:white}.tile b{font-size:2rem}.atelier{margin:0 5vw 90px;background:var(--black);color:white;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.atelier h2{color:var(--orange)}.atelier ul{margin:0;padding-right:22px}.atelier li{margin:10px 0}.legal{max-width:900px;margin:70px auto;padding:0 25px 80px}.legal article{margin-top:40px;border:3px solid;padding:38px;background:#fff}.legal h2{color:var(--blue);margin-top:32px}.foot{padding:28px 4vw;background:var(--orange);display:flex;justify-content:space-between;gap:20px;font-weight:700}@media(max-width:760px){.links{display:none}.poster{grid-template-columns:1fr}.poster-photo{border:0;border-top:3px solid}.poster-photo img{height:440px}.work-title,.atelier{grid-template-columns:1fr}.tiles{grid-template-columns:1fr}.foot{display:grid}.poster h1{font-size:5rem}}