.plastics-page { --brand:#006ca5; --brand-dark:#004e79; --pl-navy:#072d45; --pl-cyan:#75dcf1; }
.plastics-page main { color:var(--pl-navy); }
.plastics-page main p { color:#526575; }
.plastics-page .container { width:min(1200px,calc(100% - 48px)); }
.plastics-page :focus-visible { outline:3px solid #db8d29; outline-offset:5px; }
.pl-skip { position:fixed; top:-100px; left:20px; z-index:100001; padding:12px 20px; background:white; }
.pl-skip:focus { top:12px; }
.pl-hero { background:#edf5f8; padding:22px 0 0; overflow:hidden; }
.pl-breadcrumb { color:#526575; font-size:12px; margin-bottom:32px; }
.pl-breadcrumb span { margin:0 12px; }
.pl-hero-grid { display:grid; grid-template-columns:1.02fr 1fr; gap:46px; align-items:center; padding-bottom:42px; }
.pl-kicker { display:block; color:#006ca5; font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; margin-bottom:18px; }
.pl-hero h1 { font-size:clamp(35px,3.6vw,53px); line-height:1.08; letter-spacing:-.05em; margin-bottom:20px; }
.pl-hero h1 span { color:#0077ae; }
.pl-hero .pl-subtitle { color:var(--pl-navy); font-size:18px; font-weight:600; line-height:1.5; }
.pl-hero p { font-size:14px; max-width:530px; }
.pl-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.pl-actions .btn { padding:14px 20px; font-size:13px; text-align:center; }
.pl-hero figure { margin:0; position:relative; }
.pl-hero figure::before { content:""; position:absolute; inset:-13px 22px 20px -13px; border:1px solid #b4d4e0; pointer-events:none; }
.pl-hero figure img { position:relative; width:100%; height:360px; object-fit:cover; object-position:52% center; }
.pl-hero figcaption { position:relative; background:var(--pl-navy); color:white; padding:18px 22px; font-size:12px; display:flex; justify-content:space-between; gap:15px; }
.pl-hero figcaption span { color:var(--pl-cyan); }
.pl-facts { background:var(--pl-navy); color:white; padding:26px 0; }
.pl-facts dl { display:grid; grid-template-columns:1.05fr 1.1fr .8fr 1.3fr; margin:0; gap:26px; }
.pl-facts dt { font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:#95c3d7; margin-bottom:7px; }
.pl-facts dd { margin:0; font-size:13px; font-weight:600; }
.pl-facts small { display:block; font-weight:400; color:#bdd0dc; margin-top:3px; }
.pl-section { padding:80px 0; scroll-margin-top:100px; }
.pl-soft { background:#f1f6f8; }
.pl-heading { max-width:700px; margin-bottom:32px; }
.pl-section h2 { font-size:clamp(27px,3vw,39px); line-height:1.17; letter-spacing:-.035em; margin-bottom:18px; }
.pl-section h3 { font-size:18px; line-height:1.4; letter-spacing:-.02em; }
.pl-heading p,.pl-section p { font-size:14px; line-height:1.8; }
.pl-heading-row { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.pl-heading-row .pl-heading { margin:0; }
.pl-link { color:#006ca5; font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.pl-projects { display:grid; grid-template-columns:1.15fr 1fr; gap:28px; }
.pl-project { margin:0; }
.pl-image-link { display:block; position:relative; overflow:hidden; background:#dce8ee; }
.pl-image-link img { width:100%; height:290px; object-fit:cover; transition:transform .25s; }
.pl-image-link:hover img { transform:scale(1.025); }
.pl-image-link span { position:absolute; bottom:14px; right:14px; background:white; padding:7px 12px; font-size:11px; font-weight:600; }
.pl-project figcaption { padding-top:20px; }
.pl-project h3 { margin-bottom:8px; }
.pl-project .pl-kicker { font-size:10px; margin-bottom:8px; }
.pl-split { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
.pl-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.pl-card { border:1px solid #dbe5eb; padding:26px; background:white; }
.pl-number { display:block; color:#007caf; font-size:12px; font-weight:700; letter-spacing:.12em; margin-bottom:25px; }
.pl-card p { margin-bottom:0; }
.pl-checks { padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:16px 28px; margin:26px 0 0; }
.pl-checks li { font-size:13px; border-bottom:1px solid #d5e0e6; padding:0 0 15px 22px; position:relative; }
.pl-checks li::before { content:'✓'; position:absolute; left:0; color:#007caf; }
.pl-dark { background:var(--pl-navy); color:white; }
.pl-page-photo { margin:0; }
.pl-page-photo img { width:100%; height:auto; }
.pl-page-photo figcaption { margin-top:12px; font-size:12px; color:#a8c7d6; }
.plastics-page .pl-dark p { color:#bdd0dc; }
.pl-dark .pl-kicker,.pl-dark .pl-link { color:var(--pl-cyan); }
.pl-dark .pl-split { align-items:center; gap:45px; }
.pl-industries { display:grid; grid-template-columns:repeat(3,1fr); gap:0 30px; }
.pl-industry { border-top:1px solid #dbe5eb; padding:23px 0 10px; }
.pl-industry h3 { font-size:15px; margin-bottom:8px; }
.pl-industry p { font-size:13px; }
.pl-service-list { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.pl-service-list li { padding:20px; background:white; border:1px solid #dbe5eb; font-size:13px; display:flex; gap:14px; align-items:center; }
.pl-service-list span { color:#0080b4; font-size:11px; }
.pl-faq { max-width:850px; }
.pl-faq details { border-bottom:1px solid #d3e1e8; padding:19px 0; }
.pl-faq summary { font-size:15px; font-weight:600; cursor:pointer; padding-right:15px; }
.pl-faq details p { margin:16px 0 0; }
.pl-quote { position:relative; overflow:hidden; }
.pl-quote h2 { max-width:800px; font-size:clamp(30px,3.8vw,47px); }
.pl-quote p { max-width:650px; }
.pl-quote .btn-primary { background:#78def2; border-color:#78def2; color:#072d45; }
.pl-contact { display:flex; gap:25px; flex-wrap:wrap; margin-top:28px; font-size:13px; }
.pl-mobile-cta { display:none; }
.pl-dialog { border:0; padding:48px 16px 16px; width:min(1200px,95vw); max-height:92vh; background:#072d45; color:white; }
.pl-dialog::backdrop { background:rgba(0,15,26,.85); }
.pl-dialog img { max-height:75vh; width:100%; object-fit:contain; }
.pl-dialog button { position:absolute; right:14px; top:8px; background:white; border:0; padding:7px 14px; cursor:pointer; border-radius:3px; }
.pl-dialog p { font-size:13px; margin:12px 0 0; }
@media(min-width:1600px) { .pl-hero-grid { padding-top:25px; padding-bottom:55px; } }
@media(max-width:1000px) { .pl-hero-grid { gap:25px; } .pl-hero figure img { height:340px; } .pl-split { gap:30px; } .pl-cards,.pl-industries { grid-template-columns:repeat(2,1fr); } }
@media(max-width:767px) {
 .plastics-page .container { width:calc(100% - 36px); } .pl-hero-grid,.pl-split,.pl-projects { grid-template-columns:1fr; } .pl-hero-grid { gap:35px; padding-bottom:28px; } .pl-breadcrumb { margin-bottom:24px; font-size:10px; } .pl-hero h1 { font-size:39px; } .pl-hero figure img { height:auto; } .pl-hero figure::before { inset:-9px 15px 20px -9px; } .pl-hero figcaption { font-size:11px; padding:15px; } .pl-facts dl { grid-template-columns:1fr 1fr; gap:23px; } .pl-section { padding:52px 0; } .pl-heading-row { display:block; } .pl-heading-row>.pl-link { display:inline-block; margin-top:15px; } .pl-image-link img { height:auto; } .pl-service-list { grid-template-columns:1fr 1fr; } .pl-cards { gap:14px; } .pl-card { padding:20px; } .pl-section h3 { font-size:16px; } .pl-checks { gap:12px; } .pl-industries { gap:0 22px; } .pl-mobile-cta { display:flex; gap:10px; position:fixed; bottom:0; left:0; right:0; padding:10px 16px calc(10px + env(safe-area-inset-bottom)); background:white; border-top:1px solid #dbe5eb; z-index:90; } .pl-mobile-cta .btn { flex:1; font-size:12px; padding:12px 8px; } .plastics-page { padding-bottom:80px; } .pl-contact { gap:12px; } .pl-contact a { overflow-wrap:anywhere; } .pl-dialog { padding-top:48px; } 
}
@media(max-width:380px) { .pl-hero h1 { font-size:34px; } .pl-cards,.pl-industries,.pl-service-list { grid-template-columns:1fr; } .pl-actions .btn { width:100%; } .pl-facts dd { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .pl-image-link img { transition:none; } }
.plastics-page .pl-hero figure img { height:auto; aspect-ratio:4/3; object-fit:cover; }
.plastics-page .pl-process { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.plastivision-page .pl-projects { grid-template-columns:repeat(3,1fr); }
.plastics-page .pl-projects img { height:auto; aspect-ratio:4/3; object-fit:cover; }
.plastics-page .pl-service-list { grid-template-columns:repeat(2,1fr); }
.plastics-page .pl-second-view { margin-top:16px; }
.plastasia-page { --brand:#9d4532; --brand-dark:#793123; --pl-navy:#293936; --pl-cyan:#f4c3a4; }
.plastasia-page .pl-hero,.plastasia-page .pl-soft { background:#f7f3ef; }
.plastasia-page .pl-kicker,.plastasia-page .pl-link,.plastasia-page .pl-number,.plastasia-page .pl-service-list span,.plastasia-page .pl-hero h1 span { color:#99432f; }
.plastasia-page .pl-dark .pl-kicker,.plastasia-page .pl-dark .pl-link { color:#f4c3a4; }
.plastasia-page .pl-quote .btn-primary { background:#f4c3a4; border-color:#f4c3a4; color:#293936; }
.plastics-page main .btn-primary { background:var(--brand); border-color:var(--brand); color:white; }
.plastics-page main .btn-primary:hover { background:var(--brand-dark); }
@media(max-width:1000px) { .plastics-page .pl-process { grid-template-columns:repeat(2,1fr); } }
@media(max-width:767px) { .plastivision-page .pl-projects { grid-template-columns:1fr; } }
@media(max-width:380px) { .plastics-page .pl-process,.plastics-page .pl-service-list { grid-template-columns:1fr; } }