.internal-page{--page-bg:#0c1015;--card-bg:#111b25;--page-ink:#e9edf2;--page-muted:#91a4b6;--page-line:#293b4b;--page-accent:#88bfe5;background:var(--page-bg)!important;color:var(--page-ink)!important;padding-bottom:0!important;font-family:DDText,Arial,sans-serif!important}
[data-theme=light] .internal-page{--page-bg:#f4f7fb;--card-bg:#fff;--page-ink:#172a3b;--page-muted:#526a7f;--page-line:#d0deea;--page-accent:#226fa7}
.internal-page .header{position:relative;transform:none!important;z-index:100;background:var(--page-bg);border-bottom:1px solid var(--page-line)}.internal-page .header nav{display:flex}.internal-page .header .brand-logo{width:78px;height:68px}.internal-page .header nav a{font-family:DDText,Arial,sans-serif;color:var(--page-muted);font-size:12px}.internal-page .header nav a:hover{color:var(--page-accent)}.internal-page .language-menu summary{display:block}.internal-main{padding-top:0!important;min-height:50vh}.internal-main .container{max-width:1240px;width:calc(100% - 88px);padding-left:0;padding-right:0}.internal-main>section{padding-top:60px!important;padding-bottom:45px!important;background:transparent!important}.internal-main h1{font-size:clamp(32px,4.6vw,60px)!important;line-height:1.25!important;color:var(--page-ink)!important;font-family:DDHeading,DDText,sans-serif!important;letter-spacing:normal!important}.internal-main h2{font-size:clamp(25px,3vw,36px);font-family:DDHeading,DDText,sans-serif!important;color:var(--page-ink)}.internal-main h3,.internal-main h4{font-family:DDHeading,DDText,sans-serif!important;color:var(--page-ink)}.internal-main p{color:var(--page-muted);line-height:1.9}.internal-main .font-long,.internal-main .font-big,.internal-main .font-normal{font-family:DDText,Arial,sans-serif!important}
.internal-main [class*="text-gradient"],.internal-main [class*="title-gradient"]{background:none!important;-webkit-text-fill-color:var(--page-accent)!important;color:var(--page-accent)!important}.internal-main .text-white{color:var(--page-ink)!important}.internal-main [class*="text-gray-"],.internal-main .text-slate-400{color:var(--page-muted)!important}.internal-main .section-description,.internal-main .project-desc{color:var(--page-muted)!important}.internal-main .section-badge,.internal-main .badge,.internal-main .partnership-badge{background:transparent!important;border:1px solid var(--page-line)!important;color:var(--page-accent)!important;border-radius:5px!important;box-shadow:none!important}
.internal-main .pointer-events-none,.internal-main [class*="-orb"],.internal-main [class*="-glow"],.internal-main [class*="-particles"],.internal-main [class*="-decoration"],.internal-main .project-card-border,.internal-main .partnership-banner-bg,.internal-main .partnership-hero-bg{display:none!important}.internal-main .reveal-on-scroll{opacity:1!important;transform:none!important}.internal-main .glass-card,.internal-main .project-card-enhanced,.internal-main .skill-card-enhanced,.internal-main .about-info-card,.internal-main .service-card,.internal-main .partnership-card,.internal-main .partnership-form-container,.internal-main .partnership-benefit-card,.internal-main .partnership-banner-horizontal{background:var(--card-bg)!important;border:1px solid var(--page-line)!important;border-radius:9px!important;box-shadow:none!important;backdrop-filter:none!important}.internal-main .project-image-wrapper{height:260px;aspect-ratio:auto;background:var(--card-bg)}.internal-main img.project-image{height:100%;width:100%;object-fit:contain;border:0;border-radius:0;padding:15px}.internal-main .project-image-overlay{display:none}.internal-main .project-title-enhanced{font-size:22px!important}.internal-main .project-desc{font-size:13px!important}.internal-main .project-tech-stack{display:flex;gap:8px}.internal-main .project-tech-item img{width:22px;height:22px}.internal-main .skill-icon-wrapper{background:#79b7df0d!important;border:1px solid var(--page-line);box-shadow:none!important}.internal-main .skill-name{font-size:21px}.internal-main .skill-desc{font-size:13px}.internal-main .project-category,.internal-main .project-link-indicator{color:var(--page-accent)!important}.internal-main .project-card-enhanced:hover,.internal-main .glass-card:hover,.internal-main .skill-card-enhanced:hover{border-color:var(--page-accent)!important;transform:translateY(-3px)!important}
.internal-main .hero-btn-primary,.internal-main .glow-btn,.internal-main .partnership-btn,.internal-main .btn-primary{background:#b6dcf6!important;border:1px solid transparent!important;color:#102332!important;border-radius:5px!important;box-shadow:none!important;font-family:DDText,sans-serif!important;font-weight:400!important}.internal-main .hero-btn-primary *,.internal-main .glow-btn *,.internal-main .partnership-btn *{color:inherit!important}.internal-main .hero-btn-secondary,.internal-main .view-all-btn{background:transparent!important;border:1px solid var(--page-line)!important;color:var(--page-accent)!important;border-radius:5px!important;box-shadow:none!important}.internal-main input:not([type=checkbox]):not([type=radio]),.internal-main textarea,.internal-main select,.internal-main .partnership-custom-select-trigger{background:var(--card-bg)!important;color:var(--page-ink)!important;border:1px solid var(--page-line)!important;border-radius:6px!important;font-family:DDText,sans-serif}.internal-main input:focus,.internal-main textarea:focus,.internal-main select:focus{outline:2px solid var(--page-accent)!important;outline-offset:2px}.internal-main label,.internal-main .form-label{color:var(--page-ink)!important}.internal-main .partnership-custom-select-options{background:var(--card-bg)!important;border-color:var(--page-line)!important;color:var(--page-ink)!important}.internal-main .filter-btn.active,.internal-main .skill-pill.active{background:#77b7df20!important;border-color:var(--page-accent)!important;color:var(--page-accent)!important}.internal-main .filter-btn,.internal-main .skill-pill{border-radius:5px!important;color:var(--page-muted);border-color:var(--page-line)!important}.internal-main .partnership-banner-title{font-size:26px!important;color:var(--page-ink)!important}.internal-main .partnership-banner-desc{color:var(--page-muted)!important}.internal-page .full-footer{background:none!important;border-top:1px solid var(--page-line);font-family:DDText,sans-serif}.internal-page .full-footer .brand-logo{width:62px;height:48px}.internal-page .full-footer h3{font-size:17px}.internal-page .full-footer a{color:var(--page-muted)}.internal-page .full-footer nav{display:block}
[data-theme=light] .internal-main .hero-btn-primary,[data-theme=light] .internal-main .glow-btn,[data-theme=light] .internal-main .partnership-btn{background:#176fae!important;color:white!important}.internal-main .partnership-custom-select-option:hover{background:#70afe322!important}.internal-main .partnership-section-title{color:var(--page-ink)!important}
@media(max-width:1050px){.internal-main .container{width:calc(100% - 56px)}.internal-page .header nav{gap:15px}.internal-page .header{gap:12px}.internal-page .header nav a{font-size:11px}.internal-page .header>.outline{padding:11px;font-size:11px}}
@media(max-width:740px){.internal-main .container{width:calc(100% - 40px)}.internal-main>section{padding-top:36px!important;padding-bottom:30px!important}.internal-page .header nav{display:none}.internal-page .header nav.open{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--page-line)}.internal-page .header .brand-logo{width:62px;height:54px}.internal-main h1{font-size:34px!important}.internal-main .project-image-wrapper{height:230px}.internal-main .partnership-banner-content{flex-wrap:wrap}.internal-main .partnership-banner-title{font-size:23px!important}.internal-main .partnership-banner-features{flex-wrap:wrap}.internal-main .max-w-6xl,.internal-main .max-w-5xl{max-width:100%}.internal-main p{overflow-wrap:anywhere}.internal-page .full-footer{margin-top:35px}.internal-main .projects-grid-enhanced{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.internal-main *{animation:none!important;transition:none!important}}

/* Fluid full-width layout across public pages */
.wrap{width:calc(100% - 64px);max-width:none;margin-inline:auto}.internal-main .container{width:calc(100% - 64px);max-width:none!important;margin-inline:auto}.internal-main [class*="max-w-"]{max-width:none!important}.internal-main .container>.mx-auto{width:100%}.hero .lead{max-width:650px}.footer-columns>div>p{max-width:470px}@media(min-width:1800px){.wrap,.internal-main .container{width:calc(100% - 96px)}}@media(max-width:740px){.wrap,.internal-main .container{width:calc(100% - 32px)}.internal-main [class*="max-w-"]{max-width:100%!important}}

/* Content-specific widths instead of stretching every component */
.internal-page[data-page="about"] .internal-main .container{max-width:1280px!important}.internal-page[data-page="contact"] .internal-main .container{max-width:1200px!important}.internal-page[data-page="partnership"] .internal-main .container,.internal-page[data-page="partnership_reply"] .internal-main .container{max-width:1320px!important}.internal-page[data-page="project_detail"] .internal-main .container,.internal-page[data-page="project_update"] .internal-main .container{max-width:1440px!important}.internal-main .section-description,.internal-main .section-header>p{max-width:76ch!important;margin-inline:auto}.internal-main form{width:100%;max-width:720px!important;margin-inline:auto}.internal-main .glass-card.max-w-md{max-width:448px!important}.internal-main .glass-card.max-w-sm{max-width:384px!important}.internal-main .partnership-banner-horizontal{max-width:1400px!important;margin-inline:auto}.internal-main .partnership-banner-left{flex:1.3;min-width:280px}.internal-main .partnership-banner-features{flex:1}.internal-main .partnership-banner-text{max-width:440px}.internal-main .partnership-banner-title{font-size:24px!important}.internal-main>section{padding-top:45px!important;padding-bottom:35px!important}.internal-main .project-card-content{padding:24px}.internal-main .projects-grid-enhanced{gap:24px}.internal-main .skills-grid-enhanced{gap:22px}@media(max-width:740px){.internal-main>section{padding-top:32px!important;padding-bottom:26px!important}.internal-main .partnership-banner-left{min-width:0}.internal-main .partnership-banner-content{gap:22px}.internal-main form{max-width:100%!important}}

@media(max-width:420px){.internal-page[data-page="skills"] .internal-main .flex{min-width:0;max-width:100%}.internal-page[data-page="skills"] .internal-main .flex.overflow-hidden{flex-wrap:wrap;justify-content:center}.internal-page[data-page="skills"] .skill-filter-btn{padding:9px 10px!important;font-size:11px!important;white-space:normal}.internal-page[data-page="skills"] select{max-width:100%}}

.internal-main .grid>*{min-width:0}.internal-page[data-page="contact"] .internal-main a{overflow-wrap:anywhere}.internal-page[data-page="contact"] .internal-main .glass-card{min-width:0;max-width:100%!important}@media(max-width:420px){.internal-page[data-page="contact"] .internal-main .glass-card{padding:18px}.internal-page[data-page="contact"] .internal-main .flex.items-start>div{min-width:0}}

/* About page uses the same portrait, statistics and cards as home. */
.internal-page[data-page="about"] .internal-main .container{max-width:1400px!important}
.internal-page[data-page="about"] #about .grid.lg\:grid-cols-5{align-items:start;grid-template-columns:minmax(280px,400px) minmax(0,1fr)}
.internal-page[data-page="about"] #about .lg\:col-span-2,.internal-page[data-page="about"] #about .lg\:col-span-3{grid-column:auto}
.internal-page .profile-picture-enhanced{width:100%;max-width:400px;height:auto;padding:0}
.internal-page .profile-ring,.internal-page .profile-float,.internal-page .profile-glow{display:none!important}
.internal-page .profile-image-wrapper{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/5;border:1px solid var(--page-line)!important;border-radius:10px!important;transform:none!important;padding:0!important;box-shadow:none!important;background:var(--card-bg)!important}
.internal-page .profile-image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:9px!important}
.internal-page[data-page="about"] .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:none;width:100%;padding:32px 0;border-block:1px solid var(--page-line)}
.internal-page[data-page="about"] .stat-card-enhanced{padding:0 20px;background:none!important;box-shadow:none!important;border:0!important;border-right:1px solid var(--page-line)!important;border-radius:0!important;transform:none!important}
.internal-page[data-page="about"] .stat-card-enhanced:last-child{border-right:0!important}
.internal-page[data-page="about"] .stat-icon,.internal-page[data-page="about"] .stat-bg-glow,.internal-page[data-page="about"] .stat-card-enhanced:before{display:none!important}
.internal-page[data-page="about"] .stat-number-enhanced{font-family:DDHeading,sans-serif;font-size:44px;font-weight:400;background:none!important;-webkit-text-fill-color:var(--page-accent);color:var(--page-accent)}
.internal-page[data-page="about"] .stat-label{font-size:13px;margin-top:12px;color:var(--page-muted)}
.internal-page .about-skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.internal-page .about-skill-card{padding:28px;text-align:left}
.internal-page .about-skill-card>div{margin:0 0 22px;background:none}
.internal-page .about-skill-card h3{font-size:20px;margin-bottom:12px}
.internal-page .about-skill-card p{font-size:15px;line-height:1.8;color:var(--page-muted)}
.internal-page[data-page="project_detail"] .ph-btn,.internal-page[data-page="project_detail"] .partnership-btn{background:var(--page-accent)!important;color:var(--page-bg)!important;border:1px solid var(--page-accent)!important;box-shadow:none!important;border-radius:6px}
.internal-page[data-page="project_detail"] .partnership-bg{background:var(--card-bg)!important;border:1px solid var(--page-line)!important;border-radius:10px}
.internal-page[data-page="project_detail"] .partnership-gradient{display:none}
.internal-page[data-page="project_detail"] .partnership-icon,.internal-page[data-page="project_detail"] .partnership-badge{background:var(--page-bg)!important;color:var(--page-accent)!important;border-color:var(--page-line)!important;box-shadow:none!important}
.internal-page[data-page="project_detail"] .partnership-title{color:var(--page-ink)!important;background:none!important;-webkit-text-fill-color:var(--page-ink)}
.internal-page[data-page="project_detail"] .partnership-desc,.internal-page[data-page="project_detail"] .partnership-feature{color:var(--page-muted)!important}
.internal-page[data-page="project_detail"] .tech-tag{border-radius:6px!important;background:var(--page-bg)!important;border-color:var(--page-line)!important;padding:9px 12px!important;color:var(--page-muted)!important}
.internal-page[data-page="project_detail"] .glass-card{border-radius:10px!important;box-shadow:none!important}
.internal-page[data-page="project_detail"] .glass-card h3{font-family:DDHeading,sans-serif;font-weight:400}
@media(max-width:900px){.internal-page[data-page="about"] #about .grid.lg\:grid-cols-5{grid-template-columns:1fr}.internal-page .about-skills-grid{grid-template-columns:1fr}.internal-page[data-page="about"] .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.internal-page[data-page="about"] .stat-card-enhanced:nth-child(2){border-right:0!important}}

/* Shared fixed header dimensions on every public page */
body{padding-top:96px}
html{scroll-padding-top:116px}
body .header.wrap,body:not(.internal-page) .header.wrap{position:fixed!important;top:0;left:50%;transform:translateX(-50%);z-index:1000;width:calc(100% - 64px);max-width:1400px;height:96px;margin:0;background:var(--bg);isolation:isolate}
body .header.wrap::before{content:'';position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2);background:var(--bg);border-bottom:1px solid var(--line)}
@media(max-width:1000px){body .header.wrap,body:not(.internal-page) .header.wrap{width:calc(100% - 48px)}}
@media(max-width:900px){body{padding-top:82px}html{scroll-padding-top:102px}body .header.wrap,body:not(.internal-page) .header.wrap{height:82px}}
@media(max-width:740px){body .header.wrap,body:not(.internal-page) .header.wrap{width:calc(100% - 32px)}}

.service-landing{padding-bottom:72px}
.service-landing .landing-wrap{width:calc(100% - 64px);max-width:1400px;margin-inline:auto}
.service-landing .landing-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding-block:64px}
.service-landing .landing-back{display:inline-block;margin-bottom:32px;color:var(--page-muted)}
.service-landing h1{font-size:clamp(34px,4.5vw,64px);line-height:1.15;margin:20px 0}
.service-landing h2{font-size:clamp(24px,2.8vw,36px);line-height:1.35;margin-bottom:24px}
.service-landing h3{font-size:22px;line-height:1.4;margin:16px 0}
.service-landing p{font-size:16px;line-height:1.9;color:var(--page-muted)}
.service-landing .landing-lead{margin-bottom:28px}
.service-landing .landing-art{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--page-line);border-radius:20px;filter:brightness(.62) saturate(.85)}
[data-theme=light] .service-landing .landing-art{filter:none}
.service-landing .landing-section{padding-block:48px;border-top:1px solid var(--page-line)}
.service-landing .landing-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.service-landing .landing-features article{padding:28px;background:var(--card-bg);border:1px solid var(--page-line);border-radius:14px}
.service-landing .landing-stack{margin-bottom:40px;color:var(--page-accent)}
.service-landing .landing-process{display:grid;grid-template-columns:1fr 1.2fr;gap:64px}
.service-landing .landing-process .landing-art{max-width:340px;aspect-ratio:3/2;object-fit:contain;background:var(--card-bg)}
.service-landing ol{list-style:decimal;padding-left:28px}
.service-landing li{padding:0 0 24px 12px}
.service-landing li::marker{color:var(--page-accent)}
.service-landing .landing-faq details{border-bottom:1px solid var(--page-line);padding:24px 0}
.service-landing summary{font-size:20px;cursor:pointer}
.service-landing .landing-cta{margin-block:32px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--page-line);border-radius:16px;background:var(--card-bg)}
.service-landing .landing-cta h2{margin:0}
.service-landing .landing-related{display:flex;flex-wrap:wrap;gap:14px}
.service-landing .landing-related a{padding:14px 18px;border:1px solid var(--page-line);border-radius:8px}
@media(max-width:900px){.service-landing .landing-hero,.service-landing .landing-process{grid-template-columns:1fr;gap:32px}.service-landing .landing-hero>.landing-art{max-width:500px}.service-landing .landing-features{grid-template-columns:1fr}}
@media(max-width:740px){.service-landing .landing-wrap{width:calc(100% - 32px)}.service-landing .landing-hero{padding-block:36px}.service-landing .landing-cta{padding:24px;align-items:flex-start;flex-direction:column}.service-landing .landing-section{padding-block:32px}}

