:root{--ink:#18221e;--cream:#f3f0e7;--lime:#c7d83d;--orange:#ef5b34;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5.3vw;position:relative;z-index:4}.brand{font:700 28px var(--serif);color:var(--ink);text-decoration:none;letter-spacing:-2px}.brand span{color:var(--orange)}.nav-links{display:flex;gap:34px;align-items:center}.nav-links a,.contact-footer a{color:var(--ink);text-decoration:none;font-size:12px;font-weight:700}.nav-links a span{color:var(--orange);font-size:16px}.menu-button{display:none;background:transparent;border:0;padding:8px}.menu-button span{display:block;width:23px;border-top:2px solid var(--ink);margin:5px}.hero{min-height:680px;padding:7.5vh 5.3vw 48px;display:flex;flex-direction:column}.eyebrow{font:500 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:0}.eyebrow span{color:var(--orange);margin-left:6px}.hero-title{display:flex;justify-content:space-between;align-items:flex-end;margin:auto 0 46px}.hero h1,.contact h2{font-size:clamp(3.55rem,7.35vw,7.9rem);line-height:.92;letter-spacing:-.077em;font-weight:700;margin:0;max-width:1110px}.hero em,.about em,.contact em{font-family:var(--serif);font-weight:600;letter-spacing:-.07em}.hero-note{align-self:flex-end;margin:0 3.5vw 17px 40px;display:flex;align-items:flex-start;gap:15px;white-space:nowrap}.hero-note p,.hero-bottom p{font:500 12px/1.55 var(--mono);margin:0}.arrow{font-size:24px;color:var(--orange);line-height:.7}.hero-bottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #b6b8ac;padding-top:18px}.hero-bottom p{max-width:245px}.round-link{width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--cream);display:grid;place-items:center;text-decoration:none;font-size:25px;transition:transform .3s}.round-link:hover{transform:translateY(5px)}.marquee{background:var(--lime);overflow:hidden;padding:18px 0;white-space:nowrap;font:600 18px var(--mono);letter-spacing:-.06em}.marquee div{display:inline-block;animation:scroll 24s linear infinite}.marquee span{color:var(--orange);margin:0 22px}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:130px 5.3vw}.section-heading{display:grid;grid-template-columns:1fr 1fr;margin-bottom:72px}.section-heading>p:last-child{font-size:18px;line-height:1.5;max-width:360px;margin:0}.projects{display:grid;grid-template-columns:1.3fr 1fr;gap:65px 30px}.project{color:var(--ink);text-decoration:none}.project:nth-child(3){grid-column:2}.project-visual{height:400px;position:relative;overflow:hidden}.project-meta{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid #b6b8ac;padding:14px 0}.project-meta h2{font-size:17px;letter-spacing:-.05em;margin:0}.project-meta p{font:500 9px var(--mono);margin:0;flex:1;text-transform:uppercase}.project-meta span{color:var(--orange);font-size:21px;transition:transform .25s}.project:hover .project-meta span{transform:translate(4px,-4px)}.project-luma .project-visual{background:#394b94;color:#fff}.luma-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:330px;height:330px;left:16%;top:13%;background:radial-gradient(circle at 40% 35%,#ffdb79,#f07a45 31%,#9568d2 65%,transparent 69%)}.orb-two{width:230px;height:230px;right:10%;bottom:-11%;background:radial-gradient(circle at 45% 40%,#d4e7ff,#778bd9 40%,transparent 69%)}.luma-mark{position:absolute;top:28px;left:30px;font-size:32px;letter-spacing:-.1em;font-weight:700}.luma-mark span{color:#e4dcff}.project-luma .project-visual p{position:absolute;bottom:24px;left:30px;font:13px var(--serif);font-style:italic}.project-arc .project-visual{background:#d7cab5}.arc-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,#18221e22 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,#18221e22 50%,transparent 50.3%);background-size:50px 50px}.arc-card{position:absolute;inset:26px;background:var(--ink);color:#ddd7bf;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.arc-card span{font:700 29px var(--sans);letter-spacing:-.1em}.arc-card p{font:600 30px/.85 var(--serif);margin:0;letter-spacing:-.07em}.arc-dot{width:76px;height:76px;border-radius:50%;background:var(--orange);position:absolute;top:46%;right:16%;mix-blend-mode:screen}.project-noma .project-visual{background:#b7c8a9}.noma-sun{width:290px;height:290px;border-radius:50%;background:#e6c474;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%)}.noma-copy{position:absolute;inset:27px;color:#273930;font:700 46px/.77 var(--sans);letter-spacing:-.11em;display:flex;justify-content:space-between;align-items:flex-end}.noma-copy small{font:500 8px/1.2 var(--mono);letter-spacing:0}.noma-stem{height:290px;border-left:2px solid #284334;position:absolute;left:50%;top:17%;transform:rotate(22deg)}.about{background:var(--ink);color:var(--cream)}.about-grid{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.portrait{height:510px;position:relative;background:#de7955;overflow:hidden}.portrait-shape{position:absolute;width:420px;height:420px;background:#f2d4a9;border-radius:48% 52% 36% 64% / 54% 34% 66% 46%;right:-90px;bottom:-80px}.portrait:before{content:'';position:absolute;background:#733c2d;width:170px;height:300px;border-radius:80% 20% 40% 0;bottom:-20px;left:22%;transform:rotate(25deg)}.portrait p{position:absolute;left:25px;bottom:14px;font:600 13px/1.2 var(--serif);font-style:italic;margin:0}.about-copy{padding-top:15px}.about-copy h2{font-size:clamp(2.6rem,4.6vw,5rem);line-height:.95;letter-spacing:-.075em;margin:0 0 46px}.about-copy>p{font-size:15px;line-height:1.65;max-width:445px;margin:0 0 18px}.text-link{display:inline-block;margin-top:26px;color:var(--cream);font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--lime);padding-bottom:7px}.text-link span{color:var(--lime);margin-left:10px}.skills{padding-bottom:150px}.skills-list{border-top:1px solid #aeb1a7}.skills-list>div{display:grid;grid-template-columns:8% 45% 1fr;align-items:center;border-bottom:1px solid #aeb1a7;padding:26px 0}.skills-list span,.skills-list p{font:500 10px var(--mono);text-transform:uppercase;margin:0}.skills-list h3{font-size:23px;letter-spacing:-.06em;margin:0}.contact{background:var(--orange);padding:110px 5.3vw 28px;color:var(--ink)}.contact h2{margin:58px 0}.email{font-size:clamp(1.6rem,3.6vw,4.2rem);font-weight:700;letter-spacing:-.07em;text-decoration:none;color:var(--ink);border-bottom:2px solid var(--ink)}.email span{font-size:.7em;margin-left:13px}.contact-footer{border-top:1px solid #9d3822;margin-top:160px;padding-top:18px;display:flex;justify-content:space-between;font:500 9px var(--mono);text-transform:uppercase}.contact-footer div{display:flex;gap:22px}.reveal{animation:rise .7s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:700px){.site-header{height:70px}.nav-links{position:absolute;top:70px;left:0;right:0;padding:22px 5.3vw;background:var(--cream);display:none;flex-direction:column;align-items:flex-start;gap:18px;border-bottom:1px solid #aaa}.nav-links.open{display:flex}.menu-button{display:block}.hero{min-height:610px;padding-top:55px}.hero-title{display:block;margin:auto 0 32px}.hero h1{font-size:14vw}.hero-note{margin:28px 0 0}.hero-bottom p{max-width:215px}.section{padding:80px 5.3vw}.section-heading{display:block;margin-bottom:42px}.section-heading>p:last-child{margin-top:22px}.projects{display:block}.project{display:block;margin-bottom:44px}.project-visual{height:340px}.project:nth-child(3){margin-bottom:0}.about-grid{display:block;margin-top:42px}.portrait{height:370px;margin-bottom:45px}.about-copy h2{font-size:13vw}.skills-list>div{grid-template-columns:15% 1fr;padding:21px 0;gap:5px}.skills-list p{grid-column:2;font-size:9px;margin-top:6px}.skills-list h3{font-size:18px}.contact{padding-top:80px}.contact h2{font-size:14vw;margin:44px 0}.contact-footer{margin-top:100px;flex-wrap:wrap;gap:16px}.contact-footer div{order:3;width:100%}.marquee{font-size:15px}.noma-copy{font-size:38px}}