@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0b0b;--text:#eae9e5;--gold:#c9ad73;--muted:#aaa9a4;--line:#30302d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{min-height:110px;max-width:1600px;margin:auto;padding:25px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.wordmark{font-family:Georgia,serif;font-size:30px;letter-spacing:-1.7px;white-space:nowrap}.wordmark span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:4px;margin-top:-4px}nav{display:flex;gap:34px;font-size:14px;color:#bdbcb7}nav a:hover,.email:hover{color:var(--gold)}.header-contact{font-size:14px}.header-contact span{color:var(--gold);margin-left:20px}.hero{max-width:1600px;margin:auto;padding:65px 6% 0;display:grid;grid-template-columns:1.12fr 1fr;position:relative;gap:40px}.hero-copy{padding:20px 0 55px;z-index:1}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:600;color:var(--gold);margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.065em;line-height:1.07}h1{font-size:clamp(76px,8.8vw,140px);margin-bottom:35px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--gold);letter-spacing:-.06em}h1 em{font-size:1.06em}.role{font-size:20px;line-height:1.5;margin-bottom:19px}.role span{color:var(--gold)}.intro{max-width:430px;color:var(--muted);line-height:1.8;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--gold);color:#0b0b0b;padding:16px 25px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#e2c68b;transform:translateY(-2px)}.portrait{position:relative;min-height:580px;overflow:hidden}.portrait img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 35%;filter:none}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:var(--muted)}.section{max-width:1600px;margin:auto;padding:110px 6%;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:65px}.section-heading>p{color:var(--muted);max-width:330px;margin-bottom:8px}h2{font-size:clamp(38px,4.5vw,68px);margin-bottom:0}.reel{margin-bottom:62px}.reel-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.reel-title h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:0}.reel-title h3 span{font-size:12px;color:var(--gold);margin-right:22px;vertical-align:middle}.reel-title>span,.reel-foot{font-size:11px;letter-spacing:1.5px;color:var(--muted)}.video{aspect-ratio:16/9;background:#171716;border:1px solid var(--line)}.video.band{aspect-ratio:1198/511}.video iframe{display:block;width:100%;height:100%;border:0}.reel-foot{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.reel-foot a{letter-spacing:0;font-size:14px;color:var(--text)}.play-note{font-size:14px;color:var(--muted);margin-bottom:0}.expertise{background:#111110}.skills{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px}.skills>div{border-top:1px solid #565043;padding-top:25px}.small-index{font-size:11px;letter-spacing:1.5px;color:var(--gold)}.skills h3{font-size:22px;font-weight:500;margin:20px 0}.skills ul{padding:0;list-style:none;color:var(--muted);font-size:16px}.skills li{margin-bottom:9px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid var(--line);padding:6px 12px;color:#bcbab3;font-size:14px}.timeline{margin-top:60px}.timeline article{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);padding:36px 0;gap:30px}.date{font-size:12px;letter-spacing:1.4px;color:var(--gold)}.timeline h3{font-size:25px;font-weight:500;margin-bottom:6px;line-height:1.4}.timeline h4{font-size:16px;font-weight:400;color:var(--gold);margin:0 0 15px}.timeline p{max-width:650px;color:var(--muted);margin:12px 0 0}.contact{padding-top:100px;padding-bottom:100px;background:radial-gradient(ellipse at 90% 100%,#242016 0,transparent 65%)}.contact h2{font-size:clamp(65px,8vw,120px)}.contact-row{display:flex;align-items:center;gap:40px;margin-top:45px}.email{font-size:20px;border-bottom:1px solid #696354;padding:8px 0}footer{max-width:1600px;margin:auto;padding:40px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{font-size:12px;color:var(--muted)}.socials{display:flex;gap:12px}.socials a{display:grid;place-items:center;border:1px solid var(--line);width:44px;height:44px;border-radius:50%;transition:color .2s}.socials a:hover{color:var(--gold);border-color:var(--gold)}.socials svg{width:19px;height:19px}.skip{position:absolute;top:-100px;left:20px;z-index:20;background:var(--gold);color:black;padding:12px}.skip:focus{top:10px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){header{padding:20px 5%;min-height:90px}nav{gap:18px}.hero{padding:45px 5% 0;gap:25px;grid-template-columns:1fr 1fr}.portrait{min-height:550px}h1{font-size:82px}.section{padding:75px 5%}.skills{grid-template-columns:1fr 1fr;gap:35px}.skills>div:first-child{grid-column:1/-1}.section-heading{align-items:flex-start}.section-heading>p{max-width:230px}footer{padding:30px 5%}.header-contact{display:none}}@media(max-width:600px){header{flex-wrap:wrap;gap:18px}.wordmark{font-size:27px}nav{gap:16px;font-size:12px}.hero{display:flex;flex-direction:column;gap:25px;padding-top:35px}.hero-copy{padding:0 0 10px}h1{font-size:88px;margin-bottom:25px}.eyebrow{margin-bottom:20px}.intro{max-width:100%}.portrait{min-height:0;height:480px}.hero-bottom{font-size:9px;letter-spacing:1px;gap:10px}.section{padding:65px 5%}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:25px;max-width:100%}h2{font-size:42px}.reel{margin-bottom:40px}.reel-title{display:block;margin-bottom:14px}.reel-title h3{font-size:21px;margin-bottom:5px}.reel-title h3 span{margin-right:10px}.reel-title>span{font-size:10px;margin-left:26px}.reel-foot{font-size:9px;letter-spacing:.5px}.reel-foot a{font-size:12px}.skills{display:block}.skills>div{margin-bottom:30px}.timeline{margin-top:35px}.timeline article{display:block;padding:25px 0}.timeline h3{margin-top:12px;font-size:23px}.contact h2{font-size:67px}.contact-row{align-items:flex-start;flex-direction:column;gap:22px}.email{font-size:18px}footer{flex-wrap:wrap}footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Original logo silhouette, rendered in the site gold without modifying the asset. */
.brand-logo{display:block;width:230px;aspect-ratio:1676/433;flex-shrink:0}.brand-logo span{display:block;width:100%;height:100%;background:var(--gold);mask:url("assets/yasin-logo.png") 52.117% 51.667% / 118.317% 183.141% no-repeat;-webkit-mask:url("assets/yasin-logo.png") 52.117% 51.667% / 118.317% 183.141% no-repeat}h1{font-size:clamp(76px,8.1vw,126px)}@media(max-width:900px){h1{font-size:76px}.brand-logo{width:205px}}@media(max-width:600px){h1{font-size:clamp(68px,18vw,88px)}.brand-logo{width:190px}}