@font-face{font-family:FarsightMotionSerif;src:url('/assets/cormorant-light.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
.portfolio-motion{position:relative;isolation:isolate;padding:110px 24px 100px;background:#f5f5f2;text-align:center;overflow:hidden}
.portfolio-motion__shell{width:min(700px,calc(100vw - 64px));margin:0 auto;aspect-ratio:700/460}
.portfolio-motion__frame{position:relative;width:100%;height:100%;transform:perspective(1500px) translate3d(var(--motion-x,0px),var(--motion-y,0px),0) rotateX(var(--motion-tilt-x,0deg)) rotateY(var(--motion-tilt-y,0deg));will-change:transform}
.portfolio-motion__surface{position:relative;width:100%;height:100%;overflow:hidden;border-radius:999px;background:#d7ddda;box-shadow:0 25px 55px -33px #293a3e30}
.portfolio-motion__surface>img,.portfolio-motion__surface>video,.portfolio-motion__surface>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill}
.portfolio-motion__surface>canvas,.portfolio-motion__surface>video{opacity:0}
.portfolio-motion[data-motion-mode=desktop].has-canvas .portfolio-motion__surface>canvas,.portfolio-motion[data-motion-mode=video].has-video .portfolio-motion__surface>video{opacity:1}
.portfolio-motion__edge{position:absolute;inset:0;border-radius:999px;pointer-events:none;background:radial-gradient(ellipse at 40% 25%,transparent 44%,#fafff809 66%,#fafff828 83%,#fafff84a 95%,transparent 100%),linear-gradient(165deg,#ffffff12,transparent 32%,transparent 68%,#2c443921);box-shadow:inset 0 12px 28px -22px #fff9,inset 0 -25px 40px -32px #183e3b64}
.portfolio-motion__actions{display:flex;align-items:center;justify-content:center;gap:24px;margin:38px auto 0}
.portfolio-motion__link{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1.2;min-height:48px;padding:14px 24px;background:transparent;border:1px solid #d2d1cd;border-radius:50px;white-space:nowrap;text-transform:uppercase;transition:background .3s}
.portfolio-motion__link:hover{background:#e9e9e5}
.portfolio-motion__pause{min-width:56px;min-height:44px;padding:10px 4px;border:0;background:transparent;color:#59615c;font:400 14px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
.portfolio-motion__pause:disabled{opacity:.55;cursor:default}.portfolio-motion__pause[hidden]{display:none}
.portfolio-motion__pause:focus-visible,.portfolio-motion__link:focus-visible{outline:2px solid #353d37;outline-offset:5px}
@media(max-width:700px),(hover:none) and (pointer:coarse){.portfolio-motion{padding:76px 18px 72px}.portfolio-motion__shell{width:min(420px,calc(100vw - 36px))}.portfolio-motion__frame{transform:none;will-change:auto}.portfolio-motion__actions{gap:16px;margin-top:30px}.portfolio-motion__link{padding:13px 20px}}
@media(prefers-reduced-motion:reduce){.portfolio-motion__frame{transform:none!important;will-change:auto}.portfolio-motion__edge{display:none}}