body .header.wrap,body:not(.internal-page) .header.wrap{left:0!important;right:0!important;margin-inline:auto!important;transform:none!important}

/* Skills toolbar */
.internal-page .skills-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:20px;margin-bottom:32px;padding:18px;background:var(--card-bg);border:1px solid var(--page-line);border-radius:14px}
.internal-page .skills-search{width:100%;min-width:0}
.internal-page .skills-search>svg{display:block!important;position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--page-muted)}
.internal-page #skillSearch{height:46px;padding:0 16px 0 44px;border-radius:9px;background:var(--page-bg);border-color:var(--page-line);font-size:14px}
.internal-page .skills-controls{display:flex;align-items:center;gap:14px;min-width:0}
.internal-page #skillFilter{display:flex;flex-wrap:nowrap;gap:4px;padding:4px;background:var(--page-bg);border:1px solid var(--page-line);border-radius:10px;overflow:visible}
.internal-page #skillFilter .skill-filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;height:36px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:var(--page-muted);font-size:13px}
.internal-page #skillFilter .skill-filter-btn.active{background:var(--page-accent);color:var(--page-bg)}
.internal-page #skillFilter .skill-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;background:#7c9ab326;color:inherit;border-radius:6px;font-size:11px}
.internal-page #skillSort{height:46px;width:170px;flex-shrink:0;padding-left:14px;border-radius:9px;background-color:var(--page-bg);border-color:var(--page-line);color:var(--page-ink);font-size:13px}
.internal-page #skillSort option{background:var(--page-bg);color:var(--page-ink)}
@media(max-width:1050px){.internal-page .skills-toolbar{grid-template-columns:1fr}.internal-page .skills-controls{justify-content:space-between}}
@media(max-width:600px){.internal-page .skills-toolbar{padding:12px;gap:12px}.internal-page .skills-controls{flex-direction:column;align-items:stretch;gap:12px}.internal-page #skillFilter{flex-wrap:wrap}.internal-page #skillFilter .skill-filter-btn{flex:1 1 auto;padding:0 9px;font-size:12px}.internal-page #skillSort{width:100%}}