/* Layout-only preview adjustments; original styles remain sourced from glmdev.com */
.platform-work-wrap{margin-top:clamp(3rem,6vw,5.5rem);padding:clamp(1.5rem,4vw,3rem);border-radius:22px;background:#f3f7fc;border:1px solid #e1e9f3}
.platform-work-wrap .experience{width:100%;max-width:none;background:transparent;box-shadow:none;border:0;padding:0;margin:0}
.platform-work-wrap .platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}
.platform-work-wrap .platform-tile{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;background:white;border:1px solid #e1e8f0;border-radius:12px}
.platform-work-wrap .platform-tile img{object-fit:contain;flex-shrink:0}
.about .about-grid{grid-template-columns:minmax(0,1fr);max-width:850px}
.about-it-wrap{margin-top:2rem;padding-bottom:1rem}
.about-it-wrap .it-note{max-width:none}
@media(max-width:750px){.platform-work-wrap .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-work-wrap{padding:20px}.platform-work-wrap .platform-tile{gap:8px;padding:9px;font-size:12px}}


/* About: balanced story and supporting details. */
.about-refined .about-section-title{font-size:16px;letter-spacing:0;font-weight:650;margin-bottom:28px;color:var(--muted)}
.about-refined-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:64px;align-items:start}
.about-refined .about-story h2{font-size:clamp(32px,3vw,43px)}
.about-refined .about-story>p:not(.eyebrow){max-width:660px;line-height:1.8;margin-top:22px}
.about-refined .about-story>.text-link{margin-top:26px}
.about-refined .about-details{border-left:1px solid #d1dff0;padding-left:32px}
.about-refined .about-connect .availability{margin:0 0 18px!important;font-size:13px!important;line-height:1.6}
.about-refined .related-site{margin:0!important;font-size:13px!important;line-height:1.8}
.about-refined .it-note{margin-top:24px;padding:22px;background:#fff;border:1px solid #e1e9f3;gap:14px}
.about-refined .it-note>span{font-size:26px}
.about-refined .it-note p{margin:0;font-size:12px;line-height:1.8}
@media(max-width:800px){.about-refined-grid{grid-template-columns:1fr;gap:30px}.about-refined .about-details{border-left:0;border-top:1px solid #d1dff0;padding:26px 0 0}.about-refined .about-story>p:not(.eyebrow){max-width:none}}

.training-related{margin-top:16px;font-size:14px;line-height:1.7}.training-related a{color:var(--blue);font-weight:650;text-decoration:underline;text-underline-offset:3px}.about-refined .about-story .related-site{margin-top:20px!important}
.about-refined .about-project-button{display:inline-flex;margin-top:68px;width:auto;max-width:100%;padding:10px 15px;font-size:12px;gap:12px;text-align:center;line-height:1.4}

/* Desktop opening screen: fill the viewport below the navigation. */
@media(min-width:801px){
  .hero{min-height:calc(100svh - 90px);display:flex;flex-direction:column;justify-content:center;padding:32px 0;gap:32px}
  .hero>.hero-grid{margin:0 auto;flex-shrink:0}
  .hero>.hero-highlights{margin:0 auto;padding-top:20px;flex-shrink:0}
}
@media(min-width:801px) and (max-height:760px){.hero{padding:20px 0;gap:24px}}


.hero-with-video{position:relative;isolation:isolate;background:#edf4fb}
.hero-video-background{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.hero-video-background video{width:100%;height:100%;object-fit:cover;opacity:1}
.hero-with-video:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.84),rgba(248,251,255,.72) 55%,rgba(238,246,255,.60))}
.hero-with-video .hero-highlights{background:rgba(255,255,255,.55);border-radius:0 0 12px 12px;padding-bottom:12px}
@media(prefers-reduced-motion:reduce){.hero-video-background video{display:none}.hero-video-background{background:url('hero-video-poster.svg') center/cover no-repeat;opacity:.25}}


/* Transparent navigation over video; solid navigation after scrolling. */
.site-header{background:transparent;backdrop-filter:none;border-bottom-color:transparent;transition:background .2s,border-color .2s,box-shadow .2s}
.site-header.is-scrolled{background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom-color:var(--line);box-shadow:0 2px 12px #10182f08}
.hero-with-video{margin-top:-90px;padding-top:122px}
@media(min-width:801px){.hero-with-video{min-height:100svh;padding-top:122px}}
@media(min-width:801px) and (max-height:760px){.hero-with-video{padding-top:110px}}
@media(max-width:800px){.hero-with-video{margin-top:0;padding-top:28px}.site-header{background:rgba(255,255,255,.96)}}