:root{--paper:#ebe8df;--paper-2:#f6f3ec;--ink:#11110f;--muted:#73716b;--line:rgba(17,17,15,.18);--gold:#d6ad5a;--gold-light:#f3d38e;--red:#c43c30;--blue:#172f62;--night:#090b10;--night-2:#10141f;--white:#f9f6ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}.site-header{position:sticky;top:0;z-index:50;height:82px;padding:0 clamp(20px,4.6vw,84px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;background:rgba(235,232,223,.79);border-bottom:1px solid var(--line);backdrop-filter:blur(20px) saturate(1.1)}.wordmark{font:800 17px/1 "Manrope",sans-serif;letter-spacing:-.06em;white-space:nowrap}.wordmark span{color:var(--red)}.site-header nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,38px);font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.11em;text-transform:uppercase}.site-header nav a{position:relative;padding:8px 0}.site-header nav a:after{content:"";position:absolute;right:0;bottom:2px;left:0;height:1px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .35s ease}.site-header nav a:hover:after{transform:scaleX(1);transform-origin:left}.header-cta{justify-self:end;padding:13px 18px;border:1px solid var(--ink);border-radius:999px;font-size:11px;font-weight:700;transition:background .25s,color .25s,transform .25s}.header-cta span{color:var(--red);font-size:16px;margin-left:4px}.header-cta:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.mobile-toggle{display:none}.hero{position:relative;min-height:calc(100vh - 82px);padding:30px clamp(20px,4.6vw,84px) 0;overflow:hidden;background:var(--night);color:var(--white);isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 86% 18%,rgba(214,173,90,.21),transparent 19%),radial-gradient(circle at 15% 92%,rgba(196,60,48,.12),transparent 22%),linear-gradient(116deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(26deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,78px 78px,78px 78px}.hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.36;background:linear-gradient(90deg,transparent 49.94%,rgba(255,255,255,.09) 50%,transparent 50.06%);mask-image:linear-gradient(to bottom,#000,transparent 82%)}.hero-meta,.proof-line{display:flex;justify-content:space-between;gap:18px;font:600 10px/1.2 "DM Sans",sans-serif;letter-spacing:.13em}.hero-meta{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.34);color:#b6b5b0}.hero-copy{position:relative;z-index:2;padding:clamp(58px,8vw,126px) 0 40px;width:min(70%,950px)}.eyebrow,.section-kicker{font:700 10px/1.2 "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase}.hero .eyebrow{color:var(--gold-light)}.hero h1,.statement h2,.section-intro h2,.gallery-heading h2,.principles h2,.credibility h2,.contact h2{font:600 clamp(58px,9.5vw,160px)/.81 "Manrope",sans-serif;letter-spacing:-.09em;margin:clamp(24px,3.5vw,54px) 0}.hero h1 em,.statement h2 em,.credibility h2 em,.contact h2 em{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.075em}.hero h1 em{color:var(--gold-light)}.hero-note{display:grid;grid-template-columns:minmax(220px,410px) auto;gap:42px;align-items:end;margin-top:clamp(48px,7vw,115px)}.hero-note p{font-size:clamp(16px,1.5vw,22px);line-height:1.45;margin:0;color:#d2d1cb}.hero-note a{justify-self:start;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;gap:12px;align-items:center}.hero-note a:after{content:"";width:56px;height:1px;background:var(--gold);transition:width .3s}.hero-note a:hover:after{width:84px}.hero-note a span{font-size:19px;color:var(--gold)}.hero-art{position:absolute;z-index:1;right:clamp(20px,4.6vw,84px);bottom:80px;width:min(42vw,670px);height:min(64vh,680px)}.hero-art figure{margin:0;position:absolute;overflow:hidden;box-shadow:0 36px 100px rgba(0,0,0,.45)}.hero-art img{height:100%;object-fit:cover}.hero-primary{width:58%;height:72%;right:0;top:0;border-radius:170px 170px 4px 4px}.hero-primary img{object-position:center}.hero-secondary{width:73%;height:57%;left:0;bottom:0;background:#06070a;border:1px solid rgba(255,255,255,.12);padding:5px}.hero-secondary img{object-fit:contain}.hero-stamp{position:absolute;z-index:3;right:-26px;bottom:13%;width:122px;height:122px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--night);text-align:center;font:800 10px/1.25 "Manrope",sans-serif;letter-spacing:.09em;transform:rotate(12deg);box-shadow:0 15px 42px rgba(0,0,0,.35);animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:rotate(6deg) translateY(-10px)}}.proof-line{position:absolute;left:clamp(20px,4.6vw,84px);right:clamp(20px,4.6vw,84px);bottom:0;padding:20px 0;border-top:1px solid rgba(255,255,255,.25);color:#aaa9a4}.statement{position:relative;padding:clamp(105px,14vw,220px) clamp(20px,4.6vw,84px);display:grid;grid-template-columns:.65fr 2.2fr;gap:clamp(38px,9vw,165px);background:var(--paper-2);overflow:hidden}.statement:after{content:"M";position:absolute;right:-5vw;bottom:-11vw;font:600 52vw/.75 "Playfair Display",serif;color:rgba(23,47,98,.035);pointer-events:none}.statement>*{position:relative;z-index:1}.statement h2{font-size:clamp(45px,6.3vw,105px);margin:0 0 48px}.statement-copy{max-width:680px;margin:0;font:400 clamp(19px,2.05vw,32px)/1.42 "DM Sans",sans-serif;color:#52514d}.capabilities,.featured-work,.gallery-section,.principles,.credibility,.contact{padding:clamp(92px,12vw,185px) clamp(20px,4.6vw,84px)}.section-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,7vw,128px);align-items:end;margin-bottom:clamp(55px,8vw,120px)}.section-intro h2{font-size:clamp(50px,7.4vw,120px);margin:20px 0 0}.section-intro>p{font-size:clamp(16px,1.5vw,22px);line-height:1.58;max-width:540px;margin:0;color:var(--muted)}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.capability-grid article{position:relative;min-height:340px;padding:25px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--ink);transition:color .4s}.capability-grid article:first-child{border-left:1px solid var(--ink)}.capability-grid article:before{content:"";position:absolute;z-index:0;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.capability-grid article:hover:before{transform:translateY(0)}.capability-grid article>*{position:relative;z-index:1}.capability-grid article:hover{color:var(--white)}.capability-grid article span{font-size:11px;letter-spacing:.1em}.capability-grid h3{font:600 clamp(25px,2.5vw,42px)/.95 "Manrope",sans-serif;letter-spacing:-.06em;margin:auto 0 20px}.capability-grid p{font-size:14px;line-height:1.5;margin:0;color:var(--muted);transition:color .4s}.capability-grid article:hover p{color:#c9c7c1}.featured-work{background:var(--night);color:var(--white);overflow:hidden}.featured-work .section-intro>p{color:#b8b8b4}.featured-grid{display:grid;grid-template-columns:1.12fr .9fr .9fr;gap:clamp(16px,2vw,31px);align-items:start}.feature-card{position:relative;overflow:hidden;margin:0;background:#111;min-height:200px}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.88) 100%);pointer-events:none}.feature-card img{height:100%;width:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s}.feature-awad{height:min(59vw,780px)}.feature-karate{height:min(36vw,485px);margin-top:clamp(45px,6vw,94px);background:#050609;border:1px solid rgba(255,255,255,.1)}.feature-karate img{object-fit:contain}.feature-palistory{height:min(46vw,610px);margin-top:clamp(18px,2.5vw,42px)}.feature-card div{position:absolute;z-index:2;inset:auto 0 0;padding:28px}.feature-card span{font:600 9px/1 "DM Sans",sans-serif;letter-spacing:.13em;color:var(--gold-light)}.feature-card h3{font:600 clamp(25px,2.7vw,44px)/1 "Manrope",sans-serif;letter-spacing:-.06em;margin:14px 0 8px}.feature-card p{font-size:12px;line-height:1.4;margin:0;color:#e1dfd8}.feature-card:hover img{transform:scale(1.055);filter:contrast(1.08) saturate(1.1)}.gallery-section{background:var(--paper-2)}.gallery-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,7vw,130px);align-items:end;margin-bottom:65px}.gallery-heading h2{font-size:clamp(48px,7vw,110px);margin:20px 0 0}.gallery-heading>p{font-size:16px;line-height:1.55;color:var(--muted);max-width:440px}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(13px,1.8vw,28px);align-items:start}.portfolio-grid figure{margin:0;grid-column:span 3}.portfolio-grid figure:nth-child(1),.portfolio-grid figure:nth-child(6),.portfolio-grid figure:nth-child(7),.portfolio-grid figure:nth-child(8){grid-column:span 6}.portfolio-grid figure:nth-child(3){margin-top:clamp(30px,5vw,80px)}.portfolio-grid figure:nth-child(5){margin-top:clamp(26px,4vw,64px)}.portfolio-grid figure:nth-child(9){margin-top:clamp(-30px,-3vw,-50px)}.portfolio-grid img{background:#dad7d0;object-fit:contain;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.portfolio-grid figure:hover img{transform:scale(1.018)}.portfolio-grid .span-two img{aspect-ratio:2.45/1}.portfolio-grid .portrait img{aspect-ratio:4/5}.portfolio-grid .identity{padding:clamp(25px,4vw,70px);overflow:hidden}.identity img{object-fit:contain;aspect-ratio:2/1}.identity-dark{background:radial-gradient(circle at 24% 80%,#4320a9,transparent 35%),linear-gradient(135deg,#05060a,#151022)}.identity-light{background:#faf5eb}.portfolio-grid figcaption{padding-top:13px;border-top:1px solid var(--ink);margin-top:13px;display:flex;flex-direction:column;gap:5px}.portfolio-grid figcaption b{font-size:15px}.portfolio-grid figcaption span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.principles{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,10vw,185px);background:var(--blue);color:var(--white)}.principles h2{font-size:clamp(42px,5.2vw,85px);margin:20px 0}.principle-list{border-top:1px solid rgba(255,255,255,.55)}.principle-list p{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:22px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.32);font:500 clamp(16px,1.62vw,24px)/1.3 "Manrope",sans-serif;letter-spacing:-.03em}.principle-list span{font:600 10px/1.9 "DM Sans",sans-serif;letter-spacing:.1em;color:var(--gold-light)}.credibility{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,10vw,170px);background:#e1ddd4}.credibility h2{font-size:clamp(43px,5.8vw,94px);margin:20px 0 39px}.upwork-block>a{display:inline-block;font-size:15px;font-weight:700;border-bottom:1px solid;padding-bottom:8px;transition:color .25s}.upwork-block>a:hover{color:var(--red)}.credibility-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--ink)}.credibility-stats div{padding:27px 0;border-bottom:1px solid var(--ink)}.credibility-stats div:nth-child(odd){border-right:1px solid var(--ink);padding-right:25px}.credibility-stats div:nth-child(even){padding-left:25px}.credibility-stats strong{display:block;font:600 clamp(26px,3.7vw,57px)/1 "Manrope",sans-serif;letter-spacing:-.07em}.credibility-stats span{display:block;margin-top:8px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.support-note{padding:29px clamp(20px,4.6vw,84px);background:var(--night);color:#f1eee7}.support-note p{max-width:860px;margin:0;font:500 clamp(15px,1.5vw,21px)/1.46 "Manrope",sans-serif;letter-spacing:-.02em}.contact{position:relative;overflow:hidden;min-height:720px;display:flex;flex-direction:column;justify-content:center;background:var(--gold)}.contact:after{content:"MEHAR";position:absolute;right:-2vw;bottom:-7vw;color:rgba(255,255,255,.22);font:800 21vw/.7 "Manrope",sans-serif;letter-spacing:-.1em;pointer-events:none}.contact>*{position:relative;z-index:1}.contact h2{font-size:clamp(58px,9.2vw,150px);margin:28px 0 60px}.contact-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.email-link{font:600 clamp(19px,2.8vw,39px)/1 "Manrope",sans-serif;letter-spacing:-.06em;border-bottom:2px solid;padding-bottom:8px}.outline-link{border:1px solid rgba(17,17,15,.8);padding:14px 19px;border-radius:999px;font-size:11px;font-weight:700;transition:background .25s,color .25s}.outline-link:hover{background:var(--ink);color:#fff}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px clamp(20px,4.6vw,84px);background:var(--night);color:#f3f0e9;font-size:10px;letter-spacing:.08em}footer>div{display:flex;gap:20px}footer a:hover{color:var(--gold)}[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}@media(max-width:1000px){.hero{min-height:900px}.hero-copy{width:100%;padding-top:70px}.hero-art{width:55vw}.capability-grid{grid-template-columns:1fr 1fr}.capability-grid article:nth-child(3){border-left:1px solid var(--ink)}.featured-grid{grid-template-columns:1fr 1fr}.feature-awad{grid-row:span 2;height:680px}.feature-palistory{margin-top:0;height:480px}.statement,.section-intro,.gallery-heading,.principles,.credibility{grid-template-columns:1fr}.statement{gap:32px}.section-intro{gap:25px}.portfolio-grid figure{grid-column:span 6}.portfolio-grid figure:nth-child(1),.portfolio-grid figure:nth-child(6),.portfolio-grid figure:nth-child(7),.portfolio-grid figure:nth-child(8){grid-column:span 12}.portfolio-grid figure:nth-child(3),.portfolio-grid figure:nth-child(5),.portfolio-grid figure:nth-child(9){margin-top:0}}@media(max-width:680px){.site-header{height:70px;padding:0 19px;display:flex;gap:13px}.site-header nav{position:absolute;top:69px;right:12px;left:12px;display:flex;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.25s ease;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:rgba(9,11,16,.98);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 25px 55px rgba(0,0,0,.25)}.site-header.nav-open nav{visibility:visible;opacity:1;pointer-events:auto;transform:none}.site-header nav a{padding:15px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.site-header nav a:last-child{border:0}.site-header nav a:after{display:none}.mobile-toggle{display:grid;gap:6px;width:36px;height:36px;padding:9px;border:1px solid var(--ink);background:transparent;border-radius:50%;margin-left:auto}.mobile-toggle i{display:block;width:100%;height:1px;background:var(--ink);transition:.25s}.site-header.nav-open .mobile-toggle i:first-child{transform:translateY(3.5px) rotate(45deg)}.site-header.nav-open .mobile-toggle i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header-cta{padding:10px 12px;font-size:9px}.hero{min-height:790px;padding:19px 20px 0}.hero-meta{font-size:8px;gap:9px;letter-spacing:.07em}.hero-meta span:last-child{max-width:127px;text-align:right}.hero-copy{padding-top:57px}.hero h1{font-size:clamp(56px,15vw,82px);line-height:.84}.hero-note{grid-template-columns:1fr;gap:25px;margin-top:43px}.hero-note p{max-width:315px;font-size:15px}.hero-art{right:20px;bottom:64px;width:74vw;height:340px}.hero-primary{height:68%;width:62%;border-radius:100px 100px 4px 4px}.hero-secondary{height:52%;width:83%}.hero-stamp{width:78px;height:78px;right:-10px;bottom:14%;font-size:7px}.proof-line{font-size:8px;justify-content:flex-start;overflow:hidden;white-space:nowrap}.proof-line span:not(:first-child){display:none}.statement,.capabilities,.featured-work,.gallery-section,.principles,.credibility,.contact{padding:78px 20px}.statement h2{font-size:43px;margin-bottom:30px}.statement-copy{font-size:19px}.section-intro h2,.gallery-heading h2{font-size:52px}.capability-grid{grid-template-columns:1fr}.capability-grid article,.capability-grid article:nth-child(3){border-left:1px solid var(--ink);min-height:214px}.featured-grid{grid-template-columns:1fr}.feature-awad,.feature-karate,.feature-palistory{height:510px;margin-top:0}.feature-karate img{object-fit:contain}.feature-card div{padding:20px}.portfolio-grid{grid-template-columns:1fr}.portfolio-grid figure,.portfolio-grid figure:nth-child(1),.portfolio-grid figure:nth-child(6),.portfolio-grid figure:nth-child(7),.portfolio-grid figure:nth-child(8){grid-column:auto}.portfolio-grid .span-two img{aspect-ratio:1.65/1}.portfolio-grid .portrait img{aspect-ratio:4/5}.portfolio-grid .identity{padding:30px}.principles h2{font-size:44px}.principle-list p{grid-template-columns:35px 1fr;font-size:17px}.credibility h2{font-size:49px}.credibility-stats strong{font-size:33px}.contact{min-height:560px}.contact h2{font-size:61px}.contact:after{font-size:31vw;bottom:-1vw}.contact-actions{align-items:flex-start;flex-direction:column}.outline-link{font-size:10px}footer{align-items:flex-start;flex-direction:column;padding:28px 20px}footer>div{flex-wrap:wrap}}
/* Color-forward hero art direction */
.hero{background:#f5f0e6;color:#12110f;isolation:isolate}
.hero:before{inset:-10%;z-index:-2;opacity:1;background:radial-gradient(circle at 80% 15%,#ffd058 0 12%,transparent 12.3%),radial-gradient(circle at 52% 80%,#ff6e56 0 15%,transparent 15.3%),radial-gradient(circle at 18% 20%,#6389ff 0 17%,transparent 17.3%),radial-gradient(circle at 91% 80%,#ab7bff 0 10%,transparent 10.3%),linear-gradient(116deg,rgba(23,47,98,.10) 1px,transparent 1px),linear-gradient(26deg,rgba(196,60,48,.11) 1px,transparent 1px);background-size:auto,auto,auto,auto,56px 56px,56px 56px}
.hero:after{z-index:-1;opacity:.45;background:linear-gradient(90deg,transparent 49.8%,rgba(17,17,15,.18) 50%,transparent 50.2%);mask-image:linear-gradient(to bottom,#000 70%,transparent)}
.hero-meta{border-color:var(--ink);color:#494641}.hero .eyebrow{color:#194189}.hero h1{color:var(--ink)}.hero h1 em{color:#314eea;text-shadow:4px 4px 0 #ffcf54}.hero-note p{color:#383631}.hero-note a:after{background:var(--red)}.hero-note a span{color:var(--red)}
.hero-art{width:min(45vw,710px);height:min(68vh,720px);bottom:72px}.hero-primary{width:54%;height:75%;right:2%;top:0;border-radius:160px 160px 7px 7px;box-shadow:20px 24px 0 #2646cb,0 30px 70px rgba(31,31,31,.18);border:6px solid #f5f0e6}.hero-secondary{width:72%;height:44%;left:-2%;bottom:2%;padding:5px;background:#bc302c;border:6px solid #f5f0e6;box-shadow:-18px 18px 0 #f1bd4a,0 28px 55px rgba(31,31,31,.2)}.hero-secondary img{object-fit:contain;background:#090b10}.hero-tertiary{position:absolute!important;width:35%;height:31%;right:-5%;bottom:4%;padding:12px;background:#fff7ec;border:5px solid #f5f0e6;box-shadow:12px 14px 0 #a77aff,0 22px 48px rgba(31,31,31,.17);transform:rotate(5deg)}.hero-tertiary img{object-fit:contain}.hero-stamp{right:32%;bottom:-3%;z-index:5;background:#ff6858;color:#fff;border:4px solid #f5f0e6;box-shadow:0 12px 0 #12110f,0 22px 45px rgba(0,0,0,.2)}.proof-line{border-color:var(--ink);color:#383631}
@media(max-width:1000px){.hero-art{width:57vw}.hero-tertiary{right:-4%;bottom:0}.hero-stamp{right:28%;bottom:-3%}}
@media(max-width:680px){.hero{background:#f5f0e6}.hero-art{width:76vw;height:352px;bottom:65px}.hero-primary{width:56%;height:70%;border-width:4px;box-shadow:10px 12px 0 #2646cb,0 20px 40px rgba(31,31,31,.18)}.hero-secondary{height:42%;width:79%;border-width:4px;box-shadow:-10px 10px 0 #f1bd4a,0 18px 38px rgba(31,31,31,.18)}.hero-tertiary{width:38%;height:27%;right:-4%;bottom:4%;padding:7px;border-width:3px;box-shadow:7px 8px 0 #a77aff,0 15px 28px rgba(31,31,31,.15)}.hero-stamp{width:72px;height:72px;right:25%;bottom:-4%;font-size:6.5px;border-width:3px;box-shadow:0 7px 0 #12110f,0 18px 32px rgba(0,0,0,.18)}}
/* Curated, verified identity archive from Mehar Hassan's 2023–24 PDF portfolio */
.archive-section{position:relative;overflow:hidden;padding:clamp(92px,12vw,185px) clamp(20px,4.6vw,84px);background:radial-gradient(circle at 8% 14%,rgba(215,255,79,.16),transparent 25%),radial-gradient(circle at 91% 76%,rgba(88,91,255,.25),transparent 27%),#101216;color:var(--white)}
.archive-section:before{content:"ARCHIVE";position:absolute;z-index:0;right:-.06em;top:-.24em;font:800 clamp(90px,19vw,300px)/1 "Manrope",sans-serif;letter-spacing:-.11em;color:rgba(255,255,255,.035);pointer-events:none}
.archive-intro,.archive-grid{position:relative;z-index:1}.archive-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,7vw,128px);align-items:end;margin-bottom:clamp(55px,8vw,112px)}
.archive-intro .section-kicker{color:#d9ff4e}.archive-intro h2{font:600 clamp(48px,7vw,112px)/.82 "Manrope",sans-serif;letter-spacing:-.09em;margin:20px 0 0}.archive-intro h2 em{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.075em;color:#d9ff4e}.archive-intro>p{max-width:505px;margin:0;color:#c1c5cf;font-size:clamp(16px,1.5vw,22px);line-height:1.58}
.archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.8vw,28px);align-items:start}.archive-card{margin:0;overflow:hidden;background:#f3f1ea;color:var(--ink);box-shadow:0 24px 70px rgba(0,0,0,.28)}.archive-card img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1)}.archive-card:hover img{transform:scale(1.035)}.archive-card figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:14px 16px 17px;border-top:1px solid rgba(17,17,15,.18)}.archive-card figcaption b{font:700 15px/1 "Manrope",sans-serif;letter-spacing:-.04em}.archive-card figcaption span{font:600 9px/1.2 "DM Sans",sans-serif;letter-spacing:.09em;text-align:right;text-transform:uppercase;color:#5f605d}.archive-marks{grid-column:span 5}.archive-abacus{grid-column:span 7;margin-top:clamp(32px,5vw,82px)}.archive-bewind{grid-column:span 7}.archive-nusus{grid-column:span 5;margin-top:clamp(28px,4vw,62px)}.archive-touchpoints{grid-column:span 12;width:min(82%,1060px);justify-self:center;margin-top:clamp(22px,3vw,50px)}
@media(max-width:1000px){.archive-intro{grid-template-columns:1fr;gap:25px}.archive-marks,.archive-abacus,.archive-bewind,.archive-nusus{grid-column:span 6}.archive-abacus,.archive-nusus{margin-top:0}.archive-touchpoints{width:100%;grid-column:span 12}}
@media(max-width:680px){.archive-section{padding:78px 20px}.archive-intro h2{font-size:52px}.archive-grid{grid-template-columns:1fr;gap:18px}.archive-marks,.archive-abacus,.archive-bewind,.archive-nusus,.archive-touchpoints{grid-column:auto;width:100%;margin-top:0}.archive-card figcaption{align-items:flex-start;flex-direction:column;gap:7px}.archive-card figcaption span{text-align:left}}
/* Client proof: a modular testimonial system for future reviews */
.testimonials-section{position:relative;overflow:hidden;padding:clamp(92px,12vw,185px) clamp(20px,4.6vw,84px);background:radial-gradient(circle at 91% 12%,rgba(90,98,242,.32),transparent 25%),radial-gradient(circle at 7% 87%,rgba(200,251,57,.18),transparent 25%),#101216;color:var(--white)}
.testimonials-section:before{content:"PROOF";position:absolute;right:-.07em;bottom:-.19em;font:800 clamp(100px,20vw,310px)/1 "Manrope",sans-serif;letter-spacing:-.12em;color:rgba(255,255,255,.035);pointer-events:none}.testimonials-intro,.testimonial-grid{position:relative;z-index:1}.testimonials-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,7vw,128px);align-items:end;margin-bottom:clamp(55px,8vw,112px)}
.testimonials-intro .section-kicker{color:var(--gold-light)}.testimonials-intro h2{font:600 clamp(48px,7vw,112px)/.82 "Manrope",sans-serif;letter-spacing:-.09em;margin:20px 0 0}.testimonials-intro h2 em{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.075em;color:var(--gold-light)}.testimonials-intro>div>p{max-width:500px;margin:0 0 28px;color:#c7c9d0;font-size:clamp(16px,1.5vw,22px);line-height:1.58}.review-link{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid var(--gold-light);padding-bottom:8px;color:var(--gold-light);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.review-link span{font-size:17px;line-height:0}.review-link:hover{color:var(--white);border-color:var(--white)}
.testimonial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.8vw,28px)}.testimonial-card{display:flex;min-height:355px;grid-column:span 6;flex-direction:column;justify-content:space-between;padding:clamp(23px,3vw,43px);background:#1b1e25;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 65px rgba(0,0,0,.24)}.testimonial-card:hover{transform:translateY(-5px);border-color:rgba(200,251,57,.55)}.testimonial-featured{background:var(--gold-light);color:var(--ink);border-color:var(--gold-light)}.review-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;font:600 9px/1 "DM Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#c7c9d0}.testimonial-featured .review-meta{color:#5c542f}.stars{color:var(--gold-light);font-size:15px;letter-spacing:.12em}.testimonial-featured .stars{color:#3e3722}.testimonial-card blockquote{margin:clamp(28px,4vw,58px) 0;font:500 clamp(22px,2.35vw,38px)/1.18 "Manrope",sans-serif;letter-spacing:-.055em}.testimonial-attribution{display:flex;flex-direction:column;gap:7px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18)}.testimonial-featured .testimonial-attribution{border-color:rgba(17,17,15,.25)}.testimonial-attribution b{font:700 13px/1.2 "Manrope",sans-serif;letter-spacing:-.03em}.testimonial-attribution span{font:600 9px/1.25 "DM Sans",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#b8bbc3}.testimonial-featured .testimonial-attribution span{color:#625a37}
@media(max-width:1000px){.testimonials-intro{grid-template-columns:1fr;gap:25px}.testimonial-card{grid-column:span 6}}@media(max-width:680px){.testimonials-section{padding:78px 20px}.testimonials-intro h2{font-size:52px}.testimonial-grid{grid-template-columns:1fr;gap:16px}.testimonial-card{grid-column:auto;min-height:310px;padding:26px}.testimonial-card blockquote{font-size:25px;line-height:1.2}.review-meta{align-items:flex-start;flex-direction:column;gap:10px}}
/* Portfolio grid reset: consistent card sizing across all work sections */
.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.feature-awad,.feature-karate,.feature-palistory{height:clamp(360px,34vw,520px);margin-top:0}.feature-karate img{object-fit:contain}
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.portfolio-grid figure,.portfolio-grid figure:nth-child(1),.portfolio-grid figure:nth-child(6),.portfolio-grid figure:nth-child(7),.portfolio-grid figure:nth-child(8){grid-column:auto;margin-top:0}.portfolio-grid figure:nth-child(3),.portfolio-grid figure:nth-child(5),.portfolio-grid figure:nth-child(9){margin-top:0}.portfolio-grid img,.portfolio-grid .span-two img,.portfolio-grid .portrait img,.portfolio-grid .identity img{aspect-ratio:1/1;object-fit:contain}.portfolio-grid figure:not(.identity) img{background:#e3e0d8}.portfolio-grid .identity{padding:clamp(20px,2.5vw,40px)}
.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.archive-marks,.archive-abacus,.archive-bewind,.archive-nusus,.archive-touchpoints{grid-column:auto;width:auto;justify-self:stretch;margin-top:0}.archive-touchpoints{grid-column:2}.archive-card{display:flex;flex-direction:column}.archive-card img{aspect-ratio:16/10}.archive-card figcaption{margin-top:auto}
@media(max-width:1000px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-awad,.feature-karate,.feature-palistory{height:440px;grid-row:auto}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-touchpoints{grid-column:auto}}
@media(max-width:680px){.featured-grid,.portfolio-grid,.archive-grid{grid-template-columns:1fr}.feature-awad,.feature-karate,.feature-palistory{height:440px}.portfolio-grid figure,.portfolio-grid figure:nth-child(1),.portfolio-grid figure:nth-child(6),.portfolio-grid figure:nth-child(7),.portfolio-grid figure:nth-child(8),.archive-marks,.archive-abacus,.archive-bewind,.archive-nusus,.archive-touchpoints{grid-column:auto;width:auto;margin-top:0}.portfolio-grid img,.portfolio-grid .span-two img,.portfolio-grid .portrait img,.portfolio-grid .identity img{aspect-ratio:1/1}.archive-card img{aspect-ratio:16/10}}/* Equal visual weight for the selected-work row */
.feature-awad,.feature-karate,.feature-palistory{height:auto;aspect-ratio:1/1}.feature-card img{object-fit:contain}
@media(max-width:1000px){.feature-awad,.feature-karate,.feature-palistory{height:auto;aspect-ratio:1/1}}@media(max-width:680px){.feature-awad,.feature-karate,.feature-palistory{height:auto;aspect-ratio:1/1}}
/* Hero system: a clear, campaign-ready first impression */
.hero.hero-system{min-height:min(900px,calc(100svh - 82px));padding:0 clamp(20px,4.6vw,84px);background:radial-gradient(circle at 93% 10%,rgba(200,251,57,.76),transparent 18%),radial-gradient(circle at 57% 78%,rgba(90,98,242,.35),transparent 22%),#f4f1ea;color:var(--ink);isolation:isolate}.hero.hero-system:before{inset:0;background:linear-gradient(90deg,rgba(17,19,21,.09) 1px,transparent 1px),linear-gradient(rgba(17,19,21,.07) 1px,transparent 1px);background-size:74px 74px;opacity:.45}.hero.hero-system:after{display:none}.hero-system .hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(370px,.96fr);min-height:min(900px,calc(100svh - 82px));gap:clamp(35px,6vw,100px);align-items:center}.hero-system .hero-content{position:relative;z-index:2;padding:clamp(64px,7vw,120px) 0}.hero-system .hero-meta{padding-bottom:17px;border-bottom:1px solid rgba(17,17,15,.24);color:#4d4a43}.hero-system .eyebrow{margin:clamp(48px,6vw,85px) 0 0;color:#25533e}.hero-system h1{max-width:860px;margin:clamp(20px,3vw,40px) 0 0;font:600 clamp(57px,7.55vw,124px)/.83 "Manrope",sans-serif;letter-spacing:-.09em}.hero-system h1 em{color:#4d57e8;text-shadow:4px 4px 0 #d1fa43}.hero-lede{max-width:560px;margin:clamp(28px,3.4vw,48px) 0 0;font-size:clamp(17px,1.55vw,23px);line-height:1.48;color:#4e4b45}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(31px,4vw,55px)}.hero-button{display:inline-flex;align-items:center;gap:12px;padding:16px 19px;border-radius:999px;font:700 10px/1 "DM Sans",sans-serif;letter-spacing:.09em;text-transform:uppercase;transition:transform .25s,background .25s,color .25s,border .25s}.hero-button:hover{transform:translateY(-3px)}.hero-button span{font-size:16px;line-height:0}.hero-button-primary{background:var(--ink);color:var(--white);border:1px solid var(--ink)}.hero-button-secondary{border:1px solid rgba(17,17,15,.5);background:rgba(255,255,255,.55);color:var(--ink)}.hero-button-secondary:hover{background:#fff}.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(32px,4vw,62px)}.hero-proof span{padding:8px 10px;border:1px solid rgba(17,17,15,.2);border-radius:999px;font:700 8px/1 "DM Sans",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#3d3a35}.hero-system .hero-showcase{position:relative;z-index:1;width:100%;height:min(70vw,670px);min-height:540px}.hero-system .hero-showcase:before{content:"";position:absolute;inset:5% 0 0 9%;border:1px solid rgba(17,17,15,.18);background:#20222b;box-shadow:20px 22px 0 #4d57e8}.showcase-panel{position:absolute;overflow:hidden;border:5px solid #f8f5ee;box-shadow:0 26px 55px rgba(17,18,25,.22);background:#f8f5ee}.showcase-panel img{width:100%;height:100%;object-fit:cover}.showcase-panel-primary{z-index:2;top:10%;right:4%;width:86%;height:67%}.showcase-panel-primary img{object-position:center}.showcase-panel-secondary{z-index:4;bottom:1%;left:0;width:44%;height:52%;background:#123a7f}.showcase-panel-secondary img{object-fit:cover}.showcase-label{position:absolute;z-index:5;right:-3%;bottom:7%;padding:17px 19px;background:var(--gold-light);color:var(--ink);box-shadow:8px 9px 0 var(--ink)}.showcase-label span{display:block;margin-bottom:8px;font:700 8px/1 "DM Sans",sans-serif;letter-spacing:.12em}.showcase-label b{font:700 clamp(15px,1.7vw,24px)/.97 "Manrope",sans-serif;letter-spacing:-.05em}.showcase-index{position:absolute;z-index:5;right:5%;top:4%;padding:9px 10px;background:#c8fb39;font:700 8px/1 "DM Sans",sans-serif;letter-spacing:.1em}@media(max-width:1000px){.hero.hero-system{min-height:auto}.hero-system .hero-grid{grid-template-columns:1fr;min-height:auto;gap:0}.hero-system .hero-content{padding:68px 0 42px}.hero-system .hero-showcase{width:min(720px,100%);height:590px;margin:0 0 74px auto}.showcase-panel-primary{height:72%;width:79%;right:4%}.showcase-panel-secondary{height:43%;width:43%}.showcase-label{right:2%}}@media(max-width:680px){.hero.hero-system{padding:0 20px}.hero-system .hero-grid{min-height:auto}.hero-system .hero-content{padding:29px 0 42px}.hero-system .hero-meta{font-size:8px;gap:9px;letter-spacing:.07em}.hero-system .hero-meta span:last-child{max-width:134px;text-align:right}.hero-system .eyebrow{margin-top:39px;font-size:8px}.hero-system h1{font-size:clamp(53px,14vw,76px);line-height:.86}.hero-lede{max-width:330px;font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;margin-top:29px}.hero-button{justify-content:space-between;padding:15px 17px}.hero-proof{margin-top:23px}.hero-system .hero-showcase{height:420px;min-height:0;margin-bottom:52px}.hero-system .hero-showcase:before{left:6%;box-shadow:11px 13px 0 #4d57e8}.showcase-panel{border-width:3px}.showcase-panel-primary{top:9%;right:3%;width:86%;height:67%}.showcase-panel-secondary{width:45%;height:47%;bottom:0}.showcase-label{right:-1%;bottom:4%;padding:12px 13px;box-shadow:5px 6px 0 var(--ink)}.showcase-label b{font-size:16px}.showcase-label span{font-size:6px}.showcase-index{top:5%;right:4%;font-size:6px;padding:7px 8px}}
/* Complete portfolio: every real page, kept ordered and easy to browse */
.full-portfolio-section{position:relative;overflow:hidden;padding:clamp(92px,12vw,180px) clamp(20px,4.6vw,84px);background:#10141f;color:#f8f5ee}.full-portfolio-section:before{content:"20";position:absolute;right:-.05em;top:-.2em;font:800 34vw/.8 "Manrope",sans-serif;letter-spacing:-.13em;color:rgba(255,255,255,.035);pointer-events:none}.full-portfolio-section>*{position:relative;z-index:1}.full-portfolio-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(40px,9vw,160px);align-items:end}.full-portfolio-intro h2{margin:22px 0 0;font:600 clamp(48px,6.7vw,110px)/.84 "Manrope",sans-serif;letter-spacing:-.09em}.full-portfolio-intro h2 em{font-family:"Playfair Display",Georgia,serif;font-weight:500;color:#d1fa43}.full-portfolio-intro>div:last-child{padding-bottom:8px}.full-portfolio-intro p{max-width:450px;margin:0;font-size:clamp(16px,1.5vw,22px);line-height:1.5;color:#cecbc3}.full-portfolio-link{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding-bottom:8px;border-bottom:1px solid #d1fa43;color:#fff;font:700 10px/1 "DM Sans",sans-serif;letter-spacing:.11em;text-transform:uppercase}.full-portfolio-link span{color:#d1fa43;font-size:16px}.full-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,30px);margin-top:clamp(52px,7vw,105px)}.full-portfolio-page{position:relative;display:block;overflow:hidden;background:#1d2330;border:1px solid rgba(255,255,255,.16);box-shadow:0 15px 36px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.full-portfolio-page:hover{z-index:2;transform:translateY(-8px) rotate(-.4deg);border-color:#d1fa43;box-shadow:0 30px 54px rgba(0,0,0,.38)}.full-portfolio-page img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .6s cubic-bezier(.2,.75,.2,1)}.full-portfolio-page:hover img{transform:scale(1.025)}.full-portfolio-page span{position:absolute;top:11px;left:11px;padding:7px 8px;background:#d1fa43;color:#10141f;font:800 7px/1 "DM Sans",sans-serif;letter-spacing:.12em}@media(max-width:1000px){.full-portfolio-intro{grid-template-columns:1fr;gap:26px}.full-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.full-portfolio-section{padding:78px 20px}.full-portfolio-intro h2{font-size:53px}.full-portfolio-intro p{font-size:16px}.full-portfolio-grid{grid-template-columns:1fr;gap:16px;margin-top:44px}.full-portfolio-page span{top:9px;left:9px}.full-portfolio-section:before{font-size:48vw;right:-.16em}}
/* Real client proof: original review screenshots, never recreated quotations */
.review-screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,28px);margin-top:clamp(50px,7vw,100px)}.review-screenshot{position:relative;display:block;overflow:hidden;background:#171717;border:1px solid rgba(17,17,15,.18);box-shadow:0 16px 35px rgba(17,17,15,.1);transition:transform .3s ease,box-shadow .3s ease}.review-screenshot:hover{z-index:2;transform:translateY(-7px);box-shadow:0 28px 46px rgba(17,17,15,.2)}.review-screenshot img{width:100%;aspect-ratio:4/3;object-fit:contain;object-position:top;background:#181818}.review-screenshot span{position:absolute;right:10px;bottom:10px;padding:7px 8px;background:#d1fa43;color:#10141f;font:800 7px/1 "DM Sans",sans-serif;letter-spacing:.1em;box-shadow:3px 3px 0 #10141f}@media(max-width:1000px){.review-screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.review-screenshot-grid{grid-template-columns:1fr;gap:16px;margin-top:42px}.review-screenshot span{right:8px;bottom:8px}.review-screenshot img{aspect-ratio:4/3}}
/* Motion reels: real campaign work, deliberately quiet until the visitor presses play */
.motion-section{position:relative;overflow:hidden;padding:clamp(92px,12vw,180px) clamp(20px,4.6vw,84px);background:#e2ddcf}.motion-section:before{content:"MOTION";position:absolute;right:-.07em;bottom:-.12em;color:rgba(23,47,98,.055);font:800 19vw/.8 "Manrope",sans-serif;letter-spacing:-.12em;pointer-events:none}.motion-section>*{position:relative;z-index:1}.motion-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,9vw,160px);align-items:end}.motion-intro h2{margin:22px 0 0;font:600 clamp(48px,6.7vw,110px)/.84 "Manrope",sans-serif;letter-spacing:-.09em}.motion-intro h2 em{font-family:"Playfair Display",Georgia,serif;font-weight:500;color:#c43c30}.motion-intro>p{max-width:460px;margin:0 0 8px;font-size:clamp(16px,1.5vw,22px);line-height:1.5;color:#58554e}.motion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,28px);margin-top:clamp(52px,7vw,105px)}.motion-card{min-width:0;background:#f7f3ea;border:1px solid rgba(17,17,15,.18);box-shadow:0 15px 34px rgba(17,17,15,.1);transition:transform .3s ease,box-shadow .3s ease}.motion-card:hover{transform:translateY(-7px);box-shadow:0 28px 48px rgba(17,17,15,.18)}.motion-media{position:relative;overflow:hidden;aspect-ratio:9/16;background:#10141f}.motion-video{display:block;width:100%;height:100%;object-fit:contain;background:#10141f}.motion-media>span{position:absolute;top:10px;left:10px;z-index:1;padding:7px 8px;background:#d1fa43;color:#10141f;font:800 8px/1 "DM Sans",sans-serif;letter-spacing:.11em;pointer-events:none}.motion-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 15px 18px}.motion-caption b{font:700 16px/1.15 "Manrope",sans-serif;letter-spacing:-.045em}.motion-caption small{font:700 7px/1.25 "DM Sans",sans-serif;letter-spacing:.1em;text-align:right;text-transform:uppercase;color:#706d65}@media(max-width:1150px){.motion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.motion-intro{grid-template-columns:1fr;gap:27px}.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.motion-section{padding:78px 20px}.motion-intro h2{font-size:53px}.motion-intro>p{font-size:16px}.motion-grid{grid-template-columns:1fr;gap:18px;margin-top:44px}.motion-caption{padding:15px}.motion-caption b{font-size:17px}}