@property --fd-hue{syntax: "<angle>"; inherits: true; initial-value: 0deg;}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--fd-ink: #14161b;--fd-paper: #f3f1ec;--fd-overlay: #15171d;--fd-glow: #7b6cf6;--fd-glass: rgba(255, 255, 255, .08);--fd-line: rgba(255, 255, 255, .18);--fd-card-w: clamp(150px, 20vw, 300px);--fd-hue: 0deg}.fd{position:relative;min-height:100svh;background:var(--fd-paper);color:var(--fd-ink);font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.fd img{display:block;width:100%;height:100%;object-fit:cover}.fd-nav{position:fixed;inset:0 0 auto;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;mix-blend-mode:normal}.fd-brand{color:inherit;text-decoration:none;font-weight:600;font-size:1rem;letter-spacing:-.01em}.fd-toggle{appearance:none;border:1px solid rgba(20,22,27,.14);background:#ffffff73;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);color:inherit;font:inherit;font-weight:500;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;padding:.7rem 1.1rem;border-radius:999px;cursor:pointer;transition:transform .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease}.fd-toggle:active{transform:scale(.95)}.fd-toggle__mask{display:inline-block;overflow:hidden;vertical-align:top}.fd-toggle__label{display:inline-block;will-change:transform}.fd.is-open .fd-nav{color:#f3f1ec}.fd.is-open .fd-toggle{color:#f3f1ec;border-color:var(--fd-line);background:var(--fd-glass)}.fd-menu{position:fixed;inset:0;z-index:10;background:var(--fd-overlay);clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);will-change:clip-path;overflow:hidden;color:#f3f1ec;pointer-events:none}.fd.is-open .fd-menu{pointer-events:auto}.fd-menu__glow{position:absolute;left:50%;bottom:-20%;width:70vmax;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--fd-glow) 0%,transparent 60%);filter:blur(60px);opacity:.55;will-change:transform,opacity}.fd-deck{position:absolute;inset:0;display:grid;place-items:center}.fd-card{position:absolute;width:var(--fd-card-w);aspect-ratio:5 / 4;color:inherit;text-decoration:none;will-change:transform,filter;transform-origin:50% 120%}.fd-card__inner{position:relative;display:block;width:100%;height:100%;padding:6px;border-radius:18px;background:var(--fd-glass);border:1px solid var(--fd-line);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 30px 60px -30px #0009,inset 0 1px #ffffff38;will-change:transform;overflow:hidden}.fd-card__inner img{border-radius:12px}.fd-card__inner:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--fd-hue),rgba(255,255,255,0) 0deg,rgba(178,196,255,.7) 70deg,rgba(255,184,226,.55) 140deg,rgba(255,255,255,0) 200deg,rgba(160,255,228,.6) 280deg,rgba(255,255,255,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.55;pointer-events:none}.fd-card__inner:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120px 120px at var(--fd-mx, 50%) var(--fd-my, 0%),rgba(255,255,255,.22),transparent 70%);mix-blend-mode:screen;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.fd-card:hover .fd-card__inner:before{opacity:1}.fd-card__label{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:baseline;gap:.5em;padding:.45em .8em;border-radius:999px;background:#0a0c106b;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.85rem;font-weight:500;letter-spacing:.01em;z-index:2}.fd-card__index{font-size:.65em;opacity:.6;font-variant-numeric:tabular-nums}.fd-dock{position:absolute;left:50%;bottom:17%;width:min(56vw,720px);height:12px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#ffffff29,#ffffff0d);border:1px solid var(--fd-line);box-shadow:0 20px 40px -18px #000000b3,inset 0 1px #ffffff4d;z-index:3;will-change:transform,opacity}.fd-menu__foot{position:absolute;left:2rem;right:2rem;bottom:1.6rem;display:flex;justify-content:space-between;margin:0;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;opacity:.55}.fd-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;gap:1rem}.fd-hero h1{margin:0;font-size:clamp(2.4rem,7vw,7rem);font-weight:500;letter-spacing:-.03em;line-height:.95}.fd-hero p{margin:0;max-width:34ch;font-size:1rem;line-height:1.5;opacity:.65}@media(max-width:1000px){.fd-nav{padding:1.25rem}.fd{--fd-card-w: min(58vw, 260px)}.fd-card{aspect-ratio:5 / 3.4}.fd-dock{width:70vw;bottom:10%}.fd-menu__foot{left:1.25rem;right:1.25rem}}@media(prefers-reduced-motion:reduce){.fd-card__inner:before{transition:none}}