:root {
  --bg: #121212;
  --bg-soft: #181818;
  --panel: rgba(255,255,255,.055);
  --panel-border: rgba(255,255,255,.11);
  --white: #ffffff;
  --muted: #a9a9a9;
  --lime: #d4ff00;
  --line: rgba(255,255,255,.13);
  --separator: rgba(255,255,255,.08);
  --separator-accent: rgba(212,255,0,.18);
  --serif: "DM Serif Display", Georgia, serif;
  --sans: "Inter", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--white);
  background: var(--bg);
  font-family: var(--sans);
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }

a { color: inherit; text-decoration: none; }
button { font: inherit; }

.noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  z-index: 100;
  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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}

.cursor-glow {
  position: fixed;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(var(--cursor-glow-rgb, 212,255,0),.16) 0%, rgba(var(--cursor-glow-rgb, 212,255,0),.08) 28%, rgba(var(--cursor-glow-rgb, 212,255,0),.03) 48%, transparent 70%);
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  transition: opacity .22s ease;
  will-change: left, top, opacity;
}
.cursor-glow.is-visible { opacity: 1; }

.glass {
  background: rgba(21,21,21,.72);
  border: 1px solid var(--panel-border);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.site-header {
  position: fixed;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1180px, calc(100% - 32px));
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
  border-radius: 18px;
  z-index: 50;
}

.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand-mark { width: 35px; height: 35px; fill: white; }
.brand-mark .accent-pixel { fill: var(--lime); }
.brand-mark .dim { opacity: .68; }
.brand-mark .faint { opacity: .32; }
.brand-word { font-weight: 700; letter-spacing: -.05em; font-size: 1.08rem; }
.brand-word span { color: var(--lime); }

.desktop-nav { display: flex; gap: 34px; font-size: .88rem; color: #d9d9d9; }
.desktop-nav a { position: relative; }
.desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  height: 1px;
  width: 0;
  background: var(--lime);
  transition: width .3s ease;
}
.desktop-nav a:hover::after { width: 100%; }

.menu-toggle { display: none; width: 38px; height: 38px; border: 0; background: transparent; cursor: pointer; }
.menu-toggle span { display: block; width: 23px; height: 1px; background: white; margin: 6px auto; transition: .3s; }
.menu-toggle.active span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-toggle.active span:last-child { transform: translateY(-3.5px) rotate(-45deg); }

.mobile-menu {
  position: fixed;
  top: 100px;
  left: 16px;
  right: 16px;
  border-radius: 18px;
  padding: 28px;
  display: grid;
  gap: 16px;
  z-index: 49;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-12px);
  transition: .3s ease;
}
.mobile-menu.open { opacity: 1; visibility: visible; transform: translateY(0); }
.mobile-menu a { font-size: 1.4rem; }

.section-pad { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.hero { min-height: 100vh; padding-top: 170px; display: flex; flex-direction: column; justify-content: center; }
.hero-kicker, .eyebrow { font-size: .76rem; letter-spacing: .18em; text-transform: uppercase; color: var(--lime); }
.hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 80px; align-items: center; margin-top: 30px; }
.hero-copy h1 {
  font-family: var(--serif);
  font-size: clamp(4rem, 7.5vw, 7.7rem);
  line-height: .93;
  letter-spacing: -.045em;
  font-weight: 400;
  margin: 0;
}
.hero-copy h1 em { color: var(--lime); font-style: normal; }
.hero-copy p { width: min(590px, 100%); font-size: 1.02rem; line-height: 1.75; color: var(--muted); margin: 30px 0; }
.hero-actions { display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border-radius: 999px; font-size: .88rem; font-weight: 600; }
.button.primary { background: var(--lime); color: #111; }
.button.primary:hover { transform: translateY(-2px); box-shadow: 0 12px 35px rgba(212,255,0,.14); }
.text-link { color: #d9d9d9; font-size: .9rem; }
.text-link span { color: var(--lime); margin-left: 4px; }

.hero-art { position: relative; min-height: 540px; }
.orb { position: absolute; border-radius: 50%; filter: blur(10px); }
.orb-one { width: 320px; height: 320px; background: rgba(212,255,0,.12); top: 80px; right: 10px; }
.orb-two { width: 230px; height: 230px; background: rgba(255,255,255,.06); bottom: 30px; left: 10px; }
.glass-card { position: absolute; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(18px); box-shadow: 0 22px 70px rgba(0,0,0,.24); }
.card-a { width: 280px; padding: 28px; border-radius: 24px; top: 45px; left: 5%; transform: rotate(-6deg); z-index: 4; }
.card-a span { color: var(--lime); font-size: .7rem; }
.card-a strong, .card-a small { display: block; }
.card-a strong { font-family: var(--serif); font-size: 1.68rem; line-height: 1.05; letter-spacing: -.03em; font-weight: 400; margin: 34px 0 10px; max-width: 9ch; }
.card-a small { color: var(--muted); line-height: 1.5; }
.card-b { width: 315px; height: 315px; border-radius: 28px; right: 0; bottom: 30px; display: grid; place-items: center; transform: rotate(7deg); z-index: 2; }
.pixel-logo-large { display: grid; grid-template-columns: repeat(3, 42px); grid-template-rows: repeat(2, 42px); gap: 8px; }
.pixel-logo-large span { background: white; border-radius: 7px; }
.pixel-logo-large span:nth-child(5) { background: var(--lime); }
.pixel-logo-large span:nth-child(6) { width: 24px; height: 24px; align-self: end; opacity: .55; background: var(--lime); }
.vertical-label { position: absolute; right: -68px; top: 50%; transform: rotate(90deg); font-size: .84rem; letter-spacing: .28em; text-transform: uppercase; color: #6f6f6f; z-index: 6; }
.hero-footer { display: flex; justify-content: space-between; align-items: center; color: #696969; font-size: .74rem; text-transform: uppercase; letter-spacing: .12em; margin-top: 50px; padding-bottom: 36px; }

.work, .studio, .services, .manifesto, .contact { padding-top: 150px; }
.work { position: relative; overflow: hidden; transition: background .45s ease, box-shadow .45s ease; }
.work-showcase, .project-intro-panel, .project-intro-browser, .project-intro-copy, .vertical-projects, .slider-topline, .project-slide, .slider-button, .slider-dots button, .project-pill, .text-link, .mock-label, .project-intro-index { transition: background .45s ease, border-color .45s ease, box-shadow .45s ease, color .3s ease, opacity .3s ease, transform .3s ease; }
.section-heading p { color: var(--lime); text-transform: uppercase; letter-spacing: .18em; font-size: .72rem; margin-bottom: 18px; }
.section-heading h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(3rem, 5vw, 5.5rem); line-height: 1; letter-spacing: -.035em; margin: 0; }


.work-showcase {
  display: grid;
  grid-template-columns: .94fr 1.06fr;
  gap: 30px;
  align-items: stretch;
  margin-top: 70px;
}

.project-intro-panel {
  position: relative;
  min-height: 700px;
  border-radius: 30px;
  overflow: hidden;
  padding: clamp(18px, 2.4vw, 30px);
  background:
    radial-gradient(circle at 18% 15%, rgba(255,255,255,.24), transparent 23%),
    linear-gradient(145deg, #d4ff00 0%, #b8de00 42%, #718700 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}

.project-intro-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(18,18,18,.22) 1px, transparent 1px);
  background-size: 18px 18px;
  mask-image: linear-gradient(135deg, transparent 20%, #000 80%);
  opacity: .45;
}

.project-intro-browser {
  position: relative;
  z-index: 1;
  min-height: 500px;
  border-radius: 22px;
  overflow: hidden;
  color: white;
  background: #111;
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 35px 90px rgba(18,18,18,.32);
  transform: rotate(-1.2deg);
}

.browser-bar {
  height: 42px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: #0c0c0c;
}

.browser-bar i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #545454;
}

.project-intro-copy {
  min-height: 458px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(24px, 2.7vw, 34px);
  background:
    radial-gradient(circle at 86% 16%, rgba(212,255,0,.1), transparent 27%),
    linear-gradient(180deg, #151515, #0d0d0d);
}

.project-intro-copy h3 {
  margin: 18px 0 16px;
  max-width: 18ch;
  font-family: var(--serif);
  font-size: clamp(2.55rem, 4.3vw, 4.25rem);
  font-weight: 400;
  line-height: .94;
  letter-spacing: -.035em;
}

.project-intro-copy p {
  max-width: 42ch;
  margin: 0 0 30px;
  color: #9d9d9d;
  font-size: .92rem;
  line-height: 1.72;
}

.mock-label {
  color: var(--lime);
  font-size: .68rem;
  letter-spacing: .24em;
}

.project-intro-index {
  position: absolute;
  z-index: 2;
  left: 28px;
  right: 28px;
  bottom: 22px;
  display: flex;
  justify-content: space-between;
  color: rgba(18,18,18,.58);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .22em;
}

.vertical-projects {
  min-width: 0;
  border-radius: 30px;
  padding: 18px;
  background: #0d0d0d;
  border: 1px solid rgba(255,255,255,.09);
  box-shadow: 0 30px 85px rgba(0,0,0,.22);
}

.slider-topline {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 4px 16px;
}

.slider-topline > div:first-child {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.slider-eyebrow {
  color: #777;
  font-size: .68rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.slider-topline strong {
  color: var(--lime);
  font-size: .76rem;
  letter-spacing: .12em;
}

.slider-controls {
  display: flex;
  gap: 8px;
}

.slider-button {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: white;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.12);
  cursor: pointer;
  transition: .25s ease;
}

.slider-button:disabled { opacity: .35; cursor: default; }
.slider-button:disabled:hover { color: white; background: rgba(255,255,255,.045); border-color: rgba(255,255,255,.12); transform: none; }

.slider-button:hover:not(:disabled) {
  color: #111;
  background: var(--lime);
  border-color: var(--lime);
  transform: translateY(-1px);
}

.project-slider {
  position: relative;
  height: 606px;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  overscroll-behavior-y: auto;
  border-radius: 22px;
  scrollbar-width: none;
  outline: none;
}

.project-slider::-webkit-scrollbar { display: none; }

.project-slide {
  position: relative;
  height: 100%;
  min-height: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  overflow: hidden;
  background: #151515;
}

.project-slide + .project-slide {
  border-top: 10px solid #0d0d0d;
}

.project-slide a {
  position: absolute;
  inset: 0;
  display: block;
}

.project-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: #070707;
  transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .45s ease;
}

.slide-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.04) 20%, rgba(0,0,0,.12) 45%, rgba(0,0,0,.8) 100%);
}

.slide-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(22px, 4vw, 38px);
}

.project-pill {
  width: fit-content;
  border: 1px solid rgba(212,255,0,.35);
  background: rgba(12,12,12,.64);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: var(--lime);
  font-size: .68rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  padding: 10px 14px;
  border-radius: 999px;
}

.slide-content p {
  margin: 0 0 10px;
  color: rgba(255,255,255,.7);
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.slide-content h3 {
  margin: 0 0 18px;
  font-family: var(--serif);
  font-size: clamp(2.8rem, 5vw, 5.2rem);
  line-height: .92;
  font-weight: 400;
  letter-spacing: -.04em;
}

.case-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--lime);
  font-size: .82rem;
  font-weight: 600;
}

.project-slide:hover img {
  transform: scale(1.035);
  filter: saturate(1.06);
}

.slider-dots {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 8px;
  margin-top: 14px;
}

.slider-dots button {
  height: 3px;
  padding: 0;
  border: 0;
  background: #353535;
  cursor: pointer;
  transition: background .25s ease, transform .25s ease;
}

.slider-dots button:hover,
.slider-dots button.active {
  background: var(--lime);
}

.slider-dots button.active { transform: scaleY(1.8); }

