/* Layout: horizontal strip */
.lr-horizontal.scroll-container{
  display:flex; 
  overflow-x:auto; 
  overflow-y:hidden;
  height:100vh;
  scroll-snap-type:x mandatory;          /* crisp snapping */
  -webkit-overflow-scrolling:touch;      /* momentum on iOS */
  scrollbar-width:none;                   /* hide FF scrollbar */
}
.lr-horizontal.scroll-container::-webkit-scrollbar{display:none;} /* hide WebKit scrollbar */

/* Panels */
.lr-horizontal .panel{
  flex:0 0 100vw;     /* each panel = full viewport width */
  height:100vh;
  scroll-snap-align:start;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.lr-horizontal .panel-inner{
  max-width:min(80ch,90vw);
  text-align:center;
  font-size:clamp(24px,4vw,48px);
}

/* Smooth feel */
html:focus-within{scroll-behavior:smooth;} /* smooth anchor jumps */

/* Light reveal animation (CSS-only; JS just toggles .in) */
.reveal{ 
  opacity:0; 
  transform:translateY(24px) scale(0.98);
  transition:opacity .6s ease, transform .6s ease;
}
.reveal.in{
  opacity:1; 
  transform:translateY(0) scale(1);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .reveal{transition:none}
  html{scroll-behavior:auto}
}

Lordell here… an empathetic, left-handed, worldly Experience Designer and Creative. I’m based out of St. Louis, MO by way of Topeka, KS. It’s nice to meet you.

Let’s go for a drink and chat. I’d love to connect with you.

-Lordell

What are other professionals saying?

the CLASSIC

Hiking

Nature

Pen, Paper + Memos

Walks

Experiences

my current favorite tools:

TECHIE’S

Atlassian

  • Confluence

  • JIRA

ChatGPT

Google & Microsoft

Looker

VISUAL,

Adobe Suite

  • Photoshop

  • Premier Pro

Canva

Squarespace

AUDIBLE,

Adobe Audition

Garageband

Mainstage

Voice Memos

Protools

WORKSTATION.

MacBook Pro

Roland

Moog Little Phatty