.pet-page .site-header { position: absolute; }
.pet-page h2 { font-size: clamp(48px, 5.5vw, 84px); }
.pet-hero { min-height: 820px; padding: 150px 7vw 70px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 7vw; align-items: center; background: linear-gradient(135deg,#ffffff 0%,#d1d1d1 100%); }
.pet-hero-copy { max-width: 700px; }
.pet-hero h1 { font-size: clamp(60px, 6.3vw, 104px); }
.pet-hero-copy > p:last-child { max-width: 590px; margin: 34px 0 0; color: #4e4e4e; font-size: 18px; line-height: 1.65; }
.back-link { display: inline-block; margin-bottom: 70px; padding-bottom: 5px; border-bottom: 1px solid #292929; font-size: 12px; }
.pet-hero-visual { position: relative; height: 580px; overflow: hidden; background: transparent; }
.pet-hero-visual img { object-fit: contain; transform: scale(1.24); filter: contrast(1.06) saturate(.96); }
.pet-hero-visual > div { position: absolute; right: 0; bottom: 0; width: 210px; height: 145px; padding: 23px; display: flex; flex-direction: column; justify-content: space-between; background: #c1ff72; }
.pet-hero-visual span { font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.pet-hero-visual strong { font: 600 27px var(--display); }
.pet-definition { background: #ffffff; }
.pet-definition-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10vw; }
.pet-definition-grid .lead { margin-top: 0; color: #292929; font-size: 24px; line-height: 1.45; }
.pet-definition-grid div p:last-child { color: #4e4e4e; line-height: 1.75; }
.pet-construction { background: #d1d1d1; }
.layer-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 9vw; align-items: center; }
.layer-stack { min-height: 520px; display: flex; flex-direction: column; justify-content: center; perspective: 1100px; }
.layer { height: 78px; margin-top: -17px; padding: 24px 30px; border: 1px solid rgba(41,41,41,.22); box-shadow: 0 18px 28px rgba(41,41,41,.12); transform: rotateX(58deg) rotateZ(-7deg); font-size: 11px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.layer-finish { z-index: 4; background: #c1ff72; }
.layer-bond { z-index: 3; background: #ffffff; }
.layer-core { z-index: 2; height: 125px; background: #4e4e4e; color: #ffffff; }
.layer-balance { z-index: 1; background: #292929; color: #ffffff; }
.layer-notes { margin: 0; padding: 0; list-style: none; }
.layer-notes li { display: grid; grid-template-columns: 48px 1fr; padding: 22px 0; border-top: 1px solid rgba(41,41,41,.2); }
.layer-notes span,.performance-grid span { color: #4e4e4e; font-size: 10px; }
.layer-notes h3,.performance-grid h3 { margin: 0 0 8px; font: 600 18px var(--display); }
.layer-notes p,.performance-grid p { margin: 0; color: #4e4e4e; font-size: 13px; line-height: 1.55; }
.pet-performance { background: #ffffff; }
.performance-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.performance-grid article { min-height: 270px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.performance-grid h3 { margin-top: 80px; }
.pet-comparison { background: #d1d1d1; }
.comparison-table { border-top: 1px solid rgba(41,41,41,.2); }
.comparison-table article { display: grid; grid-template-columns: .8fr 1.3fr .9fr; gap: 4vw; padding: 30px 0; border-bottom: 1px solid rgba(41,41,41,.2); align-items: start; }
.comparison-method { display: grid; grid-template-columns: 35px 1fr; gap: 12px; }
.comparison-method span { padding-top: 4px; color: #4e4e4e; font-size: 10px; }
.comparison-method h3 { margin: 0; font: 600 18px/1.3 var(--display); }
.comparison-benefits p { margin: 0 0 10px; color: #4e4e4e; font-size: 13px; line-height: 1.55; }
.comparison-use { padding: 20px; background: #ffffff; }
.comparison-use span { display: block; margin-bottom: 14px; color: #4e4e4e; font-size: 9px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.comparison-use strong { font: 500 14px/1.5 var(--display); }
.comparison-disclaimer { max-width: 760px; margin: 25px 0 0 auto; color: #4e4e4e; font-size: 11px; line-height: 1.6; }
.pet-eb { display: grid; grid-template-columns: 1.08fr .92fr; padding: 0; background: #4e4e4e; color: #ffffff; }
.pet-eb-image { min-height: 720px; }
.pet-eb-copy { padding: 100px 7vw; display: flex; flex-direction: column; justify-content: center; }
.pet-eb-copy h2 { margin-bottom: 32px; }
.pet-eb-copy > p:not(.eyebrow) { color: rgba(255,255,255,.7); line-height: 1.7; }
.pet-eb-copy .pet-note { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.2); font-size: 12px; }
.pet-applications { background: #ffffff; }
.pet-use-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.pet-use-grid div { min-height: 120px; padding: 24px; display: flex; align-items: flex-end; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font: 500 18px var(--display); }
.care-row { margin-top: 70px; padding-top: 35px; display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; border-top: 1px solid var(--line); }
.care-row h3 { margin: 0; font: 500 42px var(--display); }
.care-row > p { color: #4e4e4e; line-height: 1.7; }
.pet-cta { text-align: center; background: #292929; color: #ffffff; }
.pet-cta .eyebrow { justify-content: center; color: rgba(255,255,255,.7); }
.pet-cta h2 { font-size: clamp(60px,7vw,106px); }
.pet-cta > p:not(.eyebrow) { max-width: 540px; margin: 30px auto; color: rgba(255,255,255,.68); line-height: 1.65; }

.tech-learn { margin-top: 34px; }

@media(max-width:900px){.pet-hero,.pet-definition-grid,.layer-layout,.pet-eb{grid-template-columns:1fr}.pet-hero{padding-top:130px}.pet-hero-visual{height:500px}.performance-grid{grid-template-columns:1fr 1fr}.comparison-table article{grid-template-columns:1fr 1.4fr}.comparison-use{grid-column:2}.pet-use-grid{grid-template-columns:1fr 1fr}.pet-eb-image{min-height:560px}}
@media(max-width:600px){.pet-hero{padding:120px 6vw 65px;min-height:auto}.back-link{margin-bottom:45px}.pet-hero h1{font-size:53px}.pet-hero-visual{height:390px}.pet-definition-grid,.layer-layout{gap:50px}.performance-grid,.pet-use-grid,.care-row,.comparison-table article{grid-template-columns:1fr}.comparison-use{grid-column:auto}.performance-grid article{min-height:220px}.pet-eb-copy{padding:80px 6vw}.pet-eb-image{min-height:420px}.pet-hero-visual>div{width:175px;height:120px}.layer-stack{min-height:420px}}