/* Progressive enhancement: content stays visible without JavaScript. */
.site .io{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1),border-color .25s ease;transition-delay:var(--reveal-delay,0ms);}
.site.js-anim .io:not(.on){opacity:0;transform:translateY(14px);}
.site.js-anim .io.on{opacity:1;transform:none;}
.site .io:focus-within{opacity:1!important;transform:none!important;transition:none;}
.site .rise{animation-duration:.65s;}
.site .ridge polyline{stroke-dasharray:1000;stroke-dashoffset:0;}
.site.js-anim .ridge polyline{stroke-dashoffset:1000;transition:stroke-dashoffset 2.2s cubic-bezier(.45,0,.2,1);}
.site.js-anim .ridge:not(.on) polyline{transition:none;}
.site.js-anim .ridge.on polyline{stroke-dashoffset:0;}
.site.js-anim .ridge.on .r2{transition-delay:.15s;}
.site.js-anim .ridge.on .r3{transition-delay:.3s;}
.image-frame{display:block;overflow:hidden;}
.ins-media{border-bottom:1px solid var(--hairline);}
.ins-media .ins-image{border:0;}
.rel-media{width:calc(100% + 56px);margin:-30px -28px 24px;border-bottom:1px solid var(--hairline);}
.rel-media .rel-image{width:100%;margin:0;border:0;}
.motion-arrow{display:inline-block;}
.site a.ins-card:hover,.site a.rel-card:hover,.site .step:hover,.site .btn-gold:hover{transform:none;}
.photo-box,.case-photo{transition:border-color .3s ease;}
@media(min-width:1001px){
  .ins-grid .ins-card:nth-child(2){--reveal-delay:90ms;}
  .ins-grid .ins-card:nth-child(3){--reveal-delay:180ms;}
}
@media(min-width:600px) and (max-width:1000px){
  .ins-media{border-bottom:0;border-right:1px solid var(--hairline);}
  .ins-media .ins-image{border:0;}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .photo-box img,.image-frame img{transition:transform .7s cubic-bezier(.2,.7,.2,1);}
  .motion-arrow{transition:transform .25s ease;}
  .photo-box:hover img,.case-photo:hover .image-frame img,.ins-card:hover .image-frame img,.rel-card:hover .image-frame img{transform:scale(1.025);}
  .photo-box:hover,.case-photo:hover{border-color:rgba(214,187,114,.55);}
  a:hover .motion-arrow,a:focus-visible .motion-arrow{transform:translateX(3px);}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  .site *,.site *::before,.site *::after{animation:none!important;transition:none!important;}
  .site .io,.site .rise,.site .motion-arrow,.site .image-frame img,.site .photo-box img{opacity:1!important;transform:none!important;}
  .site .ridge polyline{stroke-dashoffset:0!important;}
}