:root{--entry-ease:cubic-bezier(.22, 1, .36, 1);--item-feedback:.35s var(--entry-ease);--motion-control:var(--item-feedback);--motion-link:var(--item-feedback)}.nav-dropdown-links a{transition:background-color var(--item-feedback)}.pricing{--pricing-motion:var(--item-feedback);--pricing-scan-motion:var(--item-feedback)}.problem-content,.step-content,.feature-content,.build-intro-content{min-width:0;display:flow-root}:is([data-reveal=problem],[data-reveal=feature],[data-reveal=process]){--rest-heading:var(--ink);--active-heading:var(--accent)}[data-reveal=benefit]{--rest-heading:var(--paper);--active-heading:var(--orange);--arrow-lift:translate3d(3px, -4px, 0)}[data-reveal=process]{--arrow-lift:translate3d(3px, 0, 0)}[data-reveal=process]:last-child{--arrow-lift:translate3d(3px, -3px, 0)}.step-top .arrow-icon,.outcome-content>.arrow-icon{transition:transform var(--item-feedback), color var(--item-feedback)}.problem-grid h3,.outcomes-list h3,.build-benefits h3,.process-grid h3{transition:color var(--item-feedback)}@media (hover:hover) and (pointer:fine){[data-reveal=process]:hover .arrow-icon{color:var(--accent)}:is([data-reveal=problem],[data-reveal=benefit],[data-reveal=feature],[data-reveal=process]):hover h3{color:var(--active-heading)}@media (prefers-reduced-motion:no-preference){.project-visual img{transition:transform .75s var(--entry-ease)}.project-visual a:hover img{transform:scale(1.02)}.featured-project-detail-image img{transition:transform .55s cubic-bezier(.22,1,.36,1)}.featured-project-detail-image:hover img{transform:scale(1.035)}:is([data-reveal=process],[data-reveal=benefit]):hover .arrow-icon{transform:var(--arrow-lift)}}}@media (hover:none),(pointer:coarse){.button:active{background:var(--button-hover-background,var(--accent-strong));border-color:var(--button-hover-border,var(--accent-strong));color:var(--button-hover-color,#fff)}@media (prefers-reduced-motion:no-preference){.is-emphasised h3{animation:editorial-heading var(--entry-duration) var(--entry-easing) var(--entry-delay,0s)}.is-emphasised .arrow-icon{animation:editorial-arrow var(--entry-duration) var(--entry-easing) var(--entry-delay,0s)}@keyframes editorial-arrow{0%,to{transform:translate(0,0)}45%,65%{transform:var(--arrow-lift)}}@keyframes editorial-heading{0%,to{color:var(--rest-heading)}45%,65%{color:var(--active-heading)}}}}.work .portfolio-heading{margin-bottom:48px}.portfolio-heading h2{min-block-size:var(--portfolio-title-height,0px)}.portfolio-heading .work-intro{min-block-size:var(--portfolio-intro-height,0px)}.portfolio-stage{grid-template-rows:auto auto 1fr;display:grid}.portfolio-slide{grid-area:1/1/4/2;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:subgrid;column-gap:var(--work-gap);min-width:0;display:grid}.portfolio-slide:not(.is-active){visibility:hidden}.portfolio-copy{grid-area:1/2;min-width:0}.portfolio-copy .eyebrow{margin-bottom:var(--eyebrow-gap);color:var(--orange)}.portfolio-copy h3{letter-spacing:-.045em;text-wrap:balance;max-width:16ch;font-size:clamp(30px,3vw,43px);font-weight:550;line-height:1.18}.portfolio-description{margin-top:22px;font-size:16px;line-height:1.8}.portfolio-metadata{color:#c3c8c1;margin-top:20px;font-size:12px;line-height:1.9}.portfolio-metadata p+p{margin-top:6px}.portfolio-media{aspect-ratio:8/5;grid-area:1/1/4/2;align-self:start;min-width:0;position:relative}.portfolio-desktop{background:var(--paper);border:1px solid #ffffff25;position:absolute;inset:0 32px 24px 0;overflow:hidden}.portfolio-desktop img{object-fit:cover;object-position:center top;width:100%;height:100%}.portfolio-media--hakan .portfolio-desktop img{object-fit:contain}.portfolio-mobile{border:1px solid #ffffff40;width:clamp(88px,10vw,132px);position:absolute;bottom:0;right:0}.portfolio-mobile img{aspect-ratio:390/844;object-fit:cover;object-position:center top;width:100%;height:auto}.work .portfolio-link{min-height:44px;color:var(--orange);grid-area:2/2;place-self:start;margin-top:22px}.portfolio-selectors{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.portfolio-selector{color:#c3c8c1;text-align:left;background:0 0;border:0;border-top:2px solid #ffffff25;align-items:baseline;gap:12px;min-width:0;min-height:56px;padding:18px 0 8px;font-size:14px;line-height:1.5;transition:border-color .25s,color .25s;display:flex}.portfolio-selector>span:first-child{color:var(--orange);font-variant-numeric:tabular-nums;font-size:11px}.portfolio-selector[aria-selected=true]{border-top-color:var(--orange);color:var(--paper)}.portfolio-selector:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.hero-price a{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px}@media (hover:hover) and (pointer:fine){.portfolio-selector:hover{border-top-color:var(--orange);color:var(--paper)}.hero-price a:hover{text-decoration-color:currentColor}}@media (width<=1199px){.portfolio-slide{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.portfolio-copy h3{font-size:32px}}@media (width<=900px){.work .portfolio-heading{margin-bottom:36px}.portfolio-stage{row-gap:24px}.portfolio-slide{grid-template-columns:minmax(0,1fr)}.portfolio-copy{grid-area:1/1;max-width:620px}.portfolio-copy h3{max-width:24ch}.portfolio-media{grid-area:2/1}.work .portfolio-link{grid-area:3/1;margin-top:0}.portfolio-mobile{width:132px}.portfolio-selectors{gap:20px;margin-top:28px}}@media (width<=767px){.portfolio-copy h3{max-width:18ch;font-size:30px}.portfolio-description{margin-top:18px;line-height:1.75}.portfolio-metadata{margin-top:16px}.portfolio-desktop{inset:0}.portfolio-mobile{display:none}.portfolio-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.portfolio-selector{gap:9px;padding-top:14px;font-size:13px}}@media (width<=360px){.portfolio-heading h2{font-size:30px}}html:has(.navigation-fallback) .portfolio-stage{display:block}html:has(.navigation-fallback) .portfolio-slide{visibility:visible;grid-template-rows:auto auto 1fr;row-gap:24px}html:has(.navigation-fallback) .portfolio-slide+.portfolio-slide{margin-top:var(--work-separation)}html:has(.navigation-fallback) .portfolio-selectors{display:none}
