:root{--paper:#f7f7f5;--ink:#101413;--muted:#626765;--line:rgba(16,20,19,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.landing{min-height:100svh;overflow:hidden}.brand{position:fixed;z-index:10;left:clamp(20px,3vw,46px);top:clamp(20px,3vw,42px);display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;text-decoration:none;font-size:12px;letter-spacing:-.04em;transition:.25s ease}.brand:hover,.brand:focus-visible{background:var(--ink);color:var(--paper);transform:rotate(-8deg)}.hero{position:relative;min-height:100svh;padding:clamp(96px,15vh,160px) 24px 56px;display:flex;flex-direction:column;align-items:center;text-align:center}.eyebrow{margin:0 0 18px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;animation:rise .7s both}h1{position:relative;z-index:2;margin:0;max-width:740px;font-size:clamp(64px,8.1vw,124px);line-height:.88;letter-spacing:-.065em;font-weight:600;animation:rise .9s .08s both}.intro{position:relative;z-index:2;margin-top:30px;color:var(--muted);font-size:clamp(11px,.85vw,14px);line-height:1.55;animation:rise .9s .18s both}.intro p{margin:0}.project-field{position:absolute;inset:0;pointer-events:none}.project{position:absolute;width:clamp(88px,10vw,150px);aspect-ratio:1.25;margin:0;overflow:hidden;border-radius:7px;box-shadow:0 12px 35px rgba(16,20,19,.11);opacity:.92;animation:float 7s ease-in-out infinite}.project img{width:100%;height:100%;object-fit:cover;display:block}.project-one{left:5vw;bottom:9vh;transform:rotate(-3deg)}.project-two{right:7vw;top:19vh;animation-delay:-2s}.project-three{right:16vw;bottom:8vh;animation-delay:-4s}.project-four{left:13vw;top:23vh;animation-delay:-6s}.contact{position:relative;z-index:3;display:flex;gap:10px;margin-top:auto;padding-top:48px}.contact a{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:rgba(247,247,245,.72);backdrop-filter:blur(12px);text-decoration:none;font-size:12px;transition:.2s ease}.contact a:hover,.contact a:focus-visible{color:var(--paper);background:var(--ink);border-color:var(--ink);transform:translateY(-2px)}.icon{font-size:16px;line-height:1}@keyframes rise{from{opacity:0;transform:translateY(22px)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@media(max-width:760px){.hero{padding-top:19vh}h1{font-size:clamp(54px,17vw,82px)}.project{width:86px;opacity:.76}.project-one{left:-18px;bottom:13vh}.project-two{right:-22px;top:14vh}.project-three{right:6vw;bottom:4vh}.project-four{left:5vw;top:9vh}.intro{max-width:340px}.contact{flex-wrap:wrap;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}