/* Waterloo Atlas: ivory, forest green and editorial type from the original comps. */
:root{--navy:#244a37;--blue:#244a37;--sky:#f2f0e7;--cream:#f4f0e6;--yellow:#b89853;--ink:#243c30;--muted:#697568;--line:#dcded2}
body{background:#faf7f0;color:var(--ink);font-family:Arial,sans-serif}
h1,h2,h3,.atlas-wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em}
#header{background:#faf7f0;border-bottom:1px solid var(--line)}
.atlas-wordmark{font-size:1.65rem;white-space:nowrap;color:var(--navy)}
#header nav a{color:var(--navy)}
.custom-product{padding-top:36px}
.custom-product-grid{gap:clamp(32px,6vw,88px);align-items:start}
.custom-product-grid>*{min-width:0}
.custom-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.field{min-width:0}.field input,.field select,.field textarea{width:100%;min-width:0;max-width:100%}
[data-gallery-src]{display:flex;flex-direction:column;gap:8px;padding:8px;background:transparent;color:var(--ink);border:1px solid var(--line);font-size:.75rem;max-width:100%;min-width:0}
[data-gallery-src] img{width:100%;height:90px;object-fit:contain}
[data-gallery-src][aria-pressed="true"]{border-color:var(--navy);background:#e9eddf}
.custom-gallery-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}
.custom-map-example{background:#f0eee3;padding:clamp(18px,3vw,40px);border:1px solid var(--line)}
.custom-map-example img{box-shadow:0 12px 26px #243c3020}
.custom-map-example figcaption{margin-top:20px;color:var(--muted);font-size:.8rem}
.custom-product-info h1{font-size:clamp(2.6rem,4.6vw,4.3rem);line-height:1.06;max-width:540px}
.custom-product-info .eyebrow{color:#697248;letter-spacing:.14em}
button,.button{background:var(--navy);border-radius:3px;color:#faf7f0}
button:hover,.button:hover{background:#183625}
input{background:#fffef9!important;border-radius:3px!important}
footer{background:var(--navy);color:#faf7f0}footer a,footer .atlas-wordmark{color:#faf7f0}
.hero-shell{background:#f2f0e7}
@media(max-width:620px){.atlas-wordmark{font-size:1.5rem}.header-inner{gap:18px}#header nav{justify-content:flex-start;flex-wrap:wrap;gap:18px}.custom-map-example{padding:18px}.custom-product-info h1{font-size:2.65rem}}