@font-face{font-family:'Thmanyah';src:url('assets/fonts/thmanyah-light.otf') format('opentype');font-style:normal;font-weight:300;font-display:swap;}
@font-face{font-family:'Thmanyah';src:url('assets/fonts/thmanyah-regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:'Thmanyah';src:url('assets/fonts/thmanyah-medium.otf') format('opentype');font-style:normal;font-weight:500;font-display:swap;}
@font-face{font-family:'Thmanyah';src:url('assets/fonts/thmanyah-bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap;}
@font-face{font-family:'Thmanyah';src:url('assets/fonts/thmanyah-black.otf') format('opentype');font-style:normal;font-weight:900;font-display:swap;}
:root{--black:#050505;--paper:#f4f4f2;--muted:#9b9b9d;--line:#303033;--silver:#dce0ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--black);color:var(--paper);font-family:'Thmanyah',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #bdd7ff;outline-offset:6px}.wrap{width:min(1400px,89%);margin-inline:auto}header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-family:Arial,sans-serif;font-weight:700;font-size:21px;line-height:1.02;letter-spacing:-1px;display:flex;flex-direction:column}.brand span{font-size:12px;letter-spacing:2.3px;margin-top:6px}nav{display:flex;gap:36px;font-size:14px}.nav-contact{border-bottom:1px solid #888}nav a:hover,.text-link:hover{color:#c1c9ef}.hero{position:relative;isolation:isolate;overflow:hidden}.hero-chrome{position:absolute;left:-7%;top:-37%;height:148%;width:67%;object-fit:cover;object-position:20% 55%;opacity:.85;z-index:-1;transform:rotate(28deg)}.hero-inner{padding-top:34px}.hero-kicker{display:flex;justify-content:space-between;color:#bbb;font-size:12px;letter-spacing:2px}.hero-name{margin-top:75px;font-family:Arial,sans-serif;font-weight:600;font-size:clamp(70px,10.5vw,155px);letter-spacing:-.065em;line-height:.95;text-align:left;position:relative}.hero-name>div{display:flex;gap:30px;align-items:center}.portrait{width:180px;height:78px;object-fit:cover;border-radius:90px;border:1px solid #888}.hero-name h1{font:inherit;font-size:1em;margin:0;line-height:1.12;white-space:nowrap;text-shadow:0 2px 35px #0006}.hero-name h1>span,.silver-dot{color:#b6c3ef}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:55px}.hero-bottom h2{font-size:22px;font-weight:500;margin:0}.hero-bottom p{font-size:16px;color:#b4b4ba;max-width:480px;margin:10px 0}.explore{display:flex;align-items:center;gap:35px;font-size:14px}.explore span{width:60px;height:60px;display:grid;place-items:center;border:1px solid #777;border-radius:50%;font-size:30px;transition:.2s}.explore:hover span{background:#eee;color:#000}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding:18px 0;color:#929299;font-size:12px;letter-spacing:1px}.work{padding-top:115px;padding-bottom:80px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.eyebrow{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2px;color:#aaaab4}h2{font-weight:500;font-size:clamp(34px,4vw,60px);line-height:1.4;margin:15px 0 0}.text-link{font-size:14px;border-bottom:1px solid #777;padding-bottom:7px}.work-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.work-nav a{font-size:14px}.work-nav small{margin-right:10px;color:#777;font-family:Arial;font-size:12px}.group-heading{display:flex;justify-content:space-between;align-items:center;margin:55px 0 25px}.group-heading h2{font-size:25px;margin:0}.group-heading>span{color:#888;font:12px Arial;letter-spacing:2px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 26px}.project-image{position:relative;display:block;width:100%;border:1px solid #262628;background:#0c0c0c;padding:0;overflow:hidden}.project-image img{display:block;width:100%;height:auto;aspect-ratio:841.89/486.759;object-fit:contain;transition:transform .5s,opacity .5s}.project-image:hover img{transform:scale(1.025);opacity:.88}.view-label{position:absolute;bottom:16px;left:16px;display:flex;gap:30px;padding:8px 16px;border-radius:30px;background:#f7f7f2;color:#111;font-size:13px;opacity:0;transform:translateY(8px);transition:.2s}.project-image:hover .view-label,.project-image:focus-visible .view-label{opacity:1;transform:none}.project-caption{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.project-category{font-size:12px;color:#92929b}.project-caption h3{font-size:21px;font-weight:500;margin:2px 0}.project-index{font:13px Arial;color:#777}.about{background:var(--paper);color:#111;padding:100px 0}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.about .eyebrow{color:#555}.about h2{font-size:45px;line-height:1.5}.about em{font-style:normal;color:#676776}.about-text>p{font-size:18px;color:#45454d;margin-top:0;margin-bottom:25px}.about-facts{border-top:1px solid #ccc;display:flex;gap:70px;padding-top:20px;margin-top:35px}.about-facts>div{display:flex;flex-direction:column}.about-facts b{font-weight:400;font-size:45px}.about-facts span{font-size:13px;color:#555}.experience{padding-block:100px}.job{display:grid;grid-template-columns:170px 1fr 145px;gap:30px;border-top:1px solid var(--line);padding:30px 0}.date,.job-type{color:#93939d;font-size:13px;padding-top:7px}.job-type{text-align:left}.job h3{font-size:25px;font-weight:500;margin:0}.role{color:#c5c5ce;font-size:14px}.job p{color:#95959e;font-size:16px;max-width:680px;margin:10px 0 0}.resume{padding-block:70px 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.resume h2{font-size:45px}.resume-details h3{font-weight:500;font-size:20px;margin:20px 0 10px}.resume-details h3:first-child{margin-top:0}.resume-details p{color:#aaaab2}.tags{display:flex;gap:10px;flex-wrap:wrap}.tags span{font-size:14px;border:1px solid #48484f;padding:6px 15px;border-radius:30px}.tools{text-align:right}.print-btn{background:#eee;color:#111;border:0;border-radius:30px;padding:12px 25px;margin-top:30px;font-size:14px}.print-btn span{margin-right:25px}.print-btn:hover{background:#bec8e4}.contact{background:#101012;padding:65px 0 80px;border-block:1px solid var(--line)}.contact-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888}.contact h2{font-size:clamp(60px,8vw,110px);line-height:1.35;margin-block:35px}.contact-links{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #333;padding-top:25px;font:clamp(16px,2vw,27px) Arial}.contact-links a:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 0}footer>span,footer>a:last-child{color:#aaa;font-size:12px}dialog{background:#080809;color:white;border:1px solid #45454a;padding:0;max-width:1280px;width:94vw;max-height:94dvh}dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;border-bottom:1px solid #333;position:sticky;top:0;background:#0b0b0bf5;z-index:1}.viewer-top h2{font-size:24px;margin:0}.viewer-top span{font-size:12px;color:#999}dialog button{border:1px solid #555;background:#1c1c20;border-radius:30px;padding:8px 18px;font-size:14px}dialog button:hover{background:#eee;color:black}#viewer-pages{padding:25px;display:grid;gap:22px}#viewer-pages figure{margin:0}#viewer-pages img{width:100%;display:block;height:auto}#viewer-pages figcaption{color:#aaa;font-size:12px;padding:6px 0}.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px;border-top:1px solid #333}.viewer-bottom>span{font-size:13px;color:#aaa}body.modal-open{overflow:hidden}@media(hover:none){.view-label{opacity:1;transform:none}}@media(max-width:850px){nav{gap:20px}.hero-name{font-size:12vw;margin-top:70px}.portrait{width:140px;height:62px}.hero-chrome{width:90%;left:-20%}.about-grid,.resume{gap:40px}.about h2,.resume h2{font-size:35px}.job{grid-template-columns:125px 1fr}.job-type{display:none}.work-nav{flex-wrap:wrap;justify-content:start;gap:15px 30px}}@media(max-width:560px){.wrap{width:90%}header{height:85px}.brand{font-size:18px}.brand span{font-size:10px;letter-spacing:1.6px}nav{gap:14px;font-size:12px}nav a:nth-child(3){display:none}.hero-inner{padding-top:25px}.hero-kicker{font-size:10px;letter-spacing:.6px}.hero-name{font-size:12.1vw;margin-top:65px}.hero-name>div{gap:18px}.portrait{width:99px;height:43px}.hero-chrome{width:130%;left:-30%;top:-10%;height:90%;opacity:.65}.hero-bottom{margin-top:50px;display:block}.hero-bottom h2{font-size:19px}.hero-bottom p{font-size:15px}.explore{justify-content:space-between;margin-top:25px}.explore span{height:48px;width:48px;font-size:25px}.hero-foot{font-size:10px;letter-spacing:0;margin-top:30px}.work{padding-block:60px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:37px;margin-bottom:20px}.eyebrow{font-size:11px;letter-spacing:1px}.work-nav{gap:14px 22px;padding-block:20px}.work-nav a{font-size:12px}.work-nav small{margin-right:5px}.group-heading{margin-top:40px}.group-heading h2{font-size:21px}.group-heading>span{font-size:9px;letter-spacing:.5px}.project-grid{grid-template-columns:1fr;gap:30px}.project-caption h3{font-size:20px}.view-label{opacity:1;transform:none;font-size:12px;padding:6px 13px;bottom:10px;left:10px}.about{padding-block:60px}.about-grid,.resume{grid-template-columns:1fr;gap:30px}.about h2{font-size:37px}.about-text>p{font-size:16px}.experience{padding-block:60px}.job{grid-template-columns:1fr;gap:6px;padding-block:23px}.job h3{font-size:23px}.job p{font-size:15px}.resume{padding-block:50px 60px}.contact{padding-block:40px}.contact-top .eyebrow{max-width:200px;font-size:10px}.contact h2{font-size:64px}.contact-links{flex-direction:column;font-size:18px;align-items:start;gap:22px}footer .brand{font-size:15px}footer .brand span{font-size:8px}footer>span,footer>a:last-child{font-size:11px}dialog{width:96vw;max-height:96dvh}.viewer-top{padding:15px}.viewer-top h2{font-size:18px}dialog button{font-size:12px;padding:7px 12px}#viewer-pages{padding:10px;gap:15px}.viewer-bottom{padding:14px 10px}.viewer-bottom>span{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body{background:white;color:black;font-size:11pt}header,.hero,.work,.contact,footer,.print-btn,dialog{display:none!important}.wrap{width:100%}.about{padding:15px 0}.about:before{content:'زياد الشهري | مصمم جرافيك';font-size:25pt;display:block;margin-bottom:18px}.about-grid,.resume{gap:30px}.about h2,.resume h2{font-size:24px}.about-text>p{font-size:12pt}.about-facts{display:none}.experience{padding-block:15px}h2{font-size:25px}.section-heading{margin-bottom:15px}.job{padding-block:14px;break-inside:avoid}.job p,.resume-details p,.role,.date,.eyebrow{color:#333}.resume{padding-block:20px}.tags span{border-color:#aaa}}

/* Vector icons retain the same geometry on desktop and mobile. */
.ui-icon{display:inline-block;vertical-align:middle;width:1.15em;height:1.15em;flex-shrink:0;overflow:visible}.explore .ui-icon{width:26px;height:26px}.view-label>span{display:inline-flex;align-items:center}.nav-contact .ui-icon,.text-link .ui-icon,.print-btn .ui-icon,.contact-links .ui-icon{margin-inline-start:6px}
/* Supplied Thmanyah weights and editorial spacing. */
body{font-synthesis:none;line-height:1.9;font-weight:400}button,input{font-family:inherit}h2,h3{letter-spacing:0;font-weight:700}
.hero-bottom h2{font-family:'Thmanyah',Tahoma,sans-serif;font-size:clamp(24px,2.6vw,34px);font-weight:500;line-height:1.7}.hero-bottom p{font-weight:300;font-size:18px;line-height:2;color:#c1c1c9;max-width:530px}.hero-name{letter-spacing:-.055em}.hero-name h1{font-family:Arial,sans-serif;font-weight:600;letter-spacing:-.06em;background:linear-gradient(110deg,#f6f6f6 8%,#c7d3eb 37%,#e7d3da 56%,#f7f7f7 72%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}.hero-name h1>span{color:#c6ccdc}
.hero-chrome{animation:chrome-arrive 1.2s ease-out both}@keyframes chrome-arrive{from{opacity:0;transform:rotate(24deg) scale(1.025)}to{opacity:.85;transform:rotate(28deg) scale(1)}}
.section-heading h2{font-size:clamp(42px,4.8vw,68px);font-weight:900;line-height:1.65}.group-heading{padding-bottom:18px;border-bottom:1px solid #252528;margin-top:65px}.group-heading h2{font-size:28px;font-weight:700;line-height:1.7}.project-grid{gap:48px 32px}.project-image{border-radius:5px;transition:border-color .25s}.project-image:hover{border-color:#828694}.project-image img{transition:transform .55s cubic-bezier(.2,.65,.3,1),opacity .4s}.project-caption{align-items:start;margin-top:19px}.project-caption h3{font-weight:500;font-size:25px;line-height:1.7;margin-top:4px}.project-category{font-size:14px;line-height:1.8;font-weight:300;color:#b3b3bd}.project-index{padding-top:7px;color:#a4a4ae}.view-label{font-size:15px;font-weight:500;align-items:center;min-height:44px;padding:7px 19px}nav,.text-link,.explore,.print-btn{font-weight:500}.work-nav a{font-size:16px;line-height:1.8}.work-nav small{font-weight:400}
.about h2{font-weight:700;font-size:clamp(38px,4vw,53px);line-height:1.75}.about-text>p{font-weight:400;font-size:19px;line-height:2.1}.about-facts b{font-weight:300;font-size:47px;line-height:1.6}.job h3{font-size:28px;font-weight:500;line-height:1.7}.job p{font-weight:300;font-size:18px;line-height:2;color:#b4b4bc}.role{font-weight:400;font-size:15px}.resume h2{font-size:48px;font-weight:700;line-height:1.7}.resume-details h3{font-size:23px;font-weight:500;line-height:1.8}.resume-details p{line-height:2.1}.tags span{font-size:15px;font-weight:400;line-height:1.8}.contact h2{font-weight:900;line-height:1.65}.contact-top>span:last-child{font-size:14px}.viewer-top h2{font-size:28px;font-weight:700;line-height:1.7}.viewer-top span{font-size:14px}.viewer-top button,.viewer-bottom button{font-weight:500;min-height:44px;font-size:15px}
@media(max-width:850px){.group-heading h2{font-size:25px}.hero-bottom h2{font-size:26px}.about h2{font-size:39px}.resume h2{font-size:39px}}
@media(max-width:560px){header nav{font-size:14px;gap:17px}.hero-bottom{margin-top:40px}.hero-bottom h2{font-size:24px;line-height:1.85}.hero-bottom p{font-size:17px;line-height:2;margin-top:8px}.hero-name{margin-top:58px}.hero-foot{font-size:12px;gap:12px}.hero-foot span:last-child{font-size:10px}.work{padding-top:48px}.section-heading h2{font-size:42px;line-height:1.75;margin-top:10px;margin-bottom:14px}.work-nav{gap:15px 22px}.work-nav a{font-size:14px}.group-heading{margin-top:42px;padding-bottom:13px;gap:15px}.group-heading h2{font-size:24px;line-height:1.8}.group-heading>span{max-width:40%;line-height:1.6;text-align:left}.project-grid{gap:34px}.project-caption h3{font-size:25px;line-height:1.8}.project-caption{margin-top:13px}.project-category{font-size:14px}.view-label{font-size:14px;padding:7px 16px;gap:22px;min-height:42px;bottom:13px;left:13px}.about h2{font-size:38px;line-height:1.8}.about-text>p{font-size:18px;line-height:2.1}.job h3{font-size:27px;line-height:1.8}.job p{font-size:17px;line-height:2}.date{font-size:14px}.resume h2{font-size:38px;line-height:1.75}.resume-details h3{font-size:23px}.contact h2{font-size:62px;line-height:1.75;margin-block:20px}.contact-links{font-size:clamp(15px,4.7vw,20px)}.viewer-top h2{font-size:22px}.viewer-top span{font-size:13px}.viewer-top button,.viewer-bottom button{font-size:14px}.viewer-bottom{flex-wrap:wrap;justify-content:space-between}.viewer-bottom>span{font-family:Arial,sans-serif}}
@media(prefers-reduced-motion:reduce){.hero-chrome{animation:none}}
@media print{.about h2,.resume h2,.section-heading h2{font-size:25px;line-height:1.7}.about-text>p,.job p{font-size:12pt;color:#222;line-height:1.8}.job h3{font-size:20px}.resume-details h3{font-size:18px}}

.logos-section .project-grid{grid-template-columns:1fr}.logos-section .project-image img{max-height:680px}.namas-art{margin:65px 0 -100px}.namas-art img{display:block;width:100%;height:auto}.namas-art figcaption{display:flex;justify-content:space-between;gap:20px;padding-block:18px;font-size:14px;color:#555}.namas-art figcaption span:last-child{font:11px Arial;letter-spacing:1px}.cv-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.cv-actions .print-btn{margin:0;display:inline-flex;align-items:center;gap:12px}.cv-list{color:#aaaab2;line-height:2;padding-inline-start:22px}.cv-list li{margin-block:8px}@media(max-width:560px){header nav{flex-wrap:wrap;justify-content:flex-end;gap:5px 16px;max-width:245px}header nav a:nth-child(3){display:inline}header{height:auto;min-height:90px;padding-block:18px}.namas-art{margin:40px 0 -60px}.namas-art figcaption{flex-direction:column;gap:5px;padding-block:14px}.cv-actions{gap:20px}.logos-section .project-image img{max-height:none}.cv-list{font-size:17px}}@media print{.cv-actions,.namas-art{display:none}.cv-list{color:#333}}