:root{--paper: #ffffff;--ink: #14213d;--ink-soft: #4c596f;--line: rgba(20, 33, 61, .16);--blue: #2a37dd;--white: #ffffff;--mat-bg: #7a1220;--mat-fg: #f6e8e4;--mat-accent: #ff6a4d;--explore-bg: #e9ebe5;--explore-fg: #13302c;--explore-accent: #2f5d56;--explore-blue: #2c577a;--justfit-bg: #0a0a0a;--justfit-fg: #f4f1ec;--justfit-accent: #ff2d1f;--maalem-bg: #0c1b2e;--maalem-fg: #f2ecdd;--maalem-accent: #cd9c20;--aqluma-bg: #dcd1c0;--aqluma-fg: #2a2421;--aqluma-accent: #7a5c3c;--vanysis-bg: #dc6a4a;--vanysis-fg: #131f3d;--vanysis-accent: #131f3d;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Bricolage Grotesque", system-ui, sans-serif;--font-ui: "Bricolage Grotesque", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, monospace;--size-metric: 13px;--size-label: 11px;--size-ui: 13px;--page-max: 68rem;--section-space: clamp(4rem, 8vw, 7rem);--soft-surface: #f5f5fa;--heading-medium: clamp(2rem, 4vw, 3.2rem);--gutter: clamp(1rem, 4vw, 2rem);--card-gap: clamp(.8rem, 1.5vw, 1.25rem);--card-pad: clamp(1.6rem, 3.4vw, 3.2rem);--radius-card: .75rem;--radius-pill: 999px;--stack-s: .8rem;--stack-m: 1.5rem;--stack-l: clamp(4rem, 8vw, 8rem);--motion-slow: 1.15s;--motion-hover: .65s;--motion-ease: cubic-bezier(.22, 1, .36, 1);--poster-hold: 4s;--poster-fade: 1.4s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.45;text-rendering:optimizeLegibility}a{color:inherit}img,video{display:block;max-width:100%}::selection{background:var(--blue);color:var(--white)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:.35rem}.page-width{width:min(calc(100% - (var(--gutter) * 2)),var(--page-max));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{display:flex;width:min(calc(100% - (var(--gutter) * 2)),43rem);flex-direction:column;align-items:center;padding-block:clamp(9rem,12vw,14.4rem) clamp(11rem,14vw,17rem);text-align:center}.hero-logo,.contact-logo{width:clamp(5.8rem,7vw,8rem);height:auto}.hero h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:800;letter-spacing:-.06em;line-height:.94}.hero h1{margin-top:clamp(3rem,4.4vw,5.2rem);color:var(--blue);font-size:clamp(3rem,4.6vw,5rem)}.hero h1 span{display:block}.hero-copy{max-width:38rem;margin:1.8rem 0 0;color:var(--ink-soft);font-size:clamp(.98rem,1.15vw,1.16rem);line-height:1.42}.round-link,.case-link,.email-pill,.secondary-links,.whatsapp-link,.site-footer{font-family:var(--font-ui)}.metric{font-family:var(--font-mono)}.round-link,.case-link,.email-pill{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.round-link{gap:.4rem;margin-top:1.8rem;padding:.55rem .95rem;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-soft);font-size:var(--size-ui);font-weight:700;letter-spacing:-.03em}.work{padding-bottom:0}.featured-projects{display:grid;gap:var(--card-gap)}.small-projects{display:grid;gap:var(--card-gap);margin-top:var(--card-gap)}.project-card{--card-bg: var(--ink);--card-fg: var(--white);--card-accent: var(--white);--card-muted: color-mix(in srgb, var(--card-fg) 72%, transparent);--card-line: color-mix(in srgb, var(--card-fg) 34%, transparent);position:relative;display:grid;overflow:hidden;border-radius:var(--radius-card);background:var(--card-bg);color:var(--card-fg)}.project-card[data-project=mat]{--card-bg: var(--mat-bg);--card-fg: var(--mat-fg);--card-accent: var(--mat-accent)}.project-card[data-project=exploremorocco]{--card-bg: var(--explore-bg);--card-fg: var(--explore-fg);--card-accent: var(--explore-accent)}.project-card[data-project=justfit]{--card-bg: var(--justfit-bg);--card-fg: var(--justfit-fg);--card-accent: var(--justfit-accent)}.project-card[data-project=maalem]{--card-bg: var(--maalem-bg);--card-fg: var(--maalem-fg);--card-accent: var(--maalem-accent)}.project-card[data-project=aqluma]{--card-bg: var(--aqluma-bg);--card-fg: var(--aqluma-fg);--card-accent: var(--aqluma-accent)}.project-card[data-project=vanysis]{--card-bg: var(--vanysis-bg);--card-fg: var(--vanysis-fg);--card-accent: var(--vanysis-accent)}.card-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:var(--card-pad)}.card-copy h3{display:block;overflow:visible;max-width:14ch;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:clamp(2rem,3.4vw,3.4rem)}.card-description{max-width:27ch;margin:var(--stack-s) 0 var(--stack-m);color:var(--card-muted);font-size:clamp(.9rem,1.05vw,1.02rem);line-height:1.38}.case-link{align-self:flex-start;gap:.4rem;padding:.5rem .9rem;border:1px solid var(--card-line);border-radius:var(--radius-pill);color:var(--card-fg);font-size:var(--size-ui);font-weight:700;letter-spacing:-.03em}.metric{margin:1.6rem 0 0;color:var(--card-accent);font-size:var(--size-metric);font-weight:400;letter-spacing:.01em;line-height:1.3}.card-visual{position:relative;overflow:hidden;background:color-mix(in srgb,var(--card-bg) 84%,#000000)}.card-visual img,.card-visual video{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.featured-card .card-visual{min-height:16rem}.small-card .card-visual{aspect-ratio:4 / 3}.about{display:grid;gap:clamp(2.5rem,7vw,7rem);align-items:center;padding-top:clamp(8.5rem,11vw,13rem)}.about-intro h2{font-size:clamp(3rem,4.6vw,4.65rem)}.portrait-card{margin:clamp(2rem,3vw,3rem) 0 0}.portrait-image{overflow:hidden;aspect-ratio:1.75 / 1;border-radius:.45rem;background:#172231}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:contrast(1.04) saturate(.88)}.about-copy{max-width:34rem;color:var(--ink-soft);font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.48}.about-copy p{margin:0 0 1.5rem}.secondary-links{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin-top:2rem;font-size:var(--size-ui);font-weight:700}.secondary-links a,.whatsapp-link{color:var(--ink-soft);text-underline-offset:.25em}.contact{display:flex;flex-direction:column;align-items:center;padding-block:clamp(11rem,14vw,16rem) clamp(10rem,12vw,14rem);text-align:center}.contact-logo{margin-bottom:clamp(2.5rem,3vw,3.5rem)}.contact h2{font-size:clamp(3.2rem,5vw,5rem)}.email-pill{margin-top:2.4rem;padding:.75rem 1.4rem;border:2px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);font-size:clamp(.72rem,1.05vw,.95rem);font-weight:700;letter-spacing:-.03em}.copy-status{min-height:1.1rem;margin:.55rem 0 0;color:var(--blue);font-family:var(--font-ui);font-size:var(--size-ui);font-weight:700}.whatsapp-link{margin-top:.15rem;font-family:var(--font-ui);font-size:var(--size-ui);font-weight:700}.site-footer{display:flex;width:min(calc(100% - (var(--gutter) * 2)),26rem);flex-direction:column;align-items:center;gap:.5rem;padding-bottom:4.5rem;color:var(--ink-soft);text-align:center;font-size:var(--size-ui);font-weight:600}.footer-mark{display:inline-flex;margin-bottom:.75rem;align-items:center;justify-content:center;text-decoration:none}.footer-mark img{width:clamp(5rem,6vw,6.8rem);height:auto}.site-footer p{margin:0}@media(min-width:44rem){.featured-card{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);aspect-ratio:1.72 / 1}.small-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.small-card{grid-template-rows:minmax(0,1fr) auto}.small-card .card-copy{padding:clamp(1.6rem,2.6vw,2.4rem)}.small-card .card-copy h3{font-size:clamp(2rem,2.9vw,2.9rem)}.about{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:43.99rem){.hero{padding-top:7rem;padding-bottom:7.5rem}.hero-logo{width:5rem}.hero h1{font-size:clamp(2.7rem,13vw,3.6rem)}.hero-copy{font-size:.98rem}.project-card{grid-template-rows:auto auto}.card-copy h3{font-size:2.35rem}.featured-card .card-visual,.small-card .card-visual{aspect-ratio:3 / 2;min-height:0}.about{padding-top:7rem}.about-intro h2{font-size:clamp(2.8rem,13vw,3.7rem)}.about-copy{font-size:1.06rem}.contact{padding-block:8.5rem 9rem}.contact-logo{width:5rem}.contact h2{font-size:clamp(3rem,14vw,4rem)}.email-pill{max-width:100%}}@media(hover:hover){.round-link,.case-link,.email-pill{transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.round-link:hover{transform:translateY(-2px);background:#f7f7fb}.case-link:hover{transform:translateY(-2px);border-color:var(--card-fg);background:var(--card-fg);color:var(--card-bg)}.email-pill:hover{transform:translateY(-2px);background:var(--ink);color:var(--paper)}.project-card:hover .card-visual img{transform:scale(1.03)}.footer-mark img{transition:transform .3s ease}.footer-mark:hover img{transform:rotate(-3deg) scale(1.04)}}@media(prefers-reduced-motion:no-preference){html.js .reveal{opacity:0;transform:translateY(1.4rem);transition:opacity var(--motion-slow) var(--motion-ease),transform var(--motion-slow) var(--motion-ease);transition-delay:var(--delay, 0ms)}html.js .reveal.is-visible{opacity:1;transform:translateY(0)}.hero-logo,.contact-logo{animation:logo-drift 1.8s var(--motion-ease) 1}@keyframes logo-drift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-.28rem) rotate(-2deg)}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.collaborations{padding-bottom:var(--section-space);text-align:center}.collaborations h2{color:var(--ink-soft);font-family:var(--font-ui);font-size:var(--size-label);font-weight:600;letter-spacing:.15em;line-height:1.5;text-transform:uppercase}.brand-marquee{overflow:hidden;margin-top:var(--stack-m);mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.brand-track{display:flex;width:max-content;animation:brand-scroll 42s linear infinite}.brand-strip{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;gap:var(--card-pad);min-width:var(--page-max);margin:0;padding:var(--stack-m) var(--card-pad);list-style:none}.brand-strip li{color:var(--ink-soft);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;letter-spacing:-.035em;white-space:nowrap}.brand-track.is-paused,.brand-marquee:hover .brand-track{animation-play-state:paused}.motion-toggle{display:block;margin:var(--stack-s) auto 0;padding:var(--stack-s);border:0;background:none;color:var(--ink-soft);font:inherit;font-size:var(--size-label);cursor:pointer;text-decoration:underline;text-underline-offset:.25em}@keyframes brand-scroll{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.brand-track{animation:none;width:100%}.brand-strip{min-width:0;width:100%;flex-wrap:wrap}.brand-strip[aria-hidden=true],.motion-toggle{display:none}.brand-marquee{mask-image:none}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.brand-strip a,.round-link,.case-link,.email-pill{transition:transform var(--motion-hover) var(--motion-ease),background var(--motion-hover) ease,color var(--motion-hover) ease,border-color var(--motion-hover) ease}.card-visual img,.card-visual video{transition:transform var(--motion-slow) var(--motion-ease)}}.portfolio-nav{display:flex;align-items:center;justify-content:space-between;padding-block:var(--stack-m)}.portfolio-nav div{display:flex;gap:var(--stack-m)}.portfolio-nav a{text-decoration:none;font-weight:600}.portfolio-nav img{width:4rem;height:auto}.hero{padding-block:var(--section-space);width:min(calc(100% - var(--gutter) * 2),50rem)}.hero h1{margin-top:var(--stack-m);font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.05em}.hero-logo{width:5rem}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--stack-s)}.round-link,.case-link{min-height:44px}.primary-link{background:var(--blue);border-color:var(--blue);color:var(--white)}.primary-link:hover{background:var(--ink);color:var(--white)}.trust-line{margin-top:var(--stack-m);color:var(--ink-soft);font-size:var(--size-ui)}.section-heading{margin-bottom:var(--stack-m)}.section-heading h2{font-size:var(--heading-medium);line-height:1.1}.section-heading p,.contact-copy{color:var(--ink-soft)}.services{padding-top:var(--section-space)}.service-grid,.deliverable-grid{display:grid;gap:var(--card-gap)}.service-grid article,.deliverable-grid article{padding:var(--card-pad);background:var(--soft-surface);border-radius:var(--radius-card)}.service-grid span{color:var(--blue);font-size:var(--size-ui)}.service-grid h3,.deliverable-grid h3,.process-note h3{margin-top:var(--stack-m);font-size:1.6rem;line-height:1.12;letter-spacing:-.035em}.service-grid p,.deliverable-grid p,.process-note p{color:var(--ink-soft);line-height:1.6}.process-note{margin-top:var(--stack-m);max-width:45rem}.about{padding-top:var(--section-space)}.about-intro h2{font-size:var(--heading-medium);line-height:1.05}.portrait-image{aspect-ratio:1}.contact{padding-block:var(--section-space)}.contact-copy{max-width:34rem;margin-top:var(--stack-m);line-height:1.6}@media(min-width:60rem){.service-grid,.deliverable-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-card{aspect-ratio:2 / 1}}@media(max-width:30rem){.portfolio-nav div{gap:var(--stack-s);font-size:var(--size-ui)}.hero h1{font-size:clamp(2rem,10vw,3rem)}}