@font-face{font-family:SiteHeadings;src:url('headings.woff') format('woff');font-display:swap}
:root{--paper:#faf9f5;--plum:#53384e;--mauve:#a05585;--mint:#76c6b5;--blue:#aecbdc;--lavender:#b9b8d3;--line:#ded5df;--muted:#77717b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--plum);font:17px/1.85 Tajawal,sans-serif;background-color:#e2ddeb;background-image:linear-gradient(#ffffff65 1px,transparent 1px),linear-gradient(90deg,#ffffff65 1px,transparent 1px);background-size:24px 24px;padding:26px 32px 0}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,input{outline-offset:6px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--mauve)}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:SiteHeadings,Tajawal,sans-serif;font-weight:400;line-height:1.45}h3{font-size:20px;font-weight:700;line-height:1.55}p{color:var(--muted)}.site-shell{max-width:1280px;margin:auto;background:var(--paper);padding:0 28px;box-shadow:0 4px 40px #53384e08}.skip{position:absolute;top:-100px}.skip:focus{top:8px;z-index:20;background:white;padding:10px}.header{position:relative;padding:22px 0 24px}.topline{display:flex;justify-content:space-between;align-items:center}.socials{display:flex;gap:20px;color:var(--mauve);font-family:Lato,sans-serif;font-size:24px}.socials a:hover{color:var(--plum)}form{display:flex;border:1px solid var(--line);border-radius:30px;padding:3px 14px;max-width:260px;background:#f0edf280}input{border:0;background:transparent;width:100%;min-width:0;font-size:13px;color:var(--plum)}button{background:none;border:0;color:var(--plum);cursor:pointer;font-size:25px}.brand{display:block;width:166px;margin:-20px auto 6px}.brand img{width:100%;height:auto}.tagline{text-align:center;color:var(--plum);font-size:21px}.tagline span{color:var(--mauve);margin-right:8px}.header-note{position:absolute;font-size:15px;line-height:1.6;color:#92849b;top:100px;transform:rotate(-7deg)}.header-note.left{left:22px;font-family:Lato,sans-serif;font-style:italic}.header-note.right{right:30px;transform:rotate(7deg)}.site-nav{border:1px solid #d7c9dc;border-radius:40px;display:flex;justify-content:center;align-items:center;gap:12px;padding:5px;margin:26px auto 0;max-width:780px;font-size:15px}.site-nav a{padding:5px 19px;border-radius:25px;white-space:nowrap;transition:background .2s}.site-nav a:hover{background:#e9e4ed}.site-nav .active{background:var(--mauve);color:white}.hero{position:relative;display:grid;grid-template-columns:1fr 1.08fr;min-height:380px;border:1px solid #e4dce3;border-radius:9px;background:#f7f3ee;isolation:isolate;margin-bottom:28px}.hero-copy{padding:38px 125px 35px 28px;align-self:center}.eyebrow{font:11px/1.5 Lato,sans-serif;letter-spacing:1.5px;color:#988699}.hero h1{font-size:48px;color:#874e75;margin:13px 0}.hero-copy p{max-width:320px;font-size:16px}.button{display:inline-flex;align-items:center;gap:25px;background:#985a80;color:white;border:1px solid #985a80;padding:7px 20px;border-radius:5px;margin-top:24px;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:var(--plum);transform:translateY(-2px)}.hero-photo{position:relative;grid-column:2;grid-row:1;overflow:hidden;border-radius:8px 0 0 8px}.hero-photo>img{width:100%;height:100%;min-height:380px}.paper-note{position:absolute;top:22px;left:20px;padding:14px 20px;background:#faf5e8ed;box-shadow:1px 3px 9px #53384e16;transform:rotate(-7deg);font-size:16px;text-align:center}.paper-note:before,.polaroid:before{content:'';position:absolute;width:58px;height:20px;background:#d3c6ddaa;top:-8px;left:calc(50% - 29px);transform:rotate(6deg)}.portrait{position:absolute;right:-12px;top:50px;width:138px;transform:rotate(6deg);z-index:2}.polaroid{background:#fffdfa;padding:7px 7px 11px;box-shadow:1px 3px 8px #53384e24}.portrait img{width:100%;height:185px;object-position:50% 28%}.portrait figcaption{font:italic 10px Lato,sans-serif;text-align:center;padding-top:8px;color:#8c778e}.little-star{position:absolute;right:20px;bottom:23px;font-size:30px;color:var(--mauve)}.lanes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lane{border:1px solid #cdded9;border-radius:8px;overflow:hidden;min-width:0}.section-title{background:#cde5df;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;gap:12px}.section-title h2{font-size:33px;color:#385f5b}.section-title h2 span{font-family:Tajawal,sans-serif;font-size:30px;margin-left:7px}.section-title p{font-size:13px;color:#567471}.section-title>a{font-size:12px;white-space:nowrap}.gaming{border-color:#c7d8e4}.gaming .section-title{background:#c4d9e8}.gaming .section-title h2{color:#4d6788}.gaming .section-title p{color:#667994}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px}.card{min-width:0}.card a{display:flex;flex-direction:column;height:100%}.cover{position:relative;margin-bottom:15px}.cover img{width:100%;aspect-ratio:1.55;object-fit:cover;border-radius:5px;transition:transform .4s}.cover{overflow:hidden;padding-bottom:6px}.card a:hover .cover img{transform:scale(1.035)}.label{display:inline-block;background:#e8d7e4;color:#7f5777;border-radius:6px;padding:2px 12px;font-size:12px}.cover .label{position:absolute;bottom:0;right:8px;background:#d4e7df}.gaming .label{background:#dae4ed}.card h3{font-size:18px;padding:0 5px;margin-bottom:8px;overflow-wrap:anywhere}.card p{font-size:13px;padding:0 5px}.read{font-size:12px;color:var(--mauve);margin-top:auto;padding:17px 5px 3px}.video-status{padding:0 14px 10px;font-size:11px}.video-status:empty{display:none}.loading{padding:40px 15px;grid-column:1/-1}.play{position:absolute;inset:0;display:grid;place-content:center;color:white;font-size:27px;text-shadow:0 1px 10px #0008;pointer-events:none}.journal{margin-top:26px;border:1px dashed #dac4d4;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:15px;position:relative;overflow:hidden}.journal>div:first-child{padding:20px 32px 20px 15px}.journal h2{font-size:35px;color:#865477;margin:10px 0}.journal p{font-size:15px;max-width:380px}.journal-photo{grid-row:1;grid-column:2}.journal-photo img{width:100%;height:280px;border-radius:6px;object-position:50% 42%}.outline{background:transparent;color:var(--mauve);margin-top:16px}.outline:hover{color:white}.journal-note{display:none}.advertisement{margin:25px auto;text-align:center;max-width:970px}.advertisement>span{font-size:10px;letter-spacing:1px;color:#99929b}.ad-slot{min-height:90px;border:1px solid #e9e4e8;display:grid;place-items:center;background:#f6f3f580;border-radius:4px}.ad-preview{font-size:12px;color:#aaa1ac}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0 35px}.quick-links>a{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #b98da9;border-radius:6px;transition:background .25s,transform .25s}.quick-links>a:hover{background:#eee7ef;transform:translateY(-3px)}.quick-links h2{font-size:24px;color:#8b527b}.quick-links p{font-size:12px}.quick-links>a>span:last-child{margin-right:auto}.quick-icon{font-size:32px;color:#a4719f}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 4px;font-size:12px;color:#85768d}.site-footer [lang=en]{font-family:Lato,sans-serif}section[id]{scroll-margin-top:24px}
@media(max-width:1000px){body{padding:18px 18px 0}.site-shell{padding:0 20px}.hero-copy{padding-right:95px}.portrait{width:106px;right:-9px;top:70px}.portrait img{height:150px}.hero h1{font-size:40px}.section-title{padding:12px}.section-title h2{font-size:28px}.section-title>a{font-size:11px}.quick-links>a{padding:13px;gap:8px}.quick-icon{font-size:25px}.quick-links h2{font-size:20px}}
@media(max-width:760px){body{padding:10px 10px 0;font-size:16px}.site-shell{padding:0 14px}.header{padding-top:15px}.brand{width:125px;margin:8px auto}.topline{gap:20px}.socials{font-size:20px;gap:14px}form{max-width:175px}.header-note{display:none}.tagline{font-size:19px}.site-nav{gap:1px;flex-wrap:wrap;padding:5px 4px;border-radius:15px;margin-top:19px}.site-nav a{padding:5px 12px;font-size:13px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:27px 115px 28px 19px;min-height:280px}.hero h1{font-size:36px;margin:10px 0}.hero-copy p{font-size:14px}.eyebrow{font-size:9px;letter-spacing:.7px}.portrait{right:7px;top:47px;width:99px}.portrait img{height:148px}.hero-photo{order:2;border-radius:0 0 8px 8px;height:235px}.hero-photo>img{min-height:0;height:235px}.paper-note{font-size:13px;top:18px;padding:8px 14px}.little-star{display:none}.lanes{grid-template-columns:1fr;gap:24px}.gaming{order:-1}.section-title h2{font-size:31px}.cards{gap:12px;padding:12px}.card h3{font-size:17px}.journal{grid-template-columns:1fr;gap:0}.journal-photo{grid-row:2;grid-column:1}.journal>div:first-child{padding:15px 10px 24px}.journal-photo img{height:220px}.journal h2{font-size:31px}.quick-links{grid-template-columns:1fr;gap:10px;margin-bottom:25px}.quick-links>a{padding:13px 20px}.quick-links h2{font-size:23px}.ad-slot{min-height:100px}.site-footer{flex-wrap:wrap;justify-content:center;font-size:11px;gap:10px 24px}.button{font-size:12px;padding:7px 12px;gap:8px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

@media(min-width:1001px){.hero-copy{padding-right:154px}.hero h1{font-size:44px}}

@media(max-width:760px){.site-nav{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.site-nav a{padding-inline:4px}.hero-copy{padding-right:112px}.hero h1{font-size:32px}}
.section-title svg,.quick-icon svg{width:32px;height:32px;vertical-align:middle}

/* Portfolio-style navigation ribbon */
.site-nav{max-width:none;border:0;border-radius:0;background:var(--plum);color:var(--paper);gap:0;margin-top:26px;padding:12px 10px;flex-wrap:wrap}
.site-nav a{position:relative;border-radius:0;padding:3px 26px;background:transparent!important;color:inherit!important}
.site-nav a:not(:last-child):after{content:'✦';position:absolute;left:-4px;color:var(--mint);font:11px Lato,sans-serif;top:50%;transform:translateY(-50%)}
.site-nav a:hover,.site-nav a.active{color:var(--mint)!important}.socials{color:var(--mint);gap:18px;font-size:18px}.socials a:hover{color:var(--mauve)}.brand{margin-bottom:22px}
@media(max-width:760px){.site-nav{display:flex;gap:8px 0;padding:10px 5px}.site-nav a{padding:3px 16px}.socials{gap:12px;font-size:16px}.brand{margin-bottom:15px}}

@media(min-width:761px) and (max-width:1000px){.hero-copy{padding-right:125px}.hero h1{font-size:36px}}

/* Gaming section uses the original brand mint. */
.gaming{border-color:#76c6b5}.gaming .section-title{background:#76c6b5}.gaming .section-title h2,.gaming .section-title p,.gaming .section-title>a{color:#303d3a}.gaming .label{background:#e4f2ed;color:#385f5b}

/* Shared lavender from the Hey, I'm Shahad label. */
.lane .section-title{background:var(--lavender)}
.lane{border-color:var(--lavender)}
.lane .section-title h2,.lane .section-title p,.lane .section-title>a{color:var(--plum)}
h2[lang=en],h3[lang=en]{font-family:Lato,sans-serif;font-weight:700;letter-spacing:-.025em}
.section-title h2[lang=en]{font-size:30px;line-height:1.35;text-align:right}
.section-title h2[lang=en] span{margin:0 7px 0 0}
.card h3[lang=en]{font-size:18px;line-height:1.45;text-align:right}
.journal h2[lang=en]{font-size:35px;line-height:1.2;text-align:right}
.quick-links h2[lang=en]{font-size:21px;line-height:1.3;text-align:right}
@media(max-width:1000px){.section-title h2[lang=en]{font-size:26px}.quick-links h2[lang=en]{font-size:18px}}
@media(max-width:760px){.section-title h2[lang=en]{font-size:27px}.card h3[lang=en]{font-size:16px}.journal h2[lang=en]{font-size:30px}.quick-links h2[lang=en]{font-size:21px}}