.studio-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 120px; }
.studio-copy > p { color: #b5b5b5; font-size: 1.1rem; line-height: 1.8; margin: 0 0 24px; }
.studio-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 50px; border-top: 1px solid var(--line); padding-top: 25px; }
.studio-stats strong { display: block; font-family: var(--serif); font-size: 2.6rem; font-weight: 400; }
.studio-stats span { color: #7e7e7e; font-size: .72rem; line-height: 1.4; }

.service-list { margin-top: 70px; }
.service-item { display: grid; grid-template-columns: 60px 1fr 1.2fr 30px; gap: 24px; align-items: center; padding: 30px 0; border-top: 1px solid var(--line); transition: .25s ease; }
.service-item:last-child { border-bottom: 1px solid var(--line); }
.service-item:hover { padding-left: 12px; background: linear-gradient(90deg, rgba(212,255,0,.04), transparent); }
.service-item > span { color: var(--lime); font-size: .7rem; }
.service-item h3 { margin: 0; font-size: 1.3rem; }
.service-item p { margin: 0; color: #858585; line-height: 1.6; font-size: .88rem; }
.service-item b { color: var(--lime); font-size: 1.15rem; }

.manifesto-card { min-height: 450px; border-radius: 30px; padding: clamp(35px, 6vw, 80px); position: relative; overflow: hidden; }
.manifesto-card > p { color: var(--lime); text-transform: uppercase; letter-spacing: .18em; font-size: .72rem; }
.manifesto-card blockquote { margin: 45px 0 0; max-width: 900px; font-family: var(--serif); font-size: clamp(3rem, 6vw, 6.4rem); line-height: .96; letter-spacing: -.04em; }
.manifesto-pixels { position: absolute; right: 55px; bottom: 42px; display: grid; grid-template-columns: repeat(3, 18px); gap: 6px; }
.manifesto-pixels span { width: 18px; height: 18px; background: var(--lime); }
.manifesto-pixels span:nth-child(4) { width: 11px; height: 11px; opacity: .55; }
.manifesto-pixels span:nth-child(5) { width: 6px; height: 6px; opacity: .28; }

.contact { padding-bottom: 120px; }
.contact-grid { display: grid; grid-template-columns: 1fr .8fr; gap: 100px; align-items: end; }
.contact h2 { font-family: var(--serif); font-size: clamp(4rem, 7vw, 7rem); font-weight: 400; line-height: .95; letter-spacing: -.04em; margin: 18px 0 0; }
.contact-panel { border-radius: 26px; padding: 34px; }
.contact-panel p { color: #aaa; line-height: 1.7; margin-top: 0; }
.button.wide { width: 100%; margin: 20px 0; }
.contact-links { display: flex; justify-content: space-between; color: #767676; font-size: .82rem; }
.contact-links a:hover { color: var(--lime); }

.site-footer { border-top: 1px solid var(--line); padding-top: 38px; padding-bottom: 45px; display: flex; justify-content: space-between; align-items: center; }
.footer-meta { display: flex; gap: 30px; color: #666; font-size: .72rem; }

.reveal { opacity: 0; transform: translateY(32px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 980px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: block; }
  .hero-grid, .studio-grid, .contact-grid { grid-template-columns: 1fr; gap: 55px; }
  .hero { padding-top: 145px; }
  .hero-art { min-height: 470px; max-width: 650px; }
  .work-showcase { grid-template-columns: 1fr; }
  .project-intro-panel { min-height: 550px; }
  .project-intro-browser { min-height: 430px; }
  .project-intro-copy { min-height: 388px; }
  .project-slider { height: 590px; }
  .studio-grid { gap: 45px; }
  .contact-panel { max-width: 620px; }
}

@media (max-width: 680px) {
  .section-pad { width: min(100% - 28px, 1180px); }
  .site-header { width: calc(100% - 20px); top: 10px; height: 64px; padding: 0 16px; }
  .brand-mark { width: 31px; height: 31px; }
  .hero { min-height: auto; padding-top: 130px; }
  .hero-copy h1 { font-size: clamp(3.3rem, 15vw, 5.3rem); }
  .hero-art { min-height: 380px; }
  .card-a { width: 230px; left: 0; }
  .card-b { width: 230px; height: 230px; }
  .vertical-label { display: none; }
  .hero-footer { align-items: flex-start; gap: 15px; flex-direction: column; }
  .work, .studio, .services, .manifesto, .contact { padding-top: 110px; }
  .work-showcase { margin-top: 45px; gap: 18px; }
  .project-intro-panel { min-height: 470px; padding: 18px; border-radius: 24px; }
  .project-intro-browser { min-height: 390px; border-radius: 18px; transform: none; }
  .project-intro-copy { min-height: 348px; padding: 25px; }
  .project-intro-copy h3 { font-size: 2.75rem; }
  .project-intro-index { display: none; }
  .vertical-projects { padding: 10px; border-radius: 24px; }
  .project-slider { height: 460px; border-radius: 18px; }
  .slide-content { padding: 20px; }
  .slide-content h3 { font-size: 2.6rem; }
  .slider-eyebrow { display: none; }
  .project-meta { align-items: flex-start; flex-direction: column; }
  .studio-stats { grid-template-columns: 1fr; }
  .service-item { grid-template-columns: 35px 1fr 22px; }
  .service-item p { grid-column: 2 / 4; }
  .manifesto-card { min-height: 380px; }
  .contact-grid { gap: 45px; }
  .site-footer { align-items: flex-start; gap: 28px; flex-direction: column; }
  .footer-meta { flex-direction: column; gap: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
}


/* Refined section separation and refreshed homepage content */
main > section { position: relative; isolation: isolate; }
main > section:not(.hero)::before { content:""; position:absolute; top:54px; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent 0%,transparent 5%,var(--separator) 20%,var(--separator-accent) 50%,var(--separator) 80%,transparent 95%,transparent 100%); pointer-events:none; }
main > section:not(.hero)::after { content:""; position:absolute; top:20px; left:50%; width:min(240px,42vw); height:88px; transform:translateX(-50%); background:radial-gradient(circle,rgba(212,255,0,.08) 0%,rgba(212,255,0,.025) 38%,transparent 72%); filter:blur(14px); pointer-events:none; }
.project-intro-copy .text-link { font-size:1.05rem; font-weight:600; display:inline-flex; width:fit-content; margin-top:8px; }
.values-block { margin-top:70px; padding-top:34px; border-top:1px solid var(--line); }
.values-heading { display:flex; justify-content:space-between; gap:24px; align-items:baseline; margin-bottom:28px; }
.values-heading span { color:var(--lime); font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; }
.values-heading h3 { margin:0; font-family:var(--serif); font-size:clamp(2rem,4vw,3.8rem); font-weight:400; }
.value-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.value-grid article { position:relative; min-height:190px; padding:24px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.01)); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.value-grid article::after { content:""; position:absolute; width:8px; height:8px; right:18px; top:18px; background:var(--lime); box-shadow:-11px 11px 0 rgba(212,255,0,.35); opacity:.62; }
.value-grid article:hover { transform:translateY(-6px); border-color:rgba(212,255,0,.32); box-shadow:0 18px 55px rgba(0,0,0,.23),0 0 45px rgba(212,255,0,.05); }
.value-grid strong { display:block; margin-bottom:16px; font-size:1rem; }
.value-grid p { margin:0; color:#858585; font-size:.84rem; line-height:1.65; }
.process { padding-top:120px; }
.contact-actions { display:grid; gap:12px; margin-bottom:26px; }
.button.secondary { border:1px solid var(--line); background:transparent; color:#f2f2f2; }
.button.secondary:hover { border-color:var(--lime); color:var(--lime); }
@media(max-width:980px){.value-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){.value-grid{grid-template-columns:1fr}.values-heading{align-items:flex-start;flex-direction:column}.process{padding-top:90px}main > section:not(.hero)::before{top:34px}main > section:not(.hero)::after{top:6px;width:min(180px,48vw);height:64px}}


/* Dedicated Projektet page */
.projects-page .work { padding-top: 170px; padding-bottom: 120px; }
.projects-page .work::before,
.projects-page .work::after { display: none; }
.projects-page .active-nav::after { width: 100%; }
.projects-footer { margin-top: 20px; }
@media (max-width: 680px) {
  .projects-page .work { padding-top: 125px; padding-bottom: 90px; }
}



/* Website density pass — Gpixels_5 (booking modal intentionally excluded) */
.hero {
  min-height: 92vh;
  padding-top: 145px;
}
.hero-grid {
  gap: 60px;
  margin-top: 24px;
}
.hero-copy p { margin: 24px 0; }
.hero-actions { gap: 22px; }
.hero-art { min-height: 500px; }
.hero-footer {
  margin-top: 34px;
  padding-bottom: 26px;
}

.work, .studio, .services, .manifesto, .contact { padding-top: 118px; }
.process { padding-top: 100px; }
.section-heading p { margin-bottom: 14px; }
.work-showcase {
  gap: 24px;
  margin-top: 50px;
}
.project-intro-panel { min-height: 630px; }
.project-intro-browser { min-height: 455px; }
.project-intro-copy {
  min-height: 413px;
  padding: clamp(22px, 2.4vw, 30px);
}
.project-intro-copy h3 { margin: 14px 0 12px; }
.project-intro-copy p { margin-bottom: 22px; }
.vertical-projects { padding: 15px; }
.slider-topline {
  min-height: 50px;
  padding-bottom: 12px;
}
.project-slider { height: 548px; }

.service-list { margin-top: 50px; }
.service-item {
  gap: 20px;
  padding: 23px 0;
}
.service-item:hover { padding-left: 10px; }

.contact {
  padding-top: 108px;
  padding-bottom: 88px;
}
.contact-grid { gap: 72px; }
.contact h2 { margin-top: 14px; }
.contact-panel { padding: 28px; }
.button.wide { margin: 14px 0; }
.contact-actions {
  gap: 10px;
  margin-bottom: 20px;
}
.site-footer {
  padding-top: 30px;
  padding-bottom: 34px;
}
.footer-meta { gap: 24px; }

.projects-page .work {
  padding-top: 145px;
  padding-bottom: 90px;
}

@media (max-width: 980px) {
  .hero-grid, .contact-grid { gap: 44px; }
  .hero { padding-top: 130px; }
  .hero-art { min-height: 440px; }
  .project-intro-panel { min-height: 515px; }
  .project-intro-browser { min-height: 405px; }
  .project-intro-copy { min-height: 363px; }
  .project-slider { height: 545px; }
}

@media (max-width: 680px) {
  .hero { padding-top: 112px; }
  .hero-grid { gap: 36px; margin-top: 20px; }
  .hero-copy p { margin: 20px 0; }
  .hero-art { min-height: 350px; }
  .hero-footer { margin-top: 26px; padding-bottom: 20px; }
  .work, .studio, .services, .manifesto, .contact { padding-top: 86px; }
  .process { padding-top: 76px; }
  .work-showcase { margin-top: 36px; gap: 16px; }
  .project-intro-panel { min-height: 440px; padding: 15px; }
  .project-intro-browser { min-height: 365px; }
  .project-intro-copy { min-height: 323px; padding: 22px; }
  .vertical-projects { padding: 9px; }
  .project-slider { height: 430px; }
  .service-list { margin-top: 38px; }
  .service-item { padding: 20px 0; gap: 16px; }
  .contact { padding-top: 82px; padding-bottom: 68px; }
  .contact-grid { gap: 34px; }
  .contact-panel { padding: 24px; }
  .site-footer { gap: 20px; padding-top: 26px; padding-bottom: 28px; }
  .projects-page .work { padding-top: 108px; padding-bottom: 68px; }
}

/* Project intake modal */
body.modal-open { overflow: hidden; }
.project-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, visibility .28s ease;
}
.project-modal.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.project-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5,5,5,.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.project-modal-dialog {
  position: relative;
  z-index: 1;
  width: min(1080px, 100%);
  max-height: min(760px, calc(100vh - 48px));
  overflow: auto;
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 30px;
  background:
    radial-gradient(circle at 0 0, rgba(212,255,0,.08), transparent 20rem),
    #101010;
  box-shadow: 0 40px 120px rgba(0,0,0,.55), 0 0 80px rgba(212,255,0,.05);
  transform: translateY(18px) scale(.985);
  transition: transform .32s cubic-bezier(.2,.8,.2,1);
}
.project-modal.open .project-modal-dialog { transform: translateY(0) scale(1); }
.project-modal-close {
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 3;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  color: #fff;
  background: rgba(255,255,255,.045);
  cursor: pointer;
  font-size: 1.45rem;
  line-height: 1;
  transition: .22s ease;
}
.project-modal-close:hover { color: #111; background: var(--lime); border-color: var(--lime); transform: rotate(4deg); }
.project-modal-intro {
  position: relative;
  padding: clamp(30px, 4vw, 48px);
  border-right: 1px solid rgba(255,255,255,.09);
  overflow: hidden;
}
.project-modal-intro::after {
  content: "";
  position: absolute;
  left: 38px;
  bottom: 36px;
  width: 10px;
  height: 10px;
  background: rgba(212,255,0,.16);
  box-shadow:
    14px 0 rgba(212,255,0,.11),
    28px 0 rgba(212,255,0,.07),
    0 14px rgba(212,255,0,.10),
    14px 14px rgba(212,255,0,.18),
    28px 14px rgba(212,255,0,.10),
    42px 14px rgba(212,255,0,.05),
    0 28px rgba(212,255,0,.06),
    14px 28px rgba(212,255,0,.11),
    28px 28px rgba(212,255,0,.16),
    42px 28px rgba(212,255,0,.08),
    56px 28px rgba(212,255,0,.04),
    14px 42px rgba(212,255,0,.06),
    28px 42px rgba(212,255,0,.10),
    42px 42px rgba(212,255,0,.06),
    28px 56px rgba(212,255,0,.04);
  pointer-events: none;
  opacity: .9;
}
.project-modal-kicker {
  display: inline-flex;
  color: var(--lime);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.project-modal-intro h2 {
  max-width: 8ch;
  margin: 24px 0 22px;
  font-family: var(--serif);
  font-size: clamp(2.45rem, 4.2vw, 4.25rem);
  font-weight: 400;
  line-height: .92;
  letter-spacing: -.045em;
}
.project-modal-intro > p {
  max-width: 35ch;
  margin: 0;
  color: #9c9c9c;
  line-height: 1.72;
  font-size: .92rem;
}
.project-modal-note {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 12px 14px;
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.09);
}
.project-modal-note span { color: var(--lime); font-size: .67rem; letter-spacing: .1em; }
.project-modal-note p { margin: 0; color: #c7c7c7; font-size: .82rem; }
.project-intake-form { padding: clamp(30px, 4vw, 46px); background: rgba(255,255,255,.012); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.form-field { display: grid; gap: 9px; min-width: 0; }
.form-field-wide { grid-column: 1 / -1; }
.form-field > span {
  color: #696969;
  font-family: var(--sans);
  font-size: .9rem;
  font-weight: 400;
  letter-spacing: 0;
}
.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 14px;
  outline: none;
  color: #fff;
  background: rgba(255,255,255,.035);
  font-family: var(--sans);
  font-size: .9rem;
  font-weight: 400;
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.form-field input,
.form-field select { min-height: 48px; padding: 0 14px; }
.form-field textarea { padding: 14px; resize: vertical; min-height: 112px; line-height: 1.5; }
.form-field input,
.form-field textarea { color: #b3b0b0; }
.form-field select { appearance: none; color: #b3b0b0; background-image: linear-gradient(45deg, transparent 50%, #777 50%), linear-gradient(135deg, #777 50%, transparent 50%); background-position: calc(100% - 18px) 22px, calc(100% - 13px) 22px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.form-field select option {
  color: #b3b0b0;
  background: #171717;
  font-family: var(--sans);
  font-size: .9rem;
  font-weight: 400;
}
.form-field select[name="projectType"]:invalid,
.form-field select[name="projectType"] option[value=""] {
  color: #696969;
}
.form-field select option:hover,
.form-field select option:focus,
.form-field select option:checked {
  color: #111;
  background: var(--lime);
  box-shadow: 0 0 0 100vmax var(--lime) inset;
}
.form-field input::placeholder,
.form-field textarea::placeholder { color: #696969; }
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  border-color: rgba(212,255,0,.55);
  background: rgba(212,255,0,.025);
  box-shadow: 0 0 0 3px rgba(212,255,0,.055);
}
.project-form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.09);
}
.project-form-footer p { max-width: 42ch; margin: 0; color: #707070; font-size: .69rem; line-height: 1.55; }
.project-submit { border: 0; cursor: pointer; white-space: nowrap; }
.project-submit span { margin-left: 6px; }
@media (max-width: 820px) {
  .project-modal { padding: 14px; align-items: end; }
  .project-modal-dialog { grid-template-columns: 1fr; max-height: calc(100vh - 28px); border-radius: 24px; }
  .project-modal-intro { padding: 28px 26px 22px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
  .project-modal-intro h2 { max-width: 12ch; font-size: clamp(2.25rem, 9vw, 3.5rem); }
  .project-modal-note { display: none; }
  .project-intake-form { padding: 24px 26px; }
}
@media (max-width: 560px) {
  .project-modal { padding: 8px; }
  .project-modal-dialog { border-radius: 20px; max-height: calc(100vh - 16px); }
  .project-modal-close { top: 16px; right: 16px; width: 38px; height: 38px; }
  .project-modal-intro { padding: 24px 22px 20px; }
  .project-modal-intro > p { padding-right: 28px; }
  .project-intake-form { padding: 20px 18px 18px; }
  .form-grid { grid-template-columns: 1fr; gap: 14px; }
  .form-field-wide { grid-column: auto; }
  .project-form-footer { align-items: stretch; flex-direction: column; }
  .project-submit { width: 100%; }
}


/* Direct project-form delivery */
.project-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
.project-form-status {
  min-height: 0;
  margin: 0 0 4px;
  padding: 0;
  border: 0;
  color: #9a9a9a;
  font-size: .78rem;
  line-height: 1.5;
}
.project-form-status.success,
.project-form-status.error {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 11px 14px;
  border-radius: 12px;
}
.project-form-status.success {
  color: #e8ffc0;
  background: rgba(212,255,0,.075);
  border: 1px solid rgba(212,255,0,.20);
}
.project-form-status.error {
  color: #ffd8d8;
  background: rgba(255,90,90,.07);
  border: 1px solid rgba(255,90,90,.20);
}
.project-submit:disabled {
  opacity: .62;
  cursor: wait;
  transform: none !important;
}

/* Custom GeosPixels dropdowns for project intake form */
.custom-select-field {
  position: relative;
}
.custom-select-trigger {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 14px;
  outline: none;
  color: #b3b0b0;
  background: rgba(255,255,255,.035);
  font-family: var(--sans);
  font-size: .9rem;
  font-weight: 400;
  text-align: left;
  cursor: pointer;
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.custom-select-trigger.is-placeholder {
  color: #696969;
}
.custom-select-trigger:hover,
.custom-select-trigger[aria-expanded="true"],
.custom-select-trigger:focus-visible {
  border-color: rgba(212,255,0,.55);
  background: rgba(212,255,0,.025);
  box-shadow: 0 0 0 3px rgba(212,255,0,.055);
}
.custom-select-trigger[aria-invalid="true"] {
  border-color: rgba(255,90,90,.55);
  box-shadow: 0 0 0 3px rgba(255,90,90,.06);
}
.custom-select-chevron {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-right: 1.5px solid #858585;
  border-bottom: 1.5px solid #858585;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .2s ease, border-color .2s ease;
}
.custom-select-trigger[aria-expanded="true"] .custom-select-chevron {
  transform: translateY(2px) rotate(225deg);
  border-color: var(--lime);
}
.custom-select-menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 7px);
  left: 0;
  right: 0;
  max-height: 240px;
  overflow-y: auto;
  padding: 7px;
  border: 1px solid rgba(212,255,0,.18);
  border-radius: 14px;
  background: #161616;
  box-shadow: 0 20px 55px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.025) inset;
  scrollbar-width: thin;
  scrollbar-color: rgba(212,255,0,.35) transparent;
}
.custom-select-menu[hidden] {
  display: none;
}
.custom-select-menu button {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 9px 11px;
  border: 0;
  border-radius: 9px;
  color: #b3b0b0;
  background: transparent;
  font-family: var(--sans);
  font-size: .9rem;
  font-weight: 400;
  text-align: left;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, transform .16s ease;
}
.custom-select-menu button:hover,
.custom-select-menu button:focus-visible,
.custom-select-menu button.is-active {
  outline: none;
  color: #111;
  background: var(--lime);
}
.custom-select-menu button[aria-selected="true"] {
  color: #111;
  background: var(--lime);
  font-weight: 500;
}
.custom-select-menu button[aria-selected="true"]::after {
  content: "✓";
  margin-left: auto;
  font-size: .78rem;
  font-weight: 700;
}
@media (max-width: 560px) {
  .custom-select-menu {
    max-height: 210px;
  }
}


/* Fatmir Mura unified project-section theme */
.work-showcase.theme-fatmir {
  position: relative;
  padding: clamp(16px, 2vw, 24px);
  border-radius: 34px;
  background: linear-gradient(145deg, rgba(89,59,38,.46), rgba(89,59,38,.18));
  border: 1px solid rgba(255, 237, 219, .16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 30px 80px rgba(56, 32, 16, .18);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.work.theme-fatmir {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.work.theme-fatmir .section-heading p {
  color: var(--lime);
}
.work.theme-fatmir .section-heading h2 {
  text-shadow: none;
}
.work.theme-fatmir .project-intro-panel,
.work.theme-fatmir .vertical-projects {
  background:
    linear-gradient(160deg, rgba(89,59,38,.82), rgba(72,46,29,.68));
  border: 1px solid rgba(255,235,219,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 28px 70px rgba(51, 30, 15, .22);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.work.theme-fatmir .project-intro-panel::before {
  background-image: radial-gradient(rgba(255,242,233,.12) 1px, transparent 1px);
  opacity: .24;
}
.work.theme-fatmir .project-intro-browser {
  background: rgba(48, 28, 16, .74);
  border: 1px solid rgba(255,238,222,.13);
  box-shadow: 0 26px 60px rgba(47, 27, 14, .22);
}
.work.theme-fatmir .browser-bar {
  background: rgba(44, 25, 14, .8);
  border-bottom-color: rgba(255,235,219,.09);
}
.work.theme-fatmir .browser-bar i {
  background: rgba(243, 223, 205, .48);
}
.work.theme-fatmir .project-intro-copy {
  background:
    radial-gradient(circle at 78% 14%, rgba(255, 226, 198, .12), transparent 28%),
    linear-gradient(180deg, rgba(95, 62, 39, .96), rgba(76, 48, 31, .92));
}
.work.theme-fatmir .project-intro-copy p,
.work.theme-fatmir .project-intro-index,
.work.theme-fatmir .slider-eyebrow,
.work.theme-fatmir .slide-content p {
  color: rgba(246, 230, 218, .72);
}
.work.theme-fatmir .project-intro-copy h3,
.work.theme-fatmir .slider-topline strong,
.work.theme-fatmir .slide-content,
.work.theme-fatmir .case-link,
.work.theme-fatmir .project-pill,
.work.theme-fatmir .text-link,
.work.theme-fatmir .mock-label {
  color: #f5e2d2;
}
.work.theme-fatmir .text-link span,
.work.theme-fatmir .slider-button:hover:not(:disabled) {
  color: #593B26;
}
.work.theme-fatmir .text-link {
  text-shadow: none;
}
.work.theme-fatmir .project-intro-index {
  color: rgba(255, 241, 233, .58);
}
.work.theme-fatmir .project-slider {
  border-radius: 24px;
  background: rgba(63, 39, 24, .28);
  box-shadow: inset 0 0 0 1px rgba(255,235,219,.08);
}
.work.theme-fatmir .project-slide {
  background: rgba(58, 36, 22, .76);
}
.work.theme-fatmir .project-slide + .project-slide {
  border-top-color: rgba(73, 45, 28, .8);
}
.work.theme-fatmir .slide-shade {
  background: linear-gradient(180deg, rgba(28,16,9,.03) 15%, rgba(55,34,22,.18) 46%, rgba(33,18,10,.74) 100%);
}
.work.theme-fatmir .project-pill {
  border-color: rgba(245, 226, 210, .26);
  background: rgba(69, 40, 22, .52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.work.theme-fatmir .slider-button {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,235,219,.14);
  color: #f5e2d2;
}
.work.theme-fatmir .slider-button:hover:not(:disabled) {
  background: #f0d4bc;
  border-color: #f0d4bc;
}
.work.theme-fatmir .slider-button:disabled:hover {
  color: #f5e2d2;
  background: rgba(255,255,255,.06);
  border-color: rgba(255,235,219,.14);
}
.work.theme-fatmir .slider-dots button {
  background: rgba(255, 238, 222, .18);
}
.work.theme-fatmir .slider-dots button:hover,
.work.theme-fatmir .slider-dots button.active {
  background: #f0d4bc;
}
@media (max-width: 680px) {
  .work-showcase.theme-fatmir {
    padding: 12px;
    border-radius: 24px;
  }
}


/* Fatmir Mura refined slide */
.work.theme-fatmir .text-link span {
  color: #f0d4bc;
}

.fatmir-project-slide {
  padding: clamp(14px, 1.8vw, 20px);
  background: transparent !important;
}

.fatmir-project-card {
  height: 100%;
  display: grid;
  grid-template-columns: minmax(190px, .34fr) minmax(0, 1fr);
  gap: clamp(14px, 1.8vw, 20px);
  padding: clamp(12px, 1.5vw, 16px);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(89,59,38,.9), rgba(73,46,29,.78));
  border: 1px solid rgba(255,235,219,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.fatmir-project-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(24px, 3.2vw, 40px) clamp(18px, 2.4vw, 30px);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(79,49,30,.86), rgba(69,42,26,.72));
  border: 1px solid rgba(255,235,219,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.fatmir-project-kicker {
  color: rgba(245,226,210,.68);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.fatmir-project-info h3 {
  margin: 10px 0 0;
  color: #f5e2d2;
  font-family: var(--serif);
  font-size: clamp(1.85rem, 2.3vw, 2.75rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.03em;
}

.fatmir-project-description {
  margin-top: auto;
  color: rgba(245,226,210,.82);
  font-size: .92rem;
  line-height: 1.65;
  max-width: 28ch;
}

.fatmir-project-preview {
  position: relative !important;
  inset: auto !important;
  min-width: 0;
  overflow: hidden;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(111,74,48,.96), rgba(89,59,38,.92));
  border: 1px solid rgba(255,235,219,.12);
  box-shadow: 0 20px 50px rgba(43,25,14,.24), inset 0 1px 0 rgba(255,255,255,.05);
}

.fatmir-project-preview img {
  object-fit: cover;
  object-position: center 20%;
  background: transparent !important;
  transform: none !important;
  filter: none !important;
  transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .45s ease;
}

.fatmir-project-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.035), transparent 25%, rgba(45,25,13,.14));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}

.fatmir-project-preview:hover img {
  transform: scale(1.025) !important;
  filter: saturate(1.04) contrast(1.02) !important;
}

@media (max-width: 680px) {
  .fatmir-project-card {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }
  .fatmir-project-info {
    padding: 20px;
  }
  .fatmir-project-info h3 {
    margin-top: 10px;
    font-size: clamp(1.9rem, 8.2vw, 2.7rem);
  }
  .fatmir-project-description {
    margin-top: 14px;
    max-width: none;
  }
}


/* Ideal Masonry unified project-section theme */
.work-showcase.theme-ideal {
  position: relative;
  padding: clamp(16px, 2vw, 24px);
  border-radius: 34px;
  background: linear-gradient(145deg, rgba(28,33,31,.78), rgba(28,33,31,.40));
  border: 1px solid rgba(218,230,224,.13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 30px 80px rgba(5,10,8,.24);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.work.theme-ideal {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.work.theme-ideal .section-heading p { color: var(--lime); }
.work.theme-ideal .section-heading h2 { text-shadow: none; }
.work.theme-ideal .project-intro-panel,
.work.theme-ideal .vertical-projects {
  background: linear-gradient(160deg, rgba(28,33,31,.96), rgba(20,25,23,.88));
  border: 1px solid rgba(218,230,224,.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 28px 70px rgba(4,9,7,.28);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.work.theme-ideal .project-intro-panel::before {
  background-image: radial-gradient(rgba(210,226,217,.10) 1px, transparent 1px);
  opacity: .20;
}
.work.theme-ideal .project-intro-browser {
  background: rgba(16,20,19,.84);
  border-color: rgba(218,230,224,.10);
  box-shadow: 0 26px 60px rgba(2,7,5,.28);
}
.work.theme-ideal .browser-bar {
  background: rgba(13,17,16,.88);
  border-bottom-color: rgba(218,230,224,.08);
}
.work.theme-ideal .browser-bar i { background: rgba(213,226,219,.38); }
.work.theme-ideal .project-intro-copy {
  background:
    radial-gradient(circle at 80% 14%, rgba(212,255,0,.07), transparent 28%),
    linear-gradient(180deg, rgba(31,37,35,.98), rgba(22,27,25,.96));
}
.work.theme-ideal .project-intro-copy p,
.work.theme-ideal .project-intro-index,
.work.theme-ideal .slider-eyebrow,
.work.theme-ideal .slide-content p { color: rgba(222,231,226,.67); }
.work.theme-ideal .project-intro-copy h3,
.work.theme-ideal .slider-topline strong,
.work.theme-ideal .text-link,
.work.theme-ideal .mock-label { color: #e9f0ec; }
.work.theme-ideal .text-link span { color: var(--lime); }
.work.theme-ideal .project-slider {
  border-radius: 24px;
  background: rgba(15,19,18,.45);
  box-shadow: inset 0 0 0 1px rgba(218,230,224,.07);
}
.work.theme-ideal .project-slide { background: rgba(17,22,20,.84); }
.work.theme-ideal .project-slide + .project-slide { border-top-color: rgba(18,23,21,.88); }
.work.theme-ideal .slider-button {
  background: rgba(255,255,255,.045);
  border-color: rgba(218,230,224,.12);
  color: #e9f0ec;
}
.work.theme-ideal .slider-button:hover:not(:disabled) {
  background: var(--lime);
  border-color: var(--lime);
  color: #1C211F;
}
.work.theme-ideal .slider-button:disabled:hover {
  color: #e9f0ec;
  background: rgba(255,255,255,.045);
  border-color: rgba(218,230,224,.12);
}
.work.theme-ideal .slider-dots button { background: rgba(218,230,224,.16); }
.work.theme-ideal .slider-dots button:hover,
.work.theme-ideal .slider-dots button.active { background: var(--lime); }

/* Ideal Masonry refined slide */
.ideal-project-slide {
  padding: clamp(14px, 1.8vw, 20px);
  background: transparent !important;
}
.ideal-project-card {
  height: 100%;
  display: grid;
  grid-template-columns: minmax(190px, .34fr) minmax(0, 1fr);
  gap: clamp(14px, 1.8vw, 20px);
  padding: clamp(12px, 1.5vw, 16px);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(28,33,31,.98), rgba(20,25,23,.90));
  border: 1px solid rgba(218,230,224,.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.ideal-project-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(24px, 3.2vw, 40px) clamp(18px, 2.4vw, 30px);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(33,39,37,.88), rgba(23,29,27,.78));
  border: 1px solid rgba(218,230,224,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.ideal-project-kicker {
  color: rgba(214,226,219,.62);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.ideal-project-info h3 {
  margin: 10px 0 0;
  color: #edf3ef;
  font-family: var(--serif);
  font-size: clamp(1.85rem, 2.3vw, 2.75rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.03em;
}
.ideal-project-description {
  margin-top: auto;
  color: rgba(220,230,224,.78);
  font-size: .92rem;
  line-height: 1.65;
  max-width: 29ch;
}
.ideal-project-preview {
  position: relative !important;
  inset: auto !important;
  min-width: 0;
  overflow: hidden;
  display: grid;
  align-items: end;
  border-radius: 18px;
  background: radial-gradient(circle at 50% 8%, rgba(255,255,255,.03), transparent 28%), #1C211F;
  border: 1px solid rgba(218,230,224,.10);
  box-shadow: 0 20px 50px rgba(2,8,5,.30), inset 0 1px 0 rgba(255,255,255,.035);
}
.ideal-project-preview img {
  display: block;
  object-fit: contain;
  object-position: center top;
  background: transparent !important;
  transform: none !important;
  filter: none !important;
  transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .45s ease;
}
.ideal-project-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.025), transparent 24%, rgba(5,10,8,.10));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}
.ideal-project-preview:hover img {
  transform: scale(1.012) !important;
  filter: saturate(1.03) contrast(1.02) !important;
}
@media (max-width: 680px) {
  .work-showcase.theme-ideal { padding: 12px; border-radius: 24px; }
  .ideal-project-card {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }
  .ideal-project-info { padding: 20px; }
  .ideal-project-info h3 {
    margin-top: 10px;
    font-size: clamp(1.9rem, 8.2vw, 2.7rem);
  }
  .ideal-project-description {
    margin-top: 14px;
    max-width: none;
  }
  .ideal-project-preview {
    min-height: 420px;
    padding: 12px;
  }
  .ideal-project-preview img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
  }
}


/* Bloom & Grace unified project-section theme */
.work-showcase.theme-bloom {
  position: relative;
  padding: clamp(16px, 2vw, 24px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 18% 10%, rgba(255,245,242,.14), transparent 25%),
    linear-gradient(145deg, rgba(193,134,127,.82), rgba(193,134,127,.42));
  border: 1px solid rgba(255,238,234,.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 30px 80px rgba(90,49,45,.18);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.work.theme-bloom { background: transparent; border-radius: 0; box-shadow: none; }
.work.theme-bloom .section-heading p { color: var(--lime); }
.work.theme-bloom .section-heading h2 { text-shadow: none; }
.work.theme-bloom .project-intro-panel,
.work.theme-bloom .vertical-projects {
  background: linear-gradient(155deg, rgba(193,134,127,.94), rgba(156,99,94,.84));
  border: 1px solid rgba(255,240,236,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 28px 70px rgba(90,48,45,.20);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.work.theme-bloom .project-intro-panel::before {
  background-image: radial-gradient(rgba(255,244,241,.18) 1px, transparent 1px);
  opacity: .20;
}
.work.theme-bloom .project-intro-browser {
  background: rgba(132,78,74,.68);
  border-color: rgba(255,239,235,.16);
  box-shadow: 0 26px 60px rgba(87,44,41,.20);
}
.work.theme-bloom .browser-bar {
  background: rgba(126,72,68,.76);
  border-bottom-color: rgba(255,239,235,.13);
}
.work.theme-bloom .browser-bar i { background: rgba(255,239,235,.52); }
.work.theme-bloom .project-intro-copy {
  background:
    radial-gradient(circle at 82% 14%, rgba(255,239,235,.14), transparent 30%),
    linear-gradient(180deg, rgba(183,120,114,.96), rgba(160,100,95,.92));
}
.work.theme-bloom .project-intro-copy p,
.work.theme-bloom .project-intro-index,
.work.theme-bloom .slider-eyebrow,
.work.theme-bloom .slide-content p { color: rgba(255,243,240,.78); }
.work.theme-bloom .project-intro-copy h3,
.work.theme-bloom .slider-topline strong,
.work.theme-bloom .text-link,
.work.theme-bloom .mock-label { color: #fff7f5; }
.work.theme-bloom .text-link span { color: #fff1ed; }
.work.theme-bloom .project-slider {
  border-radius: 24px;
  background: rgba(139,82,78,.32);
  box-shadow: inset 0 0 0 1px rgba(255,239,235,.12);
}
.work.theme-bloom .project-slide { background: rgba(148,89,84,.68); }
.work.theme-bloom .project-slide + .project-slide { border-top-color: rgba(151,91,86,.70); }
.work.theme-bloom .slider-button {
  background: rgba(255,255,255,.075);
  border-color: rgba(255,240,236,.18);
  color: #fff7f5;
}
.work.theme-bloom .slider-button:hover:not(:disabled) {
  background: #fff0ec;
  border-color: #fff0ec;
  color: #8a5550;
}
.work.theme-bloom .slider-button:disabled:hover {
  color: #fff7f5;
  background: rgba(255,255,255,.075);
  border-color: rgba(255,240,236,.18);
}
.work.theme-bloom .slider-dots button { background: rgba(255,241,237,.24); }
.work.theme-bloom .slider-dots button:hover,
.work.theme-bloom .slider-dots button.active { background: #fff1ed; }

/* Bloom & Grace refined slide */
.bloom-project-slide {
  padding: clamp(14px, 1.8vw, 20px);
  background: transparent !important;
}
.bloom-project-card {
  height: 100%;
  display: grid;
  grid-template-columns: minmax(190px, .34fr) minmax(0, 1fr);
  gap: clamp(14px, 1.8vw, 20px);
  padding: clamp(12px, 1.5vw, 16px);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(193,134,127,.97), rgba(166,105,100,.88));
  border: 1px solid rgba(255,240,236,.19);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.bloom-project-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(24px, 3.2vw, 40px) clamp(18px, 2.4vw, 30px);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(178,115,109,.86), rgba(155,95,90,.76));
  border: 1px solid rgba(255,239,235,.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.bloom-project-kicker {
  color: rgba(255,242,239,.72);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.bloom-project-info h3 {
  margin: 10px 0 0;
  color: #fff8f6;
  font-family: var(--serif);
  font-size: clamp(1.85rem, 2.3vw, 2.75rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.03em;
}
.bloom-project-description {
  margin-top: auto;
  color: rgba(255,242,239,.84);
  font-size: .92rem;
  line-height: 1.65;
  max-width: 29ch;
}
.bloom-project-preview {
  position: relative !important;
  inset: auto !important;
  min-width: 0;
  overflow: hidden;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(216,160,152,.92), rgba(193,134,127,.94));
  border: 1px solid rgba(255,240,236,.16);
  box-shadow: 0 20px 50px rgba(93,48,44,.22), inset 0 1px 0 rgba(255,255,255,.07);
}
.bloom-project-preview img {
  display: block;
  object-fit: cover;
  object-position: center top;
  background: transparent !important;
  transform: none !important;
  filter: none !important;
  transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .45s ease;
}
.bloom-project-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.04), transparent 24%, rgba(112,62,58,.09));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.bloom-project-preview:hover img {
  transform: scale(1.018) !important;
  filter: saturate(1.03) contrast(1.01) !important;
}
@media (max-width: 680px) {
  .work-showcase.theme-bloom { padding: 12px; border-radius: 24px; }
  .bloom-project-card {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }
  .bloom-project-info { padding: 20px; }
  .bloom-project-info h3 {
    margin-top: 10px;
    font-size: clamp(1.9rem, 8.2vw, 2.7rem);
  }
  .bloom-project-description { margin-top: 14px; max-width: none; }
  .bloom-project-preview { min-height: 390px; }
}


/* ProFix Auto unified project-section theme (image-forward) */
.work.theme-profix {
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 216, 217, .09), transparent 20rem),
    radial-gradient(circle at 82% 26%, rgba(183, 24, 27, .10), transparent 18rem),
    linear-gradient(180deg, rgba(183,24,27,.26), rgba(183,24,27,.12) 42%, rgba(183,24,27,.04) 100%);
  border-radius: 40px;
  box-shadow: inset 0 0 0 1px rgba(255, 230, 230, .08);
}
.work-showcase.theme-profix {
  position: relative;
  padding: clamp(16px, 2vw, 24px);
  border-radius: 34px;
  background: linear-gradient(145deg, rgba(183,24,27,.38), rgba(183,24,27,.12));
  border: 1px solid rgba(255,230,230,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 30px 80px rgba(68, 9, 13, .18);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.work.theme-profix .section-heading p {
  color: #f0b4b7;
}
.work.theme-profix .project-intro-panel,
.work.theme-profix .vertical-projects {
  background:
    linear-gradient(160deg, rgba(183,24,27,.84), rgba(133,14,18,.62));
  border: 1px solid rgba(255,226,226,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 28px 70px rgba(74, 8, 12, .18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.work.theme-profix .project-intro-panel::before {
  background-image: radial-gradient(rgba(255,242,242,.11) 1px, transparent 1px);
  opacity: .22;
}
.work.theme-profix .project-intro-browser {
  background: rgba(53, 8, 11, .74);
  border: 1px solid rgba(255,236,236,.12);
  box-shadow: 0 26px 60px rgba(61, 7, 10, .20);
}
.work.theme-profix .browser-bar {
  background: rgba(38, 6, 8, .82);
  border-bottom-color: rgba(255,226,226,.10);
}
.work.theme-profix .browser-bar i {
  background: rgba(255,220,220,.48);
}
.work.theme-profix .project-intro-copy {
  background:
    radial-gradient(circle at 78% 14%, rgba(255, 212, 212, .12), transparent 28%),
    linear-gradient(180deg, rgba(154,18,23,.96), rgba(119,12,16,.92));
}
.work.theme-profix .project-intro-copy p,
.work.theme-profix .project-intro-index,
.work.theme-profix .slider-eyebrow,
.work.theme-profix .slide-content p {
  color: rgba(255,239,239,.72);
}
.work.theme-profix .project-intro-copy h3,
.work.theme-profix .slider-topline strong,
.work.theme-profix .slide-content,
.work.theme-profix .case-link,
.work.theme-profix .project-pill,
.work.theme-profix .text-link,
.work.theme-profix .mock-label {
  color: #fff2f2;
}
.work.theme-profix .text-link span,
.work.theme-profix .slider-button:hover:not(:disabled) {
  color: #7f0f12;
}
.work.theme-profix .project-slider {
  border-radius: 24px;
  background: rgba(93, 10, 14, .18);
  box-shadow: inset 0 0 0 1px rgba(255,226,226,.08);
}
.work.theme-profix .project-slide {
  background: rgba(72, 9, 12, .66);
}
.work.theme-profix .project-slide + .project-slide {
  border-top-color: rgba(88, 11, 15, .85);
}
.work.theme-profix .project-slide > a {
  min-height: clamp(460px, 62vw, 620px);
}
.work.theme-profix .project-slide img {
  object-fit: cover;
  object-position: center center;
  transform: scale(1.02);
}
.work.theme-profix .slide-shade {
  background: linear-gradient(180deg, rgba(26,6,8,.03) 15%, rgba(92,13,17,.16) 42%, rgba(31,6,8,.76) 100%);
}
.work.theme-profix .project-pill {
  border-color: rgba(255, 227, 227, .24);
  background: rgba(103, 14, 18, .42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.work.theme-profix .slider-button {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,227,227,.14);
  color: #fff2f2;
}
.work.theme-profix .slider-button:hover:not(:disabled) {
  background: #f5d5d6;
  border-color: #f5d5d6;
}
.work.theme-profix .slider-button:disabled:hover {
  color: #fff2f2;
  background: rgba(255,255,255,.06);
  border-color: rgba(255,227,227,.14);
}
.work.theme-profix .slider-dots button {
  background: rgba(255, 232, 232, .18);
}
.work.theme-profix .slider-dots button:hover,
.work.theme-profix .slider-dots button.active {
  background: #f5d5d6;
}
@media (max-width: 680px) {
  .work-showcase.theme-profix {
    padding: 12px;
    border-radius: 24px;
  }
  .work.theme-profix .project-slide > a {
    min-height: 380px;
  }
}

/* Homepage custom project cards: remove the outer wrapper frame to free space */
.project-card-home-unframed {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}


/* Homepage two-panel project layouts: tighter spacing around inner frames */
.project-slide-home-tight {
  padding: clamp(5px, .7vw, 8px);
}
.project-card-home-unframed {
  gap: clamp(7px, .85vw, 10px);
}
@media (max-width: 680px) {
  .project-slide-home-tight { padding: 4px; }
  .project-card-home-unframed { gap: 7px; }
}

/* Homepage projects balance: narrower intro panel, wider project showcase */
@media (min-width: 981px) {
  body:not(.projects-page) .work-showcase {
    grid-template-columns: .76fr 1.24fr;
  }
}

/* Homepage projects intro: smaller main title only */
body:not(.projects-page) .project-intro-copy h3 {
  font-size: clamp(2.15rem, 3.35vw, 3.45rem);
}
@media (max-width: 680px) {
  body:not(.projects-page) .project-intro-copy h3 {
    font-size: 2.35rem;
  }
}


/* Homepage-only ambient project mood for Punimet section */
.home-work {
  position: relative;
  isolation: isolate;
  overflow: visible;
}
.home-work::before {
  content: "";
  position: absolute;
  inset: -48px -36px -32px;
  border-radius: 46px;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  background: transparent;
  transition: opacity .45s ease, background .45s ease, filter .45s ease;
  filter: saturate(.96);
}
.home-work > * {
  position: relative;
  z-index: 1;
}
.home-work.theme-fatmir::before {
  opacity: 1;
  background:
    radial-gradient(circle at 14% 22%, rgba(89,59,38,.13), transparent 25rem),
    radial-gradient(circle at 82% 24%, rgba(136,98,70,.10), transparent 20rem),
    linear-gradient(180deg, rgba(89,59,38,.07), rgba(89,59,38,.02) 52%, transparent 100%);
}
.home-work.theme-ideal::before {
  opacity: 1;
  background:
    radial-gradient(circle at 14% 22%, rgba(28,33,31,.16), transparent 24rem),
    radial-gradient(circle at 82% 24%, rgba(63,74,69,.09), transparent 19rem),
    linear-gradient(180deg, rgba(28,33,31,.08), rgba(28,33,31,.025) 54%, transparent 100%);
}
.home-work.theme-bloom::before {
  opacity: 1;
  background:
    radial-gradient(circle at 14% 22%, rgba(193,134,127,.16), transparent 25rem),
    radial-gradient(circle at 84% 24%, rgba(233,196,191,.10), transparent 19rem),
    linear-gradient(180deg, rgba(193,134,127,.09), rgba(193,134,127,.03) 54%, transparent 100%);
}
.home-work.theme-profix::before {
  opacity: 1;
  background:
    radial-gradient(circle at 14% 22%, rgba(183,24,27,.15), transparent 24rem),
    radial-gradient(circle at 84% 24%, rgba(236,118,120,.09), transparent 18rem),
    linear-gradient(180deg, rgba(183,24,27,.08), rgba(183,24,27,.025) 54%, transparent 100%);
}
@media (max-width: 900px) {
  .home-work::before {
    inset: -24px -14px -18px;
    border-radius: 32px;
  }
}


/* Explicit homepage separator: Hero → Punimet */
.hero-work-separator {
  position: relative;
  width: min(1180px, calc(100% - 64px));
  height: 64px;
  margin: 0 auto;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.hero-work-separator::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.05) 8%,
    rgba(255,255,255,.16) 34%,
    rgba(212,255,0,.44) 50%,
    rgba(255,255,255,.16) 66%,
    rgba(255,255,255,.05) 92%,
    transparent 100%
  );
}

.hero-work-separator::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 34px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(212,255,0,.12), transparent 70%);
  filter: blur(8px);
}

.hero-work-separator span {
  position: relative;
  z-index: 1;
  width: 5px;
  height: 5px;
  border-radius: 1px;
  background: var(--lime);
  box-shadow: 12px 0 0 rgba(212,255,0,.28), -12px 0 0 rgba(212,255,0,.28);
}

@media (max-width: 680px) {
  .hero-work-separator {
    width: calc(100% - 32px);
    height: 48px;
  }
}

/* Homepage Fatmir Mura typography refinement */
.home-work .fatmir-project-info {
  padding-left: clamp(12px, 1.4vw, 18px);
  padding-right: clamp(12px, 1.4vw, 18px);
}

.home-work .fatmir-project-info h3 {
  font-size: clamp(1.55rem, 1.9vw, 2.25rem);
}

@media (max-width: 680px) {
  .home-work .fatmir-project-info {
    padding-left: 14px;
    padding-right: 14px;
  }

  .home-work .fatmir-project-info h3 {
    font-size: clamp(1.65rem, 7vw, 2.2rem);
  }
}


/* Browser-style preview chrome for custom project frames */
.fatmir-project-preview,
.ideal-project-preview,
.bloom-project-preview {
  display: grid;
  align-items: end;
  padding: 54px 14px 14px;
}
.fatmir-project-preview::before,
.ideal-project-preview::before,
.bloom-project-preview::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 40px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 18px 20px, rgba(255,255,255,.55) 0 3px, transparent 3.5px),
    radial-gradient(circle at 32px 20px, rgba(255,255,255,.32) 0 3px, transparent 3.5px),
    radial-gradient(circle at 46px 20px, rgba(255,255,255,.22) 0 3px, transparent 3.5px),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  pointer-events: none;
  z-index: 1;
}
.fatmir-project-preview img,
.ideal-project-preview img,
.bloom-project-preview img {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 20px 40px rgba(0,0,0,.18);
}
.fatmir-project-preview::after,
.ideal-project-preview::after,
.bloom-project-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.04), transparent 22%, rgba(0,0,0,.08));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}

@media (max-width: 680px) {
  .fatmir-project-preview,
  .ideal-project-preview,
  .bloom-project-preview {
    padding: 46px 10px 10px;
  }
  .fatmir-project-preview::before,
  .ideal-project-preview::before,
  .bloom-project-preview::before {
    height: 34px;
    background:
      radial-gradient(circle at 16px 17px, rgba(255,255,255,.52) 0 2.5px, transparent 3px),
      radial-gradient(circle at 28px 17px, rgba(255,255,255,.30) 0 2.5px, transparent 3px),
      radial-gradient(circle at 40px 17px, rgba(255,255,255,.20) 0 2.5px, transparent 3px),
      linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  }
}


/* Explicit homepage browser/monitor previews */
.home-work .browser-project-preview {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-rows: 42px minmax(0, 1fr);
  align-items: stretch;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 18px;
  min-height: 100%;
}
.home-work .project-browser-chrome {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 64px 1fr 64px;
  align-items: center;
  min-width: 0;
  padding: 0 12px;
  background: rgba(12,12,12,.92);
  border-bottom: 1px solid rgba(255,255,255,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.home-work .browser-dots {
  display: flex;
  gap: 6px;
  align-items: center;
}
.home-work .browser-dots i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.34);
}
.home-work .browser-dots i:nth-child(2) { opacity: .72; }
.home-work .browser-dots i:nth-child(3) { opacity: .48; }
.home-work .browser-address {
  justify-self: center;
  max-width: 82%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 6px 18px;
  border-radius: 999px;
  color: rgba(255,255,255,.55);
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.06);
  font-size: .62rem;
  letter-spacing: .04em;
  font-family: var(--sans);
}
.home-work .project-browser-screen {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #090909;
}
.home-work .project-browser-screen img {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: block;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  transform: none !important;
  filter: none !important;
  object-fit: cover;
  object-position: top center;
}
.home-work .fatmir-project-preview .project-browser-screen img {
  object-fit: cover;
  object-position: top center;
}
.home-work .ideal-project-preview .project-browser-screen img {
  object-fit: cover;
  object-position: top center;
}
.home-work .bloom-project-preview .project-browser-screen img {
  object-fit: cover;
  object-position: top center;
}
.home-work .browser-project-preview::before,
.home-work .browser-project-preview::after {
  content: none !important;
}
.home-work .browser-project-preview:hover .project-browser-screen img {
  transform: scale(1.015) !important;
  transition: transform .55s cubic-bezier(.2,.8,.2,1);
}
@media (max-width: 680px) {
  .home-work .browser-project-preview {
    grid-template-rows: 36px minmax(0, 1fr);
    padding: 0 !important;
  }
  .home-work .project-browser-chrome {
    grid-template-columns: 54px 1fr 54px;
    padding: 0 10px;
  }
  .home-work .browser-address {
    font-size: .56rem;
    padding: 5px 12px;
  }
}


/* Homepage custom previews — match Capital Car Rental image-led treatment */
.home-work .capital-style-preview {
  position: relative !important;
  inset: auto !important;
  min-width: 0;
  overflow: hidden;
  display: block !important;
  padding: 0 !important;
  border-radius: 18px;
}
.home-work .capital-style-preview::before {
  content: none !important;
}
.home-work .capital-style-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(0,0,0,.015) 20%, rgba(0,0,0,.08) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
}
.home-work .capital-style-preview img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: block;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  transform: none !important;
  filter: none !important;
  transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .45s ease;
}
.home-work .capital-style-preview:hover img {
  transform: scale(1.025) !important;
  filter: saturate(1.04) !important;
}
.home-work .fatmir-project-preview.capital-style-preview {
  background: #593B26;
  border-color: rgba(255,235,219,.12);
}
.home-work .ideal-project-preview.capital-style-preview {
  background: #1C211F;
  border-color: rgba(218,230,224,.10);
}
.home-work .bloom-project-preview.capital-style-preview {
  background: #C1867F;
  border-color: rgba(255,240,236,.16);
}


/* Homepage custom projects: image-only right-side composition */
body:not(.projects-page) .fatmir-project-card.project-card-home-unframed,
body:not(.projects-page) .ideal-project-card.project-card-home-unframed,
body:not(.projects-page) .bloom-project-card.project-card-home-unframed {
  grid-template-columns: 1fr;
  gap: 0;
}

body:not(.projects-page) .fatmir-project-preview.capital-style-preview,
body:not(.projects-page) .ideal-project-preview.capital-style-preview,
body:not(.projects-page) .bloom-project-preview.capital-style-preview {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

/* Homepage image-only projects: true edge-to-edge fill */
body:not(.projects-page) .fatmir-project-preview.capital-style-preview,
body:not(.projects-page) .ideal-project-preview.capital-style-preview,
body:not(.projects-page) .bloom-project-preview.capital-style-preview {
  padding: 0 !important;
  overflow: hidden;
}
body:not(.projects-page) .fatmir-project-preview.capital-style-preview img,
body:not(.projects-page) .ideal-project-preview.capital-style-preview img,
body:not(.projects-page) .bloom-project-preview.capital-style-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}


/* Homepage custom image projects: remove every remaining inset so image truly fills frame */
body:not(.projects-page) .fatmir-project-slide.project-slide-home-tight,
body:not(.projects-page) .ideal-project-slide.project-slide-home-tight,
body:not(.projects-page) .bloom-project-slide.project-slide-home-tight {
  padding: 0 !important;
}

body:not(.projects-page) .fatmir-project-card.project-card-home-unframed,
body:not(.projects-page) .ideal-project-card.project-card-home-unframed,
body:not(.projects-page) .bloom-project-card.project-card-home-unframed {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 0 !important;
  overflow: hidden;
}

body:not(.projects-page) .fatmir-project-preview.capital-style-preview,
body:not(.projects-page) .ideal-project-preview.capital-style-preview,
body:not(.projects-page) .bloom-project-preview.capital-style-preview {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body:not(.projects-page) .fatmir-project-preview.capital-style-preview img,
body:not(.projects-page) .ideal-project-preview.capital-style-preview img,
body:not(.projects-page) .bloom-project-preview.capital-style-preview img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}


/* Remove internal project info frame from custom project cards everywhere */
.fatmir-project-card,
.ideal-project-card,
.bloom-project-card {
  grid-template-columns: 1fr;
}

.fatmir-project-card > .fatmir-project-preview,
.ideal-project-card > .ideal-project-preview,
.bloom-project-card > .bloom-project-preview {
  width: 100%;
  min-width: 0;
}

.projects-page .fatmir-project-card,
.projects-page .ideal-project-card,
.projects-page .bloom-project-card {
  gap: 0;
}


/* Project slider top bar: counter · active project name · arrows */
.slider-topline {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.slider-status {
  justify-self: start;
  display: flex;
  align-items: baseline;
  gap: 14px;
}
.slider-project-name {
  justify-self: center;
  min-width: 0;
  max-width: 30ch;
  color: rgba(255,255,255,.78);
  font-family: var(--sans);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slider-controls { justify-self: end; }

/* Image-only custom projects: remove the structural side card completely */
.project-slide-image-only {
  padding: 0 !important;
  background: transparent !important;
}
.project-slide-image-only > a {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
}
.project-slide-image-only > a > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: cover !important;
  object-position: center !important;
  background: transparent !important;
}

@media (max-width: 680px) {
  .slider-topline {
    grid-template-columns: 1fr auto;
    row-gap: 8px;
  }
  .slider-project-name {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: start;
    max-width: 100%;
    text-align: left;
    font-size: .68rem;
  }
  .slider-controls {
    grid-column: 2;
    grid-row: 1;
  }
}


/* Homepage project slides: image-only presentation */
#project-slider .project-slide a {
  overflow: hidden;
}
#project-slider .project-slide img {
  width: 100%;
  height: 100%;
}


/* Project showcase screenshots: use site-only visuals cleanly */
.project-slide img {
  object-position: center top;
}
.project-slide.project-slide-image-only img {
  object-fit: cover;
  object-position: center top;
}


/* Homepage project previews: tighter focus, less dead space */
body:not(.projects-page) #project-slider .project-slide img {
  object-fit: cover !important;
  object-position: center top !important;
}
body:not(.projects-page) #project-slider .fatmir-project-preview img {
  object-position: center 18% !important;
}
body:not(.projects-page) #project-slider .ideal-project-preview img,
body:not(.projects-page) #project-slider .bloom-project-preview img {
  object-position: center top !important;
}


/* Homepage project previews: individual focus pass */
body:not(.projects-page) #project-slider .project-slide img {
  object-fit: cover !important;
  object-position: center center !important;
}

body:not(.projects-page) #project-slider .project-slide[data-project-name="Fatmir Mura"] img {
  object-position: center 34% !important;
}

body:not(.projects-page) #project-slider .project-slide[data-project-name="Ideal Masonry"] img,
body:not(.projects-page) #project-slider .project-slide[data-project-name="Bright Smiles Dental"] img,
body:not(.projects-page) #project-slider .project-slide[data-project-name="Bloom & Grace"] img {
  object-position: center top !important;
}

body:not(.projects-page) #project-slider .project-slide[data-project-name="Justice Partners"] img,
body:not(.projects-page) #project-slider .project-slide[data-project-name="ProFix Auto"] img,
body:not(.projects-page) #project-slider .project-slide[data-project-name="Road Help 24/7"] img {
  object-position: center 18% !important;
}

/* Peci Papagjoni homepage preview */
body:not(.projects-page) #project-slider .project-slide[data-project-name="Peci Papagjoni Law Firm"] img {
  object-fit: cover !important;
  object-position: center center !important;
}

/* Homepage project previews: tightened asset focus */
body:not(.projects-page) #project-slider .project-slide img {
  object-fit: cover !important;
  object-position: center center !important;
}
body:not(.projects-page) #project-slider .project-slide[data-project-name="Atilda’s"] img,
body:not(.projects-page) #project-slider .project-slide[data-project-name="Ideal Masonry"] img,
body:not(.projects-page) #project-slider .project-slide[data-project-name="Bright Smiles Dental"] img,
body:not(.projects-page) #project-slider .project-slide[data-project-name="Bloom & Grace"] img {
  object-position: center top !important;
}
body:not(.projects-page) #project-slider .project-slide[data-project-name="Fatmir Mura"] img {
  object-position: center 28% !important;
}
body:not(.projects-page) #project-slider .project-slide[data-project-name="Peci Papagjoni Law Firm"] img {
  object-position: center center !important;
}


/* Peci Papagjoni homepage preview: preserve full hero text visibility */
body:not(.projects-page) #project-slider .project-slide[data-project-name="Peci Papagjoni Law Firm"] > a {
  background: #060707;
}
body:not(.projects-page) #project-slider .project-slide[data-project-name="Peci Papagjoni Law Firm"] img {
  object-fit: contain !important;
  object-position: center top !important;
  background: #060707;
}


