@font-face{font-family:Bricolage;src:url('assets/bricolage.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:400;font-display:swap}:root{--ink:#191d21;--body:#3f444a;--quiet:#f9f9f9;--heading:Bricolage,Arial,sans-serif;--text:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:white;color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #2b6d77;outline-offset:6px}h1,h2,h3{font-family:var(--heading);font-weight:700}h2{font-size:48px;line-height:1.15}.header{position:fixed;z-index:20;top:0;left:20px;right:20px;height:84px;padding:8px 54px;display:flex;align-items:center;justify-content:space-between;background:#fffffff5;backdrop-filter:blur(12px);border-radius:0 0 24px 24px;box-shadow:0 2px 3px #191d2110}.identity{display:flex;gap:10px;align-items:center;font-family:var(--heading);font-weight:600;font-size:20px;white-space:nowrap}.monogram{display:grid;place-items:center;width:32px;height:32px;background:#555;border-radius:7px;color:white;font-size:14px;letter-spacing:-1px}nav{display:flex;align-items:center;gap:28px}nav a,nav button{padding:12px;background:none;border:0;font-size:16px}nav a:hover,nav button:hover{color:#68747d}.menu-toggle{display:none}.hero{height:800px;padding:104px 20px 0}.hero-surface{height:100%;border-radius:48px;background:linear-gradient(#f9f9f9,#fff);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:48px;padding:0 24px}.intro{max-width:680px;text-align:center}h1{font-size:96px;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:16px;padding-bottom:22px;white-space:nowrap}h1 img{width:96px;height:96px;object-fit:cover;transform:rotate(4deg);border:2px solid #f0f0f0;border-radius:14px;box-shadow:2px 8px 9px -3px #191d2129;transition:transform .35s}h1 img:hover{transform:rotate(-4deg)}.intro p,.about p{font-size:20px;line-height:1.8;color:var(--body)}.down{display:block;width:48px;height:48px;transition:transform .25s}.down:hover{transform:translateY(5px)}.work{padding:0 44px 120px}.work>h2{text-align:center;margin-bottom:50px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 40px}.project{min-width:0}.project-button{border:0;background:none;padding:0;text-align:left;width:100%;display:block}.project-image{overflow:hidden;border-radius:24px;height:430px;background:var(--quiet);position:relative}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.7,.3,1)}.project-button:hover .project-image img{transform:scale(1.025)}.project .eyebrow{color:var(--accent);margin:24px 0 8px}.eyebrow{font-size:14px;font-weight:700;line-height:1.4;letter-spacing:1px}.project h3{font-size:36px;line-height:1.4;margin-bottom:12px}.project .description{font-size:18px;line-height:1.6;color:var(--body)}.about{max-width:900px;margin:0 auto;padding:120px 24px}.about-top{display:flex;gap:48px;align-items:flex-start;margin-bottom:32px}.about-top>div{flex:1}.about h2{margin-bottom:22px}.portrait{width:280px;height:280px;transform:rotate(-4deg);border-radius:14px;border:2.5px solid #f0f0f0;box-shadow:2px 8px 9px -3px #191d2129}.about-copy p+p{margin-top:48px}footer{padding:0 20px 20px}.footer-surface{min-height:496px;border-radius:0 0 48px 48px;background:linear-gradient(#fff,#f9f9f9);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:24px;text-align:center}.footer-surface h2{font-size:clamp(64px,9.5vw,128px);line-height:1.3;margin-top:24px;color:#000}.footer-links{display:flex;gap:24px}.footer-links button{background:white;border:1px solid #ccd3db;border-radius:14px;padding:20px 24px;transition:background .2s}.footer-links button:hover{background:#f0f2f4}.footer-links span{margin-left:12px}.email{border:0;background:none;font-size:12px;color:var(--body);padding:12px}small{font-size:12px;color:var(--body)}.skip{position:fixed;top:-100px;padding:15px;background:white;z-index:100}.skip:focus{top:0}.reveal{opacity:1;transform:none}.motion .reveal.waiting{opacity:0;transform:translateY(25px)}.motion .reveal{transition:opacity .7s,transform .7s}dialog{border:1px solid #e6e6e6;border-radius:24px;padding:48px;width:min(520px,calc(100% - 40px));color:var(--ink);box-shadow:0 20px 100px #0002}dialog::backdrop{background:#191d2160;backdrop-filter:blur(4px)}dialog h2{font-size:32px;margin:16px 0}dialog p:not(.eyebrow){color:var(--body);line-height:1.7}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px}.dismiss{margin-top:24px;padding:14px 20px;background:var(--ink);color:white;border:0;border-radius:10px}@media(max-width:1199px){h1{font-size:60px;gap:12px}h1 img{width:72px;height:72px}h2{font-size:36px}.header{padding:8px 24px}nav{gap:8px}.project-grid{grid-template-columns:1fr;gap:40px}.project h3{font-size:30px}.project-image{height:auto;aspect-ratio:1.6}.work{padding-bottom:80px}.work>h2{margin-bottom:30px}.about{padding-top:48px}.portrait{width:240px;height:240px}}@media(max-width:809px){.header{left:10px;right:10px;padding:8px 16px}.identity{font-size:18px}.menu-toggle{display:flex;border:0;background:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-toggle span{height:2px;width:22px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}nav{display:none;position:absolute;top:84px;left:0;right:0;background:white;border-radius:0 0 24px 24px;padding:16px;box-shadow:0 3px 3px #0001;flex-direction:column;gap:8px}nav.open{display:flex}nav a,nav button{width:100%;text-align:center}.hero{padding:104px 10px 0}h1{font-size:36px;gap:8px;padding-bottom:18px}h1 img{width:48px;height:48px;border-radius:9px}.hero-surface{padding:0 16px}.intro p,.about p{font-size:18px;line-height:1.8}h2{font-size:32px}.work{padding:0 36px 40px}.project-image{aspect-ratio:1.42;border-radius:20px}.project h3{font-size:20px;margin-bottom:10px}.project .eyebrow{font-size:12px;margin-top:20px}.project .description{font-size:16px}.project-grid{gap:48px}.about{padding:48px 42px 120px}.about-top{flex-direction:column;align-items:center;gap:48px}.about-top>div{order:1}.about h2{margin-bottom:18px}.about-copy p+p{margin-top:32px}footer{padding:0 10px 10px}.footer-surface{padding:24px 16px}.footer-surface h2{font-size:48px}.footer-links{flex-direction:column;gap:12px;width:100%}.footer-links button{padding:16px}.footer-surface .eyebrow{font-size:12px}small span{display:block;margin-top:8px}}@media(max-width:360px){h1{font-size:30px}.work{padding-left:24px;padding-right:24px}.identity{font-size:16px}.about{padding-left:26px;padding-right:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion .reveal.waiting{opacity:1;transform:none}}