@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;700;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg-primary:#fff3e2;--text-primary:#161314;--text-secondary:#544e46;--text-muted:#8a8171;--text-light:#b0aaa1;--accent:#0abdfc;--nav-bg:#fff3e2bf;--nav-link-bg:#ffffff80;--nav-link-border:#fffc;--card-bg:#fff;--card-shadow:0 4px 14px #00000008;--card-hover-shadow:0 6px 20px #0000000f;--footer-bg:#161314;--footer-text:#fff;--btn-bg:#161314;--btn-text:#fff3e2;--img-bg:#e8e5de;--border-light:#ffffffe6;--btn-outline-bg:#fff9}[data-theme=dark]{--bg-primary:#110f10;--text-primary:#fff;--text-secondary:#a89c8a;--text-muted:#8a8171;--text-light:#544e46;--accent:#0abdfc;--nav-bg:#110f10cc;--nav-link-bg:#282627b3;--nav-link-border:#ffffff1a;--card-bg:#1a1819;--card-shadow:0 4px 14px #0000004d;--card-hover-shadow:0 6px 20px #00000080;--footer-bg:#1a1819;--footer-text:#fff;--btn-bg:#fff;--btn-text:#110f10;--img-bg:#2a2728;--border-light:#ffffff1a;--btn-outline-bg:#282627cc}*,:before,:after{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);margin:0;font-family:Space Grotesk,sans-serif;transition:background-color .3s,color .3s}a{color:inherit}.nav-a{text-decoration:none;transition:opacity .15s}.nav-a:hover{opacity:.6}html{scroll-behavior:smooth}.page-padding{padding:60px 48px}.hero-title{margin:0 0 26px;font:700 96px/1 Unbounded,sans-serif}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.about-grid{grid-template-columns:400px 1fr;align-items:center;gap:80px;display:grid}.work-detail-grid{grid-template-columns:300px 1fr;align-items:start;gap:60px;display:grid}.page-title{word-break:break-word;margin:0 0 12px;font:700 56px/1.1 Unbounded,sans-serif}.project-title{word-break:break-word;margin:0 0 20px;font:700 64px/1.1 Unbounded,sans-serif}.card-title{color:var(--text-primary);font:700 18px Space Grotesk,sans-serif}.card-role{color:var(--accent);font:600 15px Space Grotesk,sans-serif}.card-detail{text-align:right;font:600 13px Space Grotesk,sans-serif}.desktop-links{display:flex}.mobile-menu-btn{display:none}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.work-detail-grid{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.desktop-links{display:none!important}.mobile-menu-btn{display:flex!important}.page-padding{padding:60px 24px!important}.hero-title{font-size:42px}.page-title,.project-title{font-size:36px}.card-title{font-size:clamp(12px,4vw,16px)!important}.card-role{font-size:clamp(11px,3.5vw,14px)!important}.card-detail{font-size:clamp(10px,3vw,12px)!important}.projects-grid{grid-template-columns:1fr;gap:32px!important}.nav-container{padding:20px 24px!important}.footer-container{margin:0 24px 24px!important;padding:30px 24px!important}.hero-padding{padding:80px 24px 100px!important}.footer-bottom{padding:0 24px 30px!important}}