@font-face{font-family:Neo Sans;src:url('fonts/NeoSansArabicLight.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Neo Sans;src:url('fonts/NeoSansArabic.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Neo Sans;src:url('fonts/NeoSansArabicMedium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Neo Sans;src:url('fonts/NeoSansArabicBold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--red:#d3212d;--blue:#1034a6;--ink:#151a26;--muted:#626977;--line:#e9ecf2;--white:#fff;font-family:Neo Sans,Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;scroll-behavior:smooth;scroll-padding-top:112px}
*{box-sizing:border-box}body{margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:min(1300px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:15px;z-index:100;background:var(--blue);color:#fff;padding:15px;border-radius:12px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px)}.scroll-progress{height:3px;width:100%;background:rgba(16,52,166,.1);overflow:hidden}.scroll-progress-fill{display:block;width:100%;height:100%;background:linear-gradient(90deg,#D3212D 0%,#1034A6 100%);transform:scaleX(0);transform-origin:left center;will-change:transform}.floating-top{position:fixed;z-index:60;right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:54px;height:54px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 8px 24px rgba(16,52,166,.24);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .22s,transform .22s,visibility .22s}.floating-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.floating-top:hover{background:#0b2988}.floating-top svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.name-link{font-weight:500;font-size:1.125rem;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:25px}.main-nav a{font-size:.875rem;padding:12px 0;position:relative;color:#59616e;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--blue)}.main-nav a:after{content:'';position:absolute;bottom:5px;left:0;height:2px;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}.main-nav a.active:after{transform:scaleX(1)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:12px;padding:10px 16px;color:var(--ink)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:500}h2{font-size:clamp(2.3rem,4.5vw,4.6rem);line-height:1.08;letter-spacing:-1.6px;margin-bottom:20px}h3{font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:1.15;letter-spacing:-.7px;margin-bottom:20px}.eyebrow{font-size:.8125rem;letter-spacing:1.7px;color:var(--blue);font-weight:500;line-height:1.6;margin-bottom:25px}.hero{position:relative;isolation:isolate;padding:105px 0 75px;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:85px;min-height:400px}.hero-name{font-size:clamp(4.4rem,8.1vw,8.25rem);line-height:.97;letter-spacing:-4.5px;margin:0;position:relative}.hero-name span{display:block;color:var(--blue);margin-top:8px}.hero-description{padding-top:32px;max-width:490px}.hero-description h2{font-size:clamp(1.5rem,2.3vw,2.2rem);line-height:1.2;letter-spacing:-.5px;margin-bottom:24px}.hero-description>p{font-size:1.0625rem;line-height:1.85;color:var(--muted);margin-bottom:30px}.hero-links{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;border-radius:100px;font-size:.875rem;font-weight:500;border:1px solid var(--line);transition:transform .25s,background .25s}.button:hover{transform:translateY(-2px)}.button.blue{background:var(--blue);color:#fff;border-color:var(--blue)}.button.blue:hover{background:#0b2988}.aura{pointer-events:none;position:absolute;width:600px;height:600px;z-index:-1;border-radius:50%;opacity:.85}.aura:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 48% 50%,var(--aura-color) 0%,var(--aura-color) 12%,transparent 68%);filter:blur(28px)}.aura:after{content:'';position:absolute;inset:15%;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");opacity:.2;mask-image:radial-gradient(ellipse,#000,transparent 68%)}.aura-red{--aura-color:rgba(211,33,45,.15)}.aura-blue{--aura-color:rgba(16,52,166,.14)}.hero .aura-red{left:-140px;top:-190px;width:740px;height:740px}.hero .aura-blue{right:-110px;top:60px;width:720px;height:720px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:85px 0 45px}.section-intro .eyebrow{margin-bottom:18px}.section-intro h2{margin-bottom:0}.section-intro>p{max-width:390px;color:var(--muted);font-size:1rem;line-height:1.75;margin-bottom:3px}.project-index{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:55px}.project-index a{padding:10px 16px;border:1px solid var(--line);border-radius:100px;font-size:.875rem;background:#fff;transition:border-color .2s,color .2s}.project-index a:hover{border-color:var(--blue);color:var(--blue)}.project{display:grid;grid-template-columns:285px minmax(0,1fr);gap:62px;padding:55px 0 75px;border-top:1px solid var(--line);scroll-margin-top:112px}.project-summary{align-self:start;position:sticky;top:122px}.project-number{font-size:.875rem;color:var(--red);margin-bottom:22px}.project-summary h3{max-width:270px}.project-description{font-size:1rem;line-height:1.8;color:var(--muted);margin-bottom:22px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:.75rem;padding:7px 12px;border-radius:100px;background:#f4f6fa;color:#535d71}.project-context{border-left:2px solid #d7def3;margin-top:26px;padding-left:17px;font-size:.875rem;color:var(--muted);line-height:1.75}.project-gallery{min-width:0;display:grid;gap:25px;align-content:start}.artwork-figure{margin:0;min-width:0;position:relative}.artwork-image{overflow:hidden;border-radius:20px;border:1px solid #edf0f5;background:#fff}.artwork-image img{width:100%;height:auto}.artwork-figure figcaption{font-size:.8125rem;color:var(--muted);line-height:1.6;padding:12px 4px 0}.annotated-figure{display:grid;grid-template-columns:minmax(0,1fr) 148px;column-gap:18px;align-items:start}.annotated-figure figcaption{grid-column:1}.craft-note{position:relative;align-self:start;margin-top:var(--note-top,30px);border:1px solid #e2e7f3;border-radius:18px;padding:15px 14px;background:#fff;box-shadow:0 7px 28px rgba(16,52,166,.045);font-size:.8125rem;line-height:1.6;color:#596475}.craft-note:before{content:'';position:absolute;left:-20px;top:24px;width:20px;height:1px;background:#aab7dc}.craft-note strong{display:block;color:var(--blue);font-weight:500;margin-bottom:5px}.craft-note .note-tool{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:var(--ink);font-size:.75rem}.note-tool img{height:17px;width:auto;max-width:20px;object-fit:contain}.graphic-section{position:relative;isolation:isolate;border-top:1px solid var(--line);padding-bottom:85px;overflow:hidden}.graphic-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 75px;padding:30px 30px 45px}.graphic-work{position:relative;isolation:isolate;margin:0}.graphic-work:nth-child(even){padding-top:90px}.graphic-work .artwork-image{border:0;position:relative;background:transparent;box-shadow:0 12px 55px rgba(19,31,60,.07)}.graphic-work .artwork-image img{border-radius:25px}.graphic-work .aura{width:650px;height:650px;left:-160px;top:-120px;opacity:1}.graphic-work:nth-child(even) .aura{top:-25px;left:0}.graphic-work figcaption{margin-top:20px;font-size:1rem;font-weight:500}.graphic-work .craft-note{display:inline-block;margin-top:5px;padding:11px 16px;font-size:.8125rem;box-shadow:none;border-radius:16px}.graphic-work .craft-note:before{display:none}.graphic-work .craft-note strong{display:inline;color:var(--muted);font-weight:400;margin:0}.playground-section{position:relative;isolation:isolate;border-top:1px solid var(--line);padding-bottom:90px}.subsection-heading{display:flex;align-items:baseline;gap:18px;border-bottom:1px solid var(--line);padding:32px 0 25px;margin-bottom:35px}.subsection-heading h3{margin:0;font-size:1.875rem}.subsection-heading span{font-size:.8125rem;color:var(--muted)}.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.creative-item{min-width:0}.creative-item .artwork-image{padding:25px;display:flex;align-items:center;justify-content:center;min-height:275px}.creative-item .artwork-image img{object-fit:contain;width:100%;max-height:310px}.creative-info{padding:20px 3px 0}.creative-info h4{font-size:1.125rem;line-height:1.4;margin-bottom:9px}.creative-info p{font-size:1rem;color:var(--muted);line-height:1.75;margin:0}.creative-note{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;color:var(--blue);border:1px solid #e1e6f1;border-radius:14px;padding:9px 12px;background:#fff;margin-top:14px}.creative-note img{width:auto;height:17px;max-width:20px;object-fit:contain}.posts-grid .creative-item .artwork-image{padding:16px;min-height:265px}.posts-grid .creative-item .artwork-image img{max-height:none}.posts-grid .creative-item:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.55fr 1fr;gap:40px;align-items:center}.posts-grid .creative-item:last-child .artwork-image{min-height:0;padding:15px}.posts-grid .creative-item:nth-child(-n+2){grid-column:span 1}.posts-grid{grid-template-columns:1fr 1fr;gap:35px}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.onboarding-grid .artwork-image{padding:25px;border-radius:25px}.onboarding-grid .artwork-image img{width:100%}.tools-section{border-top:1px solid var(--line);padding-bottom:85px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:10px}.tool{display:flex;align-items:center;justify-content:center;min-height:130px;border:1px solid var(--line);border-radius:22px;background:#fff;transition:transform .25s,border-color .25s}.tool:hover{transform:translateY(-4px);border-color:#c1cee9}.tool img{width:auto;height:auto;max-width:190px;max-height:60px}.tool.illustrator img{max-height:58px}.tool.sketch img{max-width:185px}.contact-section{position:relative;isolation:isolate;padding:90px 0 95px;overflow:hidden;border-top:1px solid var(--line)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.contact-links{display:flex;align-items:center;gap:14px}.contact-link{width:68px;height:68px;display:grid;place-items:center;border:1px solid rgba(16,52,166,.14);border-radius:21px;background:rgba(255,255,255,.78);color:var(--ink);transition:transform .2s,border-color .2s,box-shadow .2s}.contact-link:hover{transform:translateY(-3px);border-color:rgba(16,52,166,.42);box-shadow:0 12px 30px rgba(16,52,166,.08)}.contact-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--blue);color:#fff}.email-icon{background:var(--red)}.contact-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.linkedin-icon svg{fill:currentColor;stroke:none}.contact-section h2{font-size:clamp(2.8rem,6vw,5.5rem)}.contact-section .eyebrow{margin-bottom:18px}.contact-section .aura-red{left:-80px;top:-90px}.contact-section .aura-blue{right:-140px;top:-190px}footer{border-top:1px solid var(--line);padding:27px 0;color:var(--muted);font-size:.8125rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner strong{font-weight:500;color:var(--ink)}.back-top{font-size:.8125rem}.back-top:hover{color:var(--blue)}.reveal{opacity:1;transform:none}.motion-enabled .reveal{will-change:transform,opacity}.section-anchor{scroll-margin-top:100px}
@media(min-width:1550px){.hero{padding-top:130px;padding-bottom:90px}.hero-inner{min-height:440px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.main-nav{gap:17px}.main-nav a{font-size:.875rem}.hero-inner{gap:45px}.hero-name{letter-spacing:-3px}.project{grid-template-columns:230px minmax(0,1fr);gap:35px}.annotated-figure{grid-template-columns:minmax(0,1fr) 130px;column-gap:14px}.craft-note{padding:12px;font-size:.75rem}.craft-note:before{left:-16px;width:16px}.graphic-grid{gap:40px;padding-inline:0}.creative-grid{gap:20px}.creative-item .artwork-image{padding:18px;min-height:220px}.tool img{max-width:160px}}
@media(max-width:850px){.header-inner{min-height:78px}.header-inner{display:block;padding-top:15px;padding-bottom:8px}.name-link{display:inline-block;padding-bottom:7px}.main-nav{display:flex;position:static;width:100%;max-width:100%;overflow-x:auto;gap:23px;scrollbar-width:none;padding:0}.main-nav::-webkit-scrollbar{display:none}.main-nav a{font-size:.875rem;flex-shrink:0;padding:10px 0}.hero{padding-top:70px}.hero-inner{grid-template-columns:1fr;gap:40px;min-height:0}.hero-name{font-size:clamp(5rem,13vw,7.5rem)}.hero-description{padding:0;max-width:600px}.hero-description h2{font-size:1.8rem}.section-intro{padding-top:65px;gap:35px}.project{grid-template-columns:1fr;gap:30px;padding:40px 0 55px}.project-summary{position:static;max-width:650px}.project-summary h3{max-width:none;margin-bottom:15px}.project-number{margin-bottom:14px}.project-description{margin-bottom:17px}.project-context{margin-top:20px}.project-gallery{gap:24px}.annotated-figure{grid-template-columns:minmax(0,1fr) 155px;column-gap:20px}.craft-note{font-size:.8125rem;padding:16px}.craft-note:before{left:-22px;width:22px}.creative-grid{grid-template-columns:1fr 1fr}.creative-grid .creative-item:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.creative-item .artwork-image{min-height:240px}.onboarding-grid{gap:25px}.tools-grid{gap:15px}.tool{min-height:115px}.tool img{max-width:145px;max-height:45px}.contact-inner{gap:30px}}
@media(max-width:600px){:root{scroll-padding-top:128px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:72px}.name-link{font-size:1rem}.main-nav{gap:20px;padding:0}.hero{padding:55px 0 45px}.hero-name{font-size:clamp(2rem,15vw,6.3rem);letter-spacing:-2.5px}.hero-description h2{font-size:1.55rem}.hero-description>p{font-size:1rem;line-height:1.85}.hero-inner{gap:35px}.hero .aura-red{width:520px;height:520px;left:-200px;top:-160px}.hero .aura-blue{width:520px;height:520px;right:-220px;top:120px}.eyebrow{font-size:.75rem;letter-spacing:1.2px}.section-intro{flex-direction:column;align-items:flex-start;gap:18px;padding:50px 0 30px}.section-intro>p{font-size:.9375rem}h2{font-size:2.6rem;letter-spacing:-1px}h3{font-size:2rem}.project-index{gap:8px;margin-bottom:35px}.project-index a{font-size:.8125rem;padding:9px 12px}.project{padding-top:32px;scroll-margin-top:128px}.project-description{font-size:1rem}.project-context{font-size:.8125rem}.project-gallery{gap:23px}.artwork-image{border-radius:17px}.annotated-figure{display:flex;flex-direction:column;gap:0}.annotated-figure .artwork-image{width:100%}.annotated-figure figcaption{order:3}.craft-note{margin-top:14px!important;max-width:100%;font-size:.8125rem;padding:12px 16px;border-radius:15px;box-shadow:none}.craft-note:before{left:26px;top:-15px;width:1px;height:15px}.craft-note strong{display:inline;margin-right:5px}.craft-note .note-tool{margin:0 0 0 7px;display:inline-flex}.graphic-grid{grid-template-columns:1fr;gap:45px;padding-top:15px;padding-bottom:15px}.graphic-work:nth-child(even){padding-top:0}.graphic-work .aura{width:450px;height:450px;left:-130px;top:-70px}.graphic-work:nth-child(even) .aura{top:-30px;left:0}.graphic-work .artwork-image img{border-radius:22px}.graphic-work figcaption{margin-top:16px}.graphic-work .craft-note{font-size:.75rem}.graphic-work .craft-note:before{display:none}.graphic-section{padding-bottom:50px}.subsection-heading{gap:12px;padding:24px 0 19px;flex-wrap:wrap;margin-bottom:25px}.subsection-heading h3{font-size:1.65rem}.creative-grid{grid-template-columns:1fr;gap:35px}.creative-grid .creative-item:last-child{grid-column:auto;display:block}.creative-item .artwork-image{min-height:220px;padding:23px}.creative-item .artwork-image img{max-height:none}.creative-info{padding-top:17px}.creative-info h4{font-size:1.125rem}.posts-grid{grid-template-columns:1fr;gap:35px}.posts-grid .creative-item:last-child{grid-column:auto;display:block}.posts-grid .creative-item .artwork-image{min-height:0;padding:14px}.onboarding-grid{grid-template-columns:1fr;gap:35px}.onboarding-grid .artwork-image{padding:20px}.playground-section{padding-bottom:55px}.tools-grid{grid-template-columns:1fr 1fr;gap:13px}.tool{min-height:100px;border-radius:18px;padding:18px}.tool img{max-width:100%;max-height:40px}.tool.illustrator img{max-height:45px}.tool.sketch img{max-width:100%}.tools-section{padding-bottom:55px}.contact-section{padding:65px 0}.contact-inner{grid-template-columns:1fr;gap:30px}.contact-section h2{font-size:3.2rem}.contact-links{gap:12px}.contact-link{width:60px;height:60px;border-radius:18px}.contact-icon{width:42px;height:42px;border-radius:13px}.footer-inner{flex-wrap:wrap;gap:14px}footer{padding:24px 0}.footer-name{width:100%}.section-anchor{scroll-margin-top:128px}}

/* One uninterrupted artwork board per project; identifying details stay together above it. */
.project{display:block;padding:56px 0 78px}
.project-intro{display:grid;grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr);gap:42px;align-items:start;margin-bottom:30px}
.project-heading .project-number{margin:0 0 12px;color:var(--red);font-size:.8125rem;letter-spacing:1px}
.project-heading h3{margin:0}
.project-copy .project-description{max-width:820px;margin:0 0 16px}
.project-copy .project-context{max-width:830px;margin-top:17px}
.project-visual{position:relative;margin:0;overflow:visible}
.project-visual>img{width:100%;height:auto;border-radius:18px;border:1px solid #edf0f5;background:#fff}
.project-annotation{position:relative;padding:13px 15px;border:1px solid #e5eaf4;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(16,52,166,.1);display:grid;gap:4px;font-size:.8125rem;line-height:1.45;color:#596475}
.project-annotation strong{font-size:.875rem;font-weight:500;color:var(--blue)}
.project-annotation small{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.75rem;color:#343d50}
.project-annotation small img{width:auto;height:16px;max-width:19px}
@media(max-width:850px){.project{padding:40px 0 55px}.project-intro{grid-template-columns:1fr;gap:15px;margin-bottom:22px}.project-copy .project-context{margin-top:14px}}
@media(max-width:600px){.project{padding-top:30px}.project-intro{gap:12px}.project-visual>img{border-radius:14px}.project-annotation{font-size:.75rem;padding:10px 12px;border-radius:14px}.project-annotation strong{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}.reveal{transform:none!important;opacity:1!important}}

/* Compact authorship notes stay in clear margins or below artwork. */
.project-annotation.authorship-note{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;width:max-content;max-width:100%;padding:8px 11px;border:1px solid #e6eaf2;border-radius:13px;background:rgba(255,255,255,.97);box-shadow:0 3px 12px rgba(16,52,166,.07);font-size:.75rem;line-height:1.2;color:#303746}
.project .tag{background:rgba(var(--project-accent-rgb),.14);border:1px solid rgba(var(--project-accent-rgb),.24);color:var(--project-tag-ink)}
.project-authorship{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.project-authorship .project-annotation{position:static;transform:none;width:auto;max-width:100%;box-shadow:none;background:#fff}
.authorship-label{white-space:nowrap}
.authorship-tools{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.authorship-tool{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:var(--blue)}
.authorship-tool img{display:block;width:auto;height:15px;max-width:19px;object-fit:contain}
.creative-note.authorship-note{margin-top:13px;padding:8px 11px;gap:6px;font-size:.75rem}
.craft-note.authorship-note{display:inline-flex;align-items:center;gap:6px;margin-top:14px!important;padding:8px 11px;border:1px solid #e6eaf2;border-radius:13px;background:#fff;box-shadow:none;font-size:.75rem;line-height:1.2;color:#303746}
.craft-note.authorship-note:before{display:none}
.craft-note .authorship-tools{margin:0}
@media(max-width:600px){.project-annotation.authorship-note{padding:7px 9px;font-size:.75rem}.creative-note.authorship-note,.craft-note.authorship-note{font-size:.75rem}}



/* A single solid, project-colored authorship badge per tool. */
.project-authorship .authorship-note{background:var(--authorship-accent,var(--project-accent));border-color:var(--authorship-accent,var(--project-accent));color:#fff;box-shadow:none}
.project-authorship .authorship-label,.project-authorship .authorship-tool{color:#fff}
.project-authorship .authorship-tool img{filter:none;height:18px;max-width:12px}

/* About-only color field: saturated brand red and blue, visible grain, white fade into the projects. */
.hero{isolation:isolate;background-color:#08143a;background-image:linear-gradient(180deg,transparent 0%,transparent 82%,rgba(255,255,255,.72) 95%,#fff 100%),radial-gradient(ellipse 50% 78% at 82% 39%,rgba(211,33,45,.94) 0%,rgba(211,33,45,.7) 32%,rgba(211,33,45,0) 77%),radial-gradient(ellipse 62% 76% at 15% 66%,rgba(16,52,166,.98) 0%,rgba(16,52,166,.7) 36%,rgba(16,52,166,0) 78%),linear-gradient(125deg,#08143a 0%,#102967 54%,#09143b 100%)}
.hero>.aura{display:none}
.hero>.wrap{position:relative;z-index:1}
.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.21;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");background-size:180px 180px;mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%)}
.hero .eyebrow,.hero .hero-name,.hero .hero-name span,.hero .hero-description h2{color:#fff}
.hero .hero-description>p{color:rgba(255,255,255,.88)}
.hero .button.blue{background:#fff;border-color:#fff;color:#1034A6}
.hero .button:not(.blue){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.56);color:#fff;backdrop-filter:blur(8px)}
.hero .button:not(.blue):hover{background:rgba(255,255,255,.16)}
@media(max-width:600px){.hero{background-image:linear-gradient(180deg,transparent 0%,transparent 88%,rgba(255,255,255,.72) 97%,#fff 100%),radial-gradient(ellipse 88% 45% at 77% 30%,rgba(211,33,45,.94) 0%,rgba(211,33,45,.65) 36%,transparent 78%),radial-gradient(ellipse 94% 58% at 15% 66%,rgba(16,52,166,.98) 0%,rgba(16,52,166,.7) 40%,rgba(16,52,166,0) 80%),linear-gradient(145deg,#08143a 0%,#102967 56%,#09143b 100%)}.hero:after{mask-image:linear-gradient(180deg,#000 0%,#000 86%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){.hero:after{opacity:.16}}

/* Let the hero's closing line sit on a clean white fade before the project work begins. */
.hero{background-image:linear-gradient(180deg,transparent 0%,transparent 86%,rgba(255,255,255,.06) 90%,rgba(255,255,255,.3) 94%,rgba(255,255,255,.85) 98%,#fff 100%),radial-gradient(ellipse 50% 78% at 82% 39%,rgba(211,33,45,.94) 0%,rgba(211,33,45,.7) 32%,rgba(211,33,45,0) 77%),radial-gradient(ellipse 62% 76% at 15% 66%,rgba(16,52,166,.98) 0%,rgba(16,52,166,.7) 36%,rgba(16,52,166,0) 78%),linear-gradient(125deg,#08143a 0%,#102967 54%,#09143b 100%)}
.creative-note.authorship-note,.craft-note.authorship-note{background:var(--badge-accent,#1034A6);border-color:var(--badge-accent,#1034A6);color:#fff}
.creative-note.authorship-note .authorship-label,.creative-note.authorship-note .authorship-tool,.craft-note.authorship-note .authorship-label,.craft-note.authorship-note .authorship-tool{color:#fff}
.creative-note.authorship-note .authorship-tool img,.craft-note.authorship-note .authorship-tool img{filter:none;height:18px;max-width:18px}
@media(max-width:600px){.hero{background-image:linear-gradient(180deg,transparent 0%,transparent 86%,rgba(255,255,255,.06) 90%,rgba(255,255,255,.3) 94%,rgba(255,255,255,.85) 98%,#fff 100%),radial-gradient(ellipse 88% 45% at 77% 30%,rgba(211,33,45,.94) 0%,rgba(211,33,45,.65) 36%,transparent 78%),radial-gradient(ellipse 94% 58% at 15% 66%,rgba(16,52,166,.98) 0%,rgba(16,52,166,.7) 40%,rgba(16,52,166,0) 80%),linear-gradient(145deg,#08143a 0%,#102967 56%,#09143b 100%)}}

/* Behance mark: crop the transparent square canvas to its blue wordmark panel and round that panel. */
.tool.behance .behance-mark{position:relative;display:block;width:min(200px,100%);aspect-ratio:800/313;overflow:hidden;border-radius:14px}
.tool.behance .behance-mark img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;border-radius:inherit}
@media(max-width:600px){.tool.behance .behance-mark{width:min(160px,100%);border-radius:12px}}

/* Section links read like a contents list, with counts separated from topic tags. */
.section-overview{display:grid;grid-template-columns:minmax(150px,.48fr) minmax(0,1.52fr);gap:38px;align-items:start;margin:0 0 28px}
.section-count{display:flex;flex-direction:column;align-items:flex-start;gap:5px;position:sticky;top:128px;padding:4px 0}
.section-count-number{font-size:clamp(3.5rem,6vw,5.25rem);line-height:.9;letter-spacing:-3px;font-weight:500;color:var(--blue)}
.section-count-label{font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.project-index{display:grid;grid-template-columns:1fr;margin:0;border-top:1px solid var(--line)}
.project-index a{display:grid;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:12px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;font-size:.9375rem;color:var(--muted);transition:color .2s,padding .2s}
.project-index a:hover{color:var(--blue);padding-left:8px}
.index-number{font-size:.75rem;letter-spacing:.7px;color:var(--blue)}
.index-name{min-width:0}
.index-arrow{justify-self:end;font-size:1.1rem;color:#9aa3b4;transition:transform .2s,color .2s}
.project-index a:hover .index-arrow{transform:translate(2px,-2px);color:var(--blue)}
.project-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.project-title-line h3{margin:0}
.project-category{display:inline-flex;align-items:center;max-width:100%;padding:7px 12px;border-radius:999px;background:var(--category-color);color:#fff;font-size:.75rem;line-height:1.2;white-space:nowrap}
@media(max-width:850px){.section-overview{grid-template-columns:130px minmax(0,1fr);gap:25px}.section-count{top:120px}}
@media(max-width:600px){.section-overview{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.section-count{position:static;flex-direction:row;align-items:baseline;gap:10px}.section-count-number{font-size:3.1rem;letter-spacing:-1.5px}.section-count-label{font-size:.75rem}.project-index a{grid-template-columns:30px minmax(0,1fr) 20px;padding:11px 0;font-size:.875rem}.project-title-line{gap:8px}.project-category{padding:6px 10px;font-size:.6875rem}}