@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{color:#f7f1e8;font-synthesis:none;--acid:#cfff34;--orange:#f15a29;--blue:#2264e5;--green:#16a557;--line:#f2f0e92e;background:#0b0c0b;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0b0c0b;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f15a29e6;border-bottom:1px solid #ffffff4d;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 clamp(20px,4vw,64px);display:grid;position:fixed;top:0;left:0;right:0}.brand{border:1px solid #fff6;place-items:center;width:42px;height:42px;font-weight:700;display:grid;position:relative}.brand i{background:var(--acid);width:7px;height:7px;position:absolute;top:-4px;right:-4px}nav{gap:34px;font-size:13px;display:flex}nav a{opacity:.7;transition:opacity .2s}nav a:hover{opacity:1}.contact-pill{border:1px solid #ffffff59;justify-self:end;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.hero{background:var(--orange);color:#fff5e9;min-height:100svh;position:relative;overflow:hidden}.hero:after{content:"";background:var(--green);z-index:5;height:12px;position:absolute;inset:auto 0 0}.hero-masthead{z-index:1;text-align:center;white-space:nowrap;color:#f7f1e8;opacity:.96;width:100%;font-size:clamp(112px,22vw,340px);font-weight:900;line-height:.82;position:absolute;top:65px;left:50%;transform:translate(-50%)}.hero-words{z-index:2;color:#f7f1e8;flex-direction:column;gap:2px;font-size:clamp(30px,5.2vw,82px);font-weight:600;line-height:1.03;display:flex;position:absolute;top:42%;transform:translateY(-20%)}.hero-words-left{align-items:flex-start;left:clamp(18px,3vw,50px)}.hero-words-right{text-align:right;align-items:flex-end;right:clamp(18px,3vw,50px)}.hero-portrait{z-index:3;justify-content:center;align-items:center;width:min(50vw,660px);height:75%;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.portrait-ring{aspect-ratio:1;border:clamp(18px, 3vw, 44px) solid var(--blue);width:min(42vw,540px);box-shadow:0 0 0 12px #9de7f2, 0 0 0 24px var(--green);border-radius:50%;position:absolute}.portrait-monogram{z-index:2;color:#10110f;text-shadow:10px 10px #f7f1e8;font-size:clamp(150px,25vw,370px);font-weight:900;line-height:.8;position:relative}.portrait-tag{z-index:4;color:var(--acid);background:#10110f;padding:10px 16px;font-size:11px;font-weight:700;position:absolute;bottom:35px}.hero-content{z-index:6;pointer-events:none;flex-direction:column;justify-content:space-between;min-height:100svh;padding:108px clamp(20px,5vw,80px) 44px;display:flex;position:relative}.hero-content a{pointer-events:auto}.hero-meta{letter-spacing:0;opacity:.7;justify-content:space-between;gap:20px;font-size:11px;display:flex}.hero-bottom{border-top:1px solid #ffffff8c;justify-content:space-between;align-items:flex-end;gap:32px;padding-top:20px;display:flex}.hero-bottom p{color:#f7f1e8;background:#0b0c0be6;max-width:580px;margin:0;padding:12px 15px;font-size:clamp(14px,1.25vw,18px);line-height:1.55}.round-link{background:var(--acid);color:#0b0c0b;border-radius:50%;flex:none;place-items:center;width:62px;height:62px;transition:transform .25s;display:grid}.round-link:hover{transform:translateY(5px)}.reveal{animation:.8s both rise}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.25s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.section{padding:120px clamp(20px,5vw,80px)}.section-label{text-transform:uppercase;color:#f2f0e98c;gap:18px;font-size:12px;display:flex}.section-label span{color:var(--acid)}.about{border-bottom:1px solid var(--line);grid-template-columns:minmax(130px,.5fr) 2fr 1fr;gap:5vw;display:grid}.about-copy p{color:#f2f0e99e;max-width:900px;margin:0 0 30px;font-size:17px;line-height:1.7}.about-copy .lead{color:#f2f0e9;font-size:clamp(28px,3.8vw,58px);line-height:1.18}.about-copy strong{color:var(--acid)}.capabilities{border-top:1px solid var(--line);flex-direction:column;display:flex}.capabilities span{border-bottom:1px solid var(--line);gap:14px;padding:15px 0;font-size:14px;display:flex}.capabilities b{color:#f2f0e959;font-size:10px;font-weight:400}.work{min-height:900px;overflow:hidden}.work-heading{grid-template-columns:.7fr 1.5fr .7fr;align-items:end;gap:4vw;display:grid}.work-heading h2,.contact h2{letter-spacing:0;margin:0;font-size:clamp(48px,7vw,108px);line-height:.95}.work-heading>p{color:#f2f0e980;margin:0;font-size:13px;line-height:1.5}.deck{max-width:1040px;height:470px;margin:90px auto 0;position:relative}.project-card{color:#10110f;background:var(--accent);transform-origin:50% 120%;width:min(390px,38vw);height:450px;transform:translateX(-50%) rotate(calc((var(--i) - 1.5) * 8deg));border:1px solid #0b0c0b4d;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s;display:flex;position:absolute;top:0;left:50%;box-shadow:0 20px 50px #0000004d}.deck:hover .project-card{transform:translateX(calc(-50% + (var(--i) - 1.5) * 230px)) rotate(calc((var(--i) - 1.5) * 3deg))}.project-card:hover{z-index:8;transform:translateX(calc(-50% + (var(--i) - 1.5) * 230px)) rotate(0deg) translateY(-22px)!important}.project-topline,.project-footer{justify-content:space-between;gap:20px;font-size:11px;font-weight:700;display:flex}.project-copy h3{margin:0 0 20px;font-size:clamp(30px,3vw,48px);line-height:1}.project-copy p{max-width:300px;margin:0;font-size:14px;line-height:1.55}.project-footer{border-top:1px solid #0b0c0b52;align-items:flex-end;padding-top:18px}.project-footer a{border:1px solid #0b0c0b66;place-items:center;width:34px;height:34px;transition:transform .2s,background .2s,color .2s;display:grid}.project-footer a:hover{color:var(--accent);background:#0b0c0b;transform:translate(3px,-3px)}.portfolio{border-top:1px solid var(--line);background:#111310}.portfolio-heading{grid-template-columns:.7fr 2.3fr;align-items:end;gap:4vw;margin-bottom:70px;display:grid}.portfolio-heading h2{margin:0;font-size:clamp(48px,7vw,108px);line-height:.95}.portfolio-list{border-top:1px solid var(--line)}.portfolio-list>a{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr 80px 30px;align-items:center;gap:24px;min-height:112px;transition:padding .25s,color .25s,background .25s;display:grid}.portfolio-list>a:hover{color:var(--acid);background:#d9ff4309;padding:0 18px}.portfolio-index,.portfolio-type{color:#f2f0e966;font-size:11px}.portfolio-title{flex-direction:column;gap:8px;display:flex}.portfolio-title strong{font-size:clamp(18px,2vw,28px);font-weight:500}.portfolio-title small{color:#f2f0e97a;font-size:13px}.journey{color:#11120f;background:#f2f0e9}.journey .section-label{color:#11120f80}.timeline{margin-top:70px}.timeline article{border-top:1px solid #11120f40;grid-template-columns:.5fr 1fr 1.5fr;align-items:baseline;gap:30px;padding:30px 0;display:grid}.timeline time{color:#11120f80;font-size:13px}.timeline h3{margin:0;font-size:clamp(24px,2.5vw,38px)}.timeline p{color:#11120fa6;max-width:580px;margin:0;line-height:1.6}.contact{text-align:center;background:var(--acid);color:#0b0c0b}.contact>p{margin:0 0 44px;font-size:11px;font-weight:700}.contact-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:64px;display:flex}.contact-actions a{border:1px solid #0b0c0b73;align-items:center;gap:10px;padding:14px 18px;font-size:13px;transition:background .2s,color .2s;display:flex}.contact-actions a:hover{color:#f2f0e9;background:#0b0c0b}footer{color:#f2f0e980;justify-content:space-between;padding:24px clamp(20px,5vw,80px);font-size:11px;display:flex}@media (width<=800px){.site-header{grid-template-columns:1fr 1fr;height:66px}.site-header nav{display:none}.contact-pill{padding:9px 11px}.hero-content{padding-top:90px}.hero-meta{visibility:hidden}.hero-masthead{font-size:34vw;top:82px}.hero-words{font-size:10vw;top:32%}.hero-words-left{left:14px}.hero-words-right{right:14px}.hero-portrait{width:88vw;height:67%}.portrait-ring{width:76vw}.portrait-monogram{text-shadow:6px 6px #f7f1e8;font-size:53vw}.portrait-tag{bottom:115px}.hero-bottom{align-items:flex-end}.hero-bottom p{max-width:calc(100% - 72px);font-size:13px}.about{grid-template-columns:1fr}.about-copy .lead{font-size:32px}.capabilities{margin-top:20px}.work{min-height:auto}.work-heading{grid-template-columns:1fr}.work-heading h2{margin-top:22px}.work-heading>p{display:none}.deck{scroll-snap-type:x mandatory;gap:14px;height:auto;margin:55px -20px 0;padding:0 20px 20px;display:flex;overflow-x:auto}.project-card,.deck:hover .project-card,.project-card:hover{scroll-snap-align:center;flex:none;width:min(82vw,350px);height:430px;position:relative;left:auto;transform:none!important}.portfolio-heading{grid-template-columns:1fr}.portfolio-heading h2{margin-top:22px}.portfolio-list>a{grid-template-columns:34px 1fr 22px;gap:14px;min-height:126px}.portfolio-type{display:none}.portfolio-title small{line-height:1.45}.timeline article{grid-template-columns:1fr;gap:10px}.timeline p{margin-top:8px}.contact h2{font-size:46px}footer{gap:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}