/* Theme Name: Triconnx
Theme URI: https://wordpress.org/
Author: Triconnx
Description: Industrial materials website and editorial theme for Triconnx, Shenzhen.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: triconnx
*/
:root{--bg:#101512;--ink:#18231c;--muted:#637169;--lime:#cdfc70;--paper:#f3f5ef;--line:#d9ded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #759b30;outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(48px,6.5vw,90px);line-height:1.03}h2{font-size:clamp(35px,4vw,56px);line-height:1.08}h3{font-size:26px}.wrap{max-width:1400px;margin:auto;padding:0 5.3%}.eyebrow{font:11px/1.4 'Courier New',monospace;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:12px;margin-bottom:25px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--lime)}.dark{background:var(--bg);color:#f6f8f1}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:20;background:#101512f5;border-bottom:1px solid #ffffff1d;color:#fff;backdrop-filter:blur(14px)}.nav{height:84px;display:flex;align-items:center;gap:30px}.brand{font-size:30px;letter-spacing:-1.8px;font-weight:750;display:flex;align-items:center;gap:9px}.mark{width:22px;height:26px;background:var(--lime);clip-path:polygon(0 0,100% 0,100% 28%,64% 28%,64% 100%,36% 100%,36% 28%,0 28%);transform:skew(-13deg)}.navlinks{display:flex;align-items:center;gap:29px;margin-left:auto;font-size:12px}.navlinks a{color:#c5cec6;padding:10px 0}.navlinks a:hover,.navlinks a.active{color:var(--lime)}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--lime);color:#162011;font-size:12px;padding:17px 23px;transition:background .2s,transform .2s}.button:hover{background:#e0ffa9;transform:translateY(-2px)}.button.outline{background:transparent;border-color:#5b635c;color:#fff}.button.light-outline{background:transparent;border-color:var(--line);color:var(--ink)}.button.small{padding:12px 17px;gap:23px}.arrow{font-size:20px;line-height:1}.menu-toggle{display:none;background:none;color:white;border:1px solid #5b635c;padding:8px 10px}.hero{position:relative;min-height:660px;padding-top:88px;overflow:hidden}.hero-photo{position:absolute;right:0;top:0;width:64%;height:100%;object-fit:cover;object-position:55% 50%;opacity:.72}.hero:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#101512 8%,#101512ec 34%,#10151255 65%,transparent),linear-gradient(0deg,#101512 0%,transparent 27%);pointer-events:none}.hero-inner{position:relative;z-index:1}.hero h1{max-width:710px;margin-bottom:25px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:420px;color:#bec7be;font-size:15px;margin-bottom:34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-meta{padding:65px 0 30px;display:flex;justify-content:space-between;gap:20px;color:#abb5ac;font:10px 'Courier New',monospace;letter-spacing:1.4px;text-transform:uppercase}.hero-caption{max-width:245px;text-align:right}.material-strip{background:#1c241f;border-top:1px solid #ffffff17;color:#aeb9ae}.strip{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:82px;font:12px 'Courier New',monospace;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.strip b{color:var(--lime);font-weight:400}.section{padding:94px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.section-head h2{margin:0}.section-head p{max-width:350px;font-size:13px;margin:0}.section .eyebrow{color:#5f6f61}.section .eyebrow:before{background:#6b883f}.filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 28px}.filter{border:1px solid var(--line);background:transparent;color:#536353;padding:11px 20px;font-size:12px}.filter.active,.filter:hover{background:#19241d;border-color:#19241d;color:white}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.material-card{background:#fff;border:1px solid var(--line);transition:transform .25s}.material-card:hover{transform:translateY(-4px)}.material-card[hidden]{display:none}.material-image{height:235px;background:#e3e7df;position:relative;overflow:hidden}.material-image img{width:100%;height:100%;transition:transform .5s}.material-card:hover img{transform:scale(1.04)}.material-image .badge{position:absolute;top:16px;left:16px;font:9px 'Courier New',monospace;background:#fffef0ed;color:#31422e;padding:7px 10px;letter-spacing:1px}.material-body{padding:26px}.material-body .kicker{font:10px 'Courier New',monospace;letter-spacing:1px;color:#67765f;margin-bottom:12px}.material-body h3{margin-bottom:12px}.material-body p{font-size:13px;color:#6b746c;min-height:45px}.card-foot{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.card-foot span{font:10px 'Courier New',monospace;color:#64755f}.note{font-size:11px;color:#74806f;margin-top:22px;line-height:1.6}.all-link{display:inline-flex;gap:18px;align-items:center;font-size:12px;border-bottom:1px solid #b4bcb0;padding-bottom:8px;white-space:nowrap}.process{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.process-image{position:relative;min-height:420px}.process-image img{height:430px;width:100%}.image-label{background:var(--lime);padding:21px 24px;position:absolute;bottom:-20px;right:20px;color:#172215;font:11px 'Courier New',monospace;line-height:1.8}.process .eyebrow{color:#aeb9ad}.process .eyebrow:before{background:var(--lime)}.process p{font-size:14px;color:#a6b2a6}.steps{border-top:1px solid #455045;margin:30px 0}.step{display:flex;gap:20px;border-bottom:1px solid #364337;padding:17px 0;font-size:13px}.step span{color:var(--lime);font:11px 'Courier New',monospace}.applications{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.application{background:var(--paper);padding:32px;min-height:200px;position:relative}.application .num{font:11px 'Courier New',monospace;color:#7e8b77;margin-bottom:35px}.application h3{font-size:22px;margin-bottom:12px}.application p{font-size:12px;color:#6b7867;margin-bottom:0}.application.featured{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;min-height:460px;overflow:hidden;color:white;background:#18221c}.application.featured img{position:absolute;inset:0;width:100%;height:100%;opacity:.4}.application.featured>*:not(img){position:relative}.application.featured h3{font-size:34px}.application.featured p{color:#c1cabc}.application.featured .num{color:var(--lime);margin-top:auto}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.journal img{width:100%;height:210px;margin-bottom:22px}.journal .kicker{font:10px 'Courier New',monospace;color:#6b7865;margin-bottom:14px}.journal h3{font-size:23px;line-height:1.25;min-height:57px}.journal p{font-size:13px;color:#6b7865}.about-band{padding:66px 0;background:var(--lime)}.about-band .wrap{display:flex;justify-content:space-between;gap:45px;align-items:center}.about-band h2{font-size:43px;max-width:650px;margin-bottom:0}.about-band .button{background:var(--bg);color:white}.site-footer{padding:58px 0 24px;background:#0d120f;color:#aeb8ad}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px}.footer-main .brand{color:white;margin-bottom:22px}.footer-main p{font-size:12px;max-width:250px}.footer-main h3{font:10px 'Courier New',monospace;color:#f3f5ec;letter-spacing:1px;margin:6px 0 25px}.footer-main a:not(.brand){display:block;font-size:12px;margin:13px 0}.footer-bottom{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid #29332a;margin-top:45px;padding-top:22px;font-size:10px;color:#7b8a7b}.page-intro{padding:82px 0 64px}.page-intro h1{font-size:clamp(45px,5.6vw,72px);max-width:1000px;margin-bottom:22px}.page-intro p{max-width:550px;font-size:15px;color:#b5c1b2}.breadcrumbs{font:10px 'Courier New',monospace;letter-spacing:1px;color:#a5b49e;margin-bottom:40px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.detail>img{height:420px;width:100%;position:sticky;top:110px}.detail h2{font-size:36px}.spec{border-top:1px solid var(--line);margin:25px 0}.spec div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;gap:25px}.spec div span{color:#66735f}.prose{max-width:800px;margin:auto;font-size:16px;line-height:1.8}.prose h2{font-size:32px;margin-top:42px}.prose h3{margin-top:32px}.prose li{margin:14px 0}.prose img{width:100%;margin-bottom:35px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-info h2{font-size:38px}.contact-info dl{margin-top:45px}.contact-info dt{font:10px 'Courier New',monospace;letter-spacing:1px;color:#74826a;margin-bottom:10px}.contact-info dd{margin:0 0 30px;font-size:16px}.form{background:white;border:1px solid var(--line);padding:40px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:9px;font-size:11px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #cfd6c9;background:#f9fbf7;border-radius:0;color:var(--ink)}.field textarea{resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.6;margin:24px 0}.consent input{margin-top:3px}.status{font-size:12px;line-height:1.6;margin:20px 0 0;padding:14px;background:#edf5df}.status:empty{display:none}.hidden{display:none}.search{display:flex;gap:12px;margin-bottom:30px}.search input{min-width:0;flex:1;border:1px solid var(--line);padding:14px;background:white}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{cursor:pointer;font-size:17px;line-height:1.4}.faq p{font-size:14px;color:#62725b;padding-top:18px;margin:0}.empty-message{padding:25px;background:white;grid-column:1/-1}.skip-link{position:absolute;left:20px;top:-100px;background:var(--lime);color:black;padding:15px;z-index:99}.skip-link:focus{top:10px}.preview-note{border-bottom:1px solid #303b2d;background:#1b2718;color:#bdd79e;font:10px Arial,sans-serif;text-align:center;padding:8px 20px}.privacy-list{padding-left:22px}.wp-block-image img{height:auto}.pagination{display:flex;gap:15px;justify-content:center;margin-top:45px}.admin-bar .site-header{top:32px}
@media(min-width:1500px){.hero{min-height:720px}}@media(max-width:1000px){.navlinks{gap:17px}.nav{gap:20px}.material-grid{grid-template-columns:repeat(2,1fr)}.process{gap:38px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-main>div:last-child{grid-column:1/-1}.contact-layout{gap:40px}.hero-caption{display:none}.applications{grid-template-columns:1fr 1fr}.application.featured{grid-row:span 2}.journal h3{font-size:20px}}
@media(max-width:720px){.wrap{padding:0 6%}.nav{height:73px;gap:15px}.brand{font-size:27px}.menu-toggle{display:block;margin-left:auto}.nav>.button{display:none}.navlinks{display:none;position:absolute;top:73px;left:0;right:0;background:var(--bg);padding:20px 6%;flex-direction:column;align-items:flex-start;border-bottom:1px solid #4c594b}.navlinks.open{display:flex}.hero{padding-top:62px;min-height:620px}.hero-photo{width:100%;opacity:.38}.hero:after{background:linear-gradient(90deg,#101512ec,#10151240),linear-gradient(0deg,#101512,transparent)}.hero h1{font-size:57px;max-width:500px}.hero p{font-size:14px;max-width:340px}.hero-meta{padding-top:62px;font-size:9px;line-height:1.6}.strip{font-size:10px;gap:19px;justify-content:flex-start}.section{padding:62px 0}.section-head{display:block;margin-bottom:28px}.section-head p,.section-head .all-link{margin-top:22px}.material-grid{gap:14px;grid-template-columns:1fr}.material-image{height:260px}.process,.detail,.contact-layout{grid-template-columns:1fr;gap:38px}.process-image img{height:340px}.process-image{min-height:340px}.applications{grid-template-columns:1fr}.application.featured{min-height:370px;grid-row:auto}.application{min-height:165px;padding:27px}.application .num{margin-bottom:23px}.journal-grid{grid-template-columns:1fr;gap:36px}.journal img{height:230px}.journal h3{min-height:0}.about-band .wrap{flex-direction:column;align-items:flex-start;gap:30px}.about-band h2{font-size:36px}.footer-main{grid-template-columns:1fr 1fr;gap:26px}.footer-main>div:first-child,.footer-main>div:last-child{grid-column:1/-1}.footer-bottom{font-size:9px;line-height:1.7}.fields{grid-template-columns:1fr}.field{grid-column:1/-1}.form{padding:26px}.page-intro{padding:60px 0 40px}.page-intro h1{font-size:49px}.detail>img{height:300px;position:static}.search{flex-wrap:wrap}.search input{flex-basis:100%}.hero-actions .button{padding:15px 17px;font-size:11px;gap:20px}.admin-bar .site-header{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.navlinks li{list-style:none}.navlinks li a{display:block}.custom-content{padding-top:50px}.material-card .material-image{display:block}

/* Generated asset update 1.1 */
.hero-photo{width:100%;opacity:.88;object-position:50% 50%}.application-thumb{width:100%;height:140px;margin-bottom:20px;object-fit:cover}.application:not(.featured){padding:24px}.application:not(.featured) .num{margin-bottom:12px}.application.featured{min-height:600px}.material-image img{object-position:50% 50%}@media(max-width:720px){.hero-photo{opacity:.48;object-position:64% 50%}.application.featured{min-height:380px}.application-thumb{height:190px}}