html{scroll-behavior:smooth}
.button-icon{transition:width .25s ease}
.button:hover .button-icon,.button:focus-visible .button-icon{width:2rem!important}
.button,.button-secondary{transition:transform .2s ease,box-shadow .2s ease}
.button:active,.button-secondary:active{transform:scale(.97)}
.marquee-wrapper{animation:study-marquee 22s linear infinite}
@keyframes study-marquee{to{transform:translateX(-33.3333%)}}
.project-image{transition:transform 6s cubic-bezier(.2,.55,.3,1);will-change:transform}
.project-card:hover .project-image,.project-card:focus-within .project-image{transform:translateY(var(--project-travel,0px))}
.project-card{transition:box-shadow .25s ease}
.project-card:hover{box-shadow:8px 8px 12px #cfcdff}
.secion-hero h1{animation:study-hero .7s ease both}
.text-image{animation:study-hero .8s .1s ease both}
.hero-image{animation:study-portrait .8s .15s ease both}
@keyframes study-hero{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes study-portrait{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project-card:hover .project-image,.project-card:focus-within .project-image{transform:none}}
.rian-wordmark{position:relative;display:inline-block;font-family:'Fugaz One',sans-serif;font-size:1.6rem;line-height:1.2;text-transform:uppercase;white-space:nowrap;box-shadow:0 3px #f2d43c}
.brand-dot{color:#ff7474}
.hero-outline{font-family:'Fugaz One',sans-serif;font-size:clamp(3rem,8.5vw,8.6rem);line-height:1.1;text-transform:uppercase;color:white;-webkit-text-stroke:2px black;text-align:center;white-space:nowrap}
.secion-hero{min-height:660px}
.hero-image{width:19rem;max-width:30%;height:auto;mask-image:linear-gradient(#000 83%,transparent 100%)}
.hero-content-wrapper{isolation:isolate}
.showcase-image{aspect-ratio:9/16;object-fit:cover;object-position:top;border:3px solid black}
.rian-intro{margin-top:1.25rem!important}
.rian-service-image{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;border-radius:1.5rem;box-shadow:0 16px 45px #00000014}
.projects-grid{align-items:start;row-gap:3rem}
.project-image-wrapper{display:block;height:auto;aspect-ratio:4/3}
.project-image{height:100%;object-fit:cover;object-position:top}
.project-description{font-size:1rem;line-height:1.6;margin:.8rem 0 1.3rem;color:#555;min-height:3.2em}
.rian-about-image{max-height:38rem;object-fit:contain;background:none;mask-image:linear-gradient(#000 84%,transparent 100%)}
.rian-footer-note{text-align:center;font-family:Manrope,sans-serif;font-size:.8rem;line-height:1.8;padding:1.8rem 1.5rem;color:#555}
.rian-footer-note a{text-decoration:underline;color:inherit}
.rian-footer-note span{font-size:.7rem;color:#777}
.miles-interactive{display:block;aspect-ratio:4/5;border:0;padding:0;background:transparent;appearance:none;mask-image:none;cursor:crosshair;overflow:visible;z-index:2;flex:none}
.miles-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(#000 83%,transparent 100%)}
.miles-interactive canvas{position:absolute;top:-25%;left:-100%;width:300%;height:150%;pointer-events:none;mask-image:linear-gradient(#000 72%,transparent 83.333%);opacity:0;transition:opacity .25s ease}
.miles-ready canvas{opacity:1}
.miles-ready .miles-fallback{visibility:hidden}
.miles-interactive:focus-visible{outline:2px solid #00f;outline-offset:4px;border-radius:1rem}
.miles-web-layer{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:visible;filter:drop-shadow(0 1px 1px #20273e66)}
.miles-web-shot{fill:none;stroke:#ccd2dc;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.miles-web-shot path:nth-child(2){stroke:#fff;stroke-width:1.9}
.miles-web-shot path:nth-child(3){stroke:#8c96a6;stroke-width:.7}
.miles-web-impact{stroke:#b6bfcc;stroke-width:1.1}
@media(max-width:767px){.rian-wordmark{font-size:1.15rem}.hero-outline{font-size:10vw;-webkit-text-stroke:1px black}.hero-image{width:85%;max-width:24rem}.secion-hero{min-height:0}.showcase-image{border-width:1px}.rian-about-image{max-height:26rem}.project-description{min-height:0}.rian-service-image{border-radius:1rem}}
@media(max-width:479px){.navbar .special-button{font-size:.75rem;padding:.85rem 1rem;white-space:nowrap}.navbar .button:hover .button-icon,.navbar .button:focus-visible .button-icon{width:1.25rem!important;height:1.25rem!important}}