@font-face{font-family:Montserrat;src:url('assets/Montserrat-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/Montserrat-MediumItalic.ttf') format('truetype');font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/Montserrat-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/Montserrat-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/Montserrat-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--orange:#fa4b0b;--dark:#121015}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:Montserrat,sans-serif;font-weight:500}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:5px}.skip-link{position:fixed;left:20px;top:-70px;z-index:20;background:#111;padding:12px}.skip-link:focus{top:12px}.header{position:absolute;z-index:5;top:0;left:0;width:100%;height:6.5vw}.brand{position:absolute;left:22.03%;top:4.43vw;width:12.28%;display:block;line-height:0}.brand img{width:100%;height:auto}nav{position:absolute;left:45.83%;top:3.66vw;width:32.1%;display:flex}nav a{width:25%;text-align:center;text-decoration:none;color:#ab320a;font-size:.833333vw;line-height:1.3;padding:.35vw 0 .75vw;font-weight:600}nav a[aria-current]{color:#fff}nav a:hover{color:#fff}.menu-toggle{display:none}.section{position:relative;scroll-margin-top:0}.desktop-art{position:relative;width:100%;aspect-ratio:16/9}.section-art{display:block;width:100%;height:100%;position:absolute;inset:0}.desktop-copy{position:absolute;inset:0;width:100%;height:100%;font-family:Montserrat,sans-serif}.desktop-copy a:hover{text-decoration:underline}.mobile-layout{display:none}
@media(min-width:1921px){body{max-width:2560px;margin:auto}.header{max-width:2560px;left:50%;transform:translateX(-50%)}}
@media(max-width:767px){:root{--orange:#fb4d0b}html{scroll-padding-top:76px}.header{position:fixed;top:0;height:76px;background:rgba(18,16,21,.97);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff14}.brand{position:static;width:174px;max-width:65%;transform:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:0;background:transparent;padding:9px;color:white;cursor:pointer}.menu-toggle span{height:2px;width:26px;background:currentColor;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}nav{display:none;position:absolute;top:76px;left:0;width:100%;padding:16px 24px 24px;background:#121015;border-bottom:1px solid #ffffff30}nav.open{display:flex;flex-direction:column}nav a{width:100%;font-size:14px;text-align:left;padding:16px 0;border-bottom:1px solid #ffffff20;color:#ff6b30}nav a[aria-current]{color:#fff}.desktop-art{display:none}.mobile-layout{display:block;position:relative}.section{overflow:hidden}.section:before{content:'NAPHTHACHEM';position:absolute;top:8px;left:-6px;font-size:clamp(52px,14vw,104px);line-height:1;font-weight:700;white-space:nowrap;color:#fff;opacity:.09;pointer-events:none}.mobile-copy{position:relative;z-index:1;padding:92px 24px 30px}.mobile-copy h1{font-size:clamp(27px,6.8vw,44px);font-weight:500;line-height:1.3;margin:0 0 26px;letter-spacing:-.8px}.mobile-copy h1 strong{color:var(--orange);font-weight:700}.mobile-copy h2{font-size:clamp(28px,7vw,42px);font-weight:500;line-height:1.22;margin:0 0 24px;letter-spacing:-.6px}.mobile-copy p{font-size:14px;line-height:1.65;font-style:italic;margin:0 0 16px}.section-0{background:#121015 url('assets/image-2.webp') bottom center /auto 280px no-repeat;padding-top:76px;min-height:730px;padding-bottom:210px}.section-0:before{top:89px}.hero-copy{padding-top:70px;padding-bottom:18px}.hero-copy p{max-width:440px}.mobile-hero-images{display:flex;gap:12px;padding:8px 24px 0;align-items:flex-start}.mobile-hero-images img{width:calc((100% - 24px)/3);aspect-ratio:1;object-fit:cover;border:1px solid #a0a4a5;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 13%)}.mobile-hero-images img:nth-child(1){margin-top:44px}.mobile-hero-images img:nth-child(2){margin-top:22px}.section-1{background:#fa6416;color:#fff}.section-1 h2,.section-3 h2{color:#000}.section-1 .mobile-copy{padding-bottom:0}.mobile-about-image{width:100%;display:block;margin-top:0;aspect-ratio:1.5;object-fit:cover;object-position:68% center}.section-2{background:#000;padding-bottom:48px}.service-list{padding:0 24px;display:grid;gap:28px}.service-list article{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #999;gap:16px;padding-top:0}.service-image{position:relative;min-height:160px;border:1px solid #999;border-top:0;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}.service-image img{width:100%;height:100%;position:absolute;object-fit:cover}.service-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#000b,transparent 80%)}.service-image h3{position:relative;z-index:1;font-size:13px;line-height:1.2;color:#ff570d;margin:12px 10px 90px;font-weight:700}.service-list article p{font-size:12px;line-height:1.55;font-style:italic;margin:10px 0}.section-3{background:#fa4d0b url('assets/section-3.webp') bottom center/auto 530px no-repeat;padding-bottom:300px}.section-3 .mobile-copy{padding-bottom:12px}.section-3 p{font-size:13px}dl{display:grid;grid-template-columns:108px 1fr;gap:10px 8px;font-size:12px;line-height:1.55;font-style:italic;margin:0}dd{margin:0;overflow-wrap:anywhere}dt{white-space:nowrap}.mobile-contact-image{display:block;width:45%;margin:14px 24px 0 auto;border:1px solid #ddd;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 16%)}.section-3 a{text-underline-offset:4px}}
@media(max-width:360px){.header{padding:0 18px}.mobile-copy{padding-left:18px;padding-right:18px}.service-list{padding:0 18px}.service-list article{gap:12px}.service-image h3{font-size:11px}.service-list article p{font-size:11px}dl{grid-template-columns:95px 1fr;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:767px){.section-0{background-size:max(100%,498px) auto}}
/* The PDF header stays in place at the top; the compact bar appears after it leaves view. */
@media(min-width:768px){
 html{scroll-padding-top:70px}
 .header.is-scrolled{position:fixed;inset:0 0 auto;height:70px;max-width:none;transform:none;background:rgba(18,16,21,.97);border-bottom:1px solid #ffffff14;box-shadow:0 3px 16px #0003;animation:header-appear .2s ease-out}
 .header.is-scrolled .brand{top:50%;transform:translateY(-50%);width:clamp(145px,12.28vw,236px)}
 .header.is-scrolled nav{top:0;height:70px;width:clamp(320px,32.1vw,620px);align-items:stretch}
 .header.is-scrolled nav a{display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:clamp(11px,.833333vw,16px);color:#ddd;border-bottom:2px solid transparent;transition:color .18s,border-color .18s}
 .header.is-scrolled nav a:hover,.header.is-scrolled nav a[aria-current]{color:var(--orange);border-bottom-color:var(--orange)}
}
@keyframes header-appear{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.header.is-scrolled{animation:none}}

/* Semantic wrappers retain the original SVG glyph positions and metrics. */
.desktop-copy>.copy-block{position:absolute;inset:0;margin:0;padding:0;border:0;font:inherit;pointer-events:none}
.desktop-text-svg{display:block;width:100%;height:100%;font-family:Montserrat,sans-serif}
.desktop-text-svg a{pointer-events:auto}
.desktop-text-svg a:hover{text-decoration:underline}
/* Montserrat Bold: this word's advance is 8.473 em, so it tracks the viewport exactly. */
@media(max-width:767px){
 .section::before{left:0;width:100%;font-size:calc(100vw / 8.473);letter-spacing:0;text-align:center}
}
/* Keep the email underline white in both desktop SVG copy and mobile HTML. */
a[href="mailto:info@naphthachem.com"]:hover{ text-decoration-color:#fff }
.desktop-text-svg a[href="mailto:info@naphthachem.com"]:hover{fill:#fff;text-decoration:underline;text-decoration-color:#fff}

/* Native HTML email keeps hosting email filters outside the SVG text layer. */
.desktop-copy>.desktop-email{position:absolute;left:30.66203125%;top:40.44722222%;margin:0;padding:0;font-family:Montserrat,sans-serif;font-size:min(1.041666667vw,26.666667px);font-weight:500;font-style:italic;line-height:1;white-space:nowrap;color:#fff}
.desktop-email a{color:#fff!important;text-decoration:none;position:static;float:none;font:inherit}
.desktop-email a:hover{color:#fff!important;text-decoration:underline;text-decoration-color:#fff}