/* Verified footage takes the place of decorative pseudo-blueprints. */
.hero{min-height:785px}
.hero-portrait{width:210px;height:210px;top:120px;right:10%}
.hero-reel{position:absolute;z-index:4;top:375px;right:7%;width:min(35%,430px);padding:12px;background:#151a15ed;border:1px solid #7b9066;border-radius:8px;box-shadow:0 24px 80px #000a;backdrop-filter:blur(12px)}
.reel-heading,.reel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.reel-heading{margin-bottom:9px;color:#dceac7;font-size:9px;font-weight:700;letter-spacing:.14em}
.reel-heading b{font-weight:500;color:#a6bb8d;margin-left:10px}
.reel-heading>div{display:flex;gap:5px}
.reel-heading button{display:grid;place-items:center;width:30px;height:28px;border:1px solid #506149;border-radius:3px;background:#253022;color:#e8ff8b;font-size:15px;line-height:1}
.reel-heading button:hover{background:#e8ff8b;color:#121610}
.reel-media{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#050706;cursor:pointer}
.reel-media video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92)}
.reel-media::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}
.reel-media>span{position:absolute;z-index:1;bottom:10px}
#reel-provenance{left:11px;padding:5px 8px;background:#11190fdc;color:#e8ff8b;font-size:8px;font-weight:700;letter-spacing:.1em}
.reel-open-icon{right:11px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e8ff8b;color:#0b1208;font-size:16px}
.reel-footer{padding:12px 2px 10px;align-items:baseline}
.reel-footer strong{font-family:var(--display);font-size:17px;font-weight:500;line-height:1.15;letter-spacing:-.04em}
.reel-footer span{flex:none;font-size:9px;color:#b2c19e;letter-spacing:.06em}
.reel-progress{height:2px;background:#384a34;overflow:hidden}
.reel-progress::before{content:"";display:block;height:100%;width:var(--reel-progress,0%);background:#e8ff8b;transition:width .15s linear}
.hero-bottom{margin-top:180px}

.project-grid,.project-grid.focused-category{display:flex;flex-direction:column;gap:18px}
.category-lane,.lane-ai,.lane-software,.lane-apps,.lane-gaming{grid-column:auto;width:100%}
.category-lane{padding:25px 27px 28px}
.collection-track .project-card,.lane-software .collection-track .project-card,.lane-apps .collection-track .project-card,.project-grid.focused-category .collection-track .project-card{flex:0 0 clamp(300px,31vw,425px);min-width:0}
.collection-track[data-autoscroll="true"]{scroll-snap-type:none;scroll-behavior:auto}
.collection-track .project-card[data-clone="true"]{scroll-snap-align:none}
.project-visual{aspect-ratio:16/10;isolation:isolate}
.project-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#090c09;pointer-events:none}
.project-visual.portrait-screen video{object-fit:cover;background:#111912}
.project-visual.portrait-screen::before{z-index:0}
.project-visual:has(video) img{display:none}
.project-visual .recording-badge{background:#e8ff8bda}
.project-visual.portrait-screen video{background:transparent}
.product-journey{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px;color:#c7d7a9;font-size:9px;font-weight:700;letter-spacing:.035em;line-height:1.5}
.product-journey span{border:1px solid #526347;background:#20291d;padding:4px 7px;border-radius:2px}
.product-journey i{font-style:normal;color:#e8ff8b}
.journey-detail{gap:10px;margin:22px 0 4px;font-size:11px}
.journey-detail span{padding:8px 11px}
.lane-gaming .collection-track{overflow:visible;padding-bottom:0}
.lane-gaming .slide-next{display:none}
.lane-gaming .collection-track .project-card,.project-grid.focused-category .lane-gaming .collection-track .project-card{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);column-gap:30px;align-content:center;min-width:0}
.lane-gaming .project-visual{grid-row:1/4;aspect-ratio:16/9;max-height:520px}
.lane-gaming .project-meta{margin:24px 0 0;align-self:end}
.lane-gaming .project-meta h3{font-size:clamp(28px,3vw,42px)}
.lane-gaming .project-description{align-self:start;max-width:38ch;font-size:15px}
.lane-gaming .project-caption{align-self:start}

.about-section{display:block;max-width:950px;padding-top:105px;padding-bottom:105px}
.about-copy{max-width:850px}
.about-copy>.eyebrow{margin-bottom:25px;color:#dae8c6}
.about-copy h2{max-width:800px}
.about-copy>p:not(.eyebrow){max-width:70ch}

@media(max-width:1000px){
  .hero{min-height:750px}.hero-portrait{width:170px;height:170px;top:110px;right:8%}
  .hero-reel{top:335px;width:40%;right:5%}.hero-bottom{margin-top:165px}
  .collection-track .project-card,.lane-software .collection-track .project-card,.lane-apps .collection-track .project-card,.project-grid.focused-category .collection-track .project-card{flex-basis:clamp(295px,42vw,390px)}
}
@media(max-width:700px){
  .hero{min-height:0}.hero-portrait{width:158px;height:158px;top:85px;right:calc(50% - 79px)}
  .hero-copy{margin-top:295px}.hero-reel{position:relative;top:auto;right:auto;width:100%;margin-top:33px;padding:10px}
  .hero-bottom{margin-top:24px}.orb-caption{right:20%;top:11px;bottom:auto}
  .reel-media{aspect-ratio:16/9}.reel-footer strong{font-size:15px}
  .category-lane{padding:17px 14px 20px}
  .collection-track .project-card,.lane-software .collection-track .project-card,.lane-apps .collection-track .project-card,.project-grid.focused-category .collection-track .project-card{flex-basis:min(83vw,340px)}
  .lane-gaming .collection-track .project-card,.project-grid.focused-category .lane-gaming .collection-track .project-card{display:block}
  .lane-gaming .project-meta{margin-top:14px}.lane-gaming .project-meta h3{font-size:28px}
  .lane-gaming .project-description{font-size:13px}
  .about-section{padding-top:80px;padding-bottom:80px}
}
@media(prefers-reduced-motion:reduce){.reel-progress::before{transition:none}}