html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}
a{color:#121212}a:hover{color:#0A6EE1}
@keyframes qti-scroll{0%{transform:translateY(0)}45%{transform:translateY(calc(-100% + 300px))}55%{transform:translateY(calc(-100% + 300px))}100%{transform:translateY(0)}}
.qti-shot{animation:qti-scroll 28s ease-in-out infinite}
.qti-shot-s{animation-duration:18s}
.qti-shot-l{animation-duration:40s}
.qti-site:hover .qti-shot{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.qti-shot{animation:none}}
.qti-btn{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
.qti-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.25)}
.qti-nav{position:relative;transition:color .18s ease}
.qti-nav::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.qti-nav:hover::after{transform:scaleX(1)}
.qti-card{transition:transform .22s ease,box-shadow .22s ease}
.qti-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,0.28)}
.qti-card img{transition:transform .5s ease}
.qti-card:hover img{transform:scale(1.04)}
.qti-tile img{transition:transform .5s ease}
.qti-tile:hover img{transform:scale(1.05)}
.qti-site{transition:transform .22s ease}
.qti-site:hover{transform:translateY(-6px)}
.qti-site:hover .qti-visit{text-decoration:underline;text-underline-offset:4px}
.qti-link{transition:color .18s ease,opacity .18s ease}
.qti-link:hover{opacity:.7}
.qti-skip{position:absolute;left:-9999px;top:8px;background:#121212;color:#fff;padding:10px 16px;z-index:100;text-decoration:none}
.qti-skip:focus{left:8px}
.qti-header{background:rgba(14,12,10,0.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.12)}
.qti-header a:hover{color:#FFFFFF}
.qti-logo{width:220px;transition:width .35s ease}
.qti-menu{transition:padding .35s ease}
html.qti-scrolled .qti-logo{width:110px}
html.qti-scrolled .qti-menu{padding-bottom:2px}
html.qti-scrolled .qti-header{background:rgba(14,12,10,0.92)}
.qti-h1{font-size:clamp(38px,6.5vw,68px)}
.qti-h2{font-size:clamp(30px,4.5vw,44px)}
.qti-stat{font-size:clamp(34px,4.2vw,48px)}
@media (max-width:720px){
.qti-logo{width:140px}
html.qti-scrolled .qti-logo{width:84px}
.qti-menu{display:none}
.qti-burger{display:flex}
.qti-section{padding-top:72px;padding-bottom:72px}
}
.qti-burger{display:none;position:absolute;right:20px;top:18px;width:48px;height:48px;border:1px solid rgba(255,255,255,0.35);background:rgba(14,12,10,0.6);border-radius:4px;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:0}
.qti-burger span{display:block;width:22px;height:2px;background:#FFFFFF}
.qti-mobile-menu[hidden]{display:none}
.qti-mobile-menu{display:flex;flex-direction:column;align-items:stretch;width:100%;border-top:1px solid rgba(255,255,255,0.12);padding:8px 0 12px}
.qti-mobile-menu a{display:block;padding:14px 8px;color:#FFFFFF;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-align:center;border-bottom:1px solid rgba(255,255,255,0.08)}
@media (max-width:720px){.qti-burger{display:flex}.qti-menu{display:none !important}}

.qti-hero-bg{background-color:#141210;background-image:linear-gradient(180deg,rgba(14,12,10,0.86) 0%,rgba(14,12,10,0.72) 55%,rgba(14,12,10,0.94) 100%),url(<?php echo esc_url( get_template_directory_uri() ); ?>/images/ph_inf_fan.jpg);background-size:cover;background-position:center}
.qti-stats-bg{background-color:#121212;background-image:linear-gradient(90deg,rgba(18,18,18,0.94),rgba(18,18,18,0.82)),url(<?php echo esc_url( get_template_directory_uri() ); ?>/images/ph_yarn.jpg);background-size:cover;background-position:center}
.qti-cap-bg{background-color:#121212;background-image:linear-gradient(180deg,rgba(14,14,14,0.9),rgba(14,14,14,0.86)),url(<?php echo esc_url( get_template_directory_uri() ); ?>/images/ph_tw_extrusion.jpg);background-size:cover;background-position:center 40%;background-attachment:scroll}
.qti-about-bg{background-color:#121212;background-image:linear-gradient(90deg,rgba(18,18,18,0.97) 0%,rgba(18,18,18,0.95) 46%,rgba(18,18,18,0.2) 68%,rgba(18,18,18,0.1) 100%),url(<?php echo esc_url( get_template_directory_uri() ); ?>/images/ph_tw_rolls_flip2.jpg);background-size:cover;background-position:center 22%}