/* Reference images already include their own typography. This layer prevents duplicate copy from overlapping them. */
body{background:#031e31}
.site-header{left:50%;transform:translateX(-50%);max-width:860px;padding:14px 24px;background:rgba(3,30,49,.92);mix-blend-mode:normal;gap:24px}
.hash-nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.hash-nav::-webkit-scrollbar{display:none}.hash-nav a{color:#d8edf5;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.05em;transition:color .2s ease}.hash-nav a:hover,.hash-nav a:focus-visible{color:#fff}
section,footer{scroll-margin-top:62px}
main{width:min(100%,860px);margin:0 auto;background:#fff;box-shadow:0 0 56px rgba(0,0,0,.32)}
.section-image,.hero,.intro,.process,.impact,.closing{min-height:0}
.section-image>img{position:relative;inset:auto;display:block;width:100%;height:auto;opacity:1;object-fit:initial}
.hero-copy,.section-copy,.closing-copy{display:none}
.difference{display:block;min-height:0}.difference-head,.section-title{display:none}.difference-image img{display:block;width:100%;height:auto;object-fit:initial}
.collection{padding:0}.product-stack{display:block;gap:0}.product-stack article{margin:0}.product-stack img{width:100%;height:auto;object-fit:initial}
footer{max-width:860px;margin:0 auto;padding:30px 28px;background:#031e31}
@media(max-width:860px){.site-header{width:100%;padding:12px 16px;align-items:center}.site-header .brand{font-size:22px;flex:0 0 auto}.hash-nav{justify-content:flex-start;gap:12px}.hash-nav a{font-size:9px}}