:root{--red:#e10600;--red-deep:#b80500;--black:#0a0a0a;--cream:#f0ebe3;--cream-warm:#e8e0d4;--ink:#141414;--muted:#6e6860;--line:#0a0a0a1f;--white:#faf8f5;--bg:var(--red);--fg:var(--black);--font-display:"Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-body:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:7rem;--space-2xl:10rem;--pad-x:clamp(1.25rem, 4vw, 3.5rem);--max-w:1400px;--ease-out:cubic-bezier(.22, 1, .36, 1);--focus:2px solid var(--red)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);font-weight:400;line-height:1.5;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:.95}:focus-visible{outline:var(--focus);outline-offset:3px}::selection{background:var(--red);color:var(--white)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grain{pointer-events:none;z-index:9000;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.grain{display:none}html{scroll-behavior:auto}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.nav{z-index:80;padding:1.05rem var(--pad-x);opacity:0;pointer-events:none;min-height:62px;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);color:#141414;background:#f4f0e9f5;border-bottom:1px solid #14141414;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-12px)}.nav.is-visible{opacity:1;pointer-events:auto;transform:none}.nav__spacer{width:240px;height:1px}.nav__desktop{align-items:center;gap:25px;display:none}.nav__link{letter-spacing:.06em;text-transform:uppercase;min-height:30px;font-size:9px;font-weight:600;position:relative}.nav__link:after{content:"";transform-origin:100%;background:#d71920;height:1px;transition:transform .25s;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.nav__link:hover:after{transform-origin:0;transform:scaleX(1)}.nav__toggle{place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.nav-panel{z-index:110;color:#f4f0e9;padding:80px var(--pad-x);background:#141414;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}.nav-panel__close{top:18px;right:var(--pad-x);padding:8px;position:absolute}.nav-panel nav{width:100%;max-width:650px;margin:auto}.nav-panel__link{text-align:left;width:100%;font-family:var(--font-display);letter-spacing:-.04em;border-bottom:1px solid #ffffff24;align-items:center;gap:18px;padding:14px 0;font-size:clamp(24px,7vw,44px);line-height:1.15;display:flex}.nav-panel__link>span{font-family:var(--font-body);color:#f05a60;letter-spacing:0;font-size:10px}.nav-panel__link>svg{margin-left:auto}.nav-panel>p{letter-spacing:.1em;color:#aaa;margin:35px auto 0;font-size:10px}@media (width>=1100px){.nav__desktop{display:flex}.nav__toggle{display:none}}@media (prefers-reduced-motion:reduce){.nav{transition:none}}@media (width<=1099px){.nav__toggle{width:44px;height:44px;top:8px;right:var(--pad-x);position:absolute}}.scroll-progress{z-index:100;pointer-events:none;opacity:0;background:0 0;height:2px;transition:opacity .4s;position:fixed;top:0;left:0;right:0}.scroll-progress.is-visible{opacity:1}.scroll-progress__bar{background:var(--red);transform-origin:0;will-change:transform;width:100%;height:100%;transform:scaleX(0)}.id-scene{perspective:1200px;justify-content:center;width:100%;height:590px;display:flex;position:relative}.id-scene__orbit{border:1px solid var(--line);border-radius:50%;width:350px;height:350px;position:absolute;top:185px;left:50%;transform:translate(-50%)}.id-scene__orbit:after{content:"";border:1px dashed var(--line);border-radius:50%;position:absolute;inset:30px}.id-scene__annotation{letter-spacing:.05em;color:var(--muted);writing-mode:vertical-rl;font-size:10px;position:absolute;top:220px;left:15px;transform:rotate(180deg)}.id-swing{transform-origin:50% 0;width:264px;height:530px;transform-style:preserve-3d;position:relative}.id-strap{background:repeating-linear-gradient(90deg,#b6151a 0 1px,#d71920 1px 3px);border-radius:0 0 4px 4px;width:29px;height:136px;margin:auto;position:relative;overflow:hidden;box-shadow:inset 3px 0 3px #ffffff24,inset -3px 0 3px #0003}.id-strap span{writing-mode:vertical-rl;white-space:nowrap;color:#fff;letter-spacing:.2em;font-size:7px;font-weight:600;position:absolute;top:5px;left:9px}.id-clip{z-index:3;background:linear-gradient(100deg,#777,#eeece9 45%,#999 80%,#ddd);border:2px solid #93908c;border-radius:5px 5px 3px 3px;width:23px;height:34px;margin:-5px auto -7px;position:relative;box-shadow:2px 3px 3px #0003}.id-clip i{border:1px solid #666;border-radius:3px;width:10px;height:12px;position:absolute;top:4px;left:5px}.identity-card{text-align:left;width:264px;height:365px;transform-style:preserve-3d;touch-action:pan-y;border-radius:13px;padding:0;display:block;position:relative}.identity-card:focus-visible{outline:3px solid var(--red);outline-offset:8px}.identity-card__flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,.8,.25,1);display:block;position:relative}.identity-card.is-flipped .identity-card__flip{transform:rotateY(180deg)}.identity-card__face{backface-visibility:hidden;background:#faf8f4;border:1px solid #d9d5ce;border-radius:13px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 35px -10px #14141430,0 6px 8px #14141412,inset 0 0 0 1px #fff}.identity-card__face:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#ffffff40,#0000 45%,#ffffff18 80%,#00000004);position:absolute;inset:0}.identity-card__top{text-transform:uppercase;letter-spacing:.19em;color:#141414;justify-content:space-between;align-items:center;padding:15px 18px 12px;font-size:8px;font-weight:700;display:flex}.identity-card__top:after{content:"";background:#333;border-radius:5px;width:42px;height:5px;position:absolute;top:7px;left:calc(50% - 21px)}.identity-card__portrait{background:#d9d7d1;border-radius:3px;height:175px;margin:0 16px;display:block;position:relative;overflow:hidden}.identity-card__portrait-grid{background-image:linear-gradient(#14141410 1px,#0000 1px),linear-gradient(90deg,#14141410 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.identity-card__portrait img{object-fit:contain;width:155px;height:200px;position:absolute;bottom:-9px;left:calc(50% - 77px)}.identity-card__portrait-tag{color:#fff;background:var(--red);letter-spacing:.12em;text-transform:uppercase;padding:5px 8px;font-size:6px;position:absolute;bottom:0;right:0}.identity-card__name{font-family:var(--font-display);letter-spacing:-.065em;color:#141414;margin:15px 18px 8px;font-size:24px;font-weight:700;line-height:1;display:block;position:relative}.identity-card__red-dot{background:var(--red);border-radius:50%;width:11px;height:11px;position:absolute;top:3px;right:0}.identity-card__roles{color:#555;margin:0 18px 13px;font-size:8px}.identity-card__bottom{color:#141414;border-top:1px solid #ddd;justify-content:space-between;align-items:center;margin:0 18px;padding-top:12px;font-size:8px;display:flex}.identity-card__bottom>span{align-items:center;gap:3px;display:flex}.identity-card__barcode{background:repeating-linear-gradient(90deg,#141414 0 1px,#0000 1px 3px,#141414 3px 5px,#0000 5px 7px,#141414 7px 8px,#0000 8px 12px);width:55px;height:20px}.identity-card__back{color:#f4f0e9;background:#141414;border-color:#333;transform:rotateY(180deg)}.identity-card__back .identity-card__top{color:#f4f0e9}.identity-card__back .identity-card__top:after{background:#777}.identity-card__back-heading{font-family:var(--font-display);letter-spacing:-.04em;margin:8px 18px 15px;font-size:29px;font-weight:700;line-height:1}.identity-card__back-heading em{color:#f45658;font-style:normal}.identity-card__back-list{color:#c9c5bf;gap:9px;padding:0 18px;font-size:9px;line-height:1.5;display:grid}.identity-card__back-list>span{border-top:1px solid #ffffff26;grid-template-columns:44px 1fr;padding-top:6px;display:grid}.identity-card__back-list b{color:#fff;font-weight:500}.identity-card__signature{font-family:var(--font-display);margin:12px 18px 5px;font-size:25px;font-style:italic;font-weight:600}.identity-card__back-note{color:#aaa;letter-spacing:.04em;padding:0 18px;font-size:6px}.id-scene__instruction{letter-spacing:.04em;color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:30px}@media (width<=600px){.id-scene{height:560px}.id-scene__orbit{width:300px;height:300px}.id-scene__annotation{left:0}}@media (prefers-reduced-motion:reduce){.identity-card__flip{transition:none}}.identity-card__flip{pointer-events:none}.id-scene:before{content:"";z-index:5;background:linear-gradient(135deg,#777,#141414);border:1px solid #777;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:calc(50% - 4px);box-shadow:0 1px 3px #0003}.id-entrance{transform-origin:50% 0;width:264px;height:530px;transform-style:preserve-3d;flex-shrink:0;position:relative}.id-scene{overflow-clip-margin:8px;overflow:visible}.about{background:var(--cream);color:var(--ink);padding:100px var(--pad-x) 80px}.about__grid{grid-template-columns:minmax(0,1fr) minmax(320px,1.05fr) minmax(0,.6fr);align-items:center;gap:35px;display:grid}.about__introduction{position:relative}.about__introduction .section-title{font-size:clamp(3rem,5.1vw,5rem)}.about__roles{font-family:var(--font-display);letter-spacing:-.03em;margin:28px 0 20px;font-size:22px;font-weight:500;line-height:1.25}.about__introduction>p:not(.about__roles){max-width:290px;color:var(--muted);font-size:14px;line-height:1.8}.about__introduction .text-link{margin-top:30px}.about__arrow{color:var(--red);margin-top:45px}.about__small-label{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600;line-height:1.6}.about__facts{padding-left:20px}.about__facts>p{color:var(--red);margin-bottom:35px}.about__facts dl>div{border-top:1px solid var(--line);padding:18px 0}.about__facts dt{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:8px;font-size:10px}.about__facts dd{font-size:14px;font-weight:500;line-height:1.7}.about__footnote{border-top:1px solid var(--line);grid-template-columns:1fr 1.3fr;gap:90px;margin-top:20px;padding-top:36px;display:grid}.about__footnote>p{color:var(--muted);max-width:420px;font-size:14px;line-height:1.8}.about__languages{grid-template-columns:100px 1fr;gap:20px;display:grid}.about__languages ul{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.about__languages li{flex-direction:column;gap:4px;font-size:12px;display:flex}.about__languages strong{font-weight:500}.about__languages li span{color:var(--muted);font-size:10px}.about__languages>p{color:var(--muted);grid-column:2;font-size:10px}@media (width<=1050px){.about__grid{grid-template-columns:1fr 1fr;gap:10px}.about__facts{grid-column:1/-1;grid-template-columns:1fr 3fr;gap:25px;margin:25px 0;padding:0;display:grid}.about__facts dl{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.about__footnote{gap:35px}.about__languages{grid-template-columns:1fr;gap:15px}.about__languages>p{grid-column:1}}@media (width<=650px){.about{padding:80px var(--pad-x) 55px}.about__grid{grid-template-columns:1fr}.about__introduction .section-title{font-size:clamp(3rem,12vw,4.5rem)}.about__introduction>p:not(.about__roles){max-width:100%}.about__arrow{display:none}.about__facts{margin:0 0 30px;display:block}.about__facts>p{margin-bottom:20px}.about__facts dl{grid-template-columns:1fr 1fr}.about__footnote{grid-template-columns:1fr;gap:30px}.about__languages ul{grid-template-columns:repeat(2,1fr);row-gap:20px}}.about__facts dl{overflow-clip-margin:8px;overflow:clip}.contact{color:#f4f0e9;padding:100px var(--pad-x) 30px;background:#141414;position:relative;overflow:hidden}.contact__composition{justify-content:space-between;align-items:center;gap:30px;margin:80px 0 90px;display:flex}.contact .section-title{letter-spacing:-.075em;font-size:clamp(3rem,10.2vw,10rem)}.contact .section-title em{color:var(--red)}.contact__big-arrow{width:20vw;max-width:280px;height:20vw;max-height:280px;color:var(--red);transition:transform .6s var(--ease-out);flex-shrink:0}.contact__composition:hover .contact__big-arrow{transform:translate(8px,-8px)}.contact__details{grid-template-columns:1.5fr 1fr;gap:75px;margin-bottom:90px;display:grid}.contact__small-label{color:#b4b0a9;font-size:11px}.contact__email-row{align-items:flex-start;gap:15px;margin-top:20px;display:flex}.contact__email{font-family:var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;border-bottom:1px solid #fff5;padding-bottom:14px;font-size:clamp(16px,2.4vw,30px);font-weight:500;line-height:1.4}.contact__email svg{vertical-align:middle;margin-left:8px;display:inline-block}.contact__copy{border:1px solid #ffffff30;flex-shrink:0;padding:10px;transition:background .2s}.contact__copy:hover{background:var(--red)}.contact__status{color:#b4b0a9;min-height:32px;padding-top:12px;font-size:11px}.contact__secondary a{letter-spacing:-.02em;border-bottom:1px solid #ffffff30;grid-template-columns:1fr auto;align-items:center;padding:12px 0;font-size:16px;transition:color .2s;display:grid}.contact__secondary a:hover{color:#f5595e}.contact__secondary a span{letter-spacing:.08em;color:#b4b0a9;grid-column:1/-1;margin-bottom:8px;font-size:9px}.contact__footer{color:#b4b0a9;border-top:1px solid #ffffff30;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;font-size:9px;display:flex}.contact__footer button{color:var(--cream);align-items:center;gap:15px;font-size:10px;display:flex}@media (width<=900px){.contact__details{grid-template-columns:1fr 1fr;gap:35px}}@media (width<=650px){.contact{padding:80px var(--pad-x) 25px}.contact__composition{align-items:flex-start;gap:0;margin:45px 0 55px}.contact .section-title{font-size:clamp(40px,11vw,65px)}.contact__big-arrow{width:12vw;height:12vw;margin-top:5px}.contact__details{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.contact__email{font-size:19px}.contact__footer{flex-wrap:wrap}.contact__footer>span:nth-child(2){display:none}}.contact__footer button{min-height:44px}@media (width<=650px){.contact__copy{padding:13px}}.contact__arrow-entry{flex-shrink:0;display:flex}.experience{color:var(--ink);padding:100px var(--pad-x);background:#eae6de}.experience__layout{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.experience__layout header .section-lede{margin:30px 0}.experience__list{position:relative}.experience__rail{background:#14141425;width:1px;position:absolute;top:6px;bottom:40px;left:0}.experience__rail-fill{background:var(--red);height:100%}.experience__row{--marker-fill:#eae6de;grid-template-columns:90px 1fr;gap:30px;padding:0 0 38px 25px;display:grid;position:relative}.experience__dot{border:1px solid var(--red);background:var(--marker-fill);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-4px}.experience__year{font-family:var(--font-display);letter-spacing:-.06em;font-size:38px;font-weight:500;line-height:1}.experience__year span{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:8px;display:block}.experience__body{border-bottom:1px solid var(--line);padding-bottom:30px}.experience__period{letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:9px;display:flex}.experience__period i{border:1px solid var(--line);color:#141414;border-radius:20px;padding:3px 7px;font-size:8px;font-style:normal}.experience__body h3{letter-spacing:-.035em;margin-bottom:10px;font-size:26px;font-weight:500;line-height:1.1}.experience__body p{color:var(--muted);font-size:12px;line-height:1.8}.experience__body .experience__context{color:var(--red);margin-bottom:15px;font-size:11px}.education{background:#f4f0e980;border-top:1px solid #141414;grid-template-columns:90px 1fr;gap:30px;padding:25px;display:grid}.education__label span{letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:8px;display:block}.education__label strong{letter-spacing:-.055em;font-size:35px;font-weight:500;line-height:1;font-family:var(--font-display)}.education h3{margin-bottom:10px;font-size:22px;font-weight:500;line-height:1.15}.education p{color:var(--muted);font-size:11px;line-height:1.8}.education .education__school{margin-bottom:10px}.education ul{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.education li{border-bottom:1px solid var(--line);padding-bottom:4px;font-size:9px}@media (width<=1000px){.experience__layout{grid-template-columns:.7fr 1.3fr;gap:40px}.experience__row,.education{grid-template-columns:70px 1fr;gap:18px}}@media (width<=700px){.experience{padding:80px var(--pad-x)}.experience__layout{grid-template-columns:1fr;gap:55px}.experience__year{font-size:32px}.experience__row{grid-template-columns:60px 1fr;gap:16px;padding-left:20px}.experience__body h3{font-size:23px}.education{grid-template-columns:60px 1fr;gap:16px;padding:20px}.education h3{font-size:21px}}.experience__headline-line{display:block}.experience__row{overflow-clip-margin:8px;overflow:clip}.wordmark{top:1.15rem;left:var(--pad-x);z-index:95;cursor:pointer;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;pointer-events:auto;visibility:hidden;background:0 0;border:0;flex-wrap:nowrap;align-items:baseline;gap:.32em;max-width:min(72vw,30rem);margin:0;padding:.15rem 0;font-size:clamp(.52rem,1.35vw,.78rem);font-weight:700;line-height:1;display:flex;position:fixed}.wordmark__part{white-space:nowrap;opacity:0;display:inline-block}.intro{min-height:100vh;position:relative}.intro__stage{background:var(--red);width:100%;height:100dvh;color:var(--black);will-change:background-color;position:relative;overflow:hidden}.intro__graphics{pointer-events:none;color:currentColor;z-index:1;position:absolute;inset:0}.g-frame{opacity:.22;will-change:transform, opacity;border:1px solid;width:min(78vmin,720px);height:min(78vmin,720px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.72)}.g-arc{opacity:.35;will-change:transform, opacity;width:min(55vw,520px);height:min(55vw,520px);position:absolute;top:-6%;left:-8%}.g-bar{will-change:transform, opacity;background:currentColor;position:absolute}.g-bar--a{opacity:.45;transform-origin:0;width:55%;height:2px;top:18%;left:-5%}.g-bar--b{opacity:.3;transform-origin:top;width:2px;height:55%;top:10%;right:12%}.g-bar--c{opacity:0;transform-origin:0;width:42%;height:1px;bottom:16%;left:18%}.g-grid{opacity:0;will-change:transform, opacity;background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-size:18% 18%;width:min(28vw,260px);height:min(28vw,260px);position:absolute;bottom:10%;right:6%}.g-diamond{opacity:0;will-change:transform, opacity;border:1px solid;width:min(12vw,110px);height:min(12vw,110px);position:absolute;bottom:18%;left:10%;transform:rotate(45deg)scale(.6)}.g-rule{opacity:.5;will-change:transform, opacity;background:currentColor;height:1px;position:absolute;top:50%}.g-rule--l{left:var(--pad-x);transform-origin:0;width:min(18vw,160px);transform:scaleX(0)}.g-rule--r{right:var(--pad-x);transform-origin:100%;width:min(18vw,160px);transform:scaleX(0)}.g-corner{top:1.6rem;right:var(--pad-x);opacity:.4;border-top:1px solid;border-right:1px solid;width:2.5rem;height:2.5rem;position:absolute}.intro__name{font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;will-change:transform, opacity, color, clip-path;z-index:3;margin:0;font-weight:700;line-height:.82;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro__name--mohideen{opacity:1;color:var(--black);z-index:4;font-size:clamp(3.2rem,13.5vw,11rem)}.intro__name--ramzan{color:var(--black);z-index:3;visibility:hidden;font-size:clamp(3.4rem,15vw,12.5rem)}.intro__name--manaf{color:var(--cream);z-index:3;visibility:hidden;font-size:clamp(3.2rem,14vw,11.5rem)}.intro__scroll-hint{letter-spacing:.35em;text-transform:uppercase;color:var(--black);opacity:.55;z-index:5;will-change:opacity;flex-direction:column;align-items:center;gap:.65rem;font-size:.65rem;font-weight:500;display:flex;position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%)}.intro__scroll-line{transform-origin:top;background:currentColor;width:1px;height:36px;animation:2.4s ease-in-out infinite lineGrow}@keyframes lineGrow{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.intro__scroll-line{animation:none}.intro__scroll-hint{display:none}.wordmark{visibility:visible}.wordmark__part{opacity:1!important}.intro__name,.intro__graphics{display:none}.intro__stage{min-height:35vh;background:var(--cream)!important}}@media (width<=767px){.wordmark{letter-spacing:.045em;gap:.26em;max-width:calc(100vw - 5.5rem);font-size:clamp(.45rem,2.5vw,.6rem);top:1.3rem}.intro__name--mohideen{letter-spacing:-.04em;font-size:clamp(2.5rem,12vw,4rem)}.intro__name--ramzan{font-size:clamp(2.7rem,13.5vw,4.6rem)}.intro__name--manaf{font-size:clamp(2.5rem,12.5vw,4.2rem)}.g-grid,.g-bar--c{display:none}.g-diamond{width:64px;height:64px}}.skills.portfolio-section{background:var(--black);color:var(--cream);padding:100px var(--pad-x) 85px;--muted:#b4b0a9}.skills__outline{color:#0000;-webkit-text-stroke:1px var(--cream)}.skills__filters{flex-wrap:wrap;gap:8px;padding-bottom:25px;display:flex}.skills__filters button{border:1px solid #ffffff29;gap:14px;padding:10px 14px;font-size:11px;transition:background .2s,border-color .2s;display:flex}.skills__filters button span{opacity:.55;font-size:8px}.skills__filters button[aria-pressed=true]{background:var(--cream);color:var(--black);border-color:var(--cream)}.skills__filters button:hover{border-color:var(--cream)}.skills__laboratory{grid-template-columns:1fr 295px;gap:28px;display:grid}.skills__table{grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:8px;display:grid}.skill-tile{text-align:left;min-height:172px;color:var(--cream);border:1px solid #ffffff30;flex-direction:column;padding:14px;transition:background .3s,border-color .3s,opacity .3s;display:flex;position:relative}.skill-tile:hover{border-color:var(--cream)}.skill-tile.is-selected{background:var(--red);border-color:var(--red)}.skill-tile.is-dimmed{opacity:.4}.skill-tile.is-dimmed:focus-visible{opacity:1}.skill-tile__top{opacity:.7;justify-content:space-between;font-size:9px;display:flex}.skill-tile__symbol{font-family:var(--font-display);letter-spacing:-.06em;margin:8px 0;font-size:clamp(35px,4vw,58px);font-weight:500;line-height:1.2}.skill-tile__name{margin-top:auto;font-size:11px;font-weight:500;line-height:1.4}.skill-tile__category{opacity:.7;align-items:center;gap:6px;margin-top:8px;font-size:8px;display:flex}.skill-tile__category i{background:currentColor;border-radius:50%;width:3px;height:3px}.skill-inspector{border-top:2px solid var(--red);background:#202020;flex-direction:column;justify-content:space-between;min-height:352px;padding:24px;display:flex}.skill-inspector__header{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;font-size:9px;display:flex}.skill-inspector__symbol{font-family:var(--font-display);letter-spacing:-.065em;color:var(--red);margin:12px 0;font-size:95px;line-height:1.2;display:block}.skill-inspector__category{color:#beb9b2;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:9px}.skill-inspector h3{letter-spacing:-.045em;font-size:27px;font-weight:500;line-height:1.1}.skill-inspector__proficiency{color:#eee;border-top:1px solid #ffffff20;margin-top:12px;padding-top:10px;font-size:10px}.skill-inspector__description{color:#b4b0a9;margin:14px 0 25px;font-size:12px;line-height:1.7}.skill-inspector__footer{color:#b4b0a9;font-size:9px}.skills__caption{color:#b4b0a9;justify-content:space-between;gap:20px;margin-top:24px;font-size:10px;display:flex}@media (width<=1100px){.skills__laboratory{grid-template-columns:1fr 240px;gap:15px}.skill-tile{min-height:155px;padding:10px}}@media (width<=850px){.skills__laboratory{grid-template-columns:1fr}.skill-inspector{min-height:280px}.skill-inspector>div{grid-template-columns:120px 1fr;gap:16px;display:grid}.skill-inspector__header{grid-column:1/-1}.skill-inspector__symbol{margin:0}}@media (width<=550px){.skills{padding:80px var(--pad-x) 60px}.skills__table{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-tile{min-height:148px}.skill-tile__symbol{font-size:42px}.skills__filters{gap:6px}.skills__filters button{gap:8px;padding:9px 10px;font-size:10px}.skill-inspector{padding:20px}.skill-inspector>div{grid-template-columns:80px 1fr}.skill-inspector__symbol{font-size:70px}.skill-inspector h3{font-size:24px}.skills__caption{flex-direction:column;gap:8px}.skills__filters button{align-items:center;min-height:44px}}.skills__header-line{display:block}.skills__laboratory{overflow-clip-margin:8px;overflow:clip}.work{background:var(--cream);color:var(--ink);padding:100px var(--pad-x) 90px}.work .section-title{font-size:clamp(3rem,6.1vw,6rem)}.work-accordion{gap:10px;height:650px;display:flex}.work-panel{min-width:0;transition:flex-grow .7s var(--ease-out),background .3s;border:1px solid var(--line);background:#e5e0d6;flex:1 1 0;position:relative;overflow:hidden}.work-panel.is-active{flex-grow:4.4}.work-panel--type{color:#f4f0e9;background:#141414}.work-panel--paper{color:#fff;background:#d71920}.work-panel__heading{z-index:3;letter-spacing:0;font-size:14px;font-weight:500;position:relative}.work-panel__toggle{text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:58px;padding:20px;display:flex}.work-panel__index{font-size:11px;font-weight:500}.work-panel__short-title{display:none}.work-panel__rail{writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(24px,3vw,42px);font-weight:500;line-height:1;transition:opacity .2s;position:absolute;top:100px;left:50%;transform:translate(-50%)}.work-panel.is-active .work-panel__rail{opacity:0}.work-panel__content{opacity:0;visibility:hidden;flex-direction:column;transition:opacity .3s .15s,visibility .3s;display:flex;position:absolute;inset:64px 20px 20px;overflow:hidden}.work-panel.is-active .work-panel__content{opacity:1;visibility:visible}.work-panel__visual{flex:1 1 0;min-height:220px;position:relative;overflow:hidden}.work-panel__visual-label{letter-spacing:.12em;text-transform:uppercase;z-index:2;color:#f4f0e9;background:#141414;padding:5px 7px;font-size:7px;position:absolute;bottom:10px;left:12px}.practice-art{width:100%;height:100%;min-height:220px;position:relative;overflow:hidden}.practice-art--design{background:var(--red);color:var(--cream)}.practice-art__grid{background-image:linear-gradient(#ffffff23 1px,#0000 1px),linear-gradient(90deg,#ffffff23 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.practice-art__circle{border:1px solid #f4f0e9;border-radius:50%;width:260px;height:260px;transition:transform 1s;position:absolute;top:-60px;right:-40px}.practice-art__circle:after{content:"";border:1px solid #f4f0e9;border-radius:50%;position:absolute;inset:24px}.practice-art__design-type{font-family:var(--font-display);letter-spacing:-.075em;transition:transform .9s var(--ease-out);font-size:clamp(40px,6vw,80px);font-weight:700;line-height:.85;position:absolute;top:35px;left:24px;transform:translate(-15px)}.is-active .practice-art__design-type{transform:translate(0)}.is-active .practice-art__circle{transform:translate(-10px,10px)}.practice-art__micro{text-transform:uppercase;letter-spacing:.16em;font-size:7px;position:absolute;bottom:18px;right:18px}.practice-art--type{color:#f4f0e9;background:#262626}.practice-art__big-a{font-family:var(--font-display);letter-spacing:-.12em;color:#0000;-webkit-text-stroke:1px #f4f0e9;font-size:230px;font-weight:500;line-height:1;position:absolute;inset:10px;transform:rotate(-8deg)}.practice-art__cross{background:var(--red);clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);width:70px;height:70px;transition:transform 1s;position:absolute;top:20%;right:18%}.is-active .practice-art__cross{transform:rotate(90deg)}.practice-art--paper{background:#bd141a;justify-content:center;align-items:center;display:flex}.practice-art__sheet{background:var(--cream);color:#141414;width:180px;height:220px;padding:16px;transition:transform .8s;position:relative;transform:rotate(-8deg);box-shadow:8px 10px #14141425}.practice-art__sheet--back{background:#e6dfd2;position:absolute;transform:rotate(12deg)}.is-active .practice-art__sheet:not(.practice-art__sheet--back){transform:rotate(-4deg)}.practice-art__sheet-label{text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #141414;padding-top:7px;font-size:7px;display:block}.practice-art__sheet-type{font-family:var(--font-display);letter-spacing:-.05em;margin:18px 0;font-size:36px;font-weight:600;line-height:.9;display:block}.practice-art__sheet-type em{color:var(--red);font-style:normal}.practice-art__sheet-lines{background:repeating-linear-gradient(#14141425 0 1px,#0000 1px 8px);width:80%;height:25px;display:block}.practice-art__sheet-star{color:var(--red);font-size:50px;position:absolute;bottom:5px;right:7px}.work-panel__copy{padding-top:20px}.work-panel__period{letter-spacing:.12em;text-transform:uppercase;opacity:.65;font-size:8px}.work-panel__copy h4{letter-spacing:-.045em;margin:9px 0;font-size:28px;font-weight:500;line-height:1.1}.work-panel__copy>p{opacity:.8;font-size:11px;line-height:1.7}.work-panel__copy .work-panel__context{opacity:.7;margin-bottom:14px;font-size:10px}.work-panel__copy ul{flex-wrap:wrap;gap:5px;margin:15px 0;display:flex}.work-panel__copy li{border:1px solid;padding:5px 7px;font-size:8px}.work-panel__tools{opacity:.65;border-top:1px solid;padding-top:12px;font-size:8px;display:block}.work__caption{color:var(--muted);justify-content:space-between;gap:25px;margin-top:24px;font-size:10px;display:flex}.real-projects{gap:30px;margin-top:60px;display:grid}.real-projects>h3{font-size:40px}.real-projects article{border-top:1px solid var(--line);padding-top:20px}.real-projects img{object-fit:contain;max-height:500px;margin:20px 0}.real-projects h4{margin:15px 0;font-size:28px}.real-projects p{max-width:600px;margin-bottom:15px;font-size:14px}@media (width<=849px){.work-accordion{height:auto;display:block}.work-panel{margin-bottom:10px}.work-panel__short-title{margin-right:auto;display:block}.work-panel__toggle{gap:20px;padding:20px}.work-panel__rail{display:none}.work-panel__content{max-height:0;transition:max-height .65s var(--ease-out),opacity .3s,padding .3s;grid-template-rows:0fr;padding:0 20px;display:grid;position:relative;inset:auto}.work-panel.is-active .work-panel__content{max-height:800px;padding:0 20px 25px;display:flex}.work-panel__visual{flex:auto;height:300px;min-height:300px}.work-panel__copy h4{font-size:30px}.work-panel__copy>p{font-size:13px}.work-panel__copy li{font-size:10px}.work__caption{flex-direction:column;gap:8px}}@media (width<=550px){.work{padding:80px var(--pad-x) 65px}.work .section-title{font-size:clamp(2.8rem,10.5vw,4rem)}.work-panel__visual{height:240px;min-height:240px}.practice-art__design-type{font-size:55px}.practice-art__big-a{font-size:180px}.practice-art__micro{text-align:right;max-width:90px;font-size:6px}}.achievements{background:var(--red);color:var(--cream);position:relative}.achievements__stage{flex-direction:column;height:100svh;min-height:650px;padding-top:80px;display:flex;position:relative;overflow:hidden}.achievements__header{padding:0 var(--pad-x)}.achievements .section-label{margin-bottom:24px}.achievements__title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.achievements .section-title{font-size:clamp(40px,5.5vw,72px)}.achievements .section-title>span{color:#141414}.achievements__navigation{align-items:center;gap:28px;font-size:11px;display:flex}.achievements__navigation>div{gap:8px;display:flex}.achievements__navigation button{border:1px solid #ffffff60;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s,color .2s;display:grid}.achievements__navigation button:hover{background:var(--cream);color:var(--red)}.achievements__navigation button:disabled{opacity:.35;cursor:default}.achievements__track{width:100%;min-height:0;padding:0 max(var(--pad-x),calc((100vw - min(65vw,760px))/2));will-change:transform;flex:1;gap:25px;display:flex;position:relative}.achievement-card{color:#f4f0e9;transform-origin:50%;background:#141414;border:1px solid #ffffff24;flex-direction:column;flex:0 0 min(65vw,760px);height:100%;padding:24px 30px;display:flex;position:relative;overflow:hidden}.achievement-card--1{color:#141414;background:#f4f0e9}.achievement-card--2{color:#f4f0e9;background:#ad1117}.achievement-card__top{letter-spacing:.09em;text-transform:uppercase;z-index:2;justify-content:space-between;align-items:center;gap:12px;font-size:9px;display:flex}.achievement-card__top>span:nth-child(2){margin-left:auto}.achievement-card__top svg{margin-left:20px}.achievement-card__display{font-family:var(--font-display);letter-spacing:-.065em;white-space:pre-line;z-index:1;margin:auto 0;padding:20px 0;font-size:clamp(38px,5.5vw,76px);font-weight:500;line-height:.93}.achievement-card__detail{z-index:2;border-top:1px solid;grid-template-columns:100px 1fr;gap:24px;padding-top:17px;display:grid}.achievement-card__year{font-family:var(--font-display);letter-spacing:-.055em;font-size:46px;font-weight:500;line-height:1}.achievement-card__rank{text-transform:uppercase;letter-spacing:.16em;opacity:.75;font-size:8px}.achievement-card h3{letter-spacing:-.025em;margin:7px 0;font-size:17px;font-weight:500;line-height:1.2}.achievement-card p{opacity:.75;max-width:380px;font-size:11px;line-height:1.6}.achievement-card__geometry{pointer-events:none;opacity:.35;width:270px;height:270px;position:absolute;top:30px;right:-20px}.achievement-card__geometry--rings i{border:1px solid;border-radius:50%;position:absolute;inset:0}.achievement-card__geometry--rings i:nth-child(2){inset:35px}.achievement-card__geometry--rings i:nth-child(3){inset:70px}.achievement-card__geometry--asterisk{background:var(--red);opacity:.85;clip-path:polygon(40% 0,60% 0,60% 30%,82% 8%,96% 22%,73% 44%,100% 44%,100% 64%,73% 64%,94% 84%,80% 98%,60% 76%,60% 100%,40% 100%,40% 76%,20% 98%,6% 84%,28% 64%,0 64%,0 44%,28% 44%,6% 22%,20% 8%,40% 30%);width:220px;height:220px;top:60px;right:25px}.achievement-card__geometry--lines{background:repeating-linear-gradient(45deg,currentColor 0 1px,#0000 1px 20px);width:310px;height:250px;transform:rotate(-10deg)}.achievements__footer{padding:22px var(--pad-x) 26px;flex:none;justify-content:space-between;align-items:center;gap:25px;font-size:9px;display:flex}.achievements__hint{align-items:center;gap:20px;display:flex}.achievements__progress{background:#ffffff40;flex:1;max-width:400px;height:1px}.achievements__progress span{background:var(--cream);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (width<=849px),(prefers-reduced-motion:reduce){.achievements__stage{height:auto;min-height:0;padding:80px 0 30px}.achievements__track{padding:0 var(--pad-x);scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#fff4 transparent;will-change:auto;flex:auto;gap:15px;padding-bottom:20px;overflow-x:auto}.achievement-card{scroll-snap-align:center;flex-basis:85vw;max-width:650px;height:450px;padding:22px}.achievements__header{margin-bottom:5px}.achievement-card__display{font-size:clamp(40px,7vw,70px)}.achievement-card__detail{grid-template-columns:75px 1fr;gap:16px}.achievement-card__year{font-size:36px}.achievements__footer>span:last-child{display:none}.achievements__navigation{gap:10px}.achievements__navigation button{width:34px;height:34px}}@media (width<=550px){.achievements__title-row{align-items:flex-start}.achievements__navigation{flex-direction:column;align-items:flex-end;padding-top:6px}.achievement-card{flex-basis:86vw;height:460px;padding:20px}.achievement-card__top{font-size:7px}.achievement-card__top svg{flex-shrink:0;width:16px;margin-left:0}.achievement-card__detail{grid-template-columns:1fr;gap:8px}.achievement-card__year{font-size:32px}.achievement-card h3{font-size:17px}.achievement-card__geometry{width:200px;height:200px}.achievement-card__geometry--asterisk{width:160px;height:160px;top:80px;right:-25px}.achievement-card__display{font-size:42px}.achievements__footer{padding-top:16px}.achievements .section-title{font-size:clamp(32px,8.9vw,37px)}.achievements__navigation button{width:44px;height:44px}.achievements__navigation>div{gap:6px}}.achievements__headline-line{display:block}.achievements .section-title>.reveal-mask{color:inherit}.achievements__headline-line--dark{color:#141414}.skip-link{left:var(--pad-x);z-index:200;background:var(--black);color:var(--cream);letter-spacing:.04em;padding:.75rem 1.1rem;font-size:.85rem;font-weight:600;transition:top .2s;position:absolute;top:-100px}.skip-link:focus{top:1rem}.portfolio-section{--red:#d71920;--black:#141414;--ink:#141414;--cream:#f4f0e9;--cream-warm:#e9e5dd;--muted:#66615a;--line:#1414141f;--focus:2px solid currentColor;scroll-margin-top:84px}.section-inner{width:100%;max-width:1400px;margin:0 auto}.section-label{letter-spacing:.14em;text-transform:uppercase;border-top:1px solid;justify-content:space-between;align-items:center;margin-bottom:56px;padding-top:16px;font-size:10px;font-weight:600;line-height:1.4;display:flex}.section-label>span:first-child{gap:24px;display:flex}.section-label b{opacity:.5;font-weight:400}.section-title{letter-spacing:-.065em;font-size:clamp(3rem,7.3vw,7rem);font-weight:600;line-height:.95}.section-title em{color:var(--red);font-style:normal}.reveal-mask{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.reveal-line{display:block}.text-link{border-bottom:1px solid;align-items:center;gap:20px;padding-bottom:8px;font-size:12px;font-weight:600;transition:gap .25s;display:inline-flex}.text-link:hover{gap:30px}.section-lede{max-width:320px;color:var(--muted);font-size:14px;line-height:1.7}.section-header{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px;display:flex}@media (width<=700px){.section-label{margin-bottom:36px}.section-label>span:last-child{text-align:right;max-width:130px}.section-header{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:36px}}@media (prefers-reduced-motion:reduce){.portfolio-section *,.portfolio-section :before,.portfolio-section :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}