.p-main .hero{padding:clamp(40px,6vw,80px) 0 clamp(56px,8vw,96px)}.p-main .hero .wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,6vw,72px);display:grid}.p-main .hero h1{margin-bottom:22px;font-size:clamp(30px,4.1vw,52px);line-height:1.65}.p-main .hero-brand{width:180px;height:auto;margin-bottom:30px}.p-main .hero .lead{margin-bottom:32px}.p-main .hero .frame{padding:0 0 22px 22px}.p-main .hero .frame img,.p-main .hero .frame video{aspect-ratio:4/5;object-fit:cover;width:100%}.p-main .hero .frame:before{inset:-14px -14px 8px 8px}@media (max-width:860px){.p-main .hero .wrap{grid-template-columns:1fr}.p-main .hero .frame{max-width:440px;margin:0 auto}}.p-main .mats{--min:250px}.p-main .mat-link{outline-offset:4px;text-decoration:none;position:relative}.p-main .mat-link .t:after{content:"صفحة المادة";color:var(--acc);border-bottom:1.5px solid;margin-top:14px;font-size:14px;font-weight:700;display:inline-block}.p-main .mat-link:hover{border-color:var(--acc)}.p-main .mat-link.mma,.p-main .mat-link.palm{--acc:var(--terra)}.p-main .work{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:start;gap:clamp(24px,4vw,56px);padding:56px 0;scroll-margin-top:160px;display:grid}.p-main .work:first-child{border-top:1.5px solid var(--date)}.p-main .work h3{margin-bottom:16px;font-size:26px}.p-main .work p{color:var(--dust);font-size:16px}@media (max-width:820px){.p-main .work{grid-template-columns:1fr}}.p-main .why{--min:300px}.p-main .why .card{align-items:center;gap:14px;padding:18px 22px;display:flex}.p-main .why .card:before{content:"";background:var(--acc);flex:none;width:9px;height:9px;transform:rotate(45deg)}.p-main .why h3{margin:0;font-size:20px}.p-main .vals{--min:220px}.p-main .vals .card{text-align:center}.p-main .work-number{color:var(--dust);letter-spacing:.02em;margin-bottom:14px;font-size:13px;display:block}.p-main .work-copy{position:sticky;top:160px}.work-gallery{min-width:0}.work-cover{background:var(--sand);border:1px solid var(--line);cursor:zoom-in;width:100%;padding:0;display:block;position:relative;overflow:hidden}.work-cover>img,.work-cover>svg{object-fit:contain;width:100%;height:440px;display:block}.work-zoom{background:var(--tile);color:var(--date);border:1px solid var(--line);font:400 14px var(--f-sans);padding:5px 12px;position:absolute;inset:auto 12px 12px auto}.work-zoom span{margin-inline-start:12px}.work-gallery-meta{color:var(--dust);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.work-gallery-meta>span:first-child{font-variant-numeric:tabular-nums;direction:ltr}.work-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.work-thumbnails button{border:1px solid var(--line);background:var(--sand);cursor:pointer;opacity:.7;min-width:0;padding:4px}.work-thumbnails button[aria-pressed=true]{border:2px solid var(--bronze);opacity:1;padding:3px}.work-thumbnails button:hover{opacity:1}.work-thumbnails img,.work-thumbnails>button>svg{object-fit:contain;width:100%;height:84px;display:block}.work-print-images{display:none}.work-viewer{background:var(--earth);width:min(1140px,94vw);max-width:94vw;max-height:94dvh;color:var(--cream);border:1px solid var(--dune);margin:auto;padding:20px;position:fixed;inset:0;overflow:auto}.work-viewer::backdrop{background:#3b2a20f0}.work-viewer-bar,.work-viewer-controls{justify-content:space-between;align-items:center;gap:20px;display:flex}.work-viewer-bar h3{color:var(--cream);font-size:19px}.work-viewer button{border:1px solid var(--dune);color:var(--cream);font:400 15px var(--f-sans);cursor:pointer;background:0 0;min-height:44px;padding:8px 18px}.work-viewer-image{object-fit:contain;width:100%;height:68dvh;margin:16px 0}.work-viewer-controls{justify-content:center}.work-viewer-controls span{text-align:center;direction:ltr;min-width:60px}.p-main .contact-brand{width:220px;height:auto;margin:0 auto 40px}@media (max-width:820px){.p-main .work-copy{position:static}.p-main .work{gap:22px;padding:34px 0}.work-cover>img,.work-cover>svg{height:420px;max-height:65svh}}@media (max-width:480px){.p-main .hero-brand{width:150px;margin-bottom:20px}.p-main .work h3{font-size:23px}.work-cover>img,.work-cover>svg{height:350px;max-height:62svh}.work-thumbnails{gap:5px}.work-thumbnails img,.work-thumbnails>button>svg{height:62px}.work-gallery-meta{font-size:12px}.work-viewer{padding:12px}.work-viewer-bar h3{font-size:16px}.work-viewer-bar button{white-space:nowrap;padding:8px 12px}}.p-main .why .card:before{transform:none}.work-viewer-image{display:block}