/*
Theme Name: SUTURETEK
Theme URI: https://suturetek.com
Author: SUTURETEK
Description: Custom corporate theme for SUTURETEK absorbable suture manufacturing technology.
Version: 4.0.0
Text Domain: suturetek
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f3;color:#111a18;font-family:Inter,Arial,sans-serif}.nav{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(245,246,243,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid #dfe4df}.logo{font:700 24px Manrope;text-decoration:none;color:#0b2721;letter-spacing:-1px;line-height:.7}.logo span{color:#111}.logo small{display:block;font:600 7px Inter;letter-spacing:2.1px;margin-top:8px;color:#6c7975}.nav nav{display:flex;align-items:center;gap:30px}.nav nav a{font-size:13px;font-weight:600;color:#33413d;text-decoration:none}.navcta{padding:12px 18px;border:1px solid #0d3d33;border-radius:4px}.menu{display:none;background:none;border:0;font-size:22px}.hero{min-height:720px;padding:90px 7vw 80px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5vw;overflow:hidden}.overline{font-size:11px;letter-spacing:2.5px;font-weight:700;color:#65736f}.hero h1,.section h2,.statement h2,.contact h2{font:600 clamp(46px,6vw,82px)/.98 Manrope;margin:18px 0 28px;letter-spacing:-4px}.hero h1 span{color:#2d6a5b}.lead{max-width:620px;font-size:18px;line-height:1.7;color:#56635f}.buttons{display:flex;gap:12px;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:700}.solid{background:#123e34;color:white}.ghost{border:1px solid #b7c1bd;color:#18332d}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags b{font-size:10px;letter-spacing:.6px;padding:8px 10px;background:white;border:1px solid #dfe4df;border-radius:3px}.hero-visual{height:560px;position:relative;background:#0b211d;border-radius:6px;overflow:hidden}.orb{position:absolute;width:390px;height:390px;border-radius:50%;left:17%;top:12%;background:radial-gradient(circle at 40% 40%,#7f9e94 0,#2b574c 30%,#0d2822 68%);box-shadow:0 0 100px #4f7b6d55}.thread{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#d9e9e3,transparent);width:130%;left:-15%;transform-origin:center}.t1{top:34%;transform:rotate(-24deg)}.t2{top:49%;transform:rotate(17deg)}.t3{top:64%;transform:rotate(-8deg)}.tech-card{position:absolute;left:8%;bottom:8%;padding:22px;width:260px;background:rgba(245,246,243,.94);border-radius:4px}.tech-card small,.tech-card span{display:block;font-size:9px;letter-spacing:1.4px;color:#67736f}.tech-card strong{display:block;font:600 20px/1.25 Manrope;margin:9px 0 15px}.statement{padding:100px 10vw;background:white}.statement>p{font-size:13px;font-weight:700;color:#2d6a5b}.statement h2{font-size:clamp(32px,4vw,58px);max-width:1100px;line-height:1.08}.statement em{font-style:normal;color:#2d6a5b}.section{padding:110px 7vw}.dark{background:#0b211d;color:#edf2ef}.section-head{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end;margin-bottom:70px}.section-head h2{font-size:clamp(38px,5vw,66px);margin-bottom:0}.section-head>p{line-height:1.7;color:#7f8d88}.dark .overline{color:#7fa598}.dark .section-head>p{color:#9eaaa6}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #355049}.cards article{min-height:330px;padding:30px 24px;border-right:1px solid #355049}.cards article:last-child{border:0}.cards span,.service-list span{font:600 11px Manrope;color:#739b8e}.cards h3{font:600 22px Manrope;margin:60px 0 18px}.cards p{font-size:14px;line-height:1.7;color:#9eaaa6}.cards b{display:block;margin-top:32px;font-size:9px;letter-spacing:1.5px;color:#779b90}.services{background:#f5f6f3}.service-list{border-top:1px solid #cbd2ce}.service-list article{display:grid;grid-template-columns:90px 1fr;padding:32px 0;border-bottom:1px solid #cbd2ce}.service-list h3{font:600 25px Manrope;margin:0 0 10px}.service-list p{margin:0;max-width:780px;color:#63706c;line-height:1.65}.process{background:#dfe6e1}.process h2{font-size:clamp(38px,5vw,64px)}.timeline{display:flex;align-items:center;margin-top:70px}.timeline div{min-width:120px}.timeline b,.timeline strong,.timeline small{display:block}.timeline b{font-size:10px;color:#557268;margin-bottom:24px}.timeline strong{font:600 16px Manrope}.timeline small{font-size:10px;color:#6c7975;margin-top:6px}.timeline i{height:1px;background:#9baaa5;flex:1;margin:0 14px}.leadership{background:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.leadership h2{font-size:clamp(38px,4.8vw,62px)}.profile{display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:start;padding-top:25px}.monogram{width:120px;height:150px;background:#102e27;color:#dfe9e5;display:flex;align-items:center;justify-content:center;font:600 36px Manrope}.profile h3{font:600 27px Manrope;margin:0}.role{color:#2d6a5b;font-size:12px;font-weight:700;letter-spacing:.8px}.profile>div>p:not(.role){color:#64716d;line-height:1.7}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.metrics span{font-size:10px;color:#6c7975}.metrics b{display:block;font-size:12px;color:#18342e;margin-bottom:5px}.contact{padding:120px 7vw;background:#123e34;color:white;text-align:center}.contact .overline{color:#9ab9af}.contact h2{font-size:clamp(44px,6vw,76px)}.contact>p:not(.overline){color:#bed0ca;line-height:1.7}.light{background:white;color:#123e34;margin-top:24px}.contact .btn{margin-top:25px}.contact .btn span{margin-left:25px}footer{padding:40px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;background:#081713;color:#8b9994}footer .logo{color:white}footer .logo span{color:#dce5e1}footer p,footer>small{font-size:10px}footer>small{text-align:right}@media(max-width:850px){.nav{height:70px}.menu{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#f5f6f3;padding:25px 5vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ccd4d0}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px}.hero h1,.section h2,.statement h2,.contact h2{letter-spacing:-2.5px}.hero-visual{height:420px}.section-head,.leadership{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.cards article{border-bottom:1px solid #355049}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:28px}.timeline i{display:none}.profile{grid-template-columns:90px 1fr}.monogram{width:90px;height:110px}.metrics{grid-template-columns:1fr}.section{padding:80px 7vw}footer{grid-template-columns:1fr;gap:25px}footer>small{text-align:left}}@media(max-width:520px){.hero{padding-left:6vw;padding-right:6vw}.hero-visual{height:350px}.cards{grid-template-columns:1fr}.section-head{margin-bottom:45px}.service-list article{grid-template-columns:50px 1fr}.profile{grid-template-columns:1fr}.monogram{width:80px;height:95px}.buttons{flex-direction:column}.btn{width:100%}}

/* V2 additions */
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe4df;margin-top:55px;border:1px solid #dfe4df}.proof-strip span{background:#fff;padding:24px 20px;font-size:11px;color:#6b7773}.proof-strip b{display:block;color:#18342e;font-size:12px;letter-spacing:.8px;margin-bottom:7px}.flow{background:#f0f3ef}.flow h2{font-size:clamp(38px,5vw,64px);max-width:850px}.flowline{display:grid;grid-template-columns:repeat(6,1fr);margin-top:65px;border-top:1px solid #aebbb6}.flowline div{padding:28px 18px 20px 0;min-height:180px;position:relative}.flowline div:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#2d6a5b}.flowline b,.flowline strong,.flowline small{display:block}.flowline b{font-size:10px;color:#2d6a5b;margin-bottom:30px}.flowline strong{font:600 16px/1.3 Manrope}.flowline small{font-size:10px;line-height:1.5;color:#6c7975;margin-top:9px}.contact-note{display:block;margin-top:18px;color:#9fc0b5;letter-spacing:1px;font-size:9px}.nav{box-shadow:0 8px 28px rgba(10,35,29,.025)}.hero-visual:after{content:"PGA  •  PGLA";position:absolute;right:24px;top:22px;color:#87a99e;font-size:9px;letter-spacing:2px}.cards article{transition:background .2s ease}.cards article:hover{background:#102b25}.service-list article{transition:padding .2s ease}.service-list article:hover{padding-left:12px}
@media(max-width:850px){.proof-strip{grid-template-columns:1fr 1fr}.flowline{grid-template-columns:1fr 1fr}.flowline div{min-height:150px}}
@media(max-width:520px){.proof-strip,.flowline{grid-template-columns:1fr}.flowline{border-top:0}.flowline div{border-top:1px solid #aebbb6}.statement{padding-left:7vw;padding-right:7vw}}

.profile p + p{margin-top:14px}.profile .metrics{flex-wrap:wrap}.profile .metrics span{min-width:150px}

/* v4 hero photography */
.hero-photo{background:#eef0f5}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-photo:after{content:"PGA  •  PGLA";position:absolute;right:24px;top:22px;color:#7650a8;font-size:9px;letter-spacing:2px;background:rgba(255,255,255,.78);padding:7px 9px;border-radius:2px}
.hero h1 span{color:#7551a8}.logo span{color:#7551a8}.tags b{border-color:#d8cdea}.solid{background:#123e34}.overline{color:#69527f}
