@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes word-slide-in{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes hero-photo-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-breathe{0%,to{transform:perspective(1000px)translateZ(0)scale(1)}50%{transform:perspective(1000px)translateZ(0)scale(1.015)}}@keyframes border-breathe{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:768px){.home{padding:0}.hero{flex-direction:column;justify-content:flex-end;align-items:center;height:65vh;display:flex;position:relative;overflow:hidden}.hero-typewriter-wrap{z-index:2;max-width:70vw;position:absolute;top:1rem;left:1.25rem}.hero-typewriter{letter-spacing:-.01em;color:#111;margin:0;font-size:1.35rem;font-weight:800;line-height:1.15}.hero-role{color:#46607a;min-height:1.4em;margin:.2rem 0 0;font-size:.72rem;font-weight:600}.hero-typewriter-cursor{vertical-align:middle;background-color:#46607a;width:2px;height:.8rem;margin-left:2px;animation:.9s step-end infinite hero-cursor-blink;display:inline-block}@keyframes hero-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-marquee{width:100%;position:absolute;top:40%;left:0;overflow:hidden}.hero-marquee-track{gap:1rem;width:max-content;animation:20s linear infinite marquee-scroll;display:flex}.skill-card{background-color:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;width:90px;height:90px;display:flex;box-shadow:0 4px 12px #0000000f}.skill-icon{font-size:1.5rem}.skill-name{color:#333;text-align:center;font-size:.6rem;font-weight:600}.hero-photo{z-index:1;object-fit:contain;opacity:0;width:auto;height:50vh;animation:1.8s cubic-bezier(.16,1,.3,1) forwards hero-photo-in;position:relative}.featured-projects{background-color:#fffdf9;padding:2.5rem 1.25rem;scroll-margin-top:5rem;position:relative;overflow:hidden}.featured-projects-title{text-align:center;color:#111;font-size:1.3rem;font-weight:800}.title-word{opacity:0;display:inline-block}.title-word-play{animation:.5s both word-slide-in}.title-word:not(:last-child){margin-right:.3em}.featured-projects-subtitle{text-align:center;color:#666;margin-top:.4rem;margin-bottom:1.5rem;font-size:.9rem}.project-cards{touch-action:pan-y;height:340px;margin:1rem 0 .5rem;position:relative;overflow:hidden}.project-card{text-align:center;cursor:pointer;width:min(74vw,250px);height:320px;z-index:var(--z);opacity:var(--fade);pointer-events:none;transform:translateX(calc(var(--offset) * 88%)) scale(calc(1 - (var(--offset-abs) * .14)));background-color:#fff;border:1px solid #0000000f;border-radius:18px;flex-direction:column;align-items:center;margin-left:calc(min(74vw,250px)/-2);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 8px 22px #00000014}.project-card-active{pointer-events:auto;box-shadow:0 16px 32px #0000001f}.project-card-image{background-color:#f7f4ee;width:100%;height:140px;position:relative;overflow:hidden}.project-card-image-img{object-fit:cover}.project-card-accent{background-color:#111;border-radius:999px;width:26px;height:3px;margin-top:.8rem}.project-card-title{color:#111;margin:.6rem .9rem .35rem;font-size:.85rem;font-weight:800;line-height:1.25}.project-card-description{color:#777;margin:0 .9rem .8rem;font-size:.68rem;line-height:1.45}.project-card-actions{justify-content:center;align-items:center;gap:.4rem;margin-top:auto;margin-bottom:1.1rem;display:flex}.project-card-link{color:#fff;background-color:#111;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .9rem;font-size:.7rem;font-weight:700;text-decoration:none;display:flex}.project-card-link svg{font-size:1rem}.project-card-link-outline{color:#111;background-color:#0000;border:1.5px solid #111}.project-card-link-disabled{color:#999;cursor:default;background-color:#f0f0f0}.project-dots{justify-content:center;gap:.4rem;margin-top:.75rem;display:flex}.project-dot{cursor:pointer;background-color:#d9c9ae;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background-color .25s,transform .25s}.project-dot-active{background-color:#111;transform:scale(1.3)}}:root[data-theme=dark] .hero-typewriter{color:#f2ede4}:root[data-theme=dark] .hero-role{color:#7a97b5}:root[data-theme=dark] .hero-typewriter-cursor{background-color:#7a97b5}:root[data-theme=dark] .skill-card{background-color:#201d18;box-shadow:0 4px 12px #0000004d}:root[data-theme=dark] .skill-name{color:#cfc8ba}:root[data-theme=dark] .featured-projects{background-color:#14120f}:root[data-theme=dark] .featured-projects-title{color:#f2ede4}:root[data-theme=dark] .featured-projects-subtitle{color:#a49c8c}:root[data-theme=dark] .project-card{background-color:#201d18;border:1px solid #ffffff0f;box-shadow:0 8px 22px #00000059}:root[data-theme=dark] .project-card-image{background-color:#171512}:root[data-theme=dark] .project-card-accent{background-color:#f2ede4}:root[data-theme=dark] .project-card-title{color:#f2ede4}:root[data-theme=dark] .project-card-description{color:#9a9384}:root[data-theme=dark] .project-card-link{color:#14120f;background-color:#f2ede4}:root[data-theme=dark] .project-card-link-outline{color:#f2ede4;background-color:#0000;border:1.5px solid #f2ede4}:root[data-theme=dark] .project-card-link-disabled{color:#6b6558;background-color:#201d18}:root[data-theme=dark] .project-dot{background-color:#3a362c}:root[data-theme=dark] .project-dot-active{background-color:#f2ede4}
@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes word-slide-in{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes hero-photo-in{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-breathe{0%,to{transform:perspective(1000px)translateZ(0)scale(1)}50%{transform:perspective(1000px)translateZ(0)scale(1.015)}}@keyframes border-breathe{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes sweep-diagonal{to{opacity:0;transform:translate(30%)rotate(10deg)}}@media (min-width:769px){.home{padding:0}.hero{flex-direction:column;justify-content:flex-end;align-items:center;height:80vh;display:flex;position:relative;overflow:hidden}.hero-typewriter-wrap{z-index:2;position:absolute;top:2.5rem;left:3rem}.hero-typewriter{letter-spacing:-.01em;color:#111;margin:0;font-size:2.25rem;font-weight:800;line-height:1.15}.hero-role{letter-spacing:-.005em;color:#46607a;min-height:1.5em;margin:.3rem 0 0;font-size:1.15rem;font-weight:600}.hero-typewriter-cursor{vertical-align:middle;background-color:#46607a;width:2.5px;height:1.1rem;margin-left:3px;animation:.9s step-end infinite hero-cursor-blink;display:inline-block}@keyframes hero-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-marquee{width:100%;position:absolute;top:42%;left:0;overflow:hidden}.hero-marquee-track{gap:1.5rem;width:max-content;animation:30s linear infinite marquee-scroll;display:flex}.skill-card{background-color:#fff;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.6rem;width:130px;height:130px;display:flex;box-shadow:0 4px 14px #0000000f}.skill-icon{font-size:2.25rem}.skill-name{color:#333;text-align:center;font-size:.85rem;font-weight:600}.hero-photo{z-index:1;object-fit:contain;opacity:0;width:auto;height:65vh;animation:1.8s cubic-bezier(.16,1,.3,1) forwards hero-photo-in;position:relative}.featured-projects{background-color:#fffdf9;padding:4rem 3rem;scroll-margin-top:6rem;position:relative;overflow:hidden}.featured-projects-title{text-align:center;color:#111;font-size:1.75rem;font-weight:800}.title-word{opacity:0;display:inline-block}.title-word-play{animation:.6s both word-slide-in}.title-word:not(:last-child){margin-right:.4em}.featured-projects-subtitle{text-align:center;color:#666;margin-top:.5rem;margin-bottom:2.5rem;font-size:1rem}.project-cards{height:370px;margin:1.5rem 0;position:relative}.project-card{text-align:center;cursor:pointer;width:230px;height:350px;z-index:var(--z);opacity:var(--fade);transform:translateX(calc(var(--offset) * 105%)) scale(calc(1.05 - (var(--offset-abs) * .2)));background-color:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;align-items:center;margin-left:-115px;transition:transform .5s,box-shadow .4s,opacity .5s;display:flex;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 10px 30px #00000012}.project-card-active{box-shadow:0 20px 45px #0000001f}.project-card-image{background-color:#f7f4ee;width:100%;height:150px;position:relative;overflow:hidden}.project-card-image-img{object-fit:cover}.project-card-accent{background-color:#111;border-radius:999px;width:30px;height:3px;margin-top:1rem}.project-card-title{color:#111;margin:.7rem 1.1rem .4rem;font-size:1rem;font-weight:800;line-height:1.25}.project-card-description{color:#777;margin:0 1.1rem 1rem;font-size:.78rem;line-height:1.5}.project-card-actions{justify-content:center;align-items:center;gap:.6rem;margin-top:auto;margin-bottom:1.1rem;display:flex}.project-card-link{color:#fff;background-color:#111;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:background-color .25s,transform .25s;display:flex}.project-card-link svg{font-size:.9rem}.project-card-link:hover{background-color:#333;transform:translateY(-2px)}.project-card-link-outline{color:#111;background-color:#0000;border:1.5px solid #111}.project-card-link-outline:hover{color:#fff;background-color:#111}.project-card-link-disabled{color:#999;cursor:default;background-color:#f0f0f0}.project-card-link-disabled:hover{background-color:#f0f0f0;transform:none}.project-dots{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.project-dot{cursor:pointer;background-color:#d9c9ae;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background-color .25s,transform .25s}.project-dot-active{background-color:#111;transform:scale(1.3)}}:root[data-theme=dark] .hero-typewriter{color:#f2ede4}:root[data-theme=dark] .hero-role{color:#7a97b5}:root[data-theme=dark] .hero-typewriter-cursor{background-color:#7a97b5}:root[data-theme=dark] .skill-card{background-color:#201d18;box-shadow:0 4px 14px #0000004d}:root[data-theme=dark] .skill-name{color:#cfc8ba}:root[data-theme=dark] .featured-projects{background-color:#14120f}:root[data-theme=dark] .featured-projects-title{color:#f2ede4}:root[data-theme=dark] .featured-projects-subtitle{color:#a49c8c}:root[data-theme=dark] .project-card{background-color:#201d18;border:1px solid #ffffff0f;box-shadow:0 10px 30px #00000059}:root[data-theme=dark] .project-card-image{background-color:#171512}:root[data-theme=dark] .project-card-accent{background-color:#f2ede4}:root[data-theme=dark] .project-card-title{color:#f2ede4}:root[data-theme=dark] .project-card-description{color:#9a9384}:root[data-theme=dark] .project-card-link{color:#14120f;background-color:#f2ede4}:root[data-theme=dark] .project-card-link:hover{background-color:#d9a15a}:root[data-theme=dark] .project-card-link-outline{color:#f2ede4;background-color:#0000;border:1.5px solid #f2ede4}:root[data-theme=dark] .project-card-link-outline:hover{color:#14120f;background-color:#f2ede4}:root[data-theme=dark] .project-card-link-disabled{color:#6b6558;background-color:#201d18}:root[data-theme=dark] .project-card-link-disabled:hover{background-color:#201d18}:root[data-theme=dark] .project-dot{background-color:#3a362c}:root[data-theme=dark] .project-dot-active{background-color:#f2ede4}