/* Oscar Adojaan portfolio — global styles (fonts, keyframes, animation states). Layout styles are inline in index.html. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto !important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:#fff;color:#000;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{opacity:0.45}
::selection{background:#000;color:#fff}
.totop{transition:opacity .15s ease}
.totop:hover{opacity:0.45}
.ph{background:#ebebeb}
@keyframes rise{to{transform:translateX(0);opacity:1}}
@keyframes fadein{to{transform:translateX(0);opacity:1}}
.lk{display:flex;justify-content:space-between;width:100%;line-height:0.82;font-family:'helvetica-neue-lt-pro','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-0.045em}
.lk>span{display:block;overflow:hidden;padding:0.14em 0.09em 0.07em;margin:-0.14em -0.09em -0.07em}
.lk>span:first-child{margin-left:0}
.lk>span:last-child{margin-right:0;letter-spacing:0}
.lk i{display:block;font-style:normal}
.lk{opacity:0;transform:translateX(26vw);animation:rise 1.1s cubic-bezier(.16,1,.3,1) forwards}
.r1{animation-delay:.25s}
.r2{animation-delay:.42s}
.lateup{opacity:0;transform:translateX(18vw);animation:fadein .9s cubic-bezier(.16,1,.3,1) .75s forwards}
.slidein{transform:translateX(-18vw);opacity:0;transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .42s ease}
.slidein.on{transform:none;opacity:1}
#index .slidein.on{transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .12s ease}
#index .slidein.on{opacity:0.45}
#index .slidein.on:hover{opacity:1}
#index .slidein:nth-child(1){transition-delay:0.00s}
#index .slidein:nth-child(2){transition-delay:0.03s}
#index .slidein:nth-child(3){transition-delay:0.06s}
#index .slidein:nth-child(4){transition-delay:0.09s}
#index .slidein:nth-child(5){transition-delay:0.12s}
#index .slidein:nth-child(6){transition-delay:0.15s}
#index .slidein:nth-child(7){transition-delay:0.18s}
#index .slidein:nth-child(8){transition-delay:0.21s}
#index .slidein:nth-child(9){transition-delay:0.24s}
#index .slidein:nth-child(10){transition-delay:0.27s}
#index .slidein:nth-child(11){transition-delay:0.30s}
#index .slidein:nth-child(12){transition-delay:0.33s}
@media (max-width:760px){
  [data-mgrid="1"]{grid-template-columns:1fr !important}
  [data-mgrid="1"]>img{grid-column:1/-1 !important;grid-row:auto !important}
  [data-mgrid="2"]{grid-template-columns:1fr 1fr !important}
  [data-mcols="2"]{column-count:2 !important}
  [data-mlead]>img:first-child{grid-column:1/-1 !important;grid-row:auto !important;aspect-ratio:4/3}
  .slidein{transform:translateX(-32vw)}
}
@media (prefers-reduced-motion:reduce){
  .slidein{transform:none;opacity:1;transition:none}
  .lk{transform:none;opacity:1;animation:none}
  .lateup{opacity:1;transform:none;animation:none}
}