@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeue-Roman.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeue-Medium.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeue-Bold.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700 900}:root{color:#f7f7f7;background:#000;font-family:Helvetica Neue,Inter,Arial,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden;background:#000}a{color:inherit}.site-shell{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:#000}.hero{position:relative;z-index:2;min-height:100svh;display:grid;place-items:center;padding:102px 24px 112px;text-align:center;pointer-events:none}.hero-content{display:grid;justify-items:center;width:min(100%,1160px);pointer-events:auto;transform:translateY(-15px)}.role-list{display:grid;grid-template-columns:repeat(4,max-content);justify-content:center;gap:clamp(36px,4.9vw,74px);margin:0 0 clamp(58px,7vw,74px);padding:0;list-style:none;color:#ffffff94;font-size:clamp(11px,.84vw,14px);font-weight:700}h1{width:100%;margin:0;color:#fff;font-size:clamp(58px,5.76vw,118px);font-weight:900;line-height:1.1;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.bio{display:block;max-width:min(529px,84vw);margin:clamp(12px,1.35vw,20px) auto 0;color:#f8f8f8;font-size:clamp(12px,.98vw,15px);font-weight:400;line-height:1.1}.bio strong,.bio span{display:inline}.bio strong{font-weight:700}.portfolio-link{display:inline-grid;place-items:center;min-width:169px;min-height:25px;margin-top:clamp(34px,4.4vw,58px);padding:0 22px;border-radius:999px;border:1px solid #691515;background:#ff2124;box-shadow:0 0 22px #ff272747;color:#fff;font-size:12px;font-weight:500;line-height:1;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.portfolio-link:hover{transform:translateY(-2px);background:#ff3c34;box-shadow:0 0 30px #ff27276b}.floating-stage{position:fixed;inset:0;z-index:1;overflow:hidden;perspective:900px;transform-style:preserve-3d;pointer-events:none}.floating-stage:after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 50%,transparent 0 36%,rgba(0,0,0,.12) 63%);pointer-events:none}.hero-card{position:absolute;z-index:1;margin:0;aspect-ratio:.81;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#ffffff21,#ffffff08),#111;box-shadow:0 0 16px #ffffff1f;transform-style:preserve-3d;will-change:transform,opacity,filter}.hero-card:nth-child(3n+1){background:linear-gradient(145deg,#ff272747,#24484a29),#0d0d0d}.hero-card:nth-child(3n+2){background:linear-gradient(145deg,#42acf547,#ffffff0d),#0d0d0d}.hero-card:nth-child(3n+3){background:linear-gradient(145deg,#e6a06933,#0e282252),#0d0d0d}.hero-card img{display:block;width:100%;height:100%;object-fit:cover}.hero-card img[src$="sail-icon.jpg"]{object-fit:contain;padding:16px;background:#fff}.hero-card img[src$="figma-sail.jpg"],.hero-card img[src$="figma-openai.jpg"]{object-fit:cover}.hero-card:has(img[src=""]){display:none}.hero-card.is-placeholder img{display:none}.hero-card img{color:transparent}.contact-bar{position:fixed;left:0;right:0;bottom:35px;z-index:3;display:grid;grid-template-columns:124px 230px 215px 128px;justify-content:space-between;align-items:center;width:min(calc(100vw - 200px),1240px);margin:0 auto;color:#ffffffa3;font-size:12px;font-weight:800;text-transform:uppercase}.contact-title{grid-column:1;justify-self:start}.contact-links{display:contents}.contact-links a{display:inline-grid;place-items:center;min-height:34px;padding:7px 18px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff12;box-shadow:inset 0 0 12px #ffffff0a;color:#ffffffbd;font-size:12px;line-height:1;text-decoration:none;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .16s ease,background .16s ease,border-color .16s ease}.contact-links a:first-child{grid-column:4;grid-row:1;justify-self:end}.contact-links a:nth-child(2){grid-column:3;grid-row:1;justify-self:center}.contact-links a:last-child{grid-column:2;grid-row:1;justify-self:center}.contact-links a:hover{border-color:#fff3;background:#ffffff21;color:#fff}@media(max-width:767px){.site-shell{min-height:100svh}.hero{min-height:100svh;padding:94px 16px 138px}.hero-content{width:100%;transform:translateY(-3px)}.role-list{width:min(100%,334px);grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:31px;font-size:10px}h1{max-width:min(360px,95vw);font-size:clamp(50px,14.7vw,62px);line-height:1;white-space:normal}.bio{max-width:min(331px,93vw);margin-top:20px;font-size:12px;line-height:1.1}.portfolio-link{min-width:min(200px,75vw);min-height:40px;margin-top:45px;padding:0 22px;font-size:12px;font-weight:600}.contact-bar{bottom:29px;width:min(330px,calc(100vw - 28px));grid-template-columns:1fr;justify-items:center;gap:8px;font-size:10px}.contact-title{justify-self:center;order:1}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;order:2}.contact-links a,.contact-links a:first-child,.contact-links a:nth-child(2),.contact-links a:last-child{justify-self:auto}.contact-links a{min-height:24px;padding:7px 15px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-card{opacity:.72}}
