.website-landing{--landing-ink:oklch(10.5% 0 0);--landing-panel:oklch(15% .004 285);--landing-rainbow:linear-gradient(90deg, var(--violet), var(--rose), var(--accent), var(--amber), var(--emerald), var(--cyan));background:var(--landing-ink);color:var(--foreground);letter-spacing:0;padding-bottom:7rem}.website-landing .landing-container{width:min(1120px,100% - 3rem);margin-inline:auto}.website-landing .landing-brandline{background:var(--landing-rainbow);height:3px}.website-landing .landing-hero{isolation:isolate;padding-block:4.5rem 3.5rem;position:relative}.website-landing .landing-hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, color-mix(in oklab, var(--foreground) 4%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--foreground) 4%, transparent) 1px, transparent 1px);-webkit-mask-image:linear-gradient(to bottom, transparent, var(--foreground), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, var(--foreground), transparent);mask-image:linear-gradient(to bottom, transparent, var(--foreground), transparent);background-size:96px 96px;position:absolute;inset:0}.website-landing .landing-title{text-wrap:balance;max-width:950px;margin:1.25rem auto;font-size:64px;font-weight:800;line-height:1.1}.website-landing .landing-title em{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--rose);-webkit-text-decoration-color:var(--rose);text-decoration-color:var(--rose);text-underline-offset:10px;font-style:normal;text-decoration-thickness:3px}.website-landing .landing-kicker{color:var(--cyan);font-size:12px;font-weight:700}.website-landing .landing-section{border-top:1px solid var(--border);padding-block:4.5rem}.website-landing .landing-section h2{text-wrap:balance;font-size:36px;font-weight:800;line-height:1.2}.website-landing .landing-shot{aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--landing-panel);width:100%;transition:transform .4s}.website-landing .landing-project:hover .landing-shot{transform:scale(1.025)}.website-landing .landing-project{border:1px solid var(--border);background:var(--landing-panel);border-radius:8px;overflow:hidden}.website-landing [id]{scroll-margin-top:2rem}.website-landing .grid>*,.website-landing form,.website-landing select{min-width:0}.website-landing header a>span{overflow-wrap:anywhere}.website-landing summary{cursor:pointer;padding:1.25rem 0;font-weight:700}.website-landing summary:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.website-landing .landing-enter{animation:.65s ease-out both landing-enter}@keyframes landing-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=639px){.website-landing .landing-container{width:calc(100% - 2.5rem)}.website-landing .landing-hero{padding-block:2.5rem 2.25rem}.website-landing .landing-title{font-size:38px;line-height:1.15}.website-landing .landing-section{padding-block:3rem}.website-landing .landing-section h2{font-size:30px}}@media (prefers-reduced-motion:reduce){html:has(.website-landing){scroll-behavior:auto}.website-landing .landing-enter{animation:none}.website-landing .landing-shot{transition:none}.website-landing .landing-project:hover .landing-shot{transform:none}}