:root{--home-ink:#111316;--home-paper:#f5f3ed;--home-blue:#b8e4ff;--home-yellow:#ffd800;--home-orange:#f17842;--home-muted:#70747a}.page--home{display:block;padding-top:var(--nav-height);background:var(--home-paper);overflow:hidden}.home-main{position:relative}.home-skip{position:fixed;z-index:100;left:16px;top:-60px;padding:10px 14px;background:#fff;color:#111;text-decoration:none}.home-skip:focus{top:12px}.home-hero{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);min-height:calc(100svh - var(--nav-height));overflow:hidden;background:#171a1e;color:#fff;isolation:isolate}.home-hero__background{position:absolute;z-index:-3;inset:0;background:url('assets/profileNew-bg.png') center/cover no-repeat;transform:translate3d(0,var(--home-shift,0),0);will-change:transform}.home-hero__wash{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(8,10,12,.72) 0%,rgba(8,10,12,.46) 44%,rgba(8,10,12,.04) 72%),linear-gradient(0deg,rgba(6,8,10,.46),transparent 50%)}.home-hero__portrait{position:absolute;z-index:-1;left:clamp(0px,calc(12vw - 120px),120px);top:clamp(-110px,-8vh,-70px);width:118%;height:calc(118% + 70px);object-fit:cover;object-position:center;transform:translate3d(0,var(--home-shift,0),0);will-change:transform}.home-hero__copy{position:relative;z-index:2;width:min(720px,52vw);padding:clamp(90px,12vh,155px) 0 110px clamp(28px,7vw,128px);transform:translate3d(0,var(--home-shift,0),0);will-change:transform}.home-kicker{margin:0 0 22px;font-family:"Google Sans Code",ui-monospace,monospace;font-size:12px;font-weight:500;line-height:1.45;letter-spacing:.14em;text-transform:uppercase}.home-hero h1{margin:0;font-size:clamp(60px,7vw,118px);font-weight:800;line-height:.91;letter-spacing:-.065em}.home-hero blockquote{max-width:475px;margin:36px 0 21px;font-family:"Google Sans Code",ui-monospace,monospace;font-size:clamp(16px,1.35vw,21px);line-height:1.55;color:#e6edf1}.home-enter{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-width:190px;min-height:58px;padding:0 22px;background:var(--home-blue);color:var(--home-ink);font-size:14px;font-weight:800;line-height:1;text-decoration:none;transition:background-color .2s,transform .2s}.home-enter span{font-size:20px;font-weight:400}.home-enter:hover{background:#fff;transform:translateY(-2px)}.home-scroll{position:absolute;right:clamp(24px,4vw,72px);bottom:35px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;text-decoration:none}.home-scroll span{display:inline-block;margin-left:9px;color:var(--home-blue)}.home-section{padding:clamp(85px,10vw,155px) clamp(28px,7vw,128px)}.home-section__number{margin:8px 0 0;font-family:"Google Sans Code",monospace;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--home-muted)}.home-overview{position:relative;display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1.65fr);gap:5vw;background:#fff}.home-overview__copy{position:relative;z-index:2;max-width:990px}.home-overview h2,.home-section__heading h2,.home-principle h2,.home-collaboration h2{margin:0;font-size:clamp(48px,6.3vw,100px);font-weight:800;line-height:.98;letter-spacing:-.06em}.home-overview h2 em,.home-collaboration h2 em{font-style:normal;color:#527e9b}.home-lead{max-width:750px;margin:35px 0 28px;font-size:clamp(18px,1.7vw,24px);line-height:1.6;color:#35393d}.home-text-link{display:inline-flex;align-items:center;gap:14px;padding-bottom:5px;border-bottom:1px solid currentColor;color:inherit;font-size:14px;font-weight:800;text-decoration:none}.home-orbit{position:absolute;right:-110px;bottom:-150px;width:460px;aspect-ratio:1;border:1px solid #b3bcc2;border-radius:50%;transform:translate3d(0,var(--home-shift,0),0);opacity:.45}.home-orbit span{position:absolute;font-family:"Google Sans Code",monospace;font-size:12px;font-weight:500}.home-orbit span:nth-child(1){top:18%;left:4%}.home-orbit span:nth-child(2){top:3%;right:27%}.home-orbit span:nth-child(3){right:0;bottom:34%}.home-capabilities{background:#111316;color:#fff}.home-section__heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);align-items:end;gap:8vw;margin-bottom:80px}.home-section__heading>p{max-width:390px;margin:0 0 12px;font-size:17px;line-height:1.65;color:#b5bac0}.home-capability-list{border-top:1px solid #44484c}.home-capability-list article{position:relative;display:grid;grid-template-columns:70px 1.2fr 1fr .7fr;gap:32px;align-items:center;min-height:180px;padding:30px 0;border-bottom:1px solid #44484c}.home-capability-list article>span{align-self:start;padding-top:8px;font-family:"Google Sans Code",monospace;font-size:12px;color:var(--home-blue)}.home-capability-list h3{margin:0;font-size:clamp(29px,3.1vw,48px);line-height:1.02;letter-spacing:-.04em}.home-capability-list p{margin:0;font-size:15px;line-height:1.6;color:#b5bac0}.home-capability-list a{justify-self:end;color:var(--home-blue);font-size:13px;font-weight:800;text-decoration:none}.home-capability-list article:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(184,228,255,.065));opacity:0;transition:opacity .2s}.home-capability-list article:hover:after{opacity:1}.home-capability-list article>*{position:relative;z-index:1}.home-principle{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;padding:100px clamp(28px,7vw,128px);background:var(--home-blue);color:#111316}.home-principle__mark{position:absolute;right:-2%;top:calc(-12% + 150px);font-size:clamp(190px,30vw,580px);font-weight:800;line-height:1;letter-spacing:-.1em;color:rgba(255,255,255,.38);transform:translate3d(0,var(--home-shift,0),0)}.home-principle__copy{position:relative;z-index:1;max-width:900px}.home-principle h2{max-width:900px}.home-principle__copy>p:last-child{max-width:650px;margin:32px 0 0;font-size:20px;line-height:1.65}.home-work{background:var(--home-paper)}.home-section__heading--work{align-items:end}.home-section__heading--work .home-text-link{justify-self:end;margin-bottom:15px}.home-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-project{position:relative;min-height:280px;display:flex;flex-direction:column;padding:30px;color:#111;text-decoration:none;overflow:hidden;transition:transform .25s}.home-project:hover{transform:translateY(-8px)}.home-project:before{content:"";position:absolute;width:270px;height:270px;right:-70px;top:-60px;border:55px solid rgba(255,255,255,.27);border-radius:50%}.home-project>span{font-family:"Google Sans Code",monospace;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.home-project strong{margin:auto 0 12px;font-size:clamp(42px,4vw,64px);line-height:1;letter-spacing:-.06em}.home-project small{max-width:260px;font-size:14px;line-height:1.5}.home-project b{position:absolute;right:27px;bottom:24px;font-size:25px}.home-project--blue{background:#a8d8f5}.home-project--orange{background:#f1874d}.home-project--yellow{background:#f6d83c}.home-collaboration{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1.65fr);gap:5vw;background:#fff}.home-collaboration>div{max-width:1020px}.home-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.home-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:58px;padding:0 22px;background:#111316;color:#fff;font-size:14px;font-weight:800;text-decoration:none}.home-footer{display:flex;align-items:center;gap:25px;min-height:110px;padding:25px clamp(28px,7vw,128px);background:#111316;color:#fff;font-size:12px}.home-footer img{filter:invert(1)}.home-footer a{margin-left:auto;color:inherit;text-decoration:none}[data-home-parallax]{will-change:transform}@media(max-width:1000px){.home-hero__copy{width:62vw}.home-hero__portrait{left:0;width:118%;height:calc(118% + 70px);object-position:center}.home-section__heading{grid-template-columns:1fr}.home-capability-list article{grid-template-columns:50px 1fr 1fr}.home-capability-list a{grid-column:2/4;justify-self:start}.home-projects{grid-template-columns:repeat(3,minmax(0,1fr))}.home-project:last-child{grid-column:auto}.home-project{min-height:230px}}@media(max-width:700px){.page--home{padding-top:var(--nav-height)}.home-hero{min-height:760px}.home-hero__background{inset:0;background-position:center}.home-hero__wash{background:linear-gradient(0deg,rgba(7,9,11,.92) 0%,rgba(7,9,11,.58) 56%,rgba(7,9,11,.1) 100%)}.home-hero__portrait{left:0;top:-80px;width:118%;height:calc(118% + 70px);object-fit:cover;object-position:center}.home-hero__copy{width:100%;padding:72px 24px 130px}.home-hero h1{font-size:clamp(51px,14vw,73px)}.home-hero blockquote{max-width:275px;font-size:15px}.home-scroll{left:24px;right:auto;bottom:24px}.home-section{padding:80px 24px}.home-overview,.home-collaboration{grid-template-columns:1fr;gap:35px}.home-overview h2,.home-section__heading h2,.home-principle h2,.home-collaboration h2{font-size:clamp(45px,12vw,67px)}.home-orbit{width:280px;right:-130px;bottom:-100px}.home-section__heading{margin-bottom:45px}.home-capability-list article{grid-template-columns:38px 1fr;gap:15px;min-height:0;padding:34px 0}.home-capability-list h3,.home-capability-list p,.home-capability-list a{grid-column:2}.home-capability-list a{justify-self:start}.home-principle{min-height:620px;padding:80px 24px}.home-principle__mark{right:-10%;top:calc(3% + 150px);font-size:190px}.home-projects{grid-template-columns:1fr}.home-project:last-child{grid-column:auto}.home-project{min-height:210px}.home-section__heading--work .home-text-link{justify-self:start}.home-actions{align-items:flex-start;flex-direction:column}.home-footer{align-items:flex-start;flex-wrap:wrap}.home-footer a{width:100%;margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-home-parallax]{transform:none!important}.home-project{transition:none}}

/* Align the scrolling home page with the main portfolio visual system. */
.page--home {
  --home-ink: var(--color-label);
  --home-paper: #f8f8f8;
  --home-blue: #006ff7;
  --home-yellow: #ffd800;
  --home-orange: #dce8ff;
  --home-muted: var(--color-description);
}

.home-overview h2,
.home-section__heading h2,
.home-principle h2,
.home-collaboration h2,
.home-project strong {
  font-family: var(--font-family);
  font-weight: 800;
  font-synthesis: none;
  font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
  letter-spacing: -0.025em;
}

.home-overview h2 em,
.home-collaboration h2 em { color: #005dce; }

.home-enter {
  border-radius: 4px;
  background: #3d69cc;
  color: #fff;
}
.home-enter:hover { background: #005dce; }

.home-text-link {
  border-bottom: 2px solid var(--home-yellow);
  color: #005dce;
}

.home-capabilities {
  background: #f8f8f8;
  color: var(--color-label);
}
.home-section__heading > p,
.home-capability-list p { color: #5f666b; }
.home-capability-list { border-top-color: #dfe1e3; }
.home-capability-list article { border-bottom-color: #dfe1e3; }
.home-capability-list article > span,
.home-capability-list a { color: #006ff7; }
.home-capability-list h3 { font-weight: 600; }
.home-capability-list article::after {
  background: linear-gradient(90deg, transparent, rgba(61, 105, 204, .07));
}

.home-principle { background: #dce8ff; }
.home-principle__mark { color: rgba(255, 255, 255, .62); }
.home-work { background: #fff; }

.home-project {
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  box-shadow: 0 4px 2px rgba(12, 12, 13, .03), 0 12px 24px rgba(12, 12, 13, .06);
}
.home-project::before { border-color: rgba(255, 255, 255, .45); }
.home-project--blue { background: #dce8ff; }
.home-project--orange { background: #c9d9fc; }
.home-project--yellow { background: #f8f8f8; }

.home-button {
  border-radius: 4px;
  background: #3d69cc;
}
.home-button:hover { background: #005dce; }

.home-hero__copy,
.home-hero__copy .home-kicker,
.home-hero__copy h1,
.home-hero__copy blockquote,
.home-hero__copy .home-enter,
.home-scroll,
.home-scroll span {
  color: #fff;
}

/* Tighter supporting copy and project treatments. */
.home-lead {
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.55;
}

.home-belief {
  max-width: 780px;
  margin: 0 0 30px;
  color: #35393d;
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.65;
}

.home-belief > p {
  margin: 0 0 20px;
}

.home-belief__questions {
  margin: 24px 0;
  padding: 20px 24px;
  border-left: 4px solid #006ff7;
  background: #eef5ff;
}

.home-belief__questions p {
  margin: 0;
}

.home-belief__questions p + p {
  margin-top: 8px;
}

.home-belief__questions strong {
  color: #005dce;
}

.home-belief blockquote {
  max-width: 680px;
  margin: 30px 0 0;
  color: #005dce;
  font-size: clamp(24px, 2.8vw, 42px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.home-section__heading > p { font-size: 15px; }
.home-capability-list p { font-size: 13px; }
.home-principle__copy > p:last-child { font-size: 17px; }
.home-capability-list a { padding-right: clamp(16px, 2vw, 32px); }
.home-project::before { display: none; }

.home-project--blue {
  background: #d4a800;
  color: #111316;
}

.home-project--orange {
  background: #005890;
  color: #fff;
}

.home-project--yellow {
  background: #a44264;
  color: #fff;
}
.home-project small { font-size: 13px; }

.home-hero h1,
.home-overview h2,
.home-section__heading h2,
.home-principle h2,
.home-collaboration h2 {
  line-height: var(--home-title-leading, .98);
}

.home-hero h1 {
  line-height: var(--home-title-leading, .91);
}

@media (max-width: 900px) {
  .home-projects { grid-template-columns: 1fr; }
  .home-project { min-height: 210px; }
  .home-project:last-child { grid-column: auto; }
}
.home-project small {
  display: block;
  max-width: calc(100% - 48px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-capability-list article > span {
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}
.home-capability-list article:nth-child(1) > span { color: #13171a; }
.home-capability-list article:nth-child(2) > span { color: #005890; }
.home-capability-list article:nth-child(3) > span { color: #d4a800; }
.home-capability-list article:nth-child(4) > span { color: #301070; }
.home-capability-list article:nth-child(1) > span { color: #ff385c; }
.home-capability-list article:nth-child(1) > a { color: #ff385c; }
.home-capability-list article:nth-child(2) > a { color: #005890; }
.home-capability-list article:nth-child(3) > a { color: #d4a800; }
.home-capability-list article:nth-child(4) > a { color: #301070; }

@media (max-width: 430px) {
  .home-hero__portrait {
    content: url("assets/profileNew-fg-mobile.png?v=3");
  }
}

@media (max-width: 430px) {
  .home-hero {
    min-height: calc(100svh - var(--nav-height));
  }

  .home-hero__copy {
    padding: 36px 24px 105px;
  }

  .home-scroll {
    bottom: 16px;
  }
}
.home-project--blue strong { color: #fff; }
.home-project--orange strong { color: #f5a623; }
.home-project--blue { background: #ffd000; }

/* Let the portrait pass in front of the display title, while supporting copy stays legible. */
.home-hero__portrait {
  z-index: 1;
  left: -9%;
  max-width: none;
  pointer-events: none;
}

.home-hero__copy {
  z-index: auto;
  transform: none;
  will-change: auto;
}

.home-hero__copy h1 {
  position: relative;
  z-index: 0;
}

.home-hero__copy .home-kicker,
.home-hero__copy blockquote,
.home-hero__copy .home-enter {
  position: relative;
  z-index: 2;
}

.home-scroll { z-index: 2; }

.home-hero__copy blockquote {
  text-shadow: 0 2px 10px rgba(0, 0, 0, .72), 0 1px 2px rgba(0, 0, 0, .7);
}

.home-orbit .home-orbit__why {
  transform: translate3d(0, var(--home-shift, 0), 0);
}

.home-orbit__why--one {
  top: 42%;
  left: -5%;
  font-size: 22px !important;
}

.home-orbit__why--two {
  top: 69%;
  left: 25%;
  font-size: 38px !important;
}

.home-orbit__why--three {
  top: 31%;
  right: 8%;
  font-size: 16px !important;
}

.home-orbit__why--four {
  right: 26%;
  bottom: 6%;
  font-size: 27px !important;
}

.home-hero h1,
.home-overview h2,
.home-section__heading h2,
.home-principle h2,
.home-collaboration h2 {
  transition: line-height 120ms cubic-bezier(.2, .7, .3, 1);
}
.home-orbit__why--two { color: #7892a3; }

/* Keep the filled hero title behind the portrait and redraw its outline above it. */
.home-hero__title-stack {
  position: relative;
}

.home-hero__title-stack > h1:first-child {
  position: relative;
  z-index: 0;
}

.home-hero__title-outline {
  position: absolute !important;
  z-index: 3 !important;
  inset: 0;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px #fff;
  paint-order: stroke fill;
  pointer-events: none;
}

/* Portfolio imagery sits faintly beneath the card content and bleeds to every edge. */
.home-project--orange::before,
.home-project--yellow::before {
  content: "";
  display: block;
  position: absolute;
  inset: -1px;
  width: auto;
  height: auto;
  border: 0;
  border-radius: inherit;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .15;
  pointer-events: none;
}

.home-project--orange::before {
  background-image: url("assets/portfolio/greggs/rs=w_2560,h_1809%20(0).webp");
}

.home-project--yellow::before {
  background-image: url("assets/portfolio/mixbook/rs=w_1280,h_905%20(0).webp");
}

.home-project > * {
  position: relative;
  z-index: 1;
}

.home-project > b {
  position: absolute;
}

@media (max-width: 430px) {
  .home-hero__portrait {
    left: -16.835%;
    top: -150px;
    width: 133.67%;
    height: calc(133.67% + 80px);
  }

  .home-hero blockquote {
    max-width: 225px;
  }

  .home-enter {
    min-width: 0;
    gap: 22px;
  }
}

/* Oversized row numbers move upward at independent speeds and stay clipped to their row. */
.home-capability-list article {
  cursor: pointer;
  isolation: isolate;
  overflow: hidden;
}

.home-capability-list article > .home-capability-number-bg {
  position: absolute;
  z-index: 0;
  padding: 0;
  font-family: var(--font-family);
  font-size: clamp(150px, 17vw, 270px);
  font-weight: 800;
  line-height: .72;
  letter-spacing: -.09em;
  color: currentColor;
  opacity: .045;
  transform: translate3d(0, var(--home-shift, 0), 0);
  pointer-events: none;
  user-select: none;
}

.home-capability-list article:nth-child(1) > .home-capability-number-bg {
  left: 16%;
  bottom: -26%;
  opacity: .075;
}

.home-capability-list article:nth-child(2) > .home-capability-number-bg {
  right: 5%;
  top: 23%;
}

.home-capability-list article:nth-child(3) > .home-capability-number-bg {
  left: 43%;
  bottom: -18%;
  opacity: .075;
}

.home-capability-list article:nth-child(4) > .home-capability-number-bg {
  right: 14%;
  top: 30%;
}

.home-capability-list article > :not(.home-capability-number-bg) {
  position: relative;
  z-index: 1;
}

.home-principle {
  background: #dce8ff;
}

.home-principle h2 {
  color: #004fc7;
}

.home-research-offers {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: -32px 0 24px;
  padding: 0;
  list-style: none;
}

.home-research-link {
  width: fit-content;
  margin: 40px 0 0;
}

.home-design-systems {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(120px, .45fr) minmax(0, 1.65fr);
  gap: 5vw;
  background: #fff;
}

.home-design-systems > .home-section__number,
.home-design-systems > .home-overview__copy { position: relative; z-index: 1; }

.home-systems-word {
  position: absolute;
  z-index: 0;
  color: rgba(0, 93, 206, .055);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.07em;
  white-space: nowrap;
  transform: translate3d(0, var(--home-shift, 0), 0);
  pointer-events: none;
  user-select: none;
}

.home-systems-word--ui { left: 3%; top: 20%; font-size: clamp(150px, 23vw, 360px); }
.home-systems-word--systems { left: 14%; top: 68%; font-size: clamp(90px, 13vw, 210px); color: rgba(0, 93, 206, .04); }
.home-systems-word--class { right: -3%; top: 35%; font-size: clamp(100px, 17vw, 270px); }

.home-design-systems h2 {
  margin: 0;
  font-size: clamp(48px, 6.3vw, 100px);
  font-weight: 800;
  line-height: var(--home-title-leading, .98);
  letter-spacing: -.06em;
}

.home-design-systems h2 em { color: #005dce; font-style: normal; }
.home-design-systems .home-button { margin-top: 7px; }

@media (max-width: 700px) {
  .home-design-systems { grid-template-columns: 1fr; gap: 35px; }
  .home-systems-word--ui { left: -8%; top: 15%; }
  .home-systems-word--systems { left: -12%; top: 73%; }
  .home-systems-word--class { right: -15%; top: 42%; }
  .home-design-systems h2 { font-size: clamp(45px, 12vw, 67px); }
  .home-design-systems .home-button { gap: 20px; }
}

.home-research-offers li {
  padding: 12px 17px;
  border: 1px solid #ccd0d4;
  border-radius: 999px;
  background: #fff;
  color: #35393d;
  font-family: "Google Sans Code", ui-monospace, monospace;
  font-size: 13.2px;
  font-weight: 500;
  line-height: 1.25;
}

.home-research-offers li:nth-child(1) { color: #ff385c; }
.home-research-offers li:nth-child(2) { color: #005890; }
.home-research-offers li:nth-child(3) { color: #b38e00; }
.home-research-offers li:nth-child(4) { color: #301070; }
.home-research-offers li:nth-child(5) { color: #d85d20; }
.home-research-offers li:nth-child(6) { color: #a44264; }
.home-research-offers li:nth-child(7) { color: #006ff7; }
.home-research-offers li:nth-child(8) { color: #345d9d; }

.home-capabilities .home-section__heading > p strong {
  color: #005dce;
  font-weight: 800;
}

@media (max-width: 700px) {
  .home-research-offers {
    gap: 8px;
    margin: -12px 0 20px;
  }

  .home-research-offers li {
    padding: 10px 13px;
    font-size: 12px;
  }

  .home-research-link { margin-top: 32px; }
}

.home-principle__word {
  position: absolute;
  color: rgba(255, 255, 255, .48);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.08em;
  transform: translate3d(0, var(--home-shift, 0), 0);
  pointer-events: none;
  user-select: none;
}
.home-principle__word--is { left: 9%; top: 64%; font-size: clamp(90px, 14vw, 220px); }
.home-principle__word--more { right: 13%; top: 75%; font-size: clamp(120px, 21vw, 330px); color: rgba(255, 255, 255, .32); }
@media (max-width: 700px) {
  .home-principle__word--is { left: -3%; top: 62%; }
  .home-principle__word--more { right: -8%; top: 80%; }
}

/* Decorative words share the existing hero parallax and stay clear of controls. */
.home-hero > .home-hero-word {
  position: absolute;
  z-index: 0;
  left: var(--word-x);
  top: var(--word-y);
  color: rgba(220, 232, 255, .16);
  opacity: 1;
  font-family: Inter, sans-serif;
  font-size: clamp(32px, 6vw, var(--word-size));
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.055em;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  transform: translate3d(0, var(--home-shift, 0px), 0);
}
.home-hero > .home-hero-word--front { z-index: 2; color: rgba(220, 232, 255, .13); }
@media (max-width: 430px) {
  .home-hero > .home-hero-word { font-size: clamp(28px, 10vw, var(--word-size)); }
}

.home-hero > .home-hero-word--uxui {
  left: 4%;
  top: 84%;
  font-size: clamp(60px, 10vw, 155px);
  color: rgba(220, 232, 255, .16);
}

.home-hero > .home-hero-word {
  -webkit-text-stroke: 0.5px rgba(255, 255, 255, .7);
}

.home-hero__actions {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.home-hero__copy .home-enter--portfolio {
  background: var(--home-yellow);
  color: #111316;
}
.home-hero__copy .home-enter--portfolio:hover { background: #ffe65c; }
.home-hero > .home-hero-word,
.home-hero .home-hero__title-outline { -webkit-text-stroke: 0; }
.home-outside-outline__source { visibility: hidden; }
.home-outside-outline__svg {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  overflow: visible; font: inherit; letter-spacing: inherit;
  pointer-events: none; -webkit-text-fill-color: white;
}
.home-outside-outline__svg text { fill: white; stroke: none; }

/* Render both headline layers as identical HTML; filter only the upper silhouette. */
.home-hero .home-hero__title-outline {
  -webkit-text-fill-color: #fff;
  color: #fff !important;
  -webkit-text-stroke: 0;
  filter: url(#home-headline-outside);
}
.home-project-pagination { display: none; }
@media (max-width: 430px) {
 .home-projects {
   position: relative; display: block; height: 245px;
   margin: 0 0 18px; touch-action: pan-y; isolation: isolate;
 }
 .home-projects .home-project {
   position: absolute; inset: 0 0 auto; width: 100%; height: 210px;
   min-height: 210px; border-radius: 14px; transform-origin: center bottom;
   transition: transform 280ms ease, opacity 280ms ease;
   box-shadow: 0 8px 22px #11131618;
 }
 .home-project[data-stack-depth="0"] { z-index: 3; transform: none; }
 .home-project[data-stack-depth="1"] { z-index: 2; transform: translateY(13px) scale(.95) rotate(2deg); }
 .home-project[data-stack-depth="2"] { z-index: 1; transform: translateY(26px) scale(.90) rotate(-2deg); }
 .home-project-pagination:not([hidden]) { display: flex; justify-content: center; gap: 8px; }
 .home-project-pagination button { border: 0; background: transparent; padding: 0; cursor: pointer; }
 .home-project-pagination button::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #b8bdc5; }
 .home-project-pagination button[aria-current="true"]::before { background: #005dce; }
}
@media (prefers-reduced-motion: reduce) {
 .home-projects .home-project { transition: none; }
}

@media (max-width: 430px) {
  .home-work { padding-bottom: 36px; }
  .home-collaboration { padding-top: 40px; }
}

@media (min-width: 431px) {
  .home-work { padding-bottom: clamp(60px, 7vw, 110px); }
  .home-collaboration { padding-top: clamp(60px, 7vw, 110px); }
}

.home-hero__portrait { margin-left: 3vw; }