/* Inter is SIL OFL licensed; this composition is specific to Simon's home hero. */
.pm-portfolio[data-page=home] .site-header:not(.scrolled){background:transparent!important;border-bottom-color:transparent;backdrop-filter:none}
.pm-portfolio[data-page=home] .site-header .nav{width:100%;max-width:none;padding-inline:2.8vw}
.pm-portfolio .sf-hero{margin-top:0;min-height:100svh;padding:clamp(196px,26svh,260px) 2.8vw 80px;background:#06090c;display:block}
.sf-liquid-fallback{position:absolute!important;inset:0;z-index:0!important;background:#020304 url('dark-contours-still.webp') center/cover no-repeat;pointer-events:none}
.sf-hero[data-liquid=running] .sf-liquid-fallback,.sf-hero[data-liquid=paused] .sf-liquid-fallback,.sf-hero[data-liquid=offscreen] .sf-liquid-fallback,.sf-hero[data-liquid=hidden] .sf-liquid-fallback{background:#020304}
.sf-field.sf-liquid{transition:opacity 1.3s ease;opacity:0}
.sf-field.sf-liquid[data-field-state]{opacity:1}
.sf-hero[data-liquid=reduced] .sf-field.sf-liquid,.sf-hero[data-liquid=fallback] .sf-field.sf-liquid,.sf-hero[data-liquid=context-lost] .sf-field.sf-liquid{opacity:0;transition:none}
.sf-hero h1{text-transform:uppercase}
.sf-hero .sf-grid{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),#d4e6ff09 calc(8.333% - 1px),#d4e6ff09 8.333%);border:0}
.sf-hero .sf-grid:after{content:'';position:absolute;inset:25% 0;background:linear-gradient(#c5e2ff0d 1px,transparent 1px,transparent calc(100% - 1px),#c5e2ff0d calc(100% - 1px))}
.sf-grid span{display:none}
.pm-portfolio .sf-hero .pulse-topline{position:absolute;left:2.8vw;right:2.8vw;top:116px;border:0;padding:0;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#acb3bd;text-transform:none}
.pm-portfolio .sf-hero .hero-positioning{padding:0;transform:translate3d(0,var(--sf-title-shift,0px),0);position:relative}
.sf-hero-label{display:none}
.pm-portfolio .sf-hero .hero-positioning h1{font-family:'Simon Inter',Arial,sans-serif;font-size:clamp(84px,8vw,128px);font-weight:100;line-height:.88;letter-spacing:-.035em;max-width:none;width:max-content;margin:0 0 32px;color:#fafcff;font-synthesis:none;font-optical-sizing:auto;font-feature-settings:'liga' 1,'calt' 1;font-variation-settings:normal;text-shadow:0 2px 24px #02050924}
.sf-hero h1 .sf-title-light{font-weight:100;letter-spacing:-.015em}
.sf-hero h1 strong{font-weight:700;letter-spacing:-.035em}
.sf-hero .sf-type-ink{animation-duration:1150ms;animation-timing-function:cubic-bezier(.19,1,.22,1)}
.sf-hero .sf-type-line:nth-of-type(2) .sf-type-ink{animation-delay:130ms}
.sf-hero-detail{display:block}
.pm-portfolio .sf-hero .hero-value{font:400 12px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;max-width:430px;color:#bfc7ce}
.sf-specialties{display:none}
.sf-hero-actions{gap:30px;margin-top:28px}
.sf-primary-link{font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;padding:16px 22px;gap:42px;background:#070b1033;border-color:#ffffff40}
.sf-contact-link{font:400 12px/1.5 'Simon Inter',sans-serif;color:#c3c9cf}
.pm-portfolio .sf-hero .pulse-bottom{position:absolute;bottom:16px;left:2.8vw;right:2.8vw;padding:0;border:0;font:400 9px/1.6 'Simon Inter',sans-serif;letter-spacing:.09em;color:#9da8b3}
.sf-motion-toggle{font-family:'Simon Inter',sans-serif;font-size:10px;letter-spacing:.02em}
.sf-hero .hero-value,.sf-hero .sf-hero-actions{animation:sf-detail-enter 1s .3s both}
@keyframes sf-detail-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(max-width:700px){.pm-portfolio[data-page=home] .site-header .nav{padding-inline:20px}.pm-portfolio .sf-hero{min-height:100svh;padding:clamp(220px,31.5svh,285px) 20px 76px}.pm-portfolio .sf-hero .pulse-topline{left:20px;right:20px;top:100px;font-size:9px;line-height:1.6}.sf-hero .pulse-topline>span:first-child{max-width:180px}.sf-hero .pulse-topline>span:last-child{max-width:104px}.pm-portfolio .sf-hero .hero-positioning{padding:0}.pm-portfolio .sf-hero .hero-positioning h1{font-size:clamp(48px,15vw,66px);line-height:.91;margin:0 0 28px;letter-spacing:-.035em}.pm-portfolio .sf-hero .hero-value{font-size:12px;line-height:1.8;max-width:270px}.sf-hero-actions{gap:20px;align-items:start;flex-direction:column;margin-top:28px}.sf-primary-link{font-size:9px;padding:15px 18px;gap:32px}.sf-contact-link{font-size:11px}.pm-portfolio .sf-hero .pulse-bottom{left:20px;right:20px;bottom:12px;font-size:7px;gap:10px}.sf-motion-toggle{font-size:9px}.sf-hero .sf-grid{background-size:200% 100%}}
@media(prefers-reduced-motion:reduce){.sf-hero .sf-type-ink,.sf-hero .hero-value,.sf-hero .sf-hero-actions{animation:none!important}.sf-field.sf-liquid{transition:none}}
html[data-motion=reduce] .sf-hero .hero-value,html[data-motion=reduce] .sf-hero .sf-hero-actions{animation:none!important}
/* The mobile fallback is a size-appropriate encoding of the same approved still. */
@media(max-width:700px){.sf-liquid-fallback{background-image:url('dark-contours-mobile.webp')}}