/* Peci Papagjoni homepage preview: full-bleed with hero text kept in focus */
body:not(.projects-page) #project-slider .project-slide[data-project-name="Peci Papagjoni Law Firm"] > a {
  background: #060707;
  overflow: hidden;
}
body:not(.projects-page) #project-slider .project-slide[data-project-name="Peci Papagjoni Law Firm"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 28% center !important;
  background: #060707;
}


/* Peci Papagjoni active theme across homepage work section */
.work-showcase.theme-peci {
  background:
    radial-gradient(circle at 14% 16%, rgba(254,146,76,.14), transparent 24rem),
    linear-gradient(180deg, rgba(254,146,76,.06), rgba(254,146,76,.015));
}
.work.theme-peci {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.work.theme-peci .project-intro-panel,
.work.theme-peci .vertical-projects {
  background:
    linear-gradient(180deg, rgba(22,15,12,.96), rgba(14,11,10,.92)),
    radial-gradient(circle at top right, rgba(254,146,76,.13), transparent 40%);
  border-color: rgba(254,146,76,.22);
  box-shadow:
    0 24px 70px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.03),
    0 0 0 1px rgba(254,146,76,.06);
}
.work.theme-peci .project-intro-panel::before {
  background: linear-gradient(90deg, transparent, rgba(254,146,76,.14), transparent);
  opacity: .85;
}
.work.theme-peci .project-intro-browser {
  background: linear-gradient(180deg, rgba(11,11,11,.96), rgba(18,17,16,.92));
  border-color: rgba(254,146,76,.18);
}
.work.theme-peci .browser-bar {
  background: rgba(255,255,255,.03);
  border-bottom-color: rgba(254,146,76,.16);
}
.work.theme-peci .browser-bar i { background: rgba(254,146,76,.54); }
.work.theme-peci .project-intro-copy p,
.work.theme-peci .project-intro-index,
.work.theme-peci .slider-eyebrow,
.work.theme-peci .slider-project-name { color: rgba(255,235,222,.74); }
.work.theme-peci .project-intro-copy h3,
.work.theme-peci .slider-topline strong,
.work.theme-peci .slider-status #project-current,
.work.theme-peci .text-link,
.work.theme-peci .mock-label { color: #ffd2b5; }
.work.theme-peci .text-link span,
.work.theme-peci .slider-button:hover:not(:disabled) { color: #FE924C; }
.work.theme-peci .text-link::after {
  background: linear-gradient(90deg, #FE924C, rgba(254,146,76,.18));
}
.work.theme-peci .project-intro-index { color: #FE924C; }
.work.theme-peci .project-slider {
  border-color: rgba(254,146,76,.16);
  background: rgba(11,10,10,.54);
  box-shadow: inset 0 0 0 1px rgba(254,146,76,.05);
}
.work.theme-peci .project-slide {
  background: rgba(16,12,11,.88);
}
.work.theme-peci .project-slide + .project-slide {
  border-top-color: rgba(254,146,76,.12);
}
.work.theme-peci .project-slide > a {
  background: rgba(7,7,7,.88);
}
.work.theme-peci .slider-button {
  border-color: rgba(254,146,76,.18);
  background: rgba(255,255,255,.03);
  color: rgba(255,227,210,.82);
}
.work.theme-peci .slider-button:hover:not(:disabled) {
  border-color: rgba(254,146,76,.34);
  background: rgba(254,146,76,.09);
  box-shadow: 0 10px 24px rgba(254,146,76,.14);
}
.work.theme-peci .slider-button:disabled:hover {
  background: rgba(255,255,255,.03);
  color: rgba(255,227,210,.82);
  box-shadow: none;
}
.work.theme-peci .slider-dots button {
  background: rgba(254,146,76,.17);
}
.work.theme-peci .slider-dots button:hover,
.work.theme-peci .slider-dots button.active {
  background: #FE924C;
}
.home-work.theme-peci::before {
  opacity: 1;
  background:
    radial-gradient(circle at 14% 22%, rgba(254,146,76,.14), transparent 25rem),
    radial-gradient(circle at 84% 22%, rgba(254,146,76,.10), transparent 18rem),
    linear-gradient(180deg, rgba(254,146,76,.06), rgba(254,146,76,.02) 54%, transparent 100%);
}


/* Peci theme: remove remaining lime tint from Punime të zgjedhura frame */
.work.theme-peci .project-intro-copy {
  background:
    radial-gradient(circle at 86% 16%, rgba(254,146,76,.14), transparent 27%),
    linear-gradient(180deg, #171311, #0f0d0c);
}
.work.theme-peci .mock-label {
  color: #FE924C;
}


/* Fatmir Mura homepage preview: uploaded artwork crop */
body:not(.projects-page) #project-slider .project-slide[data-project-name="Fatmir Mura"] > a {
  background: #140d09;
}
body:not(.projects-page) #project-slider .project-slide[data-project-name="Fatmir Mura"] img {
  object-fit: cover !important;
  object-position: center center !important;
  background: #140d09;
}


/* Fatmir Mura homepage preview: full uploaded composition */
body:not(.projects-page) #project-slider .project-slide[data-project-name="Fatmir Mura"] > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1b110b !important;
}
body:not(.projects-page) #project-slider .project-slide[data-project-name="Fatmir Mura"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #1b110b !important;
}


/* Bright Smiles Dental active theme across homepage work section */
.work-showcase.theme-bright {
  background:
    radial-gradient(circle at 16% 18%, rgba(33,128,208,.15), transparent 24rem),
    linear-gradient(180deg, rgba(33,128,208,.065), rgba(33,128,208,.015));
}
.work.theme-bright {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.work.theme-bright .project-intro-panel,
.work.theme-bright .vertical-projects {
  background:
    linear-gradient(180deg, rgba(11,17,23,.96), rgba(8,13,18,.93)),
    radial-gradient(circle at top right, rgba(33,128,208,.14), transparent 40%);
  border-color: rgba(33,128,208,.24);
  box-shadow:
    0 24px 70px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.03),
    0 0 0 1px rgba(33,128,208,.07);
}
.work.theme-bright .project-intro-panel::before {
  background: linear-gradient(90deg, transparent, rgba(33,128,208,.16), transparent);
  opacity: .9;
}
.work.theme-bright .project-intro-browser {
  background: linear-gradient(180deg, rgba(9,14,19,.97), rgba(12,18,24,.94));
  border-color: rgba(33,128,208,.20);
}
.work.theme-bright .browser-bar {
  background: rgba(255,255,255,.03);
  border-bottom-color: rgba(33,128,208,.17);
}
.work.theme-bright .browser-bar i { background: rgba(33,128,208,.58); }
.work.theme-bright .project-intro-copy {
  background:
    radial-gradient(circle at 86% 16%, rgba(33,128,208,.15), transparent 27%),
    linear-gradient(180deg, #101820, #0b1117);
}
.work.theme-bright .project-intro-copy p,
.work.theme-bright .slider-eyebrow,
.work.theme-bright .slider-project-name { color: rgba(221,238,252,.76); }
.work.theme-bright .project-intro-copy h3,
.work.theme-bright .slider-topline strong,
.work.theme-bright .slider-status #project-current,
.work.theme-bright .text-link { color: #d8edff; }
.work.theme-bright .project-intro-index,
.work.theme-bright .mock-label,
.work.theme-bright .text-link span,
.work.theme-bright .slider-button:hover:not(:disabled) { color: #2180D0; }
.work.theme-bright .text-link::after {
  background: linear-gradient(90deg, #2180D0, rgba(33,128,208,.18));
}
.work.theme-bright .project-slider {
  border-color: rgba(33,128,208,.18);
  background: rgba(7,12,17,.58);
  box-shadow: inset 0 0 0 1px rgba(33,128,208,.055);
}
.work.theme-bright .project-slide { background: rgba(8,14,20,.90); }
.work.theme-bright .project-slide + .project-slide { border-top-color: rgba(33,128,208,.13); }
.work.theme-bright .project-slide > a { background: rgba(6,10,14,.90); }
.work.theme-bright .slider-button {
  border-color: rgba(33,128,208,.20);
  background: rgba(255,255,255,.03);
  color: rgba(221,238,252,.84);
}
.work.theme-bright .slider-button:hover:not(:disabled) {
  border-color: rgba(33,128,208,.38);
  background: rgba(33,128,208,.10);
  box-shadow: 0 10px 24px rgba(33,128,208,.14);
}
.work.theme-bright .slider-button:disabled:hover {
  background: rgba(255,255,255,.03);
  color: rgba(221,238,252,.84);
  box-shadow: none;
}
.work.theme-bright .slider-dots button { background: rgba(33,128,208,.18); }
.work.theme-bright .slider-dots button:hover,
.work.theme-bright .slider-dots button.active { background: #2180D0; }
.home-work.theme-bright::before {
  opacity: 1;
  background:
    radial-gradient(circle at 14% 22%, rgba(33,128,208,.15), transparent 25rem),
    radial-gradient(circle at 84% 22%, rgba(33,128,208,.10), transparent 18rem),
    linear-gradient(180deg, rgba(33,128,208,.065), rgba(33,128,208,.02) 54%, transparent 100%);
}


/* Bright Smiles Dental: lighter theme based on #2280CD */
.work-showcase.theme-bright {
  background:
    radial-gradient(circle at 16% 18%, rgba(34,128,205,.12), transparent 26rem),
    linear-gradient(180deg, rgba(34,128,205,.045), rgba(34,128,205,.008));
}

.work.theme-bright .project-intro-panel,
.work.theme-bright .vertical-projects {
  background:
    linear-gradient(180deg, rgba(18,27,35,.94), rgba(13,21,29,.91)),
    radial-gradient(circle at top right, rgba(34,128,205,.11), transparent 42%);
  border-color: rgba(34,128,205,.18);
  box-shadow:
    0 22px 60px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.045),
    0 0 0 1px rgba(34,128,205,.045);
}

.work.theme-bright .project-intro-panel::before {
  background: linear-gradient(90deg, transparent, rgba(34,128,205,.12), transparent);
  opacity: .8;
}

.work.theme-bright .project-intro-browser {
  background: linear-gradient(180deg, rgba(16,24,32,.95), rgba(20,29,38,.92));
  border-color: rgba(34,128,205,.15);
}

.work.theme-bright .browser-bar {
  background: rgba(255,255,255,.045);
  border-bottom-color: rgba(34,128,205,.13);
}

.work.theme-bright .browser-bar i {
  background: rgba(34,128,205,.48);
}

.work.theme-bright .project-intro-copy {
  background:
    radial-gradient(circle at 86% 16%, rgba(34,128,205,.10), transparent 30%),
    linear-gradient(180deg, #182631, #121d26);
}

.work.theme-bright .project-intro-copy p,
.work.theme-bright .slider-eyebrow,
.work.theme-bright .slider-project-name {
  color: rgba(229,242,252,.82);
}

.work.theme-bright .project-intro-copy h3,
.work.theme-bright .slider-topline strong,
.work.theme-bright .slider-status #project-current,
.work.theme-bright .text-link {
  color: #edf7ff;
}

.work.theme-bright .project-intro-index,
.work.theme-bright .mock-label,
.work.theme-bright .text-link span,
.work.theme-bright .slider-button:hover:not(:disabled) {
  color: #2280CD;
}

.work.theme-bright .text-link::after {
  background: linear-gradient(90deg, #2280CD, rgba(34,128,205,.13));
}

.work.theme-bright .project-slider {
  border-color: rgba(34,128,205,.14);
  background: rgba(13,20,27,.48);
  box-shadow: inset 0 0 0 1px rgba(34,128,205,.04);
}

.work.theme-bright .project-slide {
  background: rgba(13,21,28,.84);
}

.work.theme-bright .project-slide + .project-slide {
  border-top-color: rgba(34,128,205,.10);
}

.work.theme-bright .project-slide > a {
  background: rgba(11,17,23,.84);
}

.work.theme-bright .slider-button {
  border-color: rgba(34,128,205,.16);
  background: rgba(255,255,255,.045);
  color: rgba(231,244,253,.88);
}

.work.theme-bright .slider-button:hover:not(:disabled) {
  border-color: rgba(34,128,205,.30);
  background: rgba(34,128,205,.075);
  box-shadow: 0 8px 20px rgba(34,128,205,.10);
}

.work.theme-bright .slider-button:disabled:hover {
  background: rgba(255,255,255,.045);
  color: rgba(231,244,253,.88);
  box-shadow: none;
}

.work.theme-bright .slider-dots button {
  background: rgba(34,128,205,.14);
}

.work.theme-bright .slider-dots button:hover,
.work.theme-bright .slider-dots button.active {
  background: #2280CD;
}

.home-work.theme-bright::before {
  opacity: 1;
  background:
    radial-gradient(circle at 14% 22%, rgba(34,128,205,.11), transparent 27rem),
    radial-gradient(circle at 84% 22%, rgba(34,128,205,.07), transparent 20rem),
    linear-gradient(180deg, rgba(34,128,205,.045), rgba(34,128,205,.012) 54%, transparent 100%);
}


/* Bright Smiles Dental: much lighter theme based on #2280CD */
.work-showcase.theme-bright {
  background:
    radial-gradient(circle at 16% 18%, rgba(34,128,205,.10), transparent 28rem),
    linear-gradient(180deg, rgba(219,239,255,.12), rgba(34,128,205,.015));
}

.work.theme-bright .project-intro-panel,
.work.theme-bright .vertical-projects {
  background:
    linear-gradient(180deg, rgba(236,247,255,.96), rgba(220,239,253,.94)),
    radial-gradient(circle at top right, rgba(34,128,205,.10), transparent 42%);
  border-color: rgba(34,128,205,.22);
  box-shadow:
    0 22px 55px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.8),
    0 0 0 1px rgba(34,128,205,.035);
}

.work.theme-bright .project-intro-panel::before {
  background: linear-gradient(90deg, transparent, rgba(34,128,205,.16), transparent);
  opacity: .95;
}

.work.theme-bright .project-intro-browser {
  background: linear-gradient(180deg, rgba(248,252,255,.98), rgba(232,244,253,.96));
  border-color: rgba(34,128,205,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

.work.theme-bright .browser-bar {
  background: rgba(34,128,205,.035);
  border-bottom-color: rgba(34,128,205,.13);
}

.work.theme-bright .browser-bar i {
  background: rgba(34,128,205,.52);
}

.work.theme-bright .project-intro-copy {
  background:
    radial-gradient(circle at 86% 16%, rgba(34,128,205,.09), transparent 30%),
    linear-gradient(180deg, #f6fbff, #e8f4fc);
}

.work.theme-bright .project-intro-copy p,
.work.theme-bright .slider-eyebrow,
.work.theme-bright .slider-project-name {
  color: rgba(31,72,102,.72);
}

.work.theme-bright .project-intro-copy h3,
.work.theme-bright .slider-topline strong,
.work.theme-bright .slider-status #project-current,
.work.theme-bright .text-link {
  color: #14344b;
}

.work.theme-bright .project-intro-index,
.work.theme-bright .mock-label,
.work.theme-bright .text-link span,
.work.theme-bright .slider-button:hover:not(:disabled) {
  color: #2280CD;
}

.work.theme-bright .text-link::after {
  background: linear-gradient(90deg, #2280CD, rgba(34,128,205,.16));
}

.work.theme-bright .project-slider {
  border-color: rgba(34,128,205,.15);
  background: rgba(231,243,252,.72);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.6);
}

.work.theme-bright .project-slide {
  background: rgba(242,249,254,.92);
}

.work.theme-bright .project-slide + .project-slide {
  border-top-color: rgba(34,128,205,.10);
}

.work.theme-bright .project-slide > a {
  background: rgba(241,248,253,.94);
}

.work.theme-bright .slider-button {
  border-color: rgba(34,128,205,.18);
  background: rgba(255,255,255,.72);
  color: #2b5571;
}

.work.theme-bright .slider-button:hover:not(:disabled) {
  border-color: rgba(34,128,205,.34);
  background: rgba(34,128,205,.08);
  box-shadow: 0 8px 18px rgba(34,128,205,.10);
  color: #2280CD;
}

.work.theme-bright .slider-button:disabled:hover {
  background: rgba(255,255,255,.72);
  color: #2b5571;
  box-shadow: none;
}

.work.theme-bright .slider-dots button {
  background: rgba(34,128,205,.18);
}

.work.theme-bright .slider-dots button:hover,
.work.theme-bright .slider-dots button.active {
  background: #2280CD;
}

.home-work.theme-bright::before {
  opacity: 1;
  background:
    radial-gradient(circle at 14% 22%, rgba(34,128,205,.09), transparent 30rem),
    radial-gradient(circle at 84% 22%, rgba(34,128,205,.055), transparent 22rem),
    linear-gradient(180deg, rgba(209,233,249,.15), rgba(34,128,205,.018) 54%, transparent 100%);
}


/* Bright Smiles Dental: balanced light theme using #EDF3F7 + #2280CD */
.work-showcase.theme-bright {
  background:
    radial-gradient(circle at 16% 18%, rgba(34,128,205,.08), transparent 28rem),
    linear-gradient(180deg, rgba(237,243,247,.10), rgba(34,128,205,.012));
}

.work.theme-bright .project-intro-panel,
.work.theme-bright .vertical-projects {
  background:
    linear-gradient(180deg, rgba(237,243,247,.98), rgba(226,236,243,.96)),
    radial-gradient(circle at top right, rgba(34,128,205,.09), transparent 42%);
  border-color: rgba(34,128,205,.20);
  box-shadow:
    0 22px 55px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.72),
    0 0 0 1px rgba(34,128,205,.04);
}

.work.theme-bright .project-intro-panel::before {
  background: linear-gradient(90deg, transparent, rgba(34,128,205,.14), transparent);
  opacity: .9;
}

.work.theme-bright .project-intro-browser {
  background: linear-gradient(180deg, #EDF3F7, #e3edf3);
  border-color: rgba(34,128,205,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.74);
}

.work.theme-bright .browser-bar {
  background: rgba(34,128,205,.04);
  border-bottom-color: rgba(34,128,205,.14);
}

.work.theme-bright .browser-bar i {
  background: rgba(34,128,205,.54);
}

.work.theme-bright .project-intro-copy {
  background:
    radial-gradient(circle at 86% 16%, rgba(34,128,205,.075), transparent 30%),
    linear-gradient(180deg, #EDF3F7, #e7eff4);
}

.work.theme-bright .project-intro-copy p,
.work.theme-bright .slider-eyebrow,
.work.theme-bright .slider-project-name {
  color: rgba(41,73,96,.72);
}

.work.theme-bright .project-intro-copy h3,
.work.theme-bright .slider-topline strong,
.work.theme-bright .slider-status #project-current,
.work.theme-bright .text-link {
  color: #17364d;
}

.work.theme-bright .project-intro-index,
.work.theme-bright .mock-label,
.work.theme-bright .text-link span,
.work.theme-bright .slider-button:hover:not(:disabled) {
  color: #2280CD;
}

.work.theme-bright .text-link::after {
  background: linear-gradient(90deg, #2280CD, rgba(34,128,205,.17));
}

.work.theme-bright .project-slider {
  border-color: rgba(34,128,205,.15);
  background: rgba(223,234,241,.76);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.52);
}

.work.theme-bright .project-slide {
  background: rgba(232,240,245,.92);
}

.work.theme-bright .project-slide + .project-slide {
  border-top-color: rgba(34,128,205,.10);
}

.work.theme-bright .project-slide > a {
  background: rgba(228,237,243,.94);
}

.work.theme-bright .slider-button {
  border-color: rgba(34,128,205,.19);
  background: rgba(255,255,255,.56);
  color: #315a75;
}

.work.theme-bright .slider-button:hover:not(:disabled) {
  border-color: rgba(34,128,205,.34);
  background: rgba(34,128,205,.09);
  box-shadow: 0 8px 18px rgba(34,128,205,.11);
  color: #2280CD;
}

.work.theme-bright .slider-button:disabled:hover {
  background: rgba(255,255,255,.56);
  color: #315a75;
  box-shadow: none;
}

.work.theme-bright .slider-dots button {
  background: rgba(34,128,205,.20);
}

.work.theme-bright .slider-dots button:hover,
.work.theme-bright .slider-dots button.active {
  background: #2280CD;
}

.home-work.theme-bright::before {
  opacity: 1;
  background:
    radial-gradient(circle at 14% 22%, rgba(34,128,205,.075), transparent 30rem),
    radial-gradient(circle at 84% 22%, rgba(34,128,205,.05), transparent 22rem),
    linear-gradient(180deg, rgba(237,243,247,.11), rgba(34,128,205,.014) 54%, transparent 100%);
}


/* Bright Smiles Dental: outer left frame only */
.work.theme-bright .project-intro-panel {
  background: #EDF3F7;
  border-color: rgba(34,128,205,.20);
  box-shadow:
    0 22px 55px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.72),
    0 0 0 1px rgba(34,128,205,.04);
}

.work.theme-bright .project-intro-index {
  color: #fff;
}


/* Bright Smiles Dental: outer main left frame final color */
.work.theme-bright .project-intro-panel {
  background: #287FC8;
}


/* Atilda's active homepage theme — #D4E1DA */
.work-showcase.theme-atildas {
  background:
    radial-gradient(circle at 14% 18%, rgba(212,225,218,.16), transparent 27rem),
    linear-gradient(180deg, rgba(212,225,218,.07), rgba(212,225,218,.015));
}
.work.theme-atildas {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.work.theme-atildas .project-intro-panel,
.work.theme-atildas .vertical-projects {
  background:
    linear-gradient(180deg, rgba(212,225,218,.96), rgba(195,211,202,.94));
  border-color: rgba(77,105,91,.22);
  box-shadow:
    0 22px 58px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.55),
    0 0 0 1px rgba(77,105,91,.04);
}
.work.theme-atildas .project-intro-panel::before {
  background: linear-gradient(90deg, transparent, rgba(70,101,86,.16), transparent);
  opacity: .9;
}
.work.theme-atildas .project-intro-browser {
  background: linear-gradient(180deg, rgba(35,48,42,.97), rgba(25,36,31,.96));
  border-color: rgba(212,225,218,.20);
}
.work.theme-atildas .browser-bar {
  background: rgba(255,255,255,.035);
  border-bottom-color: rgba(212,225,218,.16);
}
.work.theme-atildas .browser-bar i { background: rgba(212,225,218,.58); }
.work.theme-atildas .project-intro-copy {
  background:
    radial-gradient(circle at 86% 16%, rgba(212,225,218,.09), transparent 30%),
    linear-gradient(180deg, #26372f, #1d2b25);
}
.work.theme-atildas .project-intro-copy p,
.work.theme-atildas .slider-eyebrow,
.work.theme-atildas .slider-project-name { color: rgba(29,49,39,.72); }
.work.theme-atildas .project-intro-copy h3,
.work.theme-atildas .text-link,
.work.theme-atildas .mock-label { color: #f4f8f6; }
.work.theme-atildas .slider-topline strong,
.work.theme-atildas .slider-status #project-current,
.work.theme-atildas .project-intro-index,
.work.theme-atildas .text-link span { color: #365c49; }
.work.theme-atildas .text-link::after {
  background: linear-gradient(90deg, #365c49, rgba(54,92,73,.16));
}
.work.theme-atildas .project-slider {
  border-color: rgba(54,92,73,.16);
  background: rgba(224,233,228,.75);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.42);
}
.work.theme-atildas .project-slide { background: rgba(225,234,229,.92); }
.work.theme-atildas .project-slide + .project-slide { border-top-color: rgba(54,92,73,.10); }
.work.theme-atildas .project-slide > a { background: #d4e1da; }
.work.theme-atildas .slider-button {
  border-color: rgba(54,92,73,.22);
  background: rgba(255,255,255,.38);
  color: #294838;
}
.work.theme-atildas .slider-button:hover:not(:disabled) {
  border-color: rgba(54,92,73,.40);
  background: rgba(54,92,73,.09);
  color: #274c39;
}
.work.theme-atildas .slider-dots button { background: rgba(54,92,73,.20); }
.work.theme-atildas .slider-dots button:hover,
.work.theme-atildas .slider-dots button.active { background: #365c49; }
.home-work.theme-atildas::before {
  opacity: 1;
  background:
    radial-gradient(circle at 14% 22%, rgba(212,225,218,.16), transparent 30rem),
    radial-gradient(circle at 84% 22%, rgba(212,225,218,.10), transparent 22rem),
    linear-gradient(180deg, rgba(212,225,218,.08), rgba(212,225,218,.015) 54%, transparent 100%);
}

/* Homepage project previews: center every full screenshot and keep all content visible */
body:not(.projects-page) #project-slider .project-slide > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden;
}
body:not(.projects-page) #project-slider .project-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}


/* Atilda's refinement: lighter green and white WEB DESIGN 2024 */
.work.theme-atildas .project-intro-browser {
  background: linear-gradient(180deg, #46574f, #3f5048);
}
.work.theme-atildas .project-intro-copy {
  background:
    radial-gradient(circle at 86% 16%, rgba(212,225,218,.10), transparent 30%),
    linear-gradient(180deg, #46574f, #3f5048);
}
.work.theme-atildas .project-intro-index {
  color: #fff;
}


/* Gpixels 39: Atilda copy + robust full-content project image fitting */
.work.theme-atildas .project-intro-copy p {
  color: #fff !important;
}

body:not(.projects-page) #project-slider .project-slide > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
body:not(.projects-page) #project-slider .project-slide img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  transform: none !important;
}

/* Match any unavoidable breathing room to each project's visual palette. */
body:not(.projects-page) #project-slider .project-slide[data-project-name="Capital Car Rental"] > a { background: #0b0d0d !important; }
body:not(.projects-page) #project-slider .project-slide[data-project-name="Atilda’s"] > a { background: #d4e1da !important; }
body:not(.projects-page) #project-slider .project-slide[data-project-name="Fatmir Mura"] > a { background: #160f0b !important; }
body:not(.projects-page) #project-slider .project-slide[data-project-name="Ideal Masonry"] > a { background: #18201d !important; }
body:not(.projects-page) #project-slider .project-slide[data-project-name="Bright Smiles Dental"] > a { background: #edf3f7 !important; }
body:not(.projects-page) #project-slider .project-slide[data-project-name="Bloom & Grace"] > a { background: #c1867f !important; }
body:not(.projects-page) #project-slider .project-slide[data-project-name="Peci Papagjoni Law Firm"] > a { background: #080706 !important; }
body:not(.projects-page) #project-slider .project-slide[data-project-name="Road Help 24/7"] > a { background: #111414 !important; }


/* GeosPixels Colorful section palette, adapted to Default form */
.hero { background: #121212; }
#work.home-work {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-top: 118px;
  padding-bottom: 118px;
  color: #07324e;
  background: linear-gradient(125deg, #eaf7ff 0%, #ffffff 42%, #eff9ff 100%) !important;
}
#work.home-work::before {
  opacity: 1;
  inset: 0;
  border-radius: 0;
  background: radial-gradient(circle at 84% 12%, rgba(31,159,239,.24), transparent 32rem);
  filter: none;
}
#work.home-work::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .26;
  background-image: linear-gradient(rgba(22,150,239,.075) 1px, transparent 1px), linear-gradient(90deg, rgba(22,150,239,.075) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(90deg, #000 0%, transparent 68%);
}
#work.home-work > * { position: relative; z-index: 1; }
#work.home-work .section-heading p { color: #087e9a; }
#work.home-work .section-heading h2 { color: #06233f; }

.studio {
  position: relative;
  isolation: isolate;
  padding-top: 118px;
  padding-bottom: 118px;
  color: #f7f8ff;
  background: transparent;
}
#studio::before {
  content: ""; position: absolute; z-index: 0; top: 0; left: 50%; width: 100vw; height: 100%; transform: translateX(-50%); pointer-events: none;
  background: radial-gradient(circle at 94% 16%, rgba(129,170,255,.46), transparent 27rem), linear-gradient(135deg, #2c2470 0%, #1a2460 48%, #243d87 100%);
}
.studio-grid { position: relative; z-index: 1; }
.studio .section-heading p { color: #b7f7e6; }
.studio .section-heading h2 { color: #fff; }
.studio-copy {
  padding: clamp(28px, 4vw, 46px);
  border: 1px solid rgba(207,224,255,.22);
  border-radius: 28px;
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 28px 70px rgba(8,14,61,.28);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.studio-copy > p { color: #dce7ff; }
.studio-stats { border-color: rgba(214,230,255,.22); }
.studio-stats strong { color: #fff; }
.studio-stats span { color: #b9c9ee; }

.services {
  position: relative;
  isolation: isolate;
  padding-top: 118px;
  padding-bottom: 118px;
  color: #083946;
  background: transparent;
}
#services::before {
  content: ""; position: absolute; z-index: 0; top: 0; left: 50%; width: 100vw; height: 100%; transform: translateX(-50%); pointer-events: none;
  background: radial-gradient(circle at 88% 86%, rgba(10,207,216,.24), transparent 24rem), linear-gradient(125deg, #dffcff 0%, #f4fffe 48%, #e8f1ff 100%);
}
.services > * { position: relative; z-index: 1; }
.services .section-heading p { color: #087e9a; }
.services .section-heading h2 { color: #083946; }
.services .service-item,
.services .service-item:last-child {
  padding: 23px 24px;
  border: 1px solid rgba(5,139,166,.18);
  border-radius: 18px;
  background: rgba(255,255,255,.56);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 14px 32px rgba(13,109,145,.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.services .service-item:hover { padding-left: 34px; border-color: rgba(8,164,190,.36); background: rgba(255,255,255,.82); box-shadow: 0 18px 36px rgba(13,109,145,.15); }
.services .service-item > span, .services .service-item b { color: #087e9a; }
.services .service-item h3 { color: #0a4455; }
.services .service-item p { color: #527680; }

.manifesto {
  position: relative;
  isolation: isolate;
  padding-top: 118px;
  padding-bottom: 118px;
  color: #fff;
  background: transparent;
}
#manifesto::before {
  content: ""; position: absolute; z-index: 0; top: 0; left: 50%; width: 100vw; height: 100%; transform: translateX(-50%); pointer-events: none;
  background: radial-gradient(circle at 86% 18%, rgba(244,104,206,.48), transparent 23%), radial-gradient(circle at 10% 90%, rgba(113,104,255,.46), transparent 28%), linear-gradient(135deg, #52247d 0%, #35175f 52%, #200b45 100%);
}
.manifesto::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: .25;
  background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 54px 54px;
}
.manifesto-card { position: relative; z-index: 1; border-color: rgba(249,203,255,.22); background: rgba(34,12,76,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.16); }
.manifesto-card > p { color: #ffc9f3; }
.manifesto-pixels span { background: #ffd166; }

.contact {
  position: relative;
  isolation: isolate;
  padding-top: 118px;
  padding-bottom: 88px;
  color: #25284e;
  background: transparent;
}
#contact::before {
  content: ""; position: absolute; z-index: 0; top: 0; left: 50%; width: 100vw; height: 100%; transform: translateX(-50%); pointer-events: none;
  background: radial-gradient(circle at 8% 12%, rgba(102,111,255,.22), transparent 25rem), linear-gradient(128deg, #e9fbff 0%, #fbf8ff 48%, #edf1ff 100%);
}
.contact .eyebrow { color: #6950a6; }
.contact h2 { color: #25284e; }
.contact-panel { border: 1px solid rgba(87,92,176,.2); background: rgba(255,255,255,.58); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 26px 60px rgba(70,71,148,.12); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.contact-panel p { color: #5d6281; }
.contact .button.primary { color: #fff; background: #4c215a; }
.contact .button.primary:hover { box-shadow: 0 12px 30px rgba(76,33,90,.25); }
.contact-links { color: #77799c; }
.contact-links a:hover { color: #6950a6; }

@media (max-width: 680px) {
  #work.home-work, .studio, .services, .manifesto, .contact { padding-top: 86px; padding-bottom: 86px; }
  .studio-stats { grid-template-columns: 1fr; gap: 15px; }
  .manifesto-card { min-height: 360px; }
}

/* Header glass follows the section currently under the scroll marker. */
.site-header.glass,
.mobile-menu.glass {
  background: var(--header-glass, rgba(21,21,21,.78));
  border-color: var(--header-border, rgba(255,255,255,.14));
  color: var(--header-ink, #fff);
  transition: background .4s ease, border-color .4s ease, color .3s ease, box-shadow .4s ease;
}
.site-header.glass { box-shadow: 0 12px 34px rgba(12,18,32,.12); }
.desktop-nav { color: var(--header-muted, #dedee4); transition: color .3s ease; }
.desktop-nav a::after { background: var(--header-accent, var(--lime)); }
.brand-mark { fill: var(--header-ink, #fff); transition: fill .3s ease; }
.brand-mark .accent-pixel, .brand-word span { color: var(--header-accent, var(--lime)); fill: var(--header-accent, var(--lime)); transition: color .3s ease, fill .3s ease; }
.menu-toggle span { background: var(--header-ink, #fff); }
.mobile-menu a { color: var(--header-ink, #fff); }
body[data-section-theme="hero"] { --header-glass: rgba(18,18,18,.82); --header-border: rgba(255,255,255,.14); --header-ink: #fff; --header-muted: #dedee4; --header-accent: #d4ff00; }
body[data-section-theme="work"] { --header-glass: rgba(230,247,255,.88); --header-border: rgba(22,125,190,.22); --header-ink: #08324f; --header-muted: #315d77; --header-accent: #087e9a; }
body[data-section-theme="studio"] { --header-glass: rgba(31,37,101,.88); --header-border: rgba(207,224,255,.24); --header-ink: #fff; --header-muted: #dce7ff; --header-accent: #b7f7e6; }
body[data-section-theme="services"] { --header-glass: rgba(231,252,253,.9); --header-border: rgba(8,126,154,.2); --header-ink: #083946; --header-muted: #315d68; --header-accent: #087e9a; }
body[data-section-theme="manifesto"] { --header-glass: rgba(47,18,87,.9); --header-border: rgba(249,203,255,.25); --header-ink: #fff; --header-muted: #f0d9f2; --header-accent: #ffc9f3; }
body[data-section-theme="contact"] { --header-glass: rgba(237,243,255,.92); --header-border: rgba(87,92,176,.23); --header-ink: #25284e; --header-muted: #565c80; --header-accent: #6950a6; }

/* The cursor light sits above section backgrounds and borrows each section's accent color. */
.hero { --cursor-glow-rgb: 212,255,0; }
.work { --cursor-glow-rgb: 8,126,154; }
.work.theme-fatmir { --cursor-glow-rgb: 189,161,100; }
.work.theme-ideal { --cursor-glow-rgb: 212,255,0; }
.work.theme-atildas { --cursor-glow-rgb: 201,220,119; }
.work.theme-bright { --cursor-glow-rgb: 22,143,215; }
.work.theme-bloom { --cursor-glow-rgb: 232,183,179; }
.work.theme-peci { --cursor-glow-rgb: 207,164,90; }
.work.theme-profix { --cursor-glow-rgb: 239,52,60; }
.studio { --cursor-glow-rgb: 183,247,230; }
.services { --cursor-glow-rgb: 8,126,154; }
.manifesto { --cursor-glow-rgb: 249,203,255; }
.contact { --cursor-glow-rgb: 105,80,166; }
body[data-section-theme="hero"] { --cursor-glow-rgb: 212,255,0; }
body[data-section-theme="work"] { --cursor-glow-rgb: 8,126,154; }
body[data-section-theme="studio"] { --cursor-glow-rgb: 183,247,230; }
body[data-section-theme="services"] { --cursor-glow-rgb: 8,126,154; }
body[data-section-theme="manifesto"] { --cursor-glow-rgb: 249,203,255; }
body[data-section-theme="contact"] { --cursor-glow-rgb: 105,80,166; }
.case-body { --cursor-glow-rgb: var(--case-rgb, 212,255,0); }

/* Visible phone contact button on the light contact section. */
.contact .contact-actions a.button.secondary.wide[href^="tel:"] {
  color: #fff !important;
  background: #272B4F !important;
  border: 1px solid #E3E7EF !important;
  box-shadow: 0 5px 15px rgba(42,57,99,.13), inset 0 1px 0 rgba(255,255,255,.38);
  text-shadow: 0 1px 2px rgba(27,40,75,.38);
}
.contact .contact-actions a.button.secondary.wide[href^="tel:"]:hover {
  color: #fff !important;
  background: #34395F !important;
  border-color: #D7DDE9 !important;
  box-shadow: 0 8px 19px rgba(42,57,99,.17), inset 0 1px 0 rgba(255,255,255,.4);
}

/* Matching translucent glass buttons in the final contact section. */
.contact .contact-actions .button.wide {
  color: #fff !important;
  border: 1px solid rgba(235,239,249,.74) !important;
  backdrop-filter: blur(12px) saturate(125%);
  -webkit-backdrop-filter: blur(12px) saturate(125%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 8px 22px rgba(38,43,82,.14);
  text-shadow: 0 1px 2px rgba(22,27,55,.34);
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.contact .contact-actions a.button.primary.wide { background: rgba(111,45,140,.88) !important; }
.contact .contact-actions a.button.primary.wide:hover { background: rgba(136,55,166,.93) !important; }
.contact .contact-actions a.button.secondary.wide[href^="tel:"] { background: rgba(48,61,132,.9) !important; }
.contact .contact-actions a.button.secondary.wide[href^="tel:"]:hover { background: rgba(61,76,157,.94) !important; }
.contact .contact-actions .button.wide:hover {
  border-color: rgba(255,255,255,.94) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 11px 26px rgba(38,43,82,.21);
  transform: translateY(-1px);
}


/* Visible glass surface: diffuse background, reflected top edge, and a light streak. */
.contact .contact-actions .button.wide {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(255,255,255,.64) !important;
  backdrop-filter: blur(18px) saturate(165%) contrast(108%);
  -webkit-backdrop-filter: blur(18px) saturate(165%) contrast(108%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 0 rgba(13,18,38,.23), 0 9px 24px rgba(36,42,78,.18);
}
.contact .contact-actions .button.wide::before,
.contact .contact-actions .button.wide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.contact .contact-actions .button.wide::before {
  background: linear-gradient(180deg, rgba(255,255,255,.36) 0%, rgba(255,255,255,.16) 22%, rgba(255,255,255,.025) 62%, transparent 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
}
.contact .contact-actions .button.wide::after {
  background: linear-gradient(112deg, transparent 0%, transparent 35%, rgba(255,255,255,.08) 43%, rgba(255,255,255,.30) 49%, rgba(255,255,255,.08) 56%, transparent 65%);
  opacity: .78;
  transition: opacity .25s ease, transform .4s ease;
}
.contact .contact-actions .button.wide > span { position: relative; z-index: 1; }
.contact .contact-actions .button.wide:hover {
  border-color: rgba(255,255,255,.88) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), inset 0 -1px 0 rgba(13,18,38,.25), 0 12px 28px rgba(36,42,78,.23);
}
.contact .contact-actions .button.wide:hover::after { opacity: 1; transform: translateX(8px); }

/* Services section: airy grid backdrop, vivid number badges, and wide glass cards. */
.services {
  padding-top: 66px;
  padding-bottom: 62px;
}
.services.section-pad {
  width: min(1260px, calc(100% - 48px));
}
#services::before {
  background-image:
    linear-gradient(rgba(26,132,174,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26,132,174,.045) 1px, transparent 1px),
    radial-gradient(circle at 87% 25%, rgba(39,210,226,.2), transparent 27rem),
    radial-gradient(circle at 12% 78%, rgba(130,185,255,.16), transparent 30rem),
    linear-gradient(128deg, #def6ff 0%, #f8ffff 48%, #e8f0ff 100%);
  background-size: 82px 82px, 82px 82px, auto, auto, auto;
}
#services::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 52px;
  left: -350px;
  width: 560px;
  height: 560px;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 50%;
  pointer-events: none;
}
.services .section-heading { text-align: center; }
.services .section-heading p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 21px;
  margin: 0 0 20px;
  color: #087e9a;
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .32em;
  line-height: 1.3;
}
.services .section-heading p::before,
.services .section-heading p::after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #36c8db);
}
.services .section-heading p::after { transform: rotate(180deg); }
.services .section-heading h2 {
  max-width: 940px;
  margin: 0 auto;
  color: #092f42;
  font-size: clamp(3.1rem, 5.5vw, 5rem);
  line-height: 1.02;
  letter-spacing: -.038em;
}
.services .service-list {
  display: grid;
  gap: 17px;
  margin-top: 28px;
}
.services .service-item,
.services .service-item:last-child {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: 122px minmax(0, .94fr) minmax(0, 1.06fr);
  align-items: center;
  gap: 38px;
  min-height: 255px;
  padding: 24px 22px 24px 49px;
  border: 1px solid rgba(62,190,226,.72);
  border-radius: 25px;
  background: linear-gradient(105deg, rgba(255,255,255,.88), rgba(249,253,255,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 0 0 1px rgba(255,255,255,.56), 0 12px 28px rgba(41,136,183,.1), 0 0 22px rgba(43,197,222,.13);
  backdrop-filter: blur(15px) saturate(122%);
  -webkit-backdrop-filter: blur(15px) saturate(122%);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}
.services .service-item::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 22px auto 22px 0;
  width: 8px;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(180deg, #22d5df, #0cb9de 56%, #61e7d5);
  box-shadow: 0 0 12px rgba(21,206,222,.26);
}
.services .service-item::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 170px;
  top: 23%;
  bottom: 23%;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(46,178,219,.72) 18%, rgba(46,178,219,.72) 82%, transparent);
  pointer-events: none;
}
.services .service-item > * { position: relative; z-index: 1; }
.services .service-number {
  display: grid;
  place-items: center;
  justify-self: start;
  width: 88px;
  height: 88px;
  border: 1px solid rgba(255,255,255,.92);
  border-radius: 21px;
  color: #fff;
  background: linear-gradient(145deg, #20d0df 0%, #0eb8da 56%, #20a9df 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 0 0 2px rgba(42,205,228,.19), 0 8px 18px rgba(4,152,190,.18);
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -.04em;
}
.services .service-copy h3 {
  margin: 0 0 13px;
  color: #0a3043;
  font-family: var(--serif);
  font-size: clamp(2rem, 3.2vw, 2.72rem);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.025em;
}
.services .service-copy p {
  max-width: 480px;
  margin: 0;
  color: #687a99;
  font-size: 1.08rem;
  line-height: 1.52;
}
.services .service-art {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 224px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  filter: drop-shadow(0 8px 11px rgba(28,105,162,.14));
  transition: transform .3s ease, filter .3s ease;
}
.services .service-art img {
  display: block;
  width: 80%;
  height: 80%;
  object-fit: contain;
}
.services .service-item:hover,
.services .service-item:last-child:hover {
  transform: translateY(-2px);
  border-color: rgba(19,190,220,.94);
  background: linear-gradient(105deg, rgba(255,255,255,.96), rgba(246,252,255,.84));
  box-shadow: inset 0 1px 0 #fff, 0 16px 34px rgba(27,125,177,.15), 0 0 28px rgba(41,197,225,.2);
}
.services .service-item:hover .service-art { transform: scale(1.025); filter: drop-shadow(0 12px 16px rgba(28,105,162,.2)); }
@media (min-width: 761px) and (max-width: 1020px) {
  .services.section-pad { width: min(100% - 40px, 900px); }
  .services .service-item,
  .services .service-item:last-child {
    grid-template-columns: 94px minmax(0, 1fr) minmax(0, .95fr);
    gap: 20px;
    min-height: 220px;
    padding: 21px 18px 21px 35px;
  }
  .services .service-item::after { left: 128px; }
  .services .service-number { width: 70px; height: 70px; font-size: 1.65rem; border-radius: 18px; }
  .services .service-copy h3 { font-size: clamp(1.75rem, 3.3vw, 2.15rem); }
  .services .service-copy p { font-size: .96rem; }
  .services .service-art { height: 185px; }
}
@media (max-width: 760px) {
  .services.section-pad { width: calc(100% - 28px); }
  .services { padding-top: 72px; padding-bottom: 72px; }
  .services .section-heading p { gap: 12px; font-size: .68rem; letter-spacing: .22em; margin-bottom: 16px; }
  .services .section-heading p::before,
  .services .section-heading p::after { width: 30px; }
  .services .section-heading h2 { font-size: clamp(2.55rem, 9vw, 3.5rem); line-height: 1.02; }
  .services .section-heading h2 br { display: none; }
  .services .service-list { gap: 14px; margin-top: 26px; }
  .services .service-item,
  .services .service-item:last-child {
    grid-template-columns: 58px minmax(0, 1fr);
    grid-template-areas: "number copy" "art art";
    align-items: start;
    gap: 12px 17px;
    min-height: 0;
    padding: 21px 17px 15px 25px;
    border-radius: 21px;
  }
  .services .service-item::before { inset: 19px auto 19px 0; width: 6px; }
  .services .service-item::after { display: none; }
  .services .service-number {
    grid-area: number;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    font-size: 1.25rem;
  }
  .services .service-copy { grid-area: copy; align-self: center; }
  .services .service-copy h3 { font-size: clamp(1.5rem, 6vw, 1.9rem); margin-bottom: 7px; }
  .services .service-copy p { font-size: .91rem; line-height: 1.48; }
  .services .service-art {
    grid-area: art;
    width: min(100%, 470px);
    height: clamp(160px, 49vw, 220px);
    justify-self: center;
    margin-top: 2px;
  }
}


/* Turn the purple manifesto into a useful, three-step project process. */
.manifesto { padding-top: 96px; padding-bottom: 96px; }
.manifesto-card.process-panel {
  min-height: 0;
  padding: clamp(30px, 5vw, 62px);
  border: 1px solid rgba(242,207,255,.3);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(74,35,119,.56), rgba(32,12,69,.68));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 24px 64px rgba(15,5,36,.2);
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}
.manifesto-card.process-panel::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -150px;
  right: -100px;
  width: 410px;
  height: 410px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(217,119,255,.24), transparent 68%);
  pointer-events: none;
}
.process-heading,
.process-steps,
.process-footer { position: relative; z-index: 1; }
.process-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .75fr);
  align-items: end;
  gap: 42px;
}
.process-title > p {
  margin: 0 0 16px;
  color: #ffc9f3;
  font-size: .74rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.process-title h2 {
  max-width: 720px;
  margin: 0;
  color: #fff;
  font-family: var(--serif);
  font-size: clamp(2.8rem, 5vw, 4.5rem);
  font-weight: 400;
  line-height: .99;
  letter-spacing: -.035em;
}
.process-intro {
  max-width: 440px;
  margin: 0 0 5px;
  color: rgba(245,237,255,.78);
  font-size: 1rem;
  line-height: 1.75;
}
.process-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  margin-top: 40px;
}
.process-step {
  min-height: 192px;
  padding: 23px 23px 21px;
  border: 1px solid rgba(240,211,255,.2);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 12px 28px rgba(16,5,37,.11);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.process-step:hover {
  transform: translateY(-3px);
  border-color: rgba(255,201,243,.48);
  background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.055));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.17), 0 17px 32px rgba(16,5,37,.17);
}
.process-step-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
  color: #ffd0f4;
  font-size: .77rem;
  font-weight: 700;
  letter-spacing: .14em;
}
.process-step-line {
  width: 42px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, #ffb5e9, #b5b4ff 65%, transparent);
}
.process-step h3 {
  margin: 0 0 9px;
  color: #fff;
  font-family: var(--serif);
  font-size: 1.55rem;
  font-weight: 400;
  line-height: 1.14;
}
.process-step p {
  margin: 0;
  color: rgba(235,226,250,.74);
  font-size: .9rem;
  line-height: 1.65;
}
.process-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 26px;
  padding-top: 23px;
  border-top: 1px solid rgba(241,216,255,.18);
}
.process-footer > p {
  margin: 0;
  color: rgba(247,238,255,.82);
  font-size: .94rem;
}
.process-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 46px;
  padding: 0 19px;
  border: 1px solid rgba(255,255,255,.66);
  border-radius: 999px;
  color: #2d1647;
  background: linear-gradient(110deg, #f2d6ff, #ffc9ef);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 8px 20px rgba(13,5,32,.16);
  font-size: .88rem;
  font-weight: 700;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.process-cta:hover { transform: translateY(-2px); filter: brightness(1.04); box-shadow: inset 0 1px 0 #fff, 0 12px 24px rgba(13,5,32,.23); }
.process-cta span { font-size: 1rem; }
@media (max-width: 760px) {
  .manifesto { padding-top: 70px; padding-bottom: 70px; }
  .manifesto-card.process-panel { padding: 27px 21px 22px; border-radius: 23px; }
  .process-heading { grid-template-columns: 1fr; gap: 14px; }
  .process-title h2 { font-size: clamp(2.55rem, 10vw, 3.7rem); line-height: 1.02; }
  .process-title h2 br { display: none; }
  .process-intro { font-size: .94rem; line-height: 1.65; }
  .process-steps { grid-template-columns: 1fr; gap: 11px; margin-top: 25px; }
  .process-step { min-height: 0; padding: 19px 19px 18px; border-radius: 18px; }
  .process-step-top { margin-bottom: 14px; }
  .process-step h3 { font-size: 1.42rem; }
  .process-step p { font-size: .88rem; }
  .process-footer { align-items: flex-start; flex-direction: column; gap: 13px; margin-top: 21px; padding-top: 19px; }
}

/* Tighter, balanced spacing and reduced lower frame gutters in the Projects section. */
#work.home-work {
  padding-top: 100px;
  padding-bottom: 100px;
}
#work.home-work .project-intro-panel {
  display: flex;
  flex-direction: column;
  padding-bottom: 18px;
}
#work.home-work .project-intro-browser {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 455px;
}
#work.home-work .project-intro-copy {
  flex: 1 1 auto;
  min-height: 413px;
}
#work.home-work .vertical-projects { padding-bottom: 10px; }
@media (max-width: 680px) {
  #work.home-work {
    padding-top: 73px;
    padding-bottom: 73px;
  }
  #work.home-work .project-intro-panel { padding-bottom: 12px; }
  #work.home-work .project-intro-browser { min-height: 365px; }
  #work.home-work .project-intro-copy { min-height: 323px; }
  #work.home-work .vertical-projects { padding-bottom: 6px; }
}

/* Landscape portfolio carousel: wider site previews and more natural navigation. */
.project-intro-panel {
  display: flex;
  flex-direction: column;
  padding-bottom: 18px;
}
.project-intro-browser {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 455px;
}
.project-intro-copy {
  flex: 1 1 auto;
  min-height: 413px;
  justify-content: center;
}
.vertical-projects {
  display: flex;
  flex-direction: column;
  min-height: 620px;
}
.project-slider {
  display: flex;
  flex: 1 1 430px;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
  overscroll-behavior-x: contain;
}
.project-slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
}
.project-slide + .project-slide {
  border-top: 0;
  border-left: 10px solid rgba(255,255,255,.1);
}

@media (max-width: 980px) and (min-width: 681px) {
  .project-intro-panel { min-height: 520px; }
  .project-intro-browser { min-height: 0; }
  .project-intro-copy { min-height: 0; }
  .vertical-projects { min-height: 540px; }
  .project-slider { flex-basis: 390px; }
}

@media (max-width: 680px) {
  .project-intro-panel { min-height: 400px; }
  .project-intro-browser { min-height: 0; }
  .project-intro-copy { min-height: 0; }
  .vertical-projects { min-height: 0; }
  .project-slider {
    flex: 0 0 auto;
    height: clamp(220px, 62vw, 270px);
  }
}

/* Fill the homepage preview frame edge to edge, including its lower edge. */
body:not(.projects-page) #project-slider .project-slide img {
  object-fit: cover !important;
}

/* Add 25px to the lower inset around the left Projects panel. */
#work.home-work .project-intro-panel {
  padding-bottom: 43px;
}
@media (max-width: 680px) {
  #work.home-work .project-intro-panel {
    padding-bottom: 37px;
  }
}