.home-footer-links{display:flex;gap:32px;flex-wrap:wrap;padding:35px 0;font:500 16px/1.4 Arial,sans-serif}.home-footer-links a{color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center}.home-footer-links a:hover{text-decoration:underline}.home-footer-links a:focus-visible{outline:3px solid currentColor;outline-offset:5px}@media(max-width:767px){.home-footer-links{padding:24px 20px;gap:18px;font-size:14px}}
/* Match the hero heading to the QUEL brand color. */
.quel-hero-heading{color:var(--yellow, rgb(255 106 106));}
/* Mobile header follows the case header; retain the original tall portrait frame. */
@media(max-width:767px){
 .quel-nav-top-layout{padding-top:16px;}
 .quel-nav-top-item{align-items:center;gap:10px;}
 .quel-nav-logo{width:87px;height:44px;border-radius:8px;flex:none;}
 .quel-nav-logo-item{width:62px;margin-left:0;}
 .quel-brand-copyright-wrap{width:6px;height:6px;right:-7px;}
 .quel-mobile-menu-wrap{margin-left:auto;gap:10px;align-items:center;}
 .quel-nav-button-mobile{font-size:12px;line-height:1.25;min-height:44px;padding:11px 14px;border-radius:12px;white-space:nowrap;}
 .quel-mobile-menu{width:44px;height:44px;min-width:44px;border-radius:8px;}
 .quel-mobile-hero-image{width:100%;aspect-ratio:750 / 1520;height:auto;object-fit:cover;object-position:center bottom;}
}
/* Keep the layered mobile composition with a clear area around the face. */
@media(max-width:767px){
 .quel-nav-top-item{gap:8px;min-width:0;}
 .quel-mobile-menu-wrap{gap:8px;min-width:0;}
 .quel-nav-button-mobile{min-width:0;width:129px;padding:11px 8px;}
 .quel-mobile-hero-image-wrap{inset:95px 0 auto;height:calc(100svh - 110px);max-height:760px;padding:0 12px;}
 .quel-mobile-hero-image{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top;}
 .quel-hero,.quel-hero-sticky{min-height:max(760px,100svh);}
 .quel-hero{padding-bottom:40px;}
 .quel-hero-content-layout{bottom:auto;top:calc(max(760px,100svh) * .60);align-items:flex-start;padding:0 20px;}
 .quel-hero-heading{font-size:clamp(32px,9vw,40px);line-height:1.04;}
 .quel-hero-cards-wrap{top:calc(max(760px,100svh) * .75);bottom:auto;height:auto;}
 .quel-hero-cards-left{padding-top:0;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding-inline:18px;height:auto;}
 .quel-hero-card-1-wrap,.quel-hero-card-2-wrap{position:relative;inset:auto;left:auto;margin:0;}
 .quel-hero-card-1,.quel-hero-card-2{padding:10px;font-size:12px;gap:6px;}
 .quel-hero-card-1 .quel-experience-number-wrap{width:52px;}
 .quel-hero-card-1 .quel-experience-text{font-size:11px;}
 .quel-hero-card-3{top:104px;left:18px;right:18px;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 12px;padding:10px;font-size:11px;}
 .quel-hero-card-3-item{gap:5px;}
 .quel-hero-card-3-icon{width:13px;}
 .quel-hero-left-text,.quel-hero-right-text{top:0;}
 .quel-hero-container{padding-bottom:0;}
}
@media(max-width:350px){.quel-nav-logo{width:75px;}.quel-nav-logo-item{width:52px;}.quel-mobile-menu-wrap{gap:6px;}.quel-nav-button-mobile{width:120px;font-size:11px;}}
@media(max-width:767px){
 .quel-hero-sticky{min-height:calc(max(760px,100svh) + 150px);}
 .quel-hero-container{height:calc(max(760px,100svh) + 150px);}
 .quel-hero-card-1 .quel-experience-number{width:100%;height:auto;}
 .quel-hero-card-1-wrap{width:100px;}
 .quel-hero-card-2-wrap{width:135px;}
 .quel-hero-left-text{position:absolute;top:calc(max(760px,100svh) + 12px);left:20px;right:20px;width:auto;font-size:15px;}
 .quel-hero-right-text{position:absolute;top:calc(max(760px,100svh) + 48px);left:20px;right:20px;width:auto;font-size:15px;line-height:1.5;}
}
/* Keep the layered cards stable across mobile widths. */
@media(max-width:767px){
 .quel-hero-cards-wrap{top:calc(max(760px,100svh) * .60 + 150px);}
 .quel-hero-card-2{width:100%;min-height:76px;box-sizing:border-box;padding:10px;gap:10px;}
 .quel-hero-card-2 .quel-hero-portfolio-icon-wrap{width:36px;min-width:36px;flex:0 0 36px;}
 .quel-hero-card-2 .quel-hero-portfolio-icon{width:36px;height:36px;}
 .quel-hero-card-2 .quel-hero-c-projects-text-wrap{min-width:0;flex:1;}
 .quel-hero-card-2 .quel-hero-portfolio-projects-text{font-size:12px;line-height:1.25;white-space:normal;}
}
/* Lift the lower overlays into the portrait area. */
@media(max-width:767px){
 .quel-hero-content-layout{top:calc(max(760px,100svh) * .60 - 20px);}
 .quel-hero-cards-wrap{top:calc(max(760px,100svh) * .60 + 110px);}
 .quel-hero-card-3{top:92px;}
}
@media(max-width:767px){
 .quel-mobile-hero-image-wrap{height:calc(max(760px,100svh) - 110px);max-height:none;}
}

@media(max-width:767px){.quel-mobile-hero-image-wrap{padding-inline:0;}}

/* Blend the mobile portrait into the page background. */
@media(max-width:767px){
 .quel-mobile-hero-image{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);}
}
@media(max-width:767px){
 .quel-mobile-hero-image-wrap{height:calc(max(760px,100svh) + 40px);}
 .quel-mobile-hero-image{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.45) 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.45) 82%,transparent 100%);}
}

/* Use the original full-height mobile portrait without enlarging the face. */
@media(max-width:767px){
 .quel-mobile-hero-image{object-fit:cover;object-position:center top;filter:brightness(1.07);}
 .quel-hero{padding-bottom:0;}
 .quel-about-section{padding-top:36px;}
 .quel-hero-sticky,.quel-hero-container{min-height:calc(max(760px,100svh) + 135px);height:calc(max(760px,100svh) + 135px);}
}

@media(max-width:767px){.quel-mobile-hero-image{filter:none;}}