:root{--bg: #f5f5f7;--tile: #ffffff;--text: #1d1d1f;--text-2: #6e6e73;--text-3: #86868b;--fill: #ececf0;--hair: rgba(0, 0, 0, .08);--gold: #b0843a;--gold-light: #e2c07a;--gold-ink: linear-gradient(100deg, #7a5418 0%, #b8893a 22%, #e2c07a 32%, #a87a2c 46%, #6f4c14 66%, #b8893a 100%);--gold-glow: linear-gradient(100deg, #f7e3b0 0%, #c9a25a 48%, #f2d9a0 100%);--radius: 30px;--gap: 18px;--pad: 30px;--gutter: 24px;--max: 1120px;--font: "Jost", "Futura", "Century Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--arabic: "Amiri", serif;--serif: "Cormorant Garamond", "Times New Roman", serif;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px}body{margin:0;background:var(--bg);color:var(--text);font:300 17px/1.55 var(--font);letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#ead9b4;color:var(--text)}main{overflow-x:clip}a{color:inherit;text-decoration:none}img{display:block}.nowrap{white-space:nowrap}.icon{flex:none;width:18px;height:18px}.nav{position:sticky;top:0;z-index:30;height:52px;background:#f5f5f7b8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hair)}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max);height:100%;margin:0 auto;padding:0 var(--gutter)}.nav-name{padding-right:.1em;font:italic 300 27px/1.15 var(--serif);letter-spacing:0;background:var(--gold-ink);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;gap:30px;font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2)}@media (hover: hover){.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--text)}}.hero{max-width:var(--max);margin:0 auto;padding:72px var(--gutter) 60px;text-align:center}.bismillah{margin:0 0 16px;font:400 clamp(1.2rem,1.9vw,1.5rem) / 1.5 var(--arabic);color:var(--gold)}.name{display:flex;flex-direction:column;align-items:center;margin:0;font-family:var(--serif);font-weight:300;letter-spacing:-.01em}.name-first{padding:0 .1em;font-size:clamp(4.2rem,9vw,8rem);font-style:italic;line-height:.95;background:var(--gold-ink);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite}.name-rest{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.12;white-space:nowrap}@keyframes shimmer{to{background-position:-250% 0}}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:224px 336px;grid-auto-rows:minmax(204px,auto);grid-template-areas:"photo age    height faith" "photo career career heritage" "edu   edu    home   home" "trip  trip   trip   trip" "hifdh hifdh  week   week" "hifdh hifdh  joys   joys" "bay   bay    bay    bay";gap:var(--gap);max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.tile{position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--pad);border-radius:var(--radius);background:var(--tile);overflow:hidden;isolation:isolate}.t-photo{grid-area:photo}.t-age{grid-area:age}.t-height{grid-area:height}.t-faith{grid-area:faith}.t-career{grid-area:career}.t-heritage{grid-area:heritage}.t-edu{grid-area:edu}.t-home{grid-area:home}.t-trip{grid-area:trip}.t-hifdh{grid-area:hifdh}.t-week{grid-area:week}.t-joys{grid-area:joys}.t-bay{grid-area:bay}.tone-dark{background:radial-gradient(130% 110% at 100% 0%,#2c2c2f,#121214 46%,#000);color:#f5f5f7}.t-label{position:relative;margin:0;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}.tone-dark .t-label{color:#8e8e93}.tile>.t-end{margin-top:auto;padding-top:18px}.t-stat{margin:0;font-family:var(--serif);font-size:clamp(4rem,6.4vw,5.6rem);font-weight:400;line-height:.9;letter-spacing:-.01em;font-variant-numeric:lining-nums}.t-unit{margin-left:.35em;font-family:var(--font);font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--text-2)}.t-value{margin:0;font-family:var(--serif);font-size:clamp(1.9rem,2.6vw,2.3rem);font-weight:500;line-height:1.08;letter-spacing:0}.t-sub{margin:8px 0 0;font-size:14px;font-weight:400;line-height:1.45;letter-spacing:.01em;color:var(--text-2)}.t-photo{padding:0;background:var(--fill)}.t-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%}.t-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000000f;pointer-events:none}.flag-badge{position:absolute;top:calc(var(--pad) - 4px);right:var(--pad);width:36px;height:22px;color:var(--text);filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}.career-head{display:flex;align-items:center;gap:.16em;margin:0;font-family:var(--serif);font-size:clamp(3rem,4.6vw,3.8rem);font-weight:500;line-height:1;letter-spacing:-.005em}.career-head svg{width:.68em;height:.68em;margin-top:-.1em;fill:currentColor}.career-role{margin:14px 0 0;font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.2}.career-place{margin:3px 0 0;font-size:14px;font-weight:400;letter-spacing:.02em;color:#8e8e93}.career-focus{max-width:36ch;margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-family:var(--serif);font-size:21px;font-style:italic;font-weight:400;line-height:1.35;background:var(--gold-glow);-webkit-background-clip:text;background-clip:text;color:transparent}.edu-school{max-width:20ch;margin:0;font-family:var(--serif);font-size:clamp(2.1rem,3.2vw,2.7rem);font-weight:500;line-height:1.05;text-wrap:balance}.place+.place{margin-top:14px;padding-top:14px;border-top:1px solid var(--hair)}.place-label{margin:0 0 4px;font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.place-value{margin:0;font-family:var(--serif);font-size:28px;font-weight:500;line-height:1.15}.trip{display:flex;margin:auto 0 0;padding:28px 0 0;list-style:none}.trip li{position:relative;display:flex;flex:1 1 0;flex-direction:column;gap:4px;min-width:0;padding:32px 16px 0 0}.trip li.is-minor{flex-grow:.62}.trip li:last-child{flex-grow:.8}.trip-dot{position:absolute;top:0;left:0;width:13px;height:13px;border-radius:50%;background:var(--tile);box-shadow:inset 0 0 0 2px #c7c7cc}.trip li.is-minor .trip-dot{top:2px;left:2px;width:9px;height:9px}.trip li:last-child .trip-dot{background:var(--gold);box-shadow:0 0 0 6px #b0843a29}.trip li:not(:last-child):after{content:"";position:absolute;top:5.75px;left:19px;right:6px;height:1.5px;border-radius:2px;background:#d2d2d7;transform-origin:left}.trip li:nth-last-child(2):after{background:linear-gradient(90deg,#d2d2d7,var(--gold))}.trip-kicker{font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}.trip-kicker:empty:before{content:" "}.trip-place{font-family:var(--serif);font-size:28px;font-weight:500;line-height:1.15}.trip li.is-minor .trip-place{font-size:21px;line-height:34px;color:var(--text-2)}.hifdh-mark{position:absolute;top:-.1em;right:-.02em;font:400 clamp(8rem,14vw,12rem) / 1 var(--arabic);background:var(--gold-glow);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.16;pointer-events:none;-webkit-user-select:none;user-select:none}.hifdh-title{position:relative;max-width:13ch;margin:0 0 14px;font-family:var(--serif);font-size:clamp(2.5rem,4vw,3.3rem);font-weight:500;line-height:1.02}.hifdh-body{position:relative;max-width:36ch;margin:0;font-size:16px;font-weight:300;line-height:1.6;color:#a1a1a6}.hifdh-pill{position:relative;display:inline-flex;align-items:center;gap:9px;margin:24px 0 0;padding:8px 15px;border-radius:999px;background:#ffffff1a;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.pulse{width:8px;height:8px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 #e2c07a99;animation:pulse 2.2s infinite}@keyframes pulse{to{box-shadow:0 0 0 9px #e2c07a00}}.week-body{display:flex;align-items:center;gap:30px;margin-top:auto;padding-top:18px}.rings{flex:none;width:132px;height:132px}.ring-track,.ring-fill{fill:none;stroke-width:13}.ring-track{stroke:var(--fill)}.ring-fill{stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--off)}.ring-0 .ring-fill,.legend-dot.ring-0{stroke:var(--text);background:var(--text)}.ring-1 .ring-fill,.legend-dot.ring-1{stroke:var(--gold);background:var(--gold)}.ring-2 .ring-fill,.legend-dot.ring-2{stroke:#a1a1a6;background:#a1a1a6}.legend{display:grid;flex:1;gap:12px;min-width:0;margin:0;padding:0;list-style:none}.legend li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;font-size:15px;font-weight:400}.legend-dot{width:9px;height:9px;border-radius:50%}.legend-count{font-size:13px;font-weight:300;color:var(--text-2);font-variant-numeric:tabular-nums}.joys,.bay{margin-bottom:0;padding:0;list-style:none}.joys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bay{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:26px}.joys li,.bay li{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.15}.joys .icon,.bay .icon{width:30px;height:30px;color:var(--gold)}.moments{padding-top:120px}.sec-head{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.sec-title{margin:0 0 30px;font:300 clamp(3rem,6vw,4.8rem) / 1 var(--serif);letter-spacing:-.01em}.reel{--inset: max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));display:flex;gap:20px;padding:0 var(--inset);overflow-x:auto;scroll-padding-inline:var(--inset);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.reel::-webkit-scrollbar{display:none}.reel-item{flex:none;height:clamp(380px,62vh,580px);aspect-ratio:3 / 4;padding:0;border:0;border-radius:26px;overflow:hidden;background:var(--fill);scroll-snap-align:start;cursor:zoom-in}.reel-item.is-wide{aspect-ratio:4 / 3}.reel-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}@media (hover: hover){.reel-item:hover img{transform:scale(1.03)}}.reel-item:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.reel-controls{display:flex;justify-content:flex-end;gap:14px;max-width:var(--max);margin:20px auto 0;padding:0 var(--gutter)}.round-btn,.lb-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;cursor:pointer;transition:background .2s,opacity .2s}.round-btn{background:#d2d2d799;color:#0009}.round-btn:disabled{opacity:.4;cursor:default}@media (hover: hover){.round-btn:hover:not(:disabled){background:#d2d2d7e6}}.round-btn svg,.lb-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:64px 76px 48px;background:#000000f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fade .3s ease}.lightbox figure{display:flex;flex-direction:column;align-items:center;margin:0}.lightbox img{max-width:min(100%,1100px);max-height:calc(100svh - 150px);border-radius:18px}.lightbox figcaption{margin-top:14px;font-size:13px;color:#fff9;font-variant-numeric:tabular-nums}.lb-btn{position:absolute;width:44px;height:44px;background:#ffffff24;color:#fff}@media (hover: hover){.lb-btn:hover{background:#ffffff3d}}.lb-prev{left:18px;top:50%;translate:0 -50%}.lb-next{right:18px;top:50%;translate:0 -50%}.lb-close{top:18px;right:18px}@keyframes fade{0%{opacity:0}}.connect{max-width:var(--max);margin:0 auto;padding:120px var(--gutter) 0;text-align:center}.connect .sec-title{margin-bottom:12px}.connect-sub{margin:0 0 28px;font-size:15px;letter-spacing:.02em;color:var(--text-2)}.pill{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:999px;background:var(--text);color:#fff;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;transition:background .25s,box-shadow .25s}.pill svg{width:17px;height:17px;fill:currentColor}@media (hover: hover){.pill:hover{background:#000;box-shadow:0 0 0 5px #b0843a38}}.pill:focus-visible{outline:3px solid rgba(176,132,58,.5);outline-offset:3px}.footer{max-width:var(--max);margin:120px auto 0;padding:60px var(--gutter) 72px;border-top:1px solid var(--hair);text-align:center}.ayah{margin:0 0 8px;font:400 clamp(1.5rem,3vw,2.1rem) / 1.8 var(--arabic);text-wrap:balance}.ayah-en{max-width:34ch;margin:0 auto;font:italic 400 21px/1.45 var(--serif);color:var(--text-2);text-wrap:balance}.ayah-ref{margin:14px 0 0;font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}.reveal.is-pending{opacity:0;transform:translateY(36px) scale(.97);filter:blur(6px)}.reveal.is-shown{transition:opacity .9s var(--ease) var(--delay),transform 1.1s var(--ease) var(--delay),filter .9s var(--ease) var(--delay)}.is-pending .trip li:after{transform:scaleX(0)}.is-shown .trip li:after{transition:transform .8s var(--ease) calc(var(--delay) + .35s + var(--i) * .28s)}.is-pending .ring-fill{stroke-dashoffset:var(--len)}.is-shown .ring-fill{transition:stroke-dashoffset 1.5s var(--ease) calc(var(--delay) + .3s + var(--i) * .15s)}@media (max-width: 1023px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:224px 224px;grid-template-areas:"photo    age" "photo    height" "faith    heritage" "career   career" "edu      edu" "home     home" "trip     trip" "hifdh    hifdh" "week     week" "joys     joys" "bay      bay"}.t-hifdh{min-height:380px}.bay{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){:root{--radius: 24px;--gap: 12px;--pad: 22px;--gutter: 16px}.nav-overview{display:none}.hero{padding:44px var(--gutter) 36px}.bento{grid-template-rows:none;grid-auto-rows:auto;grid-template-areas:"photo    photo" "age      height" "faith    heritage" "career   career" "edu      edu" "home     home" "trip     trip" "hifdh    hifdh" "week     week" "joys     joys" "bay      bay"}.t-photo{aspect-ratio:4 / 5}.t-age,.t-height,.t-faith,.t-heritage{min-height:172px}.t-stat{font-size:3.7rem}.t-value{font-size:1.7rem}.t-sub{font-size:13px}.career-head{font-size:3rem}.t-hifdh{min-height:0}.hifdh-mark{font-size:9rem}.hifdh-title{margin-top:40px}.trip{flex-direction:column;gap:20px;padding-top:22px}.trip li,.trip li.is-minor,.trip li:last-child{padding:0 0 0 30px}.trip li:not(:last-child):after{top:19px;left:5.75px;right:auto;bottom:-16px;width:1.5px;height:auto;transform-origin:top}.trip li:nth-last-child(2):after{background:linear-gradient(180deg,#d2d2d7,var(--gold))}.is-pending .trip li:after{transform:scaleY(0)}.trip-kicker:empty{display:none}.week-body{gap:22px}.rings{width:112px;height:112px}.legend{gap:10px}.legend li{grid-template-columns:auto minmax(0,1fr);row-gap:0;font-size:15px;line-height:1.3}.legend-count{grid-column:2;font-size:13px}.joys li{font-size:19px}.joys .icon,.bay .icon{width:26px;height:26px}.bay{grid-template-columns:1fr;gap:16px;margin-top:22px}.bay li{flex-direction:row;align-items:center;gap:14px;font-size:20px}.moments{padding-top:84px}.reel{gap:12px}.reel-item{height:min(104vw,440px);border-radius:22px}.reel-item.is-wide{aspect-ratio:3 / 4}.connect{padding-top:92px}.footer{margin-top:92px}.lightbox{padding:64px 12px 96px}.lb-prev,.lb-next{top:auto;bottom:24px;translate:none}.lb-prev{left:calc(50% - 56px)}.lb-next{right:calc(50% - 56px)}}@media (max-width: 380px){.bento{grid-template-areas:"photo    photo" "age      height" "faith    faith" "heritage heritage" "career   career" "edu      edu" "home     home" "trip     trip" "hifdh    hifdh" "week     week" "joys     joys" "bay      bay"}.t-faith,.t-heritage{min-height:0}.rings{width:100px;height:100px}.week-body{gap:18px}.joys{grid-template-columns:1fr;gap:12px}.joys li{flex-direction:row;align-items:center;gap:14px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal.is-pending{opacity:1;transform:none;filter:none}.is-pending .trip li:after{transform:none}.is-pending .ring-fill{stroke-dashoffset:var(--off)}.pulse,.name-first{animation:none}}