.elementor-1021 .elementor-element.elementor-element-42091b55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS */.post-type-archive-project .sm-page-nav{background:#0b0b0b!important;color:#f5f4ef!important;border-color:#414141!important}
.post-type-archive-project .sm-page-nav .sm-nav-brand .elementor-heading-title a{filter:invert(1)!important}
.post-type-archive-project .sm-page-nav .sm-nav-link a{color:#f5f4ef!important}
.post-type-archive-project .sm-page-nav .sm-nav-contact a{background:#c8ff38!important;color:#0b0b0b!important}
.sm-ref-work{--black:#0b0b0b;--white:#f5f4ef;--signal:#c8ff38;width:100vw;margin-left:calc(50% - 50vw);overflow:clip;background:var(--white);color:var(--black);font-family:Arial,Helvetica,sans-serif}
.sm-ref-work *{box-sizing:border-box}
.sm-ref-hero{min-height:76vh;padding:4.5vh 2.2vw 3vh;background:var(--black);color:var(--white);display:flex;flex-direction:column;overflow:hidden}
.sm-ref-kicker{display:flex;justify-content:space-between;margin-bottom:4vh;font-size:.65rem;line-height:1.4;text-transform:uppercase;letter-spacing:.12em}
.sm-ref-hero h1{margin:auto 0;font-size:clamp(5rem,12.8vw,13.5rem);line-height:.64;letter-spacing:-.095em;font-weight:850}
.sm-ref-hero h1 em{color:var(--signal);font-family:Georgia,serif;font-weight:400}
.sm-ref-hero-foot{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-top:5vh;padding-top:1.2rem;border-top:1px solid #535353;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}
.sm-ref-hero-foot p{max-width:760px;margin:0;line-height:1.45}
.sm-ref-hero-foot span{color:var(--signal);white-space:nowrap}
.sm-ref-projects{padding:10rem 2.2vw;background:var(--white)}
.sm-ref-section-head{display:flex;justify-content:space-between;margin-bottom:5rem;padding-bottom:1rem;border-bottom:1px solid}
.sm-ref-section-head p,.sm-ref-section-head span{margin:0;font-size:.65rem;line-height:1.4;text-transform:uppercase;letter-spacing:.1em}
.sm-ref-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10rem 1.4vw}
.sm-ref-project{display:block;position:relative;color:var(--black)}
.sm-ref-project-1,.sm-ref-project-4{grid-column:1/-1}
.sm-ref-project-2,.sm-ref-project-5{grid-column:1/7}
.sm-ref-project-3,.sm-ref-project-6{grid-column:7/-1;margin-top:11rem}
.sm-ref-stage{aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:#ddd}
.sm-ref-device{position:relative;z-index:1;width:min(78%,1080px);filter:drop-shadow(0 2.4vw 2.3vw rgba(0,0,0,.24))}
.sm-ref-device.device-macbook-dark{aspect-ratio:2400/1370}
.sm-ref-device.device-macbook-light{aspect-ratio:2597/1304;width:min(82%,1130px)}
.sm-ref-device.device-studio-display{aspect-ratio:1914/1634;width:min(55%,760px)}
.sm-ref-viewport{position:absolute;z-index:1;overflow:hidden;background:#111}
.device-macbook-dark .sm-ref-viewport{left:10.79%;top:2.19%;width:78.42%;height:86.28%}
.device-macbook-light .sm-ref-viewport{left:12.94%;top:1.53%;width:73.93%;height:91.72%}
.device-studio-display .sm-ref-viewport{left:.84%;top:.98%;width:98.33%;height:71.91%}
.sm-ref-viewport img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.sm-ref-hardware{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.sm-ref-stage:hover .sm-ref-viewport img{transform:scale(1.018)}
.tone-mono{background:radial-gradient(circle at 64% 22%,#e4e4df 0,#b8c0b6 48%,#717d72 100%)}
.tone-blue{background:linear-gradient(145deg,#d9e9ef,#87a9ba 55%,#45667b)}
.tone-navy{background:radial-gradient(circle at 38% 25%,#404b70,#171d3a 55%,#090d1d)}
.tone-red{background:linear-gradient(135deg,#ff785e,#df3c29 52%,#721b18)}
.tone-gold{background:radial-gradient(circle at 70% 20%,#ffe7a0,#d8ae43 52%,#74531d)}
.tone-green{background:linear-gradient(145deg,#bed0bd,#66836d 58%,#263e31)}
.sm-ref-info{display:grid;grid-template-columns:1.25fr .8fr 1fr auto;gap:1.5rem;align-items:baseline;padding:1.5rem 0 1.2rem;border-bottom:1px solid}
.sm-ref-info h2{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.9;letter-spacing:-.06em}
.sm-ref-info p,.sm-ref-info>a{margin:0;font-size:.62rem;line-height:1.4;text-transform:uppercase;letter-spacing:.1em}
.sm-ref-info>a{white-space:nowrap}
.sm-ref-project-2 .sm-ref-info,.sm-ref-project-3 .sm-ref-info,.sm-ref-project-5 .sm-ref-info,.sm-ref-project-6 .sm-ref-info{grid-template-columns:1fr auto}
.sm-ref-project-2 .sm-ref-info p,.sm-ref-project-3 .sm-ref-info p,.sm-ref-project-5 .sm-ref-info p,.sm-ref-project-6 .sm-ref-info p{grid-column:1/-1}
.sm-ref-project-2 .sm-ref-info>a,.sm-ref-project-3 .sm-ref-info>a,.sm-ref-project-5 .sm-ref-info>a,.sm-ref-project-6 .sm-ref-info>a{grid-column:2;grid-row:1}
.sm-ref-contact{min-height:85svh;padding:7rem 2.2vw 3rem;background:#5638f5;color:#fff;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}
.sm-ref-contact>p{margin:auto 0;font-size:clamp(5rem,12vw,13rem);line-height:.67;letter-spacing:-.095em;font-weight:850}
.sm-ref-contact>a{display:flex;justify-content:space-between;padding:1.5rem 0;border-block:1px solid rgba(255,255,255,.6);font-size:clamp(1.5rem,3vw,3.5rem)}
.sm-ref-contact>a b{font-weight:400}
.sm-ref-contact>div{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:7vw 7vw;z-index:-1;transform:rotate(-8deg) scale(1.3)}
@media(max-width:900px){.sm-ref-project-2,.sm-ref-project-3,.sm-ref-project-5,.sm-ref-project-6{grid-column:1/-1;margin-top:0}.sm-ref-info,.sm-ref-project-2 .sm-ref-info,.sm-ref-project-3 .sm-ref-info,.sm-ref-project-5 .sm-ref-info,.sm-ref-project-6 .sm-ref-info{grid-template-columns:1fr auto}.sm-ref-info p{grid-column:1/-1}.sm-ref-info>a,.sm-ref-project-2 .sm-ref-info>a,.sm-ref-project-3 .sm-ref-info>a,.sm-ref-project-5 .sm-ref-info>a,.sm-ref-project-6 .sm-ref-info>a{grid-column:2;grid-row:1}}
@media(max-width:700px){.sm-ref-hero{min-height:calc(100svh - 82px);padding:4vh 5vw 3vh}.sm-ref-hero h1{font-size:20vw}.sm-ref-hero-foot{align-items:start}.sm-ref-hero-foot p{max-width:75%}.sm-ref-projects{padding:6rem 5vw}.sm-ref-grid{gap:6rem}.sm-ref-info{gap:1rem}.sm-ref-info h2{font-size:2.4rem}.sm-ref-contact{min-height:70svh;padding:5rem 5vw 3rem}.sm-ref-contact>p{font-size:18vw}}

.post-type-archive-project.admin-bar .sm-page-nav{top:auto!important}
.post-type-archive-project .sm-page-nav .sm-nav-brand .elementor-heading-title a{width:205px!important;height:35px!important}
.post-type-archive-project .sm-page-nav .sm-nav-contact a{padding:18px 28px!important}
.sm-ref-hero{min-height:calc(100svh - 112px)!important}
.sm-ref-kicker{justify-content:flex-start!important;gap:0!important;font-size:1rem!important;line-height:1.4!important;text-transform:none!important;letter-spacing:0!important}
.sm-ref-hero h1{font-size:clamp(5rem,12.8vw,13.5rem)!important;line-height:.64!important;letter-spacing:-.095em!important;font-weight:850!important}
.sm-ref-hero h1 em{font-size:inherit!important;line-height:inherit!important;font-family:Georgia,serif!important;font-weight:400!important}
.sm-ref-hero-foot,.sm-ref-hero-foot p,.sm-ref-hero-foot span{font-size:.68rem!important;line-height:1.45!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.sm-ref-hero-foot p{max-width:none!important;white-space:nowrap!important}
.sm-ref-section-head p,.sm-ref-section-head span{font-size:.65rem!important;line-height:1.4!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.sm-ref-info h2{font-size:clamp(2rem,4vw,4rem)!important;line-height:.9!important;letter-spacing:-.06em!important}
.sm-ref-info p,.sm-ref-info>a{font-size:.62rem!important;line-height:1.4!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.sm-ref-contact>p{font-size:clamp(5rem,12vw,13rem)!important;line-height:.67!important;letter-spacing:-.095em!important;font-weight:850!important}
.sm-ref-contact>a{font-size:clamp(1.5rem,3vw,3.5rem)!important;line-height:1.1!important}
@media(max-width:700px){.sm-ref-kicker{font-size:.8rem!important}.sm-ref-hero h1{font-size:20vw!important}.sm-ref-hero-foot p{white-space:normal!important}.sm-ref-contact>p{font-size:18vw!important}}/* End custom CSS */