@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--steel: #447794;--mid: #2D5B75;--deep: #123249;--night: #061222}body{margin:0;font-family:Inter,sans-serif;background-color:rgb(var(--c-surface));color:rgb(var(--c-fg));overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #06122214,0 2px 4px -1px #0612220d}.glass-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.text-gradient{background:linear-gradient(to right,rgb(var(--c-fg)),var(--grad-fade));-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-blue{background:linear-gradient(to right,rgb(var(--c-brand-300)),rgb(var(--c-brand-500)));-webkit-background-clip:text;background-clip:text;color:transparent}html{scroll-behavior:smooth}::selection{background:rgb(var(--c-brand-500) / .35);color:rgb(var(--c-fg))}.work-card{display:block;text-decoration:none;color:inherit}.work-card-thumb{position:relative;overflow:hidden;border-radius:22px;aspect-ratio:4 / 3;border:1px solid var(--glass-border);background:rgb(var(--c-gray-900) / .5)}.work-card-media{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .7s cubic-bezier(.4,0,.2,1)}.work-card:hover .work-card-media{transform:scale(1.045)}.work-media-art{display:grid;place-items:center;background:radial-gradient(120% 95% at 50% 0%,rgb(var(--c-brand-500) / .3),transparent 70%),linear-gradient(160deg,rgb(var(--c-brand-800) / .4),rgb(var(--c-brand-950) / .12))}.work-media-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgb(var(--c-fg) / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--c-fg) / .055) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(72% 62% at 50% 44%,#000,transparent 78%);mask-image:radial-gradient(72% 62% at 50% 44%,#000,transparent 78%)}.work-art-logo{position:relative;width:84px;height:84px;border-radius:999px;object-fit:cover;border:1px solid rgb(var(--c-fg) / .16);box-shadow:0 18px 40px -18px #061222b3}.work-art-mark{display:grid;place-items:center;background:rgb(var(--c-brand-500) / .18);color:rgb(var(--c-brand-300))}.work-art-mark svg{width:38px;height:38px}.work-card-tags{position:absolute;top:14px;left:14px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 28px)}.work-card-tag{padding:.35rem .7rem;border-radius:999px;font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--c-fg) / .82);background:rgb(var(--c-surface) / .55);border:1px solid rgb(var(--c-fg) / .12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.work-chip{position:absolute;right:14px;bottom:14px;z-index:2;width:2.6rem;height:2.6rem;border-radius:999px;display:grid;place-items:center;overflow:hidden;background:rgb(var(--c-fg));color:rgb(var(--c-surface));transition:transform .3s cubic-bezier(.4,0,.2,1)}.work-card:hover .work-chip{transform:scale(1.08)}.work-chip svg{position:absolute;width:1rem;height:1rem;transition:transform .42s cubic-bezier(.4,0,.2,1)}.work-chip .ico-b{transform:translate(-115%,115%)}.work-card:hover .work-chip .ico-a{transform:translate(115%,-115%)}.work-card:hover .work-chip .ico-b{transform:translate(0)}.work-card-name{font-size:1.15rem;font-weight:500;letter-spacing:-.02em;color:rgb(var(--c-fg))}.work-card-outcome{margin-top:.3rem;font-size:.95rem;line-height:1.5;color:rgb(var(--c-gray-400))}.inline-link{color:rgb(var(--c-fg));text-decoration:none;border-bottom:1px solid rgb(var(--c-fg) / .28);transition:border-color .25s ease}.inline-link:hover{border-bottom-color:rgb(var(--c-fg))}@media(prefers-reduced-motion:reduce){.work-card-media,.work-chip,.work-chip svg{transition:none}}.btn-glow{position:relative;transition:all .3s ease}.btn-glow:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--glow-strong),var(--glow-soft));opacity:0;z-index:-1;filter:blur(12px);transition:opacity .4s ease}.btn-glow:hover:after{opacity:1}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--glow-strong),0 0 40px var(--glow-soft)}.btn-glow:active{transform:translateY(0) scale(.98);box-shadow:0 0 10px var(--glow-soft)}