.gf-work{--bg:#03050d;--text:#f2f6ff;--muted:#8fa0c8;--dim:#5d6c93;--sky:#8db4ff;--line:#82aaff24;--padx:max(clamp(20px, 5vw, 72px), env(safe-area-inset-left,0px));--padr:max(clamp(20px, 5vw, 72px), env(safe-area-inset-right,0px));background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:clip}.gf-work .wrap{max-width:1440px;padding-inline:var(--padx) var(--padr);margin-inline:auto}.gf-work .accent{font-family:var(--serif);letter-spacing:-.01em;color:var(--sky);font-style:italic;font-weight:400}.gf-work .hero{padding-block:clamp(150px,15vw,220px) clamp(56px,6vw,96px)}.gf-work .hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(44px,7vw,108px);font-weight:600;line-height:1}.gf-work .hero .lead{max-width:46ch;color:var(--muted);margin:28px 0 0;font-size:clamp(16.5px,1.35vw,19px);line-height:1.6}.gf-work .projects{padding-block:0 clamp(110px,11vw,170px)}.gf-work .project{color:var(--text);background:#0a1022;border-radius:14px;transition:box-shadow .6s,transform .6s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #aac8ff24,0 40px 110px #0000008c}.gf-work .project .media{aspect-ratio:2000/1057;display:block;position:relative;overflow:hidden}.gf-work .project .media img{object-fit:cover;transition:opacity .7s,transform 1.2s cubic-bezier(.16,1,.3,1)}.gf-work .project .second{opacity:0}.gf-work .project .media:after{content:"";background:radial-gradient(70% 64% at 0 100%,#03050de0,#03050d00 100%),linear-gradient(#03050d00 30%,#03050dbd 58%,#03050df5);transition:opacity .7s;position:absolute;inset:0}.gf-work .project .body{z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 32px;display:grid;position:absolute;bottom:clamp(22px,3vw,40px);left:clamp(24px,3.5vw,48px);right:clamp(24px,3.5vw,48px)}.gf-work .project .type{color:var(--muted);grid-column:1;font-size:14px}.gf-work .project b{letter-spacing:-.04em;grid-column:1;font-size:clamp(34px,4.4vw,64px);font-weight:600;line-height:1}.gf-work .project .blurb{color:#c9d6f5;grid-column:1;max-width:52ch;margin-top:6px;font-size:clamp(15px,1.2vw,17px);line-height:1.55}.gf-work .project .go{-webkit-backdrop-filter:blur(10px);white-space:nowrap;background:#f2f6ff1a;border-radius:999px;grid-area:1/2/span 3;align-self:end;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:500;transition:background .4s,color .4s;display:inline-flex;box-shadow:inset 0 0 0 1px #f2f6ff47}.gf-work .project .go i{font-style:normal;transition:transform .4s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.gf-work .project:hover{box-shadow:0 0 0 1px #8db4ff73,0 40px 110px #0000008c,0 0 80px #2e68ff38}.gf-work .project:has(.cover:focus-visible){box-shadow:0 0 0 1px #8db4ff73,0 40px 110px #0000008c,0 0 80px #2e68ff38}.gf-work .project:hover .second{opacity:1}.gf-work .project:has(.cover:focus-visible) .second{opacity:1}.gf-work .project:hover .media img{transform:scale(1.035)}.gf-work .project:has(.cover:focus-visible) .media img{transform:scale(1.035)}.gf-work .project:hover .go{color:#06102b;background:#f2f6ff}.gf-work .project:has(.cover:focus-visible) .go{color:#06102b;background:#f2f6ff}.gf-work .project:hover .go i{transform:translate(3px,-3px)}.gf-work .project:has(.cover:focus-visible) .go i{transform:translate(3px,-3px)}}.gf-work .project:has(.cover:focus-visible){outline:2px solid var(--sky);outline-offset:4px}.gf-work .project .cover{z-index:1;border-radius:inherit;position:absolute;inset:0}.gf-work .project .cover:focus-visible{outline:none}.gf-work .project .body{pointer-events:none}.gf-work .type a{z-index:2;pointer-events:auto;color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #8db4ff66;text-decoration:underline #8db4ff66;transition:color .2s,text-decoration-color .2s;position:relative}.gf-work .type a:hover{color:var(--sky);text-decoration-color:currentColor}.gf-work .project:active{transform:scale(.995)}@media (prefers-reduced-motion:reduce){.gf-work .project,.gf-work .project .media img,.gf-work .project .go i{transition:opacity .3s}.gf-work .project:hover .media img{transform:none}.gf-work .project:has(.cover:focus-visible) .media img{transform:none}}@media (max-width:700px){.gf-work .project .media:after{display:none}.gf-work .project .body{grid-template-columns:minmax(0,1fr);padding:22px 20px 24px;position:static}.gf-work .project .go{grid-area:auto/1;justify-self:start;margin-top:14px}}.gf-work .growth{border-top:1px solid var(--line);padding-top:clamp(48px,6.5vw,96px)}.gf-work .growth .text{justify-items:start;gap:6px;display:grid}.gf-work .growth .type{color:var(--muted);font-size:14px}.gf-work .growth h2{letter-spacing:-.04em;margin:0;font-size:clamp(34px,4vw,56px);font-weight:600;line-height:1}.gf-work .growth .blurb{color:#c9d6f5;max-width:46ch;margin:16px 0 0;font-size:clamp(15.5px,1.3vw,18px);line-height:1.55}.gf-work .growth .caps{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.6}.gf-work .growth .caps span span{white-space:nowrap}.gf-work .growth .go{white-space:nowrap;background:#f2f6ff1a;border-radius:999px;align-items:center;gap:10px;min-height:44px;margin-top:24px;padding:10px 20px;font-size:15px;font-weight:500;transition:background .4s,color .4s;display:inline-flex;box-shadow:inset 0 0 0 1px #f2f6ff47}.gf-work .growth .go:hover,.gf-work .growth .go:focus-visible{color:#06102b;background:#f2f6ff}.gf-work .growth .go i{font-style:normal}.gf-work .closing{border-top:1px solid var(--line);text-align:center;padding-block:clamp(96px,10vw,150px) clamp(110px,11vw,170px)}.gf-work .closing h2{letter-spacing:-.04em;margin:0 0 32px;font-size:clamp(36px,5vw,72px);font-weight:600;line-height:1.04}.gf-work .closing .btn-light{color:#06102b}.gf-work .projects .wrap{gap:clamp(56px,7vw,112px);display:grid}
