@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#142322;background:#f7eddf;font-family:'DM Sans',Arial,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse at 90% 0%,#ffdfaa85,transparent 45%),radial-gradient(ellipse at 0% 45%,#c3cbc26b,transparent 32%),radial-gradient(ellipse at 80% 100%,#f5d6a85c,transparent 50%)}a{text-decoration:none;color:inherit}button,input{font:inherit}a,button,input{outline-offset:4px}.skip{position:fixed;top:-60px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.projects-shell{max-width:1600px;margin:auto;padding:30px 46px 24px}.projects-header{display:flex;align-items:center;justify-content:space-between}.home-link{background:#ffffffcf;border-radius:30px;padding:12px 19px;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:700}.header-label{letter-spacing:2px;font-size:10px;color:#827664}.page-heading{position:relative;text-align:center;padding:33px 180px 32px}.eyebrow{color:#a58962;font-size:10px;letter-spacing:2.6px;font-weight:700;margin:0 0 12px}h1{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(32px,4vw,54px);letter-spacing:-2px;margin:0 0 12px}h1 span{color:#b99460}.page-heading>p:last-of-type{font-size:16px;line-height:1.6;margin:0;color:#6c6a60}.note{position:absolute;right:5px;top:24px;transform:rotate(-7deg);font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.7;text-align:left;color:#615642}.note:after{content:'';display:block;height:1px;background:#615642;width:75%;margin-top:8px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#fff6e9a1;border-radius:24px;padding:5px;margin:0 0 19px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{cursor:pointer;border:0;border-radius:20px;background:#ffffffd9;color:#4e504a;padding:11px 22px;font-size:12px;transition:background .2s}.filters button:hover{background:#f0debf}.filters button[aria-pressed=true]{background:#dab681;color:white;font-weight:700}.search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:20px;padding:10px 14px;margin-right:5px}.search span{color:#a08d72}.search input{width:155px;border:0;outline-offset:6px;background:none;font-size:12px;color:#434b43}.results-line{display:flex;justify-content:space-between;padding:0 4px 13px;font-size:11px;color:#8d8272}.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.project{background:#ffffffdf;border:1px solid #fff;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 6px 20px #796b4b06;transition:transform .2s,box-shadow .2s}.project:hover{transform:translateY(-4px);box-shadow:0 14px 30px #796b4b15}.project[hidden]{display:none}.project-art{display:block!important;height:158px!important;min-height:158px!important;flex-basis:158px!important;padding:0!important;margin:7px 7px 0;border-radius:9px;overflow:hidden;background:#e8edf0;position:relative}.project-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top!important;display:block}.project-content{padding:15px 15px 14px;display:flex;flex-direction:column;flex:1}.project-type{font-size:9px;letter-spacing:.6px;color:#b39365;margin:0 0 8px;line-height:1.5}.project h2{font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.35;letter-spacing:-.4px;margin:0 0 7px}.project-description{font-size:12px;line-height:1.6;color:#7a7a73;margin:0 0 11px;min-height:39px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:16px}.tags span{font-size:10px;color:#5a605c;background:#f2f3f1;border-radius:20px;padding:5px 9px}.project-actions{display:flex;gap:7px;margin-top:auto;flex-wrap:wrap}.project-link{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(110deg,#f1d3a7,#edc892);border:1px solid #ecd0a7;border-radius:8px;min-height:38px;padding:9px 11px;font-weight:700;font-size:11px;flex:1;line-height:1.4;text-align:center}.project-link:hover{filter:brightness(.97)}.project-link.details{background:#fff;border:1px solid #e8e8e3;color:#46524b}.project-link span{font-size:14px}.projects-footer{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #d8c7ab69;font-size:11px;color:#93826b}.empty-message{text-align:center;padding:60px 15px;color:#8d8272}.browser{height:100%;background:linear-gradient(140deg,#16283c,#324b68);color:white;padding:12px;border-radius:6px}.browser-bar{display:flex;gap:4px;align-items:center;font-size:7px;color:#d2dceb}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#c9a883}.browser-bar span{margin-left:auto}.browser-body{padding:12px 5px}.browser-body small{font-size:8px;letter-spacing:1.5px;color:#c1d6e8}.browser-body strong{display:block;font-size:24px;line-height:1.15;margin:8px 0}.pills{display:flex;gap:5px}.pills span{padding:5px 7px;background:#ffffff20;font-size:7px;border-radius:10px}.table-preview{font-size:8px;margin-top:10px}.table-preview>div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:5px}.weather-art .browser{background:linear-gradient(120deg,#3983af,#80b8ce)}.taam-art{background:#244137!important;display:grid!important;place-items:center}.restaurant-plate{font-family:Georgia,serif;font-size:62px;color:#ddbc82;border:2px solid #b59662;border-radius:50%;width:100px;height:100px;display:grid;place-items:center}.motion-camera{height:63px;background:linear-gradient(140deg,#416b72,#1e3448);position:relative;margin:8px 0}.motion-target{display:block;position:absolute;inset:10px 30%;border:1px solid #76ddb7}.motion-live{font-size:7px;position:absolute;top:6px;left:6px;color:#9affce}@media(min-width:1650px){.project-art{height:190px!important;min-height:190px!important}}@media(max-width:1150px){.projects-shell{padding:25px}.projects-grid{gap:12px}.project-art{height:130px!important;min-height:130px!important}.project h2{font-size:15px}.project-content{padding:12px}.filters button{padding:10px 13px}.page-heading{padding:35px 120px}.note{font-size:12px}}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-art{height:185px!important;min-height:185px!important}.toolbar{flex-wrap:wrap;border-radius:15px}.search{margin:5px;width:100%}.search input{width:100%}.page-heading{padding:35px 20px}.note{display:none}}@media(max-width:520px){.projects-shell{padding:18px 14px}.header-label{font-size:8px;letter-spacing:1px}.home-link{padding:10px 12px;font-size:11px}.page-heading>p:last-of-type{font-size:13px}.projects-grid{grid-template-columns:1fr}.project-art{height:205px!important;min-height:205px!important}.filters{gap:5px}.filters button{font-size:11px;padding:9px 12px}.project h2{font-size:19px}.project-content{padding:16px}.project-description{min-height:0}.projects-footer{font-size:10px;gap:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.portfolio-logo{display:block;width:150px;height:150px;object-fit:contain;border-radius:50%;margin:0 auto 22px;box-shadow:0 8px 28px #6c573329}.page-heading{padding-top:24px}@media(max-width:520px){.portfolio-logo{width:115px;height:115px}}