@charset "UTF-8";
:root{color-scheme:light;--paper:#f5f3ef;--paper-2:#ebe8e2;--ink:#111110;--muted:#696761;--line:#cbc8c0;--accent:#c51931;--accent-dark:#941426;--white:#fffdfa;--display:"Manrope","Arial Rounded MT Bold",sans-serif;--body:"DM Sans",Manrope,sans-serif;--page-pad:clamp(1.2rem,5.2vw,5.4rem);--ease:cubic-bezier(.2,.75,.2,1);--header-h:5.4rem;scroll-behavior:smooth}
:root[data-theme="dark"]{color-scheme:dark;--paper:#0c0c0b;--paper-2:#171716;--ink:#f4f1ec;--muted:#a7a39c;--line:#3b3935;--white:#121211}
*{box-sizing:border-box}html{background:var(--paper);scroll-padding-top:calc(var(--header-h) + 1.5rem)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.55;transition:background-color .55s,color .55s;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip-link{position:fixed;z-index:100;top:.5rem;left:.5rem;padding:.7rem 1rem;background:var(--ink);color:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:var(--header-h);padding:0 var(--page-pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;position:sticky;top:0;z-index:40;transition:height .3s,border-color .3s,background .3s,backdrop-filter .3s}.site-header.scrolled{height:4.6rem;border-color:var(--line);background:color-mix(in srgb,var(--paper) 93%,transparent);backdrop-filter:blur(12px)}.wordmark{display:inline-flex;align-items:center;gap:.7rem;font-weight:800;letter-spacing:.07em;font-size:.72rem}.wordmark>span:first-child{display:grid;place-items:center;background:var(--accent);color:white;width:2rem;height:2rem;font-size:.72rem;letter-spacing:-.08em}.wordmark-name{white-space:nowrap}.desktop-nav{display:flex;gap:clamp(1.3rem,3vw,3rem);margin-left:auto;margin-right:clamp(2rem,6vw,6rem)}.desktop-nav a,.theme-toggle{font-size:.82rem;color:var(--muted);transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active,.theme-toggle:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{border:0;background:none;display:flex;align-items:center;gap:.55rem;cursor:pointer}.theme-glyph{font-size:1.1rem;color:var(--accent)}.menu-toggle{display:none;border:0;background:none;padding:.5rem;cursor:pointer}.mobile-menu{display:none}.section-pad{padding:clamp(5rem,10vw,10rem) var(--page-pad)}.section-kicker{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.2rem;border-bottom:1px solid var(--line);font-size:.68rem;font-weight:700;letter-spacing:.13em;color:var(--muted)}.section-kicker i,.hero-topline i,.contact-section i,.site-footer i{font-style:normal;color:var(--accent);padding:0 .3rem}.display-heading{font-family:var(--display);font-size:clamp(3.8rem,9vw,9rem);line-height:.88;letter-spacing:-.085em;font-weight:800;margin:0}.display-heading em{font-style:normal;color:var(--accent)}
/* Hero: oversized lettering shares one plane with the portrait. */
.hero{min-height:calc(100svh - var(--header-h));padding:1.1rem var(--page-pad) 2rem;display:flex;flex-direction:column}.hero-topline,.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.68rem;font-weight:700;letter-spacing:.12em;color:var(--muted)}.hero-topline b{color:var(--ink);font-weight:600}.hero-stage{position:relative;flex:1;min-height:min(66vw,690px);display:grid;place-items:center;margin:.6rem auto 0;width:min(100%,1200px)}.hero-title{position:absolute;z-index:2;width:100%;font-family:var(--display);font-weight:800;letter-spacing:-.105em;line-height:.72;font-size:clamp(8rem,23vw,22rem);margin:0;pointer-events:none}.title-line{display:block;position:relative;white-space:nowrap}.title-hamza{padding-left:1.8%;z-index:2}.title-raza{text-align:right;padding-right:1.5%;color:var(--accent);mix-blend-mode:multiply}.portrait-wrap{z-index:1;position:absolute;width:clamp(14rem,32vw,30rem);height:88%;bottom:0;left:50%;transform:translateX(-50%);margin:0;overflow:hidden;clip-path:inset(0 round 44% 44% 0 0);transition:clip-path .7s var(--ease)}.portrait-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--paper) 2%,transparent),transparent 42%);pointer-events:none}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 22%;mix-blend-mode:multiply;filter:saturate(.78) contrast(1.04);transform:scale(1.08);transition:transform .8s var(--ease),filter .6s}.portrait-wrap figcaption{position:absolute;z-index:2;bottom:1rem;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff;font-size:.63rem;font-weight:700;letter-spacing:.15em;text-shadow:0 1px 8px #000}.portrait-wrap figcaption span{opacity:.68}.hero-stage:hover .portrait-wrap{clip-path:inset(0 round 45% 45% 0 0)}.hero-stage:hover .portrait-wrap img{transform:scale(1.13);filter:saturate(.94) contrast(1.04)}.hero-orbit{position:absolute;width:min(48vw,580px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;top:52%;left:50%;transform:translate(-50%,-50%)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;background:var(--accent);border-radius:50%}.hero-orbit:before{width:.55rem;height:.55rem;top:14%;right:15%}.hero-orbit:after{width:.3rem;height:.3rem;bottom:12%;left:13%}.hero-note{position:absolute;z-index:3;font-size:.64rem;line-height:1.35;letter-spacing:.12em;font-weight:700;color:var(--muted)}.hero-note-left{left:0;top:26%}.hero-note-right{right:0;bottom:20%;text-align:right}.hero-stamp{position:absolute;z-index:3;right:10%;top:16%;font-size:.64rem;line-height:1.25;letter-spacing:.14em;font-weight:700;color:var(--accent);transform:rotate(8deg)}.hero-stamp span{display:block;font-size:1.9rem;line-height:1}.hero-index{white-space:nowrap}.hero-bottom{align-items:flex-end;border-top:1px solid var(--line);padding-top:1.1rem}.hero-bottom>p{font-size:.92rem;font-weight:400;letter-spacing:0;color:var(--ink);max-width:28rem;line-height:1.55;margin:0}.hero-links{display:flex;gap:1.35rem;flex-wrap:wrap}.text-link{display:inline-flex;gap:.65rem;align-items:center;font-size:.85rem;font-weight:600;border-bottom:1px solid var(--line);padding:0 0 .3rem;transition:color .2s,border-color .2s}.text-link span{color:var(--accent);transition:transform .25s var(--ease)}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link:hover span{transform:translate(3px,-2px)}.hero-scroll{font-size:.63rem;letter-spacing:.12em;color:var(--muted);white-space:nowrap}.hero-scroll span{color:var(--accent);font-size:1rem;margin-left:.35rem}
/* Selected work. Each project has a distinct visual language. */
.work-section{padding-top:7rem}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:4rem 0 5rem}.work-heading>p{max-width:18rem;color:var(--muted);margin:0 2vw .3rem 2rem}.project-list{border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,7rem);padding:3.3rem 0 4.2rem;border-bottom:1px solid var(--line);position:relative}.project:nth-child(even){grid-template-columns:.95fr 1.05fr}.project:nth-child(even) .project-visual{order:2}.project-visual{position:relative;min-height:clamp(19rem,37vw,35rem);overflow:hidden;isolation:isolate;transition:filter .4s}.visual-index{position:absolute;z-index:5;left:1.2rem;bottom:1rem;color:var(--muted);font-size:.6rem;letter-spacing:.15em;font-weight:700}.project-info{display:flex;flex-direction:column;justify-content:center;padding:1rem 1rem 1rem 0}.project-number{font-size:.65rem;font-weight:700;letter-spacing:.13em;color:var(--accent)}.project-number span{color:var(--muted);margin-left:.55rem}.project-title-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:.6rem 0 .95rem}.project-title-row h3{font-family:var(--display);font-size:clamp(2.6rem,5vw,5rem);line-height:1;letter-spacing:-.075em;margin:0;font-weight:700;transition:transform .35s var(--ease),color .25s}.project-arrow{font-size:1.5rem;color:var(--accent);transition:transform .35s var(--ease)}.project-detail>p{max-width:31rem;font-size:1rem;line-height:1.65;margin:1.3rem 0 1.6rem;color:var(--muted)}.project-meta{display:flex;gap:.55rem 1.3rem;flex-wrap:wrap;font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--muted)}.project:hover .project-title-row h3{transform:translateX(.35rem);color:var(--accent)}.project:hover .project-arrow{transform:translate(4px,-4px)}.project:hover .project-visual{filter:saturate(1.1)}.visual-product{background:#4d101b;color:#f4d9d5}.visual-placeholder{height:100%;min-height:inherit;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 68% 39%,#751b2b 0,#5a1420 43%,#3c0c15 100%)}.visual-placeholder:before,.visual-placeholder:after{content:"";position:absolute;border:1px solid #f5dcd533;border-radius:50%;width:84%;aspect-ratio:1;transform:rotate(-18deg) scaleY(.5)}.visual-placeholder:after{width:62%;transform:rotate(24deg) scaleY(.56)}.placeholder-rule{position:absolute;width:76%;height:1px;background:#f5dcd566;transform:rotate(-33deg)}.placeholder-word{font-family:var(--display);font-size:clamp(4rem,12vw,10rem);letter-spacing:-.1em;font-weight:800;z-index:1;text-shadow:0 16px 36px #21070b66;transition:transform .6s var(--ease)}.project:hover .placeholder-word{transform:scale(1.05) rotate(-2deg)}.placeholder-caption{position:absolute;right:1.5rem;top:1.4rem;font-size:.58rem;letter-spacing:.13em;line-height:1.4;text-align:right;opacity:.62}.placeholder-corner{position:absolute;left:1.4rem;top:1.2rem;font-size:.7rem;letter-spacing:.15em}.visual-connect{background:#d7d4cc;color:#111}.visual-connect:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#fff5 35.2%,transparent 35.5%),linear-gradient(30deg,transparent 70%,#a9a69e55 70.1%,transparent 70.4%)}.connect-scene{position:relative;height:100%;min-height:inherit;display:grid;place-items:center;overflow:hidden}.connect-word{font-family:var(--display);font-size:clamp(3rem,9vw,8rem);font-weight:800;letter-spacing:-.09em;z-index:2}.connect-node{position:absolute;z-index:2;padding:.45rem .8rem;border:1px solid #14141466;border-radius:99px;background:#e9e7e0;font-size:.69rem;transition:transform .6s var(--ease),background .3s}.node-a{left:11%;top:24%}.node-b{right:13%;top:28%}.node-c{left:19%;bottom:23%}.node-d{right:12%;bottom:19%}.connect-line{height:1px;width:45%;position:absolute;background:#1414145c;transform-origin:left}.line-a{top:33%;left:23%;transform:rotate(17deg)}.line-b{top:45%;left:17%;transform:rotate(34deg)}.line-c{top:57%;left:46%;transform:rotate(-39deg)}.project:hover .node-a{transform:translate(7px,-7px)}.project:hover .node-b{transform:translate(-8px,5px)}.project:hover .node-c{transform:translate(7px,7px)}.project:hover .node-d{transform:translate(-6px,-8px)}.visual-ops{background:#111212;color:#ede9e1}.ops-scene{height:100%;min-height:inherit;position:relative;display:grid;place-items:center;overflow:hidden;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:38px 38px}.ops-label{position:absolute;top:1.3rem;left:1.5rem;font-size:.58rem;letter-spacing:.15em;color:#99958c}.ops-core{font-family:var(--display);font-size:clamp(2rem,6vw,5rem);font-weight:800;letter-spacing:-.09em;z-index:2;text-align:center}.ops-core span{display:block;font:500 .59rem var(--body);letter-spacing:.1em;color:#b6b1a9;margin-top:.5rem}.ops-node{position:absolute;padding:.37rem .6rem;border:1px solid #77736c;font-size:.58rem;letter-spacing:.13em;color:#d2cdc4;background:#111212;z-index:2}.n1{left:8%;top:34%}.n2{left:23%;bottom:22%}.n3{right:19%;top:24%}.n4{right:7%;bottom:34%}.ops-link{position:absolute;height:1px;background:var(--accent);opacity:.72;transform-origin:left;animation:pulse 2.8s ease-in-out infinite alternate}.o1{left:14%;top:44%;width:31%;transform:rotate(18deg)}.o2{left:43%;top:45%;width:28%;transform:rotate(-24deg);animation-delay:.5s}.o3{left:50%;top:54%;width:29%;transform:rotate(27deg);animation-delay:1s}.project:hover .ops-node{border-color:var(--accent);color:white}.visual-agora{background:#c7d2cd;color:#12201d}.agora-scene{height:100%;min-height:inherit;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#dce4dc,#bcc9c3)}.agora-word{font:800 clamp(5rem,13vw,11rem)/1 var(--display);letter-spacing:-.11em;color:#1a2c27;z-index:1;transition:transform .5s var(--ease)}.agora-fragment{position:absolute;z-index:3;font-size:.72rem;padding:.42rem .7rem;background:#f5f3efc9;border:1px solid #14241d22;transition:transform .5s var(--ease)}.af1{top:18%;left:16%;transform:rotate(-4deg)}.af2{top:29%;right:14%;transform:rotate(3deg)}.af3{bottom:24%;left:18%;transform:rotate(2deg)}.af4{bottom:14%;right:11%;transform:rotate(-5deg);color:var(--accent)}.agora-orbit{position:absolute;width:70%;aspect-ratio:1;border:1px solid #29443d55;border-radius:50%;transform:scaleY(.55) rotate(-22deg)}.project:hover .agora-word{transform:scale(1.05)}.project:hover .af1{transform:translate(5px,-6px) rotate(-4deg)}.project:hover .af2{transform:translate(-7px,5px) rotate(3deg)}.archive-note{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.77rem;margin:1.2rem 0}.red-dot{width:.45rem;height:.45rem;background:var(--accent);border-radius:50%}
/* About and career */
.about-section{background:var(--paper-2)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;padding:5rem 0 4rem}.about-copy{max-width:38rem;padding-top:.8rem}.about-copy p{color:var(--muted);margin:0 0 1.1rem}.about-copy .about-lead{font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.4;color:var(--ink);letter-spacing:-.04em}.about-copy .text-link{margin-top:.7rem}.about-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:1rem;font-size:.64rem;letter-spacing:.12em;color:var(--muted);font-weight:700}.experience-section{background:var(--paper)}.timeline-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding-top:5rem}.timeline{border-top:1px solid var(--line)}.timeline-entry{display:grid;grid-template-columns:9rem 1fr;gap:1.5rem;padding:1.65rem 0;border-bottom:1px solid var(--line)}.entry-date{font-size:.65rem;color:var(--accent);font-weight:700;letter-spacing:.11em;display:flex;flex-direction:column;gap:.35rem}.entry-date span,.entry-note{font-size:.6rem;letter-spacing:.12em;color:var(--muted)}.timeline-entry h3{font-size:1.15rem;letter-spacing:-.03em;margin:0 0 .25rem}.timeline-entry h3 span{font-weight:400;color:var(--muted)}.timeline-entry p{color:var(--muted);margin:.3rem 0 .6rem;max-width:37rem}.timeline-entry .text-link{font-size:.75rem}.timeline-subhead{display:flex;justify-content:space-between;padding:2.2rem 0 .6rem;font-size:.65rem;letter-spacing:.13em;font-weight:700;color:var(--muted)}.timeline-subhead span{color:var(--accent)}.education-primary h3{font-size:1.5rem}.timeline-more{margin-top:1.2rem}
/* Skills and practice */
.skills-section{background:var(--paper-2)}.skills-top{display:flex;justify-content:space-between;align-items:flex-end;padding:4rem 0 3.5rem}.skills-top>p{max-width:22rem;margin:0 2vw 0 2rem;color:var(--muted)}.skill-groups{border-top:1px solid var(--line)}.skill-group{display:grid;grid-template-columns:18rem 1fr;gap:2rem;padding:1.7rem 0;border-bottom:1px solid var(--line)}.skill-group h3{font-size:.68rem;letter-spacing:.12em;margin:.4rem 0;color:var(--muted)}.skill-group h3 span{display:block;color:var(--accent);margin-top:.5rem;font-size:.58rem}.skill-list{display:flex;gap:.35rem;flex-wrap:wrap}.skill-list button{cursor:pointer;border:0;background:transparent;padding:.38rem .58rem;color:var(--ink);font-size:.87rem;border-bottom:1px solid transparent;transition:color .2s,border .2s,transform .2s}.skill-list button:hover,.skill-list button[aria-pressed="true"]{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.skill-list button:focus-visible{outline-offset:2px}.skill-result{margin-top:1.6rem;display:flex;align-items:baseline;gap:1.5rem;min-height:2.5rem;color:var(--muted)}.skill-result>span{font-size:.63rem;letter-spacing:.12em;font-weight:700;color:var(--accent)}.skill-result p{margin:0;font-size:.85rem}.skill-project{color:var(--ink);border-bottom:1px solid var(--line);margin-right:.8rem}.skill-project:hover{color:var(--accent)}.capabilities-section{background:var(--paper)}.capabilities-section>.display-heading{padding:4rem 0 3.5rem}.capability-list{border-top:1px solid var(--line)}.capability-list article{display:grid;grid-template-columns:5rem 1fr 1fr 2rem;align-items:center;gap:1rem;padding:1.45rem 0;border-bottom:1px solid var(--line);position:relative;transition:padding .3s var(--ease)}.capability-list article:before{content:"";position:absolute;inset:0 calc(-1 * var(--page-pad));background:var(--paper-2);transform:scaleY(0);transform-origin:bottom;transition:transform .35s var(--ease);z-index:0}.capability-list article:hover{padding-left:.7rem}.capability-list article:hover:before{transform:scaleY(1)}.capability-list article>*{position:relative;z-index:1}.cap-index{font-size:.67rem;color:var(--accent);font-weight:700}.capability-list h3{font-family:var(--display);font-size:clamp(1.4rem,3vw,2.6rem);letter-spacing:-.06em;margin:0}.capability-list p{margin:0;color:var(--muted);max-width:28rem}.cap-mark{color:var(--accent);font-size:1.2rem;justify-self:end}.research-section{background:var(--accent);color:#fff}.research-section .section-kicker{color:#ffffffad;border-color:#ffffff6a}.research-section .section-kicker i{color:white}.research-row{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:end;padding-top:4rem}.research-mark{font-family:var(--display);font-size:1.2rem;font-weight:800;letter-spacing:-.08em}.research-row h2{font:800 clamp(4rem,10vw,9.5rem)/.85 var(--display);letter-spacing:-.09em;margin:2rem 0 0}.research-copy p{font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.45;letter-spacing:-.035em;margin:0 0 1.5rem}.research-copy .text-link{border-color:#ffffff75}.research-copy .text-link span{color:white}.research-footnote{display:block;margin-top:2rem;font-size:.67rem;letter-spacing:.08em;color:#ffffffb2}
/* Closing invitation */
.contact-section{background:var(--paper);padding-bottom:6rem}.contact-title{font:800 clamp(5rem,16vw,16rem)/.73 var(--display);letter-spacing:-.105em;margin:4rem 0 5rem}.contact-title em{font-style:normal;color:var(--accent);margin-left:17vw}.contact-bottom{border-top:1px solid var(--line);padding-top:1.5rem;display:flex;justify-content:space-between;gap:2rem}.contact-label{display:block;color:var(--muted);font-size:.64rem;font-weight:700;letter-spacing:.13em;margin-bottom:.8rem}.contact-email{font-size:clamp(1.05rem,2vw,1.6rem);letter-spacing:-.04em;border-bottom:1px solid var(--accent);padding-bottom:.25rem}.contact-email span{color:var(--accent);font-size:.9em;margin-left:.5rem}.contact-bottom>div:first-child p{max-width:31rem;color:var(--muted);font-size:.88rem;margin-top:1.2rem}.contact-links{display:flex;flex-direction:column;gap:.4rem;min-width:10rem}.contact-links a,.resume-placeholder{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px solid var(--line);font-size:.84rem}.contact-links a span{color:var(--accent)}.resume-placeholder{color:var(--muted)}.resume-placeholder small{font-size:.58rem;letter-spacing:.1em;color:var(--accent)}.site-footer{min-height:5.5rem;border-top:1px solid var(--line);padding:1rem var(--page-pad);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.62rem;letter-spacing:.1em}.site-footer>a:last-child{color:var(--ink)}.custom-cursor{position:fixed;z-index:90;top:0;left:0;width:.55rem;height:.55rem;background:var(--accent);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:width .2s,height .2s,opacity .2s}.custom-cursor.visible{opacity:1}.custom-cursor.is-link{width:1.6rem;height:1.6rem;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid var(--accent)}
/* Case-study pages and supporting routes */
.inner-page{min-height:100vh}.inner-hero{padding:clamp(5rem,11vw,10rem) var(--page-pad) 4rem}.inner-hero .eyebrow{font-size:.68rem;letter-spacing:.14em;color:var(--accent);font-weight:700}.inner-title{font:800 clamp(4.4rem,14vw,13rem)/.82 var(--display);letter-spacing:-.1em;margin:2.5rem 0 1.7rem}.inner-intro{font-size:clamp(1.05rem,2vw,1.45rem);max-width:46rem;color:var(--muted)}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:3.5rem}.case-meta div{padding:1.1rem 1rem 1.1rem 0}.case-meta dt{font-size:.61rem;letter-spacing:.13em;color:var(--muted);font-weight:700}.case-meta dd{margin:.35rem 0 0;font-size:.9rem}.case-visual{margin:0 var(--page-pad);min-height:clamp(18rem,50vw,39rem);display:grid;place-items:center;position:relative;overflow:hidden}.case-visual .visual-placeholder,.case-visual .ops-scene,.case-visual .agora-scene,.case-visual .connect-scene{width:100%;height:100%;min-height:inherit}.case-content{padding:5rem var(--page-pad);display:grid;grid-template-columns:1fr 2fr;gap:6vw}.case-content aside{position:sticky;top:6rem;align-self:start}.case-content aside span{display:block;color:var(--accent);font-size:.66rem;letter-spacing:.12em;font-weight:700}.case-content aside h2{font:700 2.1rem/.95 var(--display);letter-spacing:-.07em;margin:.8rem 0}.case-content aside p{color:var(--muted);font-size:.84rem}.case-block{padding:0 0 2.5rem;margin:0 0 2.5rem;border-bottom:1px solid var(--line)}.case-block h2{font:700 clamp(1.8rem,3vw,2.7rem)/1 var(--display);letter-spacing:-.055em;margin:0 0 1rem}.case-block p{color:var(--muted);max-width:43rem;margin:.65rem 0}.todo{display:inline-flex;align-items:center;gap:.45rem;color:var(--accent);font-size:.67rem;letter-spacing:.1em;font-weight:700}.todo:before{content:"";width:.4rem;height:.4rem;background:var(--accent);border-radius:50%}.case-links{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}.back-work{display:inline-flex;align-items:center;gap:.6rem;margin:0 var(--page-pad) 5rem;color:var(--accent);font-size:.83rem;font-weight:700}.simple-page{padding:0 var(--page-pad)}.simple-content{max-width:54rem;margin:0 0 7rem auto}.simple-content>p{font-size:1.1rem;color:var(--muted)}.simple-entry{padding:1.5rem 0;border-top:1px solid var(--line)}.simple-entry h2{font:700 1.8rem var(--display);letter-spacing:-.06em;margin:0}.simple-entry p{color:var(--muted);margin:.5rem 0 0}
/* Motion */
[data-reveal]{opacity:0;clip-path:inset(0 0 14% 0);transform:translateY(1.2rem);transition:opacity .7s var(--ease),transform .7s var(--ease),clip-path .7s var(--ease)}[data-reveal].in-view{opacity:1;clip-path:inset(0);transform:none}@keyframes pulse{from{opacity:.25;transform:scaleX(.82) rotate(var(--angle,18deg))}to{opacity:.9;transform:scaleX(1) rotate(var(--angle,18deg))}}
@media(max-width:900px){:root{--header-h:4.8rem}.desktop-nav{gap:1.2rem;margin-right:1.5rem}.desktop-nav a{font-size:.76rem}.hero-stage{min-height:72vw}.hero-title{font-size:25vw}.hero-note-left{top:17%}.hero-note-right{bottom:14%}.hero-stamp{right:6%}.hero-bottom{display:grid;grid-template-columns:1fr auto}.hero-bottom>p{grid-column:1/-1;max-width:38rem}.hero-links{grid-column:1}.hero-scroll{grid-column:2;grid-row:2}.project{gap:3vw}.skill-group{grid-template-columns:13rem 1fr}.timeline-grid{gap:5vw}.about-grid{gap:5vw}.contact-title{margin:3rem 0 4rem}}
@media(max-width:680px){:root{--page-pad:1.2rem;--header-h:4.4rem}.site-header{height:var(--header-h)}.site-header.scrolled{height:4.1rem}.wordmark-name{font-size:.62rem}.desktop-nav{display:none}.header-actions{gap:.7rem}.theme-label{display:none}.menu-toggle{display:flex;width:2.5rem;height:2.5rem;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{width:1.25rem;height:1px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu{position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;padding:7rem var(--page-pad) 2rem;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center;gap:0;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .5s var(--ease),visibility .5s}.mobile-menu.open{clip-path:inset(0);visibility:visible}.mobile-menu>a{display:flex;align-items:baseline;gap:1rem;font:700 clamp(2.6rem,11vw,4rem)/1.2 var(--display);letter-spacing:-.07em;border-bottom:1px solid #ffffff35;padding:.55rem 0}.mobile-menu>a span{font:600 .65rem var(--body);letter-spacing:.1em;color:var(--accent)}.mobile-menu>p{font-size:.62rem;letter-spacing:.1em;color:#ffffff9c;margin-top:2rem}.section-pad{padding-top:5rem;padding-bottom:5rem}.section-kicker{font-size:.58rem;gap:1rem}.section-kicker span:last-child{text-align:right}.display-heading{font-size:clamp(3.6rem,16vw,6rem)}.hero{min-height:auto;padding-top:.8rem;padding-bottom:1.2rem}.hero-topline{font-size:.56rem;letter-spacing:.08em}.hero-index{display:none}.hero-stage{min-height:133vw;margin:.3rem auto 0;width:100%}.hero-orbit{width:88vw;top:48%}.hero-title{font-size:25vw;line-height:.76}.title-hamza{padding-left:0}.title-raza{padding-right:0}.portrait-wrap{width:70vw;height:78%;left:53%;clip-path:inset(0 round 42% 42% 0 0)}.portrait-wrap img{object-position:center 18%;transform:scale(1.1)}.hero-note{font-size:.53rem}.hero-note-left{left:0;top:9%}.hero-note-right{right:0;bottom:7%}.hero-stamp{right:0;top:17%;font-size:.55rem}.hero-stamp span{font-size:1.3rem}.hero-bottom{grid-template-columns:1fr;padding-top:1rem;gap:1rem}.hero-bottom>p{font-size:.92rem;max-width:31rem}.hero-links{gap:.65rem 1rem}.hero-links .text-link{font-size:.76rem}.hero-scroll{display:none}.work-section{padding-top:4.8rem}.work-heading{display:block;padding:2.6rem 0 3rem}.work-heading>p{margin:1.2rem 0 0;max-width:20rem;font-size:.93rem}.project,.project:nth-child(even){display:flex;flex-direction:column;gap:1.3rem;padding:1.5rem 0 2rem}.project:nth-child(even) .project-visual{order:0}.project-visual{min-height:74vw}.visual-placeholder{min-height:74vw}.project-info{padding:.3rem 0}.project-title-row h3{font-size:clamp(2.4rem,11vw,4rem)}.project-detail>p{font-size:.93rem;margin:.9rem 0 1rem}.project-meta{font-size:.58rem;gap:.45rem .85rem}.visual-index{font-size:.54rem;left:.8rem;bottom:.7rem}.placeholder-word{font-size:19vw}.about-grid,.timeline-grid{display:block;padding-top:2.8rem}.about-copy{padding-top:2rem}.about-copy .about-lead{font-size:1.35rem}.about-foot{font-size:.53rem;gap:1rem}.timeline{margin-top:2.6rem}.timeline-entry{grid-template-columns:6rem 1fr;gap:.9rem;padding:1.3rem 0}.timeline-entry h3{font-size:1rem}.timeline-entry p{font-size:.9rem}.skills-top{display:block;padding:2.8rem 0 2rem}.skills-top>p{margin:1.2rem 0 0;font-size:.91rem}.skill-group{display:block;padding:1.2rem 0}.skill-group h3{margin:0 0 .6rem}.skill-list{gap:.15rem}.skill-list button{font-size:.83rem;padding:.35rem .45rem}.skill-result{display:block}.skill-result p{margin-top:.4rem}.capabilities-section>.display-heading{padding:2.8rem 0 2rem}.capability-list article{grid-template-columns:2.3rem 1fr 1.2rem;gap:.6rem;padding:1.1rem 0}.capability-list h3{font-size:1.28rem}.capability-list p{grid-column:2;grid-row:2;font-size:.87rem}.cap-mark{grid-column:3;grid-row:1}.research-row{display:block;padding-top:2.8rem}.research-row h2{font-size:clamp(4rem,18vw,7rem);margin-top:1.3rem}.research-copy{margin-top:2rem}.research-copy p{font-size:1.25rem}.contact-title{font-size:clamp(5rem,20vw,8rem);margin:3.2rem 0 3rem}.contact-title em{margin-left:12vw}.contact-bottom{display:block}.contact-email{font-size:1rem}.contact-links{margin-top:2rem;max-width:18rem}.site-footer{flex-wrap:wrap;font-size:.53rem;padding:1rem var(--page-pad)}.site-footer .wordmark-name{display:none}.site-footer>span{order:3;width:100%}.case-meta{grid-template-columns:1fr 1fr}.case-meta div{padding:1rem .6rem 1rem 0}.inner-hero{padding-top:5rem}.inner-title{font-size:clamp(4rem,17vw,7rem);margin:2rem 0 1.2rem}.case-visual{margin:0 var(--page-pad);min-height:74vw}.case-content{display:block;padding:3rem var(--page-pad)}.case-content aside{position:static;margin-bottom:2.5rem}.case-block h2{font-size:1.8rem}.simple-content{margin:0 0 5rem}.custom-cursor{display:none}}
.pending-link{color:var(--muted);display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;padding:.35rem 0;border-bottom:1px solid var(--line)}.pending-link small{font-size:.56rem;letter-spacing:.1em;color:var(--accent)}.hero-links .pending-link{font-size:.85rem;padding:0 0 .3rem}.hero-links .pending-link small{font-size:.53rem}
.project-action{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.2rem;color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.13em}.project-action span{font-size:1rem;transition:transform .25s var(--ease)}.project-action:hover span{transform:translate(3px,-3px)}
@media(min-width:681px){.hero-stage{display:block;min-height:min(62vw,680px)}.hero-title{width:62%;left:0;top:30%;font-size:clamp(7rem,15vw,15rem);line-height:.73}.title-hamza{padding-left:0}.title-raza{text-align:left;padding-left:11%;padding-right:0}.portrait-wrap{left:auto;right:7%;transform:none;width:clamp(19rem,34vw,34rem);height:90%;clip-path:inset(0 round 48% 48% 0 0)}.hero-orbit{left:auto;right:0;transform:translateY(-50%);width:min(47vw,570px)}.hero-note-left{left:0;top:18%}.hero-note-right{display:none}.hero-stamp{right:2%;top:13%}.hero-bottom{position:relative}.hero-bottom>p{max-width:32rem}}
.hero-title{z-index:1;width:61%;font-size:clamp(7rem,13vw,13rem);clip-path:none;letter-spacing:-.095em}
.hero-topline{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;letter-spacing:.1em}
.hero-topline>span:first-child{font-size:clamp(.9rem,1.25vw,1.15rem);color:var(--ink);letter-spacing:.14em;line-height:1.2}
.hero-topline>span:first-child i{color:var(--accent)}
.hero-topline .hero-index{font-size:clamp(.68rem,.85vw,.82rem);color:var(--accent);letter-spacing:.13em;line-height:1.35;max-width:30rem;white-space:normal}
.portrait-wrap{z-index:2}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;clip-path:none;transform:none}}
/* density refinement */
.section-pad{padding-top:clamp(3.8rem,6vw,6.5rem);padding-bottom:clamp(3.8rem,6vw,6.5rem)}
.display-heading{font-size:clamp(3.2rem,6.5vw,6.5rem)}
.hero-title{font-size:clamp(8rem,20vw,19rem)}
.work-section{padding-top:5rem}
.work-heading{padding-top:2.8rem;padding-bottom:3.2rem}
.project{gap:clamp(1.5rem,4vw,4.5rem);padding-top:2.2rem;padding-bottom:2.8rem}
.project-visual{min-height:clamp(15rem,27vw,25rem)}
.contact-title{font-size:clamp(4.5rem,10.5vw,10.5rem);margin-top:3rem;margin-bottom:3.5rem}
@media(max-width:680px){.section-pad{padding-top:4rem;padding-bottom:4rem}.display-heading{font-size:clamp(3rem,14vw,5.5rem)}.hero-title{font-size:25vw}.project-visual{min-height:62vw}.contact-title{font-size:clamp(4.4rem,18vw,7rem)}}