._8IWlia_sections{--home-unit:clamp(1px, 12px, calc(100vw * .025641));--home-gutter:1.5rem;--home-gap:calc(var(--home-unit) * .5);width:100%;color:var(--foreground);background:var(--background);font-size:calc(var(--home-unit) * 1.8);line-height:1.5;overflow:clip}._8IWlia_approach,._8IWlia_services,._8IWlia_studio{padding-inline:var(--home-gutter)}._8IWlia_approach{grid-template-columns:1fr;display:grid}._8IWlia_approachCue{margin-bottom:calc(var(--home-unit) * 3)}._8IWlia_arrowCue{display:none;position:relative;overflow:hidden}._8IWlia_arrowCue svg{width:calc(var(--home-unit) * 5.75);height:calc(var(--home-unit) * 5.75);stroke-width:1.6px}._8IWlia_arrowCue svg+svg{position:absolute;inset:0}._8IWlia_approach h2,._8IWlia_services h2,._8IWlia_studio h2,._8IWlia_allProjects{font-size:calc(var(--home-unit) * 3.4);letter-spacing:-.02em;margin:0;padding:0;font-weight:400;line-height:1.14}._8IWlia_servicesIntro{gap:calc(var(--home-unit) * 3);grid-template-columns:1fr;display:grid}._8IWlia_servicesIntro h2{max-width:calc(var(--home-unit) * 52)}._8IWlia_serviceLinks{gap:calc(var(--home-unit) * 1.5) calc(var(--home-unit) * 2.5);flex-wrap:wrap;display:flex}._8IWlia_serviceLinks a{min-height:44px;color:inherit;text-underline-offset:.3em;line-height:44px}._8IWlia_servicesShowcase{gap:calc(var(--home-unit) * 7);margin-top:calc(var(--home-unit) * 12);grid-template-columns:1fr;display:grid}._8IWlia_serviceFeature{gap:calc(var(--home-unit) * 2.5);display:grid}._8IWlia_serviceMedia{aspect-ratio:16/9;border-radius:calc(var(--home-unit) * .75);width:100%;position:relative;overflow:hidden}._8IWlia_serviceMedia img{object-fit:cover;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}._8IWlia_serviceImage{clip-path:inset(0 0 100%);opacity:0;transform:scale(1.04)}._8IWlia_serviceImageActive{opacity:1;animation:.65s cubic-bezier(.22,1,.36,1) both _8IWlia_serviceImageReveal;transform:scale(1)}@keyframes _8IWlia_serviceImageReveal{0%{clip-path:inset(100% 0 0);transform:scale(1.04)}to{clip-path:inset(0);transform:scale(1)}}._8IWlia_serviceFeature p{max-width:calc(var(--home-unit) * 49);margin:0}._8IWlia_serviceList{flex-direction:column;order:-1;align-items:flex-start;display:flex}._8IWlia_serviceButton,._8IWlia_serviceButtonActive{width:100%;color:color-mix(in srgb, var(--foreground) 48%, var(--background));font:inherit;font-size:calc(var(--home-unit) * 5.2);letter-spacing:-.055em;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;line-height:.95;transition:color .25s}._8IWlia_serviceButtonActive{color:var(--foreground);transition:none}._8IWlia_approachDetails{margin-top:calc(var(--home-unit) * 6)}._8IWlia_approachLabel{display:none}._8IWlia_approachCopy{max-width:calc(var(--home-unit) * 50)}._8IWlia_approachCopy p,._8IWlia_studioCopy p{margin:0}._8IWlia_approachCopy p+p,._8IWlia_studioCopy p+p{margin-top:calc(var(--home-unit) * 2.5)}._8IWlia_approachCopy strong{font-weight:700}._8IWlia_textLink{width:fit-content;color:inherit;text-decoration:none;display:inline-block;position:relative}._8IWlia_textLink:after,._8IWlia_allProjects:after{content:"";background:currentColor;height:1px;position:absolute;bottom:0;left:0;right:0}._8IWlia_approachCopy ._8IWlia_textLink{margin-top:calc(var(--home-unit) * 8)}._8IWlia_projectGrid{row-gap:calc(var(--home-unit) * 4.5);padding-inline:var(--home-gutter);grid-template-columns:1fr;display:grid}._8IWlia_projectCard,._8IWlia_projectCard a{min-width:0}._8IWlia_projectCard a{color:inherit;text-decoration:none;display:block}._8IWlia_projectMedia{aspect-ratio:10/11;border-radius:calc(var(--home-unit) * .75);background:color-mix(in srgb, var(--foreground) 8%, var(--background));width:100%;position:relative;overflow:hidden}._8IWlia_projectMedia img,._8IWlia_studioMedia img{object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}._8IWlia_projectCard a:hover ._8IWlia_projectMedia img{transform:scale(1.05)}._8IWlia_projectCard h3{margin:calc(var(--home-unit) * 2) 0 0;font:inherit}._8IWlia_projectCard h3 span{display:block}._8IWlia_allProjectsWrap{padding-inline:var(--home-gutter);margin-top:calc(var(--home-unit) * 8);line-height:0}._8IWlia_allProjects{color:inherit;align-items:center;text-decoration:none;display:inline-flex;position:relative}._8IWlia_allProjects svg{stroke-width:1.5px;flex:none;width:1em;height:1em;position:relative;top:.08em}._8IWlia_allProjects small{align-self:flex-start;margin-left:.25em;font-size:.35em;line-height:1.4;display:none}._8IWlia_studio{grid-template-columns:1fr;display:grid}._8IWlia_studioContent{padding-bottom:calc(var(--home-unit) * 6);flex-direction:column;align-items:flex-start;display:flex}._8IWlia_studioCopy{width:100%;max-width:calc(var(--home-unit) * 41);margin-top:calc(var(--home-unit) * 4)}._8IWlia_studioContent>div:last-child{margin-top:calc(var(--home-unit) * 5)}._8IWlia_studioMedia{aspect-ratio:4/5;border-radius:calc(var(--home-unit) * .75);background:color-mix(in srgb, var(--foreground) 8%, var(--background));width:100%;position:relative;overflow:hidden}@media (min-width:40.625rem){._8IWlia_sections{--home-unit:clamp(1px, 12px, calc(100vw * .00666667))}}@media (min-width:48rem){._8IWlia_sections{--home-gap:calc(var(--home-unit) * 2.4)}._8IWlia_approach{column-gap:var(--home-gap);grid-template-columns:repeat(12,minmax(0,1fr))}._8IWlia_approachCue{grid-column:span 3;margin:0}._8IWlia_approachCue>span:last-child{display:none}._8IWlia_arrowCue{display:inline-flex}._8IWlia_approachContent{grid-column:4/-1}._8IWlia_approach h2,._8IWlia_services h2,._8IWlia_studio h2,._8IWlia_allProjects{font-size:calc(var(--home-unit) * 5.75);line-height:1.13}._8IWlia_approachContent>h2{padding-right:calc(var(--home-unit) * 10)}._8IWlia_approachDetails{column-gap:var(--home-gap);margin-top:calc(var(--home-unit) * 15);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}._8IWlia_approachLabel{grid-column:span 3;display:block}._8IWlia_approachCopy{grid-column:4/-1}._8IWlia_projectGrid{column-gap:calc(var(--home-unit) * 1.6);padding-inline:calc(var(--home-unit) * 1.6);grid-template-columns:repeat(2,minmax(0,1fr))}._8IWlia_projectCard h3{margin-top:calc(var(--home-unit) * 1.5)}._8IWlia_allProjectsWrap{column-gap:calc(var(--home-unit) * 1.6);padding-inline:calc(var(--home-unit) * 1.6);margin-top:calc(var(--home-unit) * 12.5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}._8IWlia_allProjects{grid-column:2;justify-self:start}._8IWlia_allProjects small{display:inline-flex}._8IWlia_servicesIntro{column-gap:var(--home-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}._8IWlia_servicesIntro>span{grid-column:span 4}._8IWlia_servicesIntro h2{font-size:calc(var(--home-unit) * 2.3);letter-spacing:-.02em;grid-column:5/span 4;line-height:1.35}._8IWlia_servicesIntro ._8IWlia_textLink{grid-column:10/-1;justify-self:start}._8IWlia_servicesShowcase{column-gap:var(--home-gap);margin-top:calc(var(--home-unit) * 17);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}._8IWlia_serviceFeature{width:calc(87.5% - var(--home-gap) * .125);transform:translateY(var(--service-offset));grid-column:1/span 4;transition:transform .5s cubic-bezier(.22,1,.36,1)}._8IWlia_serviceList{order:initial;grid-column:5/-1}._8IWlia_serviceButton,._8IWlia_serviceButtonActive{font-size:clamp(calc(var(--home-unit) * 7), 8.6vw, calc(var(--home-unit) * 13))}._8IWlia_studio{column-gap:var(--home-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}._8IWlia_studioContent{order:2;grid-column:8/-1;padding:0}._8IWlia_studioCopy{margin-top:calc(var(--home-unit) * 7)}._8IWlia_studioContent>div:last-child{margin-top:calc(var(--home-unit) * 6)}._8IWlia_studioMedia{width:calc(100% + calc(var(--home-unit) * 4.3));margin-left:calc(var(--home-unit) * -4.3);order:1;grid-column:1/span 6}}@media (min-width:48.0625rem){._8IWlia_sections{--home-gutter:5.29101vw}}@media (prefers-reduced-motion:reduce){._8IWlia_projectMedia img,._8IWlia_serviceMedia img,._8IWlia_studioMedia img,._8IWlia_serviceFeature{transition:none}._8IWlia_serviceImageActive{clip-path:inset(0);animation:none}}
._2Y7R1G_hero{--page-padding:5.29101vw;isolation:isolate;width:100%;height:100dvh;min-height:100dvh;padding-block:2rem;padding-inline:var(--page-padding);box-sizing:border-box;color:var(--foreground);background:var(--background);flex-direction:column;justify-content:center;transition:color .18s,background-color .18s;display:flex;position:relative;overflow:clip}._2Y7R1G_header{z-index:10;flex-direction:column;width:100%;display:flex;position:relative}._2Y7R1G_hero h1,._2Y7R1G_displayHeading{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(3rem,10vw,15rem);font-weight:900;line-height:.85}._2Y7R1G_topLine{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}._2Y7R1G_description{text-align:justify;text-align-last:left;width:100%;max-width:350px;margin:0;font-size:20px;font-weight:500;line-height:1.15}._2Y7R1G_centeredHeading,._2Y7R1G_brandLine{align-self:center}._2Y7R1G_brandLine{z-index:10;white-space:nowrap;justify-content:center;align-items:center;gap:clamp(.4rem,1.5vw,1.4rem);display:flex;position:relative}._2Y7R1G_videoSlot{aspect-ratio:16/9;flex:none;width:clamp(100px,14vw,240px);display:inline-flex}._2Y7R1G_fluidCanvas{z-index:20;pointer-events:none;mix-blend-mode:difference;width:100%;height:100%;display:block;position:absolute;inset:0}._2Y7R1G_videoPill{z-index:30;pointer-events:none;opacity:0;isolation:isolate;mix-blend-mode:normal;will-change:width, height, left, top, border-radius;background:#111;border-radius:999px;display:block;position:absolute;overflow:hidden}._2Y7R1G_video{z-index:1;object-fit:cover;object-position:center;filter:none;mix-blend-mode:normal;width:100%;height:100%;display:block;position:relative}@media (max-width:768px){._2Y7R1G_hero{--page-padding:1.5rem;padding-block:1.5rem}._2Y7R1G_topLine{gap:1rem}._2Y7R1G_hero h1,._2Y7R1G_displayHeading{font-size:clamp(2rem,10vw,6rem)}._2Y7R1G_description{max-width:260px;font-size:14px;line-height:1.2}._2Y7R1G_brandLine{gap:.4rem}._2Y7R1G_videoSlot{background:url(/hero/johannesburg-sunset-poster-mobile.webp) 50%/cover no-repeat;border-radius:999px;width:clamp(70px,22vw,130px)}._2Y7R1G_videoPill{display:none}}@media (prefers-reduced-motion:reduce){._2Y7R1G_hero{transition:none}._2Y7R1G_fluidCanvas{display:none}}