.landing-shell{--landing-bg: #f4efe6;--landing-line: rgba(68, 64, 60, .18);--renders-menu-font: Arial, Helvetica, sans-serif;--landing-topbar-logo-width: clamp(2.8rem, 5vw, 4rem)}.renders-topbar:before{display:none}.landing-frame{transition:opacity .425s ease,transform .425s ease}.landing-shell[data-intro=playing] .landing-frame{opacity:0;transform:translateY(1.4rem)}.landing-shell[data-intro=complete] .landing-frame{opacity:1;transform:none;transition-delay:.19s}.landing-intro{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;background:radial-gradient(circle at 18% 18%,rgba(146,64,14,.16),transparent 30%),radial-gradient(circle at 78% 78%,rgba(28,25,23,.1),transparent 28%),var(--landing-bg);transition:opacity .7s ease .625s,background-color .75s ease}.landing-shell[data-intro=playing] .landing-intro,.landing-shell[data-intro=complete] .landing-intro{opacity:1}.landing-shell[data-intro=complete] .landing-intro{opacity:0}.landing-intro__stage{--landing-intro-scale: 1;position:fixed;top:50%;left:50%;width:var(--landing-topbar-logo-width);transform:translate(-50%,-50%) scale(var(--landing-intro-scale));transform-origin:center;transition:top .575s cubic-bezier(.22,1,.36,1),left .575s cubic-bezier(.22,1,.36,1),transform .575s cubic-bezier(.22,1,.36,1)}.landing-shell[data-intro=complete] .landing-intro__stage{top:calc(1rem + var(--landing-topbar-logo-width) / 2);left:calc(1rem + var(--landing-topbar-logo-width) / 2);transform:translate(-50%,-50%) scale(1)}.landing-intro__logo{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 70px rgba(17,17,17,.1))}.landing-section--design{padding-top:clamp(6rem,12vh,9rem);padding-bottom:clamp(4rem,10vh,7rem)}.landing-section--cta{display:flex;align-items:center}.landing-card-container{width:100%;max-width:80rem;margin-inline:auto;padding-inline:clamp(1.5rem,6vw,5rem)}.landing-cta-contact{margin-top:1.7rem;display:grid;gap:.7rem;justify-items:center}.landing-cta-contact__value{color:#ffffffdb;font-size:.96rem;line-height:1.4;text-decoration:none;transition:color .2s ease}.landing-cta-contact__value:hover,.landing-cta-contact__value:focus-visible{color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem)}.project-tile{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--landing-bg)}.project-tile--link{text-decoration:none;color:inherit;cursor:pointer}.project-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .15s ease}.project-tile:hover img,.project-tile:focus-within img{opacity:0}.project-tile__overlay{position:absolute;inset:0;color:#111;opacity:0;transition:opacity .15s ease}.project-tile:hover .project-tile__overlay,.project-tile:focus-within .project-tile__overlay{opacity:1}.project-tile__title{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);padding-inline:1.25rem;text-align:center;font-size:clamp(1rem,1.4vw,1.35rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:#111}.project-tile__location{position:absolute;bottom:1.25rem;left:0;right:0;padding-inline:1.25rem;text-align:center;font-size:.85rem;line-height:1.35;color:#111111b3}@media(max-width:1023px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.projects-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.landing-shell{--landing-topbar-logo-width: 2.5rem}.landing-shell[data-intro=complete] .landing-intro__stage{top:calc(.85rem + var(--landing-topbar-logo-width) / 2);left:calc(.85rem + var(--landing-topbar-logo-width) / 2)}}.renders-contact{position:fixed;z-index:82;right:1rem;bottom:clamp(.4rem,3.1vw,2.5rem);display:inline-flex;align-items:center;justify-content:center;padding:.35rem .15rem;border:0;background:transparent;color:#fff;text-decoration:none;cursor:pointer;pointer-events:auto;font:inherit;transition:color .3s ease,opacity .2s linear,transform .25s ease}.renders-contact:hover,.renders-contact:focus-visible{opacity:.82;transform:translateY(-1px)}.renders-contact__icon{width:2.015rem;height:2.015rem;display:block;filter:drop-shadow(0 .15rem .45rem rgba(8,12,18,.24));transition:filter .3s ease}.renders-contact__icon-shell{position:relative;width:2.015rem;height:2.015rem;display:grid;place-items:center;transform-style:preserve-3d;animation:rendersContactIconSwap 4s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform}.renders-contact__icon-face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.renders-contact__icon-face--logo{transform:rotateY(180deg)}.renders-contact__logo-image{display:block;width:100%;height:auto;transform:scale(1.5);transition:filter .3s ease}.renders-contact--dark{color:#111}.renders-contact--dark .renders-contact__icon,.renders-contact--dark .renders-contact__logo-image{filter:drop-shadow(0 .12rem .35rem rgba(255,255,255,.24))}.renders-contact[aria-expanded=true]{opacity:0}.renders-contact:is(:hover,:focus-visible) .renders-contact__icon-shell,.renders-contact[aria-expanded=true] .renders-contact__icon-shell{animation-play-state:paused}@keyframes rendersContactIconSwap{0%,42%{transform:rotateY(0)}50%{transform:rotateY(180deg)}74%{transform:rotateY(180deg)}82%,to{transform:rotateY(360deg)}}.renders-contact-panel{position:fixed;z-index:81;right:clamp(.45rem,1vw,1rem);bottom:0;width:min(11.5rem,calc(100vw - 1rem));aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1rem;background:#000;color:#fff;box-shadow:0 1rem 3rem #00000073;transform:translateY(100%);transition:transform .26s cubic-bezier(.22,1,.36,1)}.renders-contact-panel[hidden]{display:none}.renders-contact-panel--open{opacity:1;transform:translateY(0)}.renders-contact-panel__row{position:relative;display:grid;justify-items:center;width:100%}.renders-contact-panel__value{font-family:var(--renders-menu-font);font-size:.82rem;font-weight:400;line-height:1.25;letter-spacing:0;color:#fff;user-select:none;-webkit-user-select:none;cursor:pointer;white-space:nowrap;text-align:center;transition:opacity .2s linear,transform .2s ease}.renders-contact-panel__value:hover,.renders-contact-panel__value:focus-visible{opacity:.82}.renders-contact-panel__value--copied{opacity:1;transform:translateY(-1px)}.renders-contact-panel__snackbar{position:absolute;top:calc(100% + .24rem);left:50%;display:inline-flex;align-items:center;justify-content:center;min-height:1rem;padding:.12rem .42rem;border-radius:999px;background:#ffffff24;color:#ffffffe0;font-family:var(--renders-menu-font);font-size:.58rem;line-height:1;letter-spacing:0;opacity:0;pointer-events:none;transform:translate(-50%,-.15rem);transition:opacity .18s ease,transform .18s ease}.renders-contact-panel__snackbar--visible{opacity:1;transform:translate(-50%)}@media(max-width:640px){.renders-contact-panel{width:min(10rem,calc(100vw - 1rem));padding:.8rem}.renders-contact-panel__value{font-size:.72rem}.renders-contact-panel__snackbar{font-size:.54rem}}@media(prefers-reduced-motion:reduce){.landing-frame,.landing-intro,.landing-intro__stage,.project-tile img,.project-tile__overlay,.renders-contact,.renders-contact__icon,.renders-contact__logo-image,.renders-contact-panel{transition:none}.landing-intro{display:none}.renders-contact__icon-shell{animation:none}}
