@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Pragati+Narrow:wght@400;700&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--bg:#fff;--bg-dark:#040a17;--white:#fff;--text:#1c1c1c;--muted:#666;--orange:#ff5a00;--grey:#f3f3f3;--card:#f8f5ff;--border:#e6e6e6;--header-bg:transparent;--header-scrolled:#ffffffe6;--icon-box:#fff0ea;--icon-box-active:#ffccbc;--btn-sec-bg:#fff;--card-light:#f6f6f6;--accent-bg:#eef;--pill-bg:#f1eaff;--pill-text:#8a5ad9}[data-theme=dark]{--bg:#050505;--bg-dark:#000;--white:#111;--text:#f7f7f7;--muted:#a0a0a0;--grey:#1a1a1a;--card:#0a0a0a;--border:#2a2a2a;--header-bg:transparent;--header-scrolled:#0a0a0ae6;--icon-box:#1a1a1a;--icon-box-active:#333;--btn-sec-bg:#111;--card-light:#181818;--accent-bg:#1a1a2e;--pill-bg:#2a1b40;--pill-text:#b388ff}*,:before,:after{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;padding-top:100px;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Pragati Narrow,sans-serif}a{color:inherit;text-decoration:none}img{border-radius:12px;width:100%;max-width:100%;max-height:220px;margin-bottom:24px;display:block}.page{background:var(--bg);min-height:100vh;transition:background-color .3s}header,section,footer{width:100%}.header{z-index:100;background:var(--header-bg);width:100%;color:var(--text);padding:20px clamp(16px,6vw,80px) 10px;transition:width .6s cubic-bezier(.33,1,.68,1),top .6s cubic-bezier(.33,1,.68,1),background .4s,padding .4s,border-radius .4s,transform .6s cubic-bezier(.33,1,.68,1);position:fixed;top:0;left:50%;transform:translate(-50%)}.header.scrolled{background:var(--header-scrolled);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--header-border);border-radius:50px;width:70%;padding:10px 30px;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001a}.header.nav-hidden{transition-delay:.3s;transform:translate(-50%,-150%)}.header.scrolled .header-right .extras{display:none}.header.scrolled .nav-links{color:var(--text)}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.header-left{align-items:center;gap:24px;display:flex}.logo{background:var(--orange);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.header.menu-open{z-index:201;background:var(--bg)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:none!important;border-radius:20px 20px 0 0!important}.nav-links{color:var(--text);gap:40px;font-weight:600;display:flex}.burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.burger span{background:var(--text);width:20px;height:2px;display:block}.header-right{align-items:center;gap:16px;display:flex}.btn-contact{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:10px 24px;font-size:15px;font-weight:600}.extras{align-items:center;gap:16px;display:flex}.icon-box{background:var(--icon-box);width:40px;height:40px;color:var(--orange);cursor:pointer;border-radius:8px;place-items:center;display:grid}.theme-toggle{background:var(--icon-box);border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.theme-btn{cursor:pointer;color:#ffccbc;background:0 0;border:none;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.theme-btn.active{background:var(--icon-box-active);color:var(--orange)}.divider{background:#ccc;width:1px;height:24px;margin:0 8px}.toggle{width:50px;height:24px;display:inline-block;position:relative}.toggle input{display:none}.toggle-slider{cursor:pointer;background:#ddd;border-radius:20px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:4px}.toggle input:checked+.toggle-slider{background:var(--orange)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.chips{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.chip{color:#fff;border:1px solid #ffffff40;border-radius:14px;padding:8px 12px;font-size:13px}.hero-tags{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.tag-row{flex-wrap:wrap;gap:12px;display:flex}.hero-tag{-webkit-backdrop-filter:blur(10px);color:#fff;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:30px;padding:8px 18px;font-size:13px;font-weight:500;box-shadow:0 4px 6px #0000001a}.hero{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);margin-top:-25px;padding:0;display:flex;position:relative;overflow:hidden}.hero-bg-video{object-fit:cover;z-index:0;border-radius:30px;width:calc(100% - 60px);height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-overlay{z-index:0;pointer-events:none;background:#0006;border-radius:30px;width:calc(100% - 60px);height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-content{z-index:1;width:100%;max-width:800px;padding:0 clamp(16px,6vw,80px);position:relative}.hero-content h1{margin:6px 0;font-size:clamp(32px,4vw,42px)}.hero-content .sub{letter-spacing:.5px;font-weight:600}.hero-content .role{margin-bottom:22px}.hero-actions{gap:12px;display:flex}.btn-hero-primary{background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:50px;align-items:center;gap:16px;padding:8px 8px 8px 24px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-hero-primary .btn-icon-circle{color:var(--orange);background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .3s;display:grid}.btn-hero-primary:hover{color:#fff;background:0 0}.btn-hero-primary:hover .btn-icon-circle{background:var(--orange);color:#fff;transform:rotate(45deg)}.btn-hero-secondary{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff;border-radius:50px;align-items:center;gap:16px;padding:8px 8px 8px 24px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-hero-secondary .btn-icon-circle{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .3s;display:grid}.btn-hero-secondary:hover{color:var(--orange);border-color:var(--orange);background:#ffffff1a}.btn-hero-secondary:hover .btn-icon-circle{color:var(--orange);background:#fff;transform:rotate(45deg)}.btn-primary,.btn-secondary{cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{background:var(--orange);color:#fff}.btn-secondary{background:var(--btn-sec-bg);color:var(--orange);border-color:var(--orange)}.btn-primary.slim{padding:10px 14px}.hero-cta{text-align:right;align-self:end}.small-title{text-transform:uppercase;letter-spacing:.3px}.about{background:var(--bg);color:var(--text);padding:60px clamp(16px,6vw,80px)}.about-grid{grid-template-columns:.6fr 1.4fr;gap:28px;display:grid}.about-card{background:var(--card-light);border-radius:16px;flex-direction:column;gap:16px;padding:18px;display:flex}.placeholder{aspect-ratio:1;background:#dadada;border-radius:12px}.card-cta{background:var(--accent-bg);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.about-text h2{margin:6px 0 12px;font-size:28px}.micro{text-transform:uppercase;letter-spacing:.2px;margin:0;font-size:12px}.orange{color:var(--orange)}.pill-row{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.pill{background:var(--pill-bg);color:var(--pill-text);border-radius:14px;padding:8px 12px;font-size:13px}.about-body{color:var(--muted);margin:0 0 10px;line-height:1.6}.about-actions{gap:10px;margin-top:12px;display:flex}.btn-about-primary{background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:50px;align-items:center;gap:16px;padding:8px 8px 8px 24px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-about-primary .btn-icon-circle{color:var(--orange);background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .3s;display:grid}.btn-about-primary:hover .btn-icon-circle{background:var(--orange);color:#fff}.btn-about-secondary{color:var(--orange);border:1px solid var(--orange);background:#fff;border-radius:50px;align-items:center;gap:16px;padding:8px 8px 8px 24px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-about-secondary .btn-icon-circle{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .3s;display:grid}.btn-about-secondary:hover{background:var(--orange);color:#fff}.btn-about-secondary:hover .btn-icon-circle{color:var(--orange);background:#fff}.projects{background:var(--bg);padding:40px clamp(16px,6vw,80px) 60px}.projects-header{grid-template-columns:1.1fr .9fr;align-items:start;gap:20px;display:grid}.projects-header h3{text-transform:uppercase;margin:8px 0;font-size:26px}.projects-intro{color:var(--muted)}.project-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:26px;display:grid}.project-thumb{background-position:50%;background-size:cover;border-radius:12px;min-height:240px;position:relative;overflow:hidden}.project-tag-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;top:16px;left:16px}.project-tag-pill.red{color:#fff;background:0 0;border:1px solid #fff}.project-tag-pill.white{color:#fff;background:#fff3;border:1px solid #fff6}.project-card{box-shadow:none;background:0 0;border:none;flex-direction:column;display:flex}.project-body{flex-direction:column;gap:10px;padding:20px 0 0;display:flex}.project-title-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.project-title-row h4{text-transform:uppercase;margin:0;font-size:20px;font-weight:800}.project-arrow{color:var(--orange);width:20px;height:20px;transition:transform .2s}.project-card:hover .project-arrow{transform:translate(2px,-2px)}.project-desc{color:var(--muted);margin-bottom:12px;font-size:14px;font-weight:500;line-height:1.5}.label-row{flex-wrap:wrap;gap:8px;display:flex}.label-outline{border:1px solid var(--orange);color:var(--orange);background:var(--bg);border-radius:20px;padding:9px 14px;font-size:12px;font-weight:700;display:inline-block}.skills{background:var(--bg);padding:60px 0;overflow:hidden}.skills .container{margin-bottom:40px;padding:0 clamp(16px,6vw,80px)}.skills h3{text-transform:uppercase;margin:0 0 10px}.skill-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.link{color:var(--orange);margin-bottom:12px;text-decoration:none;display:inline-block}.faq{color:#fff;background:#111;grid-template-columns:.8fr 1.2fr;align-items:start;gap:60px;padding:80px clamp(16px,6vw,80px);display:grid}.faq-left h2{text-transform:uppercase;margin:0 0 24px;font-size:clamp(32px,4vw,42px);font-weight:800;line-height:1.1}.faq-left p{color:#ccc;margin-bottom:32px;font-size:15px;line-height:1.6}.btn-primary-orange{background:var(--orange);color:#fff;border:1px solid var(--orange);cursor:pointer;border-radius:50px;align-items:center;gap:16px;padding:8px 8px 8px 24px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary-orange .btn-icon-circle{color:var(--orange);background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .3s;display:grid}.btn-primary-orange:hover{color:var(--orange);background:#fff}.btn-primary-orange:hover .btn-icon-circle{background:var(--orange);color:#fff;transform:rotate(45deg)}.btn-faq-cta{background:var(--orange);color:#fff;border:1px solid var(--orange);cursor:pointer;border-radius:50px;align-items:center;gap:16px;padding:8px 8px 8px 24px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-faq-cta .btn-icon-circle{color:var(--orange);background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .3s;display:grid}.btn-faq-cta:hover{color:var(--orange);background:0 0}.btn-faq-cta:hover .btn-icon-circle{background:var(--orange);color:#fff;transform:rotate(45deg)}.faq-right{flex-direction:column;gap:16px;display:flex}.faq-item{cursor:pointer;background:0 0;border:1px solid #444;border-radius:12px;padding:0 24px;transition:border-color .3s,background .3s}.faq-item:hover,.faq-item.open{background:#ffffff08;border-color:#fff}.faq-question{justify-content:space-between;align-items:center;padding:24px 0;font-size:16px;font-weight:700;display:flex}.faq-toggle-btn{color:#fff;pointer-events:none;background:0 0;border:1px solid #ccc;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:18px;transition:all .3s;display:grid}.faq-item.open .faq-toggle-btn{color:#111;background:#fff;border-color:#fff;transform:rotate(180deg)}.faq-answer-wrapper{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.33,1,.68,1);display:grid}.faq-item.open .faq-answer-wrapper{grid-template-rows:1fr;padding-bottom:24px}.faq-inner{color:#bbb;font-size:15px;line-height:1.6;overflow:hidden}.footer{background:var(--bg);color:var(--text);padding:60px clamp(16px,6vw,80px) 30px;transition:background-color .3s}.footer-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.footer-title-group h2{margin:10px 0;font-size:clamp(28px,4vw,36px);line-height:1.2}.footer-availability{max-width:400px}.footer-availability p{text-transform:uppercase;margin:0;font-size:14px;font-weight:700;line-height:1.5}.footer-separator{align-items:center;gap:20px;margin:40px 0;display:flex}.separator-line{background:var(--border);flex:1;height:1px}.socials{gap:10px;display:flex}.social-icon{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.social-linkedin{background:#0077b5}.social-behance{background:var(--text)}.footer-cards{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}.footer-card{border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:24px;display:flex}.footer-card h3{text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:700}.card-divider{background:var(--border);width:100%;height:1px;margin-bottom:16px}.card-content{gap:20px;font-size:14px;display:flex}.footer-card-link{align-items:center;gap:4px;font-weight:500;display:inline-flex}.footer-card-link:hover{color:var(--orange)}.footer-card-contact{flex-wrap:wrap;gap:24px;display:flex}.contact-item{align-items:center;gap:8px;display:inline-flex}.footer-bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}@media (max-width:980px){.hero{text-align:center;grid-template-columns:1fr}.hero-cta{text-align:center;justify-content:center}.about-grid,.projects-header,.faq{grid-template-columns:1fr}.nav-links{display:none}.burger{display:flex}.footer-header{flex-direction:column;gap:20px}.footer-cards{grid-template-columns:1fr}.footer-card-contact{flex-direction:column;gap:12px}.header-right{display:none}}@media (max-width:640px){.hero{padding-bottom:80px}.hero-bg-video,.hero-overlay{border-radius:20px;width:calc(100% - 32px)}.btn-primary,.btn-secondary{width:fit-content}.project-thumb{min-height:160px}.footer-bottom{flex-direction:column;align-items:flex-start}.grid-item.span-2-row .project-thumb{min-height:220px}}.marquee-wrapper{width:100%;margin-bottom:20px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{gap:20px;width:max-content;padding:10px 0;display:flex}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}.skill-pill{white-space:nowrap;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:50px;align-items:center;gap:10px;padding:8px 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 12px #0000000d}.skill-pill img{object-fit:contain;width:20px;height:20px}.skill-blue{color:#ff5a00;background:#e0efff;border-color:#bce0ff}.skill-peach{color:#ff5a00;background:#ffe5d9;border-color:#ffcbb8}.skill-yellow{color:#d97706;background:#fff4e0;border-color:#ffe0b2}.skill-purple{color:#4c1d95;background:#f0e6ff;border-color:#dcd0ff}.projects-page{padding-top:40px;padding-bottom:80px}.projects-page,.projects-page h1,.projects-page p,.projects-page .filter-btn{color:var(--text)!important}.projects-title-section{margin-bottom:40px;padding:0 clamp(16px,6vw,80px)}.projects-title-section h1{text-transform:uppercase;margin:0 0 10px;font-size:clamp(32px,4vw,42px);color:var(--orange)!important}.projects-description{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;display:flex}.project-count{font-size:18px;font-weight:700}.project-filters{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.filter-btn{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--muted);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.filter-btn:hover,.filter-btn.active{border-color:var(--orange);color:var(--orange)}.listings-grid{grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:20px;padding:0 clamp(16px,6vw,80px);display:grid}.grid-item.span-2-col{grid-column:span 2}.grid-item.span-2-row{grid-row:span 2}.grid-item.span-2-both{grid-area:span 2/span 2}.grid-item .project-thumb{height:100%;min-height:220px}.grid-item.span-2-row .project-thumb{min-height:480px}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:40px clamp(16px,6vw,80px) 20px;display:flex}.breadcrumb h1{text-transform:uppercase;color:var(--text);margin:10px 0 0;font-size:clamp(28px,4vw,42px)}.back-link{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.back-link:hover{color:var(--orange)}.detail-tags{gap:10px;display:flex}.detail-hero{color:#fff;justify-content:center;align-items:center;width:100%;min-height:400px;padding:60px clamp(16px,6vw,80px);display:flex;position:relative}.hero-content{width:100%;max-width:1200px}.hero-text{max-width:800px}.hero-title{text-transform:uppercase;text-shadow:0 4px 20px #0000001a;margin-bottom:24px;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1}.hero-meta{flex-wrap:wrap;gap:12px;display:flex}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:30px;padding:8px 16px;font-weight:600}.case-study-container{max-width:1200px;margin:0 auto;padding:60px 20px}.case-study-grid{grid-template-columns:300px 1fr;gap:60px;display:grid}@media (max-width:900px){.case-study-grid{grid-template-columns:1fr;gap:40px}}.info-block{margin-bottom:30px}.info-label{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.info-value{color:var(--text);font-size:16px;font-weight:500}.content-section{margin-bottom:60px}.content-section h3{color:var(--text);margin-bottom:16px;font-size:24px}.content-section p{color:var(--muted);font-size:18px;line-height:1.7}.section-visual-placeholder{background:var(--grey);border-radius:12px;width:100%;height:400px;margin-top:24px}.process-gallery{margin-top:80px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px;display:grid}.gallery-item{background:var(--grey);aspect-ratio:4/3;border-radius:12px}.gallery-item.large{aspect-ratio:21/9;grid-column:span 2}.graphic-hero{align-items:flex-end;min-height:60vh;padding-bottom:80px}.hero-content.centered{text-align:center;margin:0 auto}.graphic-title{margin:0;font-size:clamp(48px,8vw,96px);font-weight:900;line-height:.9}.graphic-subtitle{opacity:.9;max-width:600px;margin-top:20px;margin-left:auto;margin-right:auto;font-size:clamp(18px,2vw,24px)}.graphic-showcase{padding:80px clamp(16px,6vw,80px)}.showcase-desc{grid-template-columns:2fr 1fr;gap:60px;margin-bottom:80px;display:grid}.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:200px;gap:20px;display:grid}.masonry-item{background:var(--grey);border-radius:8px}.item-tall{grid-row:span 2}.item-wide{grid-column:span 2}.graphic-section{text-align:center;max-width:800px;margin:0 auto;padding:80px 0}.web-hero{justify-content:flex-start;min-height:50vh}.web-stack{gap:8px;margin-top:24px;display:flex}.stack-pill{color:#fff;background:#0000004d;border-radius:4px;padding:6px 12px;font-family:monospace;font-size:14px}.web-content{z-index:10;margin-top:-60px;padding:0 clamp(16px,6vw,80px);position:relative}.browser-mockup{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.browser-header{background:var(--grey);border-bottom:1px solid var(--border);align-items:center;gap:8px;height:40px;padding:0 16px;display:flex}.browser-dots{gap:6px;display:flex}.dot{background:#ccc;border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.web-body{min-height:400px;padding:40px}.photo-hero{color:#fff;min-height:40vh;background:#000!important}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2px;display:grid}.photo-item{aspect-ratio:1;cursor:pointer;background:#eee;position:relative;overflow:hidden}.photo-item:hover img{transform:scale(1.05)}.av-hero{justify-content:center;align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.play-button{color:#000;cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:80px;height:80px;font-size:32px;transition:transform .2s;display:grid}.play-button:hover{transform:scale(1.1)}.web-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:40px clamp(16px,6vw,80px) 0;display:flex}.web-main-title{color:var(--orange);text-transform:uppercase;margin:0;font-size:clamp(32px,5vw,56px);line-height:1}.web-header-pills{gap:12px;display:flex}.web-hero-image{border-radius:20px;width:calc(100% - 2*max(16px,6vw));height:60vh;min-height:400px;margin-top:20px;margin-left:max(16px,6vw);margin-right:max(16px,6vw);position:relative;overflow:hidden}.placeholder-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mockup-phone{background:#000;border:4px solid #333;border-radius:30px;width:200px;height:400px}.web-meta-row{grid-template-columns:repeat(5,1fr);gap:50px;max-width:1000px;margin:40px 0;display:grid}@media (max-width:800px){.web-meta-row{grid-template-columns:1fr 1fr}}.meta-col{flex-direction:column;display:flex}.meta-lb{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:800}.meta-col.desc p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.web-intro-block{margin:80px 0}.big-intro-text{text-transform:uppercase;color:var(--text);letter-spacing:-.5px;max-width:1000px;margin-bottom:80px;font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1.1}.split-content{grid-template-columns:200px 1fr;align-items:flex-start;gap:60px;display:grid}@media (max-width:768px){.split-content{grid-template-columns:1fr;gap:10px}}.sc-left h4{color:var(--text);margin:0;font-size:16px;font-weight:800}.sc-right p{color:var(--muted);max-width:700px;margin:0;font-size:16px;font-weight:500;line-height:1.6}.web-gallery-grid-2x2{grid-template-columns:1fr 1fr;gap:60px;width:100%;max-width:1000px;margin:60px auto;padding:0 20px;display:grid}@media (max-width:640px){.web-gallery-grid-2x2{grid-template-columns:1fr}}.graphic-container,.audiovisual-container,.graphic-container,.audiovisual-container,.uiux-container,.web-container{max-width:1400px;margin:0 auto;padding:0 clamp(16px,6vw,80px)}.uiux-container .web-header-top{padding-left:0;padding-right:0}.uiux-container .web-hero-image{width:100%;margin-left:0;margin-right:0}.uiux-container .uiux-bento-grid{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.web-container .web-header-top{padding-left:0;padding-right:0}.web-container .web-hero-image{width:100%;margin-left:0;margin-right:0}.web-container .web-gallery-grid-2x2{padding-left:0;padding-right:0}.mockup-section-container{flex-direction:column;align-items:center;margin-top:60px;display:flex}.figma-mockup-placeholder{aspect-ratio:3/4;background:#d9d9d9;border-radius:4px;width:100%;max-width:600px}.figma-mockup-frame{aspect-ratio:3/4;border:1px solid #eee;width:100%;max-width:600px}.section-divider{background:#eee;border:0;width:100%;height:1px;margin:40px 0}.uiux-bento-grid{grid-template-columns:6fr 4fr;gap:20px;max-width:1200px;margin:60px auto 80px;padding:0 clamp(16px,6vw,80px);display:grid}.bento-col-left{flex-direction:column;gap:20px;display:flex}.bento-item-landscape{aspect-ratio:3/2;background:#f0f0f0;border-radius:20px;width:100%;position:relative;overflow:hidden}.bento-col-right{justify-content:center;align-items:center;display:flex}.uiux-bento-grid .gallery-img{object-fit:cover;width:100%;height:100%;margin-bottom:0;max-height:100%!important}.bento-item-portrait{aspect-ratio:3/4;background:#4a90e2;border-radius:20px;width:100%;height:auto;position:relative;overflow:hidden}@media (max-width:800px){.uiux-bento-grid{grid-template-columns:1fr}.bento-item-portrait{aspect-ratio:3/4;min-height:auto}}.gallery-card{aspect-ratio:16/10;background:#f5f5f5;border-radius:12px;position:relative;overflow:hidden}.gallery-img{object-fit:cover;width:100%;height:100%;margin-bottom:0;max-height:none!important}.laptop-mockup-placeholder{background:#333;border-radius:8px;width:80%;height:80%;margin:10% auto;position:relative}.screen-shine{background:linear-gradient(135deg,#444,#222);position:absolute;inset:5px}.web-text-sections{margin:60px 0}.web-text-sec{margin-bottom:60px}.web-text-sec h3{text-transform:uppercase;margin-bottom:30px;font-size:24px}.web-cta-container{justify-content:center;margin:80px 0;display:flex}.btn-visit{background:var(--orange);color:#fff;border:1px solid var(--orange);text-transform:none;border-radius:50px;align-items:center;gap:16px;padding:6px 8px 6px 25px;font-size:18px;font-weight:500;transition:all .3s;display:inline-flex}.btn-visit:hover{color:var(--orange);background:#fff}.btn-visit-icon{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.btn-visit:hover .btn-visit-icon{background:var(--orange);color:#fff;transform:rotate(45deg)}.see-also{background:var(--grey);padding:80px clamp(16px,6vw,80px)}.see-also-header{margin-bottom:40px;position:relative}.see-also-header h4{color:var(--orange);margin:0;font-size:14px}.orange-title{color:var(--orange);text-transform:uppercase;margin:10px 0;font-size:32px}.see-more-pill{color:#666;background:#fff;border:1px solid #ddd;border-radius:20px;padding:8px 16px;font-size:14px;position:absolute;top:10px;right:0}@media (max-width:600px){.see-more-pill{margin-top:10px;display:inline-block;position:static}}.related-grid.three-col{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:900px){.related-grid.three-col{grid-template-columns:1fr}}.see-also{max-width:1135px;margin:0 auto;padding:60px 0 100px}.see-also-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;display:flex}.header-left-group h4{color:var(--orange);margin:0 0 6px;font-size:16px;font-weight:700}.orange-title{color:var(--orange);text-transform:uppercase;margin:0;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1}.see-more-pill{border:1px solid var(--orange);color:var(--orange);border-radius:30px;align-items:center;gap:10px;padding:10px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.see-more-pill:hover{background:var(--orange);color:#fff}.pill-arrow-icon{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;transition:transform .2s;display:grid}.see-more-pill:hover .pill-arrow-icon{color:var(--orange);background:#fff}.related-thumb{aspect-ratio:16/10;border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden}.related-tag-pill-white{color:#333;background:#fff;border:1px solid #0000001a;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;top:16px;left:16px;box-shadow:0 2px 8px #0000000d}.related-tag-pill-red{color:#fff;background:0 0;border:1px solid #fff;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;top:16px;left:16px}.related-title-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.related-title-row h5{text-transform:uppercase;color:var(--text);margin:0;font-size:20px;font-weight:800}.related-arrow{color:var(--orange);font-size:18px;font-weight:800;transition:transform .2s}.related-card:hover .related-arrow{transform:translate(3px,-3px)}.related-labels{flex-wrap:wrap;gap:8px;display:flex}.label-orange{border:1px solid var(--orange);color:var(--orange);background:var(--bg);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.graphic-container{max-width:1400px;margin:0 auto;padding:0 clamp(16px,6vw,80px)}.graphic-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.graphic-main-title{text-transform:uppercase;color:var(--orange);margin:0;font-size:clamp(32px,5vw,64px);font-weight:800;line-height:1}.graphic-header-tags{align-items:center;gap:12px;display:flex}.graphic-hero-card{color:#fff;border-radius:20px;place-items:center;width:100%;min-height:500px;margin-bottom:40px;padding:60px 20px;display:grid;position:relative;overflow:hidden}.hero-mockup-container{width:100%;max-width:300px;margin:0 auto}.mockup-phone{background:#111;border:4px solid #333;border-radius:36px;padding:12px;box-shadow:0 20px 40px #0000004d}.phone-screen{aspect-ratio:9/19.5;background:#000;border-radius:24px;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.phone-screen h3{text-align:center;margin:0;font-size:24px;font-weight:700;line-height:1.2}.graphic-meta-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:40px;padding:20px 0;display:grid}.meta-item{flex-direction:column;gap:6px;display:flex}.meta-label{text-transform:uppercase;color:var(--text);font-size:13px;font-weight:600}.meta-value{color:var(--muted);font-size:15px}.graphic-split-content{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-bottom:60px;display:grid}.project-intro-text{text-transform:uppercase;margin:0 0 20px;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.1}.project-role-tag{color:var(--muted);font-size:14px;font-weight:600}.graphic-large-media{aspect-ratio:16/9;background:var(--grey);border-radius:4px;width:100%;margin-bottom:60px}.graphic-sections{margin:60px 0}.graphic-section-row{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;padding-top:40px;display:grid}.section-title-col h3{text-transform:uppercase;margin:0 0 10px;font-size:24px;font-weight:800}.small-label{text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.section-text-col p{color:var(--muted);margin:0;line-height:1.6}.graphic-learning{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin:80px 0;display:grid}.learning-label h3{text-transform:uppercase;max-width:300px;margin:0 0 10px;font-size:24px;font-weight:800}.learning-content{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.learning-content p{color:var(--muted);margin:0;line-height:1.6}.graphic-gallery-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px;display:grid}.gallery-item.item-gray{background:var(--grey);aspect-ratio:3/4;border-radius:4px}@media (max-width:768px){.graphic-split-content,.graphic-section-row,.graphic-learning,.graphic-gallery-grid{grid-template-columns:1fr}.graphic-header{flex-direction:column;align-items:flex-start;gap:10px}}.mentions-page{max-width:1000px;margin:0 auto;padding:60px clamp(16px,6vw,80px) 100px}.mentions-title{color:var(--orange);text-transform:uppercase;margin-bottom:40px;font-size:clamp(32px,4vw,42px);font-weight:800}.mentions-intro p,.mentions-section p{color:var(--text);margin-bottom:24px;font-size:15px;line-height:1.6}.mentions-intro strong,.mentions-section strong{font-weight:700}.mentions-section h2{color:var(--text);margin:40px 0 20px;font-size:24px;font-weight:700}.mentions-link{color:#1c1c1c;justify-content:space-between;align-items:center;width:100%;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.mentions-link:hover{color:var(--orange)}.mentions-link .orange-arrow-svg{transform-origin:50%;transition:transform .3s}.mentions-link:hover .orange-arrow-svg{transform:rotate(45deg)}.orange-arrow{color:var(--orange);font-size:16px;font-weight:800;transition:transform .2s}@media (max-width:600px){.mentions-link{flex-direction:row}}.horizontal-links{flex-wrap:wrap;gap:32px;flex-direction:row!important;display:flex!important}.footer-card-link{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.footer-card-link .orange-arrow-svg{transition:transform .3s}.footer-card-link:hover .orange-arrow-svg{transform:rotate(45deg)}.orange-arrow-svg{width:24px;height:24px;color:var(--orange);stroke-width:2.5px;stroke-width:2.5px;transition:transform .2s}.home-projects-header{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:60px;display:flex}@media (max-width:900px){.home-projects-header{flex-direction:column}}.home-projects-title-group h4{color:var(--orange);text-transform:uppercase;margin:0 0 10px;font-weight:700}.home-projects-title-group h2{color:var(--orange);text-transform:uppercase;margin:0;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.1}.home-projects-info{flex-direction:column;align-items:flex-start;gap:20px;max-width:500px;margin-top:40px;display:flex}.home-projects-info p{color:var(--muted);margin:0;line-height:1.6}.btn-primary-orange{background:var(--bg);color:var(--orange);border:1px solid var(--orange);border-radius:50px;align-items:center;gap:16px;padding:6px 6px 6px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-icon-circle{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.home-project-card{flex-direction:column;gap:16px;display:flex}.home-card-thumb{border-radius:12px;width:100%;height:240px;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;max-height:none;margin:0;transition:transform .5s;display:block}.home-project-card:hover .card-img{transform:scale(1.05)}.home-card-body{flex-direction:column;gap:12px;display:flex}.home-card-body .project-title-row{justify-content:space-between;align-items:center;display:flex}.home-card-body h4{text-transform:uppercase;color:var(--text);margin:0;font-size:20px;font-weight:800}.home-card-body .project-arrow{color:var(--orange);width:24px;height:24px}.home-card-body .project-arrow svg{transition:transform .3s}.home-project-card:hover .project-arrow svg{transform:rotate(45deg)}.home-card-body .project-desc{color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.home-card-body .label-row{flex-wrap:wrap;gap:8px;display:flex}.label-orange{border:1px solid var(--orange);color:var(--orange);background:var(--bg);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700}.about-section{background:var(--bg);padding:80px max(16px,6vw);transition:background-color .3s}.about-header{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:100px;display:flex}.about-header-left{flex-direction:column;gap:20px;max-width:200px;display:flex}.about-small-title{color:var(--text);text-transform:uppercase;margin:0;font-size:14px;font-weight:700;line-height:1.4}.btn-about-pill{background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:50px;align-items:center;gap:10px;width:fit-content;padding:8px 8px 8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-about-pill:hover{color:var(--orange);background:#fff}.btn-about-pill .arrow-icon{color:var(--orange);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.btn-about-pill:hover .arrow-icon{background:var(--orange);color:#fff}.btn-about-pill:hover .arrow-icon svg{transition:transform .3s;transform:rotate(45deg)}.about-header-right h2{color:var(--text);max-width:900px;margin:0;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.2}.about-header-right .text-light{color:var(--muted);font-weight:400}.about-content-grid{grid-template-columns:1fr 1.2fr;align-items:flex-start;gap:60px;display:grid}.about-image-placeholder{aspect-ratio:1;background:var(--grey);border-radius:12px;width:100%}.about-text-col{flex-direction:column;gap:24px;display:flex}.about-orange-subtitle{color:var(--orange);margin:0;font-size:14px;font-weight:700}.about-main-title{color:var(--orange);margin:0;font-size:32px;font-weight:800;line-height:1.2}.pill-row{flex-wrap:wrap;gap:12px;display:flex}.pill-tag{color:#555;background:#efecff;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600}.pill-tag.highlight{color:var(--orange)}.about-bio p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.about-actions{flex-wrap:wrap;gap:16px;display:flex}.btn-about-primary{background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:50px;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-about-primary:hover{color:var(--orange);background:#fff}.btn-about-primary svg{transition:transform .3s}.btn-about-primary:hover svg{transform:rotate(45deg)}.btn-about-secondary{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:50px;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-about-secondary:hover{border-color:var(--orange);color:var(--orange);background:#fff}.btn-about-secondary svg{color:#fff;transition:transform .3s}.btn-about-secondary:hover svg{color:var(--orange);transform:rotate(45deg)}@media (max-width:900px){.about-header,.about-content-grid{flex-direction:column;grid-template-columns:1fr}}.skills-section{background:var(--bg);padding:80px 0;overflow:hidden}.skills-header{text-align:center;margin-bottom:60px;padding:0 20px}.skills-header h3{color:var(--text);text-transform:uppercase;margin:0 0 16px;font-size:clamp(24px,4vw,42px);font-weight:800}.skills-header .text-orange{color:var(--orange)}.skills-link{text-transform:uppercase;color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.skills-link .arrow-icon{width:12px;height:12px;transition:transform .3s}.skills-link:hover .arrow-icon{transform:rotate(45deg)}.skills-marquee-wrapper{width:100%;margin-bottom:24px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.skills-track{white-space:nowrap;gap:20px;width:max-content;display:flex}.scroll-left{animation:40s linear infinite scrollLeft}.scroll-right{animation:40s linear infinite scrollRight}.skill-pill{white-space:nowrap;border:1px solid #0000;border-radius:50px;align-items:center;gap:12px;padding:8px 24px 8px 8px;font-size:15px;font-weight:600;display:inline-flex}.skill-icon{color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.pill-light-blue{color:#0077b6;background:#f0f8ff;border:1px solid #cef}.pill-light-blue .skill-icon{color:#0077b6;background:linear-gradient(135deg,#e6f7ff,#fff);box-shadow:0 2px 5px #0000000d}.pill-dark-blue{color:#0056b3;background:#e6f2ff;border:1px solid #b3d9ff}.pill-dark-blue .skill-icon{color:#00c8ff;background:#001e36;border-radius:6px}.pill-dark-blue:nth-child(odd) .skill-icon{color:#fff;background:#0056b3}.pill-orange{color:#e65100;background:#fff0e6;border:1px solid #ffd6cc}.pill-orange .skill-icon{color:#fff;background:linear-gradient(135deg,#ff4d4d,#a259ff)}.pill-yellow{color:#f57f17;background:#fff9e6;border:1px solid #ffecb3}.pill-yellow .skill-icon{color:#ff9a00;background:#300;border-radius:6px}.pill-purple{color:#4a148c;background:#f3e6ff;border:1px solid #e1bee7}.pill-purple .skill-icon{color:#d1a4ff;background:#00005b;border-radius:6px}.photo-grid-columns{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px;display:grid}.photo-meta-footer{gap:120px;margin-bottom:60px;display:flex!important}.pm-col{flex-direction:column;gap:4px;display:flex}.pm-row{align-items:baseline;gap:8px;font-size:14px;display:flex}.pm-label{color:var(--text);white-space:nowrap;min-width:60px;font-weight:800}.pm-val{color:var(--text);font-weight:500}@media (max-width:768px){.photo-grid-columns{grid-template-columns:1fr}.photo-meta-footer{flex-direction:column;gap:30px;display:flex!important}}.project-card:hover .project-thumb{transform:scale(1.05)}.project-arrow svg{transition:transform .3s}.project-card:hover .project-arrow svg{transform:rotate(45deg)}.project-arrow{color:var(--orange);width:24px;height:24px}@media (max-width:900px){.listings-grid{grid-template-columns:1fr;padding:0 50px}.grid-item.span-2-col,.grid-item.span-2-row,.grid-item.span-2-both{grid-area:span 1/span 1}}.burger{z-index:200;position:relative}.burger span{transform-origin:50%;transition:all .3s ease-in-out}.burger.open span{background:var(--text)}.burger.open span:first-child{transform:translateY(7px)rotate(45deg)}.burger.open span:nth-child(2){opacity:0;transform:translate(20px)}.burger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--bg);z-index:150;opacity:0;width:90%;max-height:0;color:var(--text);border-radius:0 0 20px 20px;flex-direction:column;padding:0 24px;transition:max-height .5s cubic-bezier(.33,1,.68,1),padding .5s,opacity .5s,background-color .3s;display:flex;position:fixed;top:72px;left:5%;overflow-y:hidden}.header.scrolled~.mobile-menu,.mobile-menu.scrolled-menu{top:62px}.mobile-menu.active{opacity:1;max-height:80vh;padding:30px 24px 40px;overflow-y:auto}.mobile-menu-inner{flex-direction:column;gap:40px;width:100%;max-width:450px;margin:0 auto;display:flex}.mobile-section-title{text-transform:uppercase;color:var(--orange);letter-spacing:1px;margin-bottom:16px;font-size:14px;font-weight:700}.mobile-nav-links{flex-direction:column;gap:16px;display:flex}.mobile-nav-links a{color:var(--foreground,#1c1c1c);text-transform:uppercase;justify-content:space-between;align-items:center;font-family:Arial Black,Impact,sans-serif;font-size:clamp(28px,8vw,40px);font-weight:900;line-height:1.1;text-decoration:none;transition:color .2s;display:flex}.mobile-nav-links a:hover{color:var(--orange)}.mobile-nav-links .nav-arrow{font-size:24px;font-weight:300}.mobile-projects-scroller{scrollbar-width:none;gap:20px;margin-right:-5vw;padding-bottom:8px;padding-right:5vw;display:flex;overflow-x:auto}.mobile-projects-scroller::-webkit-scrollbar{display:none}.mobile-project-card{flex-direction:column;gap:12px;min-width:250px;text-decoration:none;display:flex}.mobile-project-image{aspect-ratio:16/10;background-position:50%;background-size:cover;border-radius:12px;width:100%}.mobile-project-title{color:var(--foreground,#1c1c1c);margin:0;font-size:16px;font-weight:600;line-height:1.2}.mobile-socials{gap:16px;display:flex}.social-icon{border:1px solid var(--foreground,#1c1c1c);width:48px;height:48px;color:var(--foreground,#1c1c1c);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-icon:hover{background:var(--orange);color:#fff;border-color:var(--orange)}@media (max-width:768px){.header{width:90%;color:var(--text);background:0 0;border-radius:20px;margin-top:5px;padding:16px 24px;top:0}.header.scrolled{background:var(--header-scrolled);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;border-radius:20px;width:90%;top:10px;box-shadow:0 10px 30px #0000001a}.header-container{justify-content:space-between;width:100%}.header-left{position:absolute;left:50%;transform:translate(-50%)}.logo{background:var(--orange);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:grid}.burger{z-index:201;display:flex}.burger span,.burger.open span{background:var(--text)}.header-right{align-items:center;display:flex}.btn-contact,.extras,.nav-links{display:none!important}.mobile-theme-header{display:flex!important}.mobile-theme-header .theme-btn{color:var(--text);background:0 0;border:none;font-size:20px}}.desktop-theme{display:flex}.mobile-theme-header{display:none}.bento-section{background:var(--bg);min-height:100vh;padding:40px clamp(16px,6vw,80px) 80px;transition:background-color .3s}.bento-header{max-width:700px;margin-bottom:50px;margin-right:auto}.bento-title{color:var(--orange);text-transform:uppercase;margin-bottom:16px;font-size:clamp(32px,5vw,48px)}.bento-subtitle{color:var(--muted);font-size:18px;line-height:1.5}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:24px;max-width:1200px;margin:0 auto;display:grid}.bento-item{background:var(--card-light);border:1px solid var(--border);border-radius:24px;flex-direction:column;padding:24px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.bento-item:hover{border-color:#e0e0e0;transform:translateY(-4px);box-shadow:0 10px 30px #0000000d}.bento-item h3{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;margin:0 0 16px;font-size:18px;font-weight:700}.span-2-col{grid-column:span 2}.span-2-row{grid-row:span 2}.bento-intro .big-text{color:var(--text);margin-bottom:20px;font-size:20px;font-weight:600;line-height:1.4}.bento-img-placeholder.rect{background:var(--grey);border-radius:12px;flex:1;min-height:150px}.timeline-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.timeline-list li{border-left:2px solid var(--orange);flex-direction:column;padding-left:12px;display:flex}.timeline-list .year{color:var(--orange);font-size:12px;font-weight:700}.timeline-list strong{color:var(--text);font-size:15px}.timeline-list .school{color:var(--muted);font-size:13px}.skill-tags-cloud{flex-wrap:wrap;gap:8px;display:flex}.skill-tags-cloud span{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500}.mini-projects{flex-direction:row;flex:1;gap:16px;display:flex}.mini-project-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:1;padding:12px;transition:transform .2s;display:flex}.mini-project-card:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.mini-thumb{background:var(--grey);border-radius:8px;flex:1;min-height:80px;margin-bottom:10px}.mini-project-card h4{color:var(--text);margin:0;font-size:15px}.mini-role{color:var(--muted);font-size:12px}.bento-values p{color:var(--muted);font-size:15px;line-height:1.5}.bento-icon-illustration{text-align:right;margin-top:auto;font-size:40px}.btn-bento-cta{background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:50px;align-self:flex-start;align-items:center;gap:12px;margin-top:auto;padding:10px 10px 10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-bento-cta .btn-icon-circle{color:var(--orange);background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .3s;display:grid}.btn-bento-cta:hover{color:var(--orange);background:#fff}.btn-bento-cta:hover .btn-icon-circle{background:var(--orange);color:#fff;transform:rotate(45deg)}@media (max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.bento-grid{grid-template-columns:1fr}.span-2-col,.span-2-row{grid-area:span 1/span 1}}.bento-grid{grid-template-rows:auto auto auto;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.bento-card{border-radius:28px;flex-direction:column;padding:24px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-2px)}.bento-intro{color:#fff;background:#0b0c15;grid-area:span 2/span 2;justify-content:space-between;min-height:380px}.tag-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:30px;width:fit-content;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.sticker-circle{color:#000;background:#fff;border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.bento-skills{background:var(--bg);border:1px solid var(--border);grid-area:span 1/span 1;min-height:200px}.year-label{color:var(--muted);font-size:12px}.skill-cloud-central{flex-wrap:wrap;place-content:center;gap:8px;height:100%;display:flex}.bento-process{color:#1e3a8a;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);grid-area:span 1/span 1;justify-content:space-between}.process-visual{flex-grow:1;justify-content:center;align-items:center;display:flex}.process-step{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#fff6;border-radius:16px;padding:12px 20px}.process-bottom h3{margin:0;font-size:18px}.bento-sidebar{background:var(--grey);grid-area:span 3/span 1;padding:0}.stats-list{flex-direction:column;flex-grow:1;gap:24px;padding:24px;display:flex}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.stat-row:last-child{border-bottom:none}.stat-num{color:var(--text);font-size:24px;font-weight:800}.stat-lbl{color:var(--muted);text-align:right;flex-grow:1;margin-right:12px;font-size:13px}.stat-icon-circle{background:var(--bg);border:1px solid var(--border);border-radius:50%;width:32px;height:32px}.sidebar-cta-box{background:#ffedd5;border-radius:28px;margin:12px;padding:32px 24px}.cta-content h3{margin:0 0 8px;font-size:20px}.contact-link{font-size:14px;font-weight:600;text-decoration:underline}.bento-values{color:#0f766e;background:linear-gradient(135deg,#ccfbf1 0%,#99f6e4 100%);grid-area:span 1/span 1;justify-content:space-between;min-height:220px}.values-content p{font-size:18px;font-weight:600;line-height:1.4}.bento-extra{color:#6b21a8;background:#f3e8ff;grid-area:span 1/span 1;justify-content:space-between;min-height:220px}.extra-content p{font-size:18px;font-weight:600}@media (max-width:1024px){.bento-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.bento-intro{grid-area:auto/span 2}.bento-sidebar{grid-area:span 2/span 1}.bento-skills,.bento-process,.bento-values,.bento-extra{grid-column:span 1}}@media (max-width:640px){.bento-grid{grid-template-columns:1fr}.bento-intro,.bento-sidebar,.bento-skills,.bento-process,.bento-values,.bento-extra{grid-area:auto/span 1}}.bento-section{background:var(--bg);margin-top:40px;padding:60px clamp(16px,6vw,80px);transition:background-color .3s}.bento-container{max-width:1400px;margin:0 auto}.bento-grid-v2{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(250px,auto);gap:16px;display:grid}.bento-card{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:12px;flex-direction:column;padding:24px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:#ccc;transform:translateY(-2px)}.bento-dark{color:#fff!important;background:#0a0a0a!important;border:1px solid #2a2a2a!important}.bento-intro{grid-column:span 2;justify-content:flex-start}.bento-intro h2{text-transform:uppercase;max-width:90%;margin:20px 0;font-size:clamp(22px,2.5vw,32px);font-weight:700;line-height:1.3}.tag-pill{border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.dark-outline{color:var(--text);border:1px solid var(--border);background:0 0}.intro-footer{align-items:center;gap:16px;display:flex}.avatars-stack{display:flex}.avatar-circle{background:#ff5a00;border:2px solid #0b0c15;border-radius:50%;width:40px;height:40px}.creator-label{flex-direction:column;display:flex}.micro-label{opacity:.7;font-size:12px}.bento-sticker{position:absolute;top:24px;right:24px}.sticker-circle{background:var(--bg);border:1px solid var(--border);width:50px;height:50px;color:var(--text);border-radius:50%;place-items:center;display:grid}.bento-education{color:#1e3a8a;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);grid-column:span 1;justify-content:space-between}.education-list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.edu-item{background:#fff6;border-radius:12px;flex-direction:column;padding:12px;display:flex}.edu-item strong{margin-bottom:4px;font-size:14px;line-height:1.2}.edu-year{opacity:.8;font-size:12px}.bento-skills{background:var(--bg);border:1px solid var(--border);grid-column:span 1;justify-content:space-between}.skill-cloud-central{flex-wrap:wrap;align-content:start;gap:8px;margin-top:12px;display:flex}.skill-oval{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.bento-projects{background:var(--grey);grid-column:span 2;justify-content:space-between}.mini-projects-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.mini-project{background:var(--bg);border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 4px 12px #00000008}.mini-thumb{background:#eee;border-radius:8px;width:100%;height:80px}.mini-info{flex-direction:column;display:flex}.mini-info strong{font-size:13px}.mini-info span{color:#888;font-size:11px}.bento-values{color:#0f766e;background:linear-gradient(135deg,#ccfbf1 0%,#99f6e4 100%);grid-column:span 1;justify-content:space-between}.values-content{margin-top:auto}.values-content p{margin:0;font-size:16px;font-weight:600;line-height:1.5}.bento-cta-link{background:var(--orange);color:#fff;text-align:center;grid-column:span 1;place-items:center;display:grid}.cta-centered h3{color:#fff;text-transform:uppercase;margin:0 0 20px;font-size:24px}.btn-bento-action{color:var(--orange);background:#fff;border-radius:30px;align-items:center;gap:10px;padding:12px 24px;font-weight:700;transition:all .2s;display:inline-flex}.btn-bento-action:hover{transform:scale(1.05);box-shadow:0 10px 20px #0000001a}.card-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex}.pill-tag{text-transform:uppercase;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.pill-tag.black{color:#fff;background:#000}.pill-tag.white{color:#000;background:#fff;box-shadow:0 2px 10px #0000000d}@media (max-width:1024px){.bento-grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.bento-intro,.bento-projects{grid-column:span 2}}@media (max-width:640px){.bento-grid{grid-template-columns:1fr}.bento-intro,.bento-projects{grid-column:span 1}}.bento-header{margin-bottom:30px}.bento-title{text-transform:uppercase;color:#111;margin:0 0 10px;font-size:clamp(32px,5vw,48px);font-weight:800}.bento-subtitle{color:var(--muted);max-width:600px;margin:0;font-size:16px}.card-arrow-corner{font-size:20px;position:absolute;bottom:24px;right:24px}.bento-location{color:#fff;background:#2e1065;grid-column:span 2;justify-content:space-between;display:flex;position:relative;overflow:hidden}.location-content{z-index:2;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative}.location-header{justify-content:space-between;align-items:flex-start;display:flex}.remote-badge{text-transform:uppercase;letter-spacing:.5px;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600}.location-info h3{margin:0 0 8px;font-size:20px}.location-info p{opacity:.7;margin:0;font-size:14px}.map-decoration{z-index:1;color:#ffffff1a;pointer-events:none;width:60%;position:absolute;top:0;bottom:0;right:0}.bento-cta-link{background:var(--bg);border:1px solid var(--border)}.bento-cta-link .cta-centered h3{color:var(--text);margin-bottom:24px;font-size:20px;font-weight:700}.bento-card.hover-card-link{cursor:pointer;flex-direction:column;text-decoration:none;display:flex}.bento-card.hover-card-link:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000000d}.bento-card:hover .card-arrow-corner{color:var(--orange)}.bento-values p{color:var(--muted);font-size:15px;font-style:italic;font-weight:500;line-height:1.5}.bento-grid-v2{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:minmax(100px,auto);gap:20px;margin-top:40px;display:grid}.bento-card{background:#dbdbdb;border-radius:24px;flex-direction:column;min-height:200px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000000d}.bento-bio{background:#dbdbdb;grid-area:span 2/1;justify-content:space-between}.bento-parcours{background:#dbdbdb;grid-area:1/2}.bento-skills{background:#dbdbdb;grid-area:1/3;min-height:280px}.bento-projects-wide{background:#dbdbdb;grid-area:2/2/auto/span 2}.bento-interests{background:#dbdbdb;grid-area:3/1;min-height:240px}.bento-learning{background:#dbdbdb;grid-area:3/2}.bento-funfacts{background:#dbdbdb;grid-area:3/3}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pill-tag.white{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#555;background:#fff9;border:1px solid #ffffff80;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600}.pill-tag.black{color:#fff;background:#000;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600}.bio-header{margin-bottom:40px}.bio-content p{color:var(--muted);margin-bottom:20px;font-size:15px;line-height:1.5}.bio-intro{font-weight:700;font-size:16px!important}.timeline{border-left:1px solid #777;flex-direction:column;gap:20px;margin-top:10px;margin-left:10px;padding-left:20px;display:flex}.timeline-item{position:relative}.timeline-item .dot{background:var(--text);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-25px}.timeline-content strong{font-size:14px;display:block}.timeline-content .year{color:var(--muted);font-size:13px;font-weight:600}.timeline-content .details{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.projects-preview-row{gap:20px;height:100%;display:flex}.mini-project-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:1;gap:10px;min-height:160px;padding:10px;display:flex}.mini-project-img{background:#eee;border-radius:12px;flex:1;min-height:80px}.mini-project-info{justify-content:space-between;align-items:center;display:flex}.mp-text strong{color:var(--text);font-size:13px;display:block}.mp-text span{color:var(--muted);font-size:11px}.mp-arrow{color:var(--orange)}.interests-icons{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.icon-box-black{color:#fff;background:#000;border-radius:8px;place-items:center;width:50px;height:50px;display:grid}.skills-container-gsap{justify-content:center;align-items:center;height:100%;min-height:200px;display:flex;position:relative}.skill-bubble{background:var(--bg);color:var(--text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid var(--border);border-radius:30px;padding:8px 18px;font-size:13px;font-weight:600;position:absolute;box-shadow:0 4px 10px #0000000d}.pill-cluster{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.pill-sm{background:var(--border);color:var(--text);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.funfact-content{color:var(--muted);margin-top:auto;margin-bottom:auto;font-size:14px;line-height:1.5}@media (max-width:900px){.bento-grid-v2{grid-template-columns:1fr}.bento-bio,.bento-parcours,.bento-skills,.bento-projects-wide,.bento-interests,.bento-learning,.bento-funfacts{grid-area:auto/1}.projects-preview-row{flex-direction:column}.interests-icons{flex-direction:row;justify-content:center}}.inter-medium{font-family:Inter,sans-serif!important;font-weight:500!important}.about-text-col,.about-text-col h3,.about-text-col h4,.about-text-col p,.about-text-col span,.about-text-col a,.about-text-col .pill-tag{font-family:Inter,sans-serif!important}.bento-dark{background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:none!important;border-radius:12px!important}.bento-dark .card-header-row .pill-tag,.bento-dark .bio-header .pill-tag{color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:none!important;background:0 0!important}.bento-dark p,.bento-dark span,.bento-dark strong,.bento-dark h2,.bento-dark h3,.bento-dark h4{color:var(--text)}.bento-dark .bio-desc,.bento-dark .bio-footer,.bento-dark .timeline-content .details,.bento-dark .timeline-content .year{color:var(--muted)!important}.bento-skills.bento-dark .skill-oval{background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text)!important}.bento-dark .mini-project-card{background:var(--bg)!important;border:1px solid var(--border)!important}.bento-spotify{position:relative;overflow:hidden;flex-direction:column!important;justify-content:flex-end!important;padding:0!important;display:flex!important}.spotify-content{background:linear-gradient(#fff0 0%,#f0f0f0 80%);flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding:24px;display:flex}.spotify-cd-container{background:repeating-radial-gradient(circle,#222,#222 2px,#111 3px 4px);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;animation:10s linear infinite spin;display:flex;position:absolute;top:-40px;overflow:hidden;box-shadow:0 4px 20px #00000080}.spotify-cd{mix-blend-mode:luminosity;opacity:.5;background-image:url(https://images.unsplash.com/photo-1614613535308-eb5fbd3d2c17?q=80&w=1000&auto=format&fit=crop);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.spotify-cd-hole{background:#0a0a0a;border:2px solid #333;border-radius:50%;width:30px;height:30px}@keyframes spin{to{transform:rotate(360deg)}}.spotify-info{text-align:center;z-index:2;width:100%;margin-top:80px}.spotify-info .track-artist{margin-bottom:4px;color:var(--muted)!important;font-size:12px!important}.spotify-info .track-name{margin-bottom:16px;font-weight:700;color:var(--text)!important;font-size:16px!important}.spotify-progress-container{z-index:2;flex-direction:column;width:100%;display:flex}.spotify-progress-bar{background:#e0e0e0;border-radius:2px;width:100%;height:4px;margin-bottom:8px;display:flex;overflow:hidden}.spotify-progress-fill{background:var(--text);border-radius:2px;width:50%;height:100%}.spotify-progress-time{font-variant-numeric:tabular-nums;justify-content:space-between;width:100%;margin-top:-4px;display:flex;color:var(--muted)!important;font-size:11px!important}