/* Tanqu visual system: original folded-T mark, quiet palette, editorial English type.
   Fonts: DM Sans and Newsreader, self-hosted under the SIL Open Font License. */
@font-face{font-family:"DM Sans";src:url("/assets/fonts/dm-sans-latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/assets/fonts/newsreader-latin.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
:root{--ivory:#f5f1e9;--paper:#faf8f4;--green:#29483a;--green-dark:#20392e;--tan:#b9966a;--line:#dcd8cd;--muted:#565f58;--font-body:"DM Sans","Helvetica Neue",Arial,sans-serif;--font-display:"Newsreader",Georgia,serif}
body{font-family:var(--font-body);line-height:1.58}
h1,h2{font-family:var(--font-display);font-weight:500;letter-spacing:-.025em;line-height:1.07}
h3{line-height:1.25}
.brand,.footer-brand{display:inline-flex;align-items:center;flex-direction:row;gap:.45rem;font-family:var(--font-body);font-size:1.65rem;font-weight:700;letter-spacing:-.07em;line-height:1}
.brand:after{display:none}
.brand img,.footer-brand img{display:block;flex:none;width:2.3rem;height:2.3rem}
.brand-dot{color:#987048}
.footer-brand{color:#f5f1e9;margin-bottom:.85rem}
.footer-brand img{background:#f5f1e9;border-radius:5px;padding:2px}
.footer-brand .brand-dot{color:#e1c49b}
.site-header{background:rgba(250,248,244,.97)}
.site-nav a{letter-spacing:.008em}
.nav-cta{border-radius:3px}
.menu-toggle{min-width:44px;min-height:44px}
.button{border-radius:3px;font-weight:600;letter-spacing:.01em}
.eyebrow{letter-spacing:.14em}
.page-intro h1,.about-hero__copy h1{max-width:900px}
.product-card h3,.application-card__text h3,.quote,.value-statement,.custom-grid__quote{font-family:var(--font-display)}
.site-footer{border-top:1px solid rgba(255,255,255,.12)}
/* Home: one linen-toned gallery instead of four conflicting image treatments. */
.landing-hero__visual{gap:8px;background:#e7e1d5}
.landing-hero__image--stripe{object-fit:cover;object-position:50% 38%;background:#e8e2d7;padding:0}
.landing-hero__copy{background:linear-gradient(122deg,#203b30 4%,#29483a 57%,#395448 100%)}
.landing-hero__copy h1{font-size:clamp(3.15rem,5.3vw,5.6rem);max-width:1120px;letter-spacing:-.03em;line-height:1.02}
.landing-hero__copy p{max-width:650px;line-height:1.55}
.hero-highlight{color:#e7c99c;background:linear-gradient(95deg,#f6f1e7 10%,#e5c28d 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.home-products{background:#f6f3ed}
.home-products .section-head h2{max-width:750px}
.home-products .section-head p{font-size:1rem;line-height:1.6;color:#465349}
.home-product-grid{gap:1.3rem}
.home-product{background:#faf8f4;border:1px solid #dad4c8;border-radius:4px;box-shadow:0 8px 28px rgba(35,54,43,.035)}
.home-product figure{height:clamp(270px,28vw,365px);padding:1.1rem;background:#eae5da;position:relative}
.home-product figure:after{content:"";position:absolute;inset:1.1rem;pointer-events:none;background:rgba(209,190,162,.12);mix-blend-mode:multiply}
.home-product img,.home-product:first-child img,.home-product:nth-child(2) img,.home-product:nth-child(3) img,.home-product:nth-child(4) img{display:block;width:100%;height:100%;padding:0;object-fit:contain;object-position:center;background:#eae5da;filter:saturate(.76) contrast(.98) sepia(.08);transition:transform .45s,filter .45s}
.home-product:hover img{transform:scale(1.02);filter:saturate(.88) contrast(.99) sepia(.04)}
.home-product__caption{min-height:104px;padding:1.25rem 1.45rem 1.35rem;border-top:1px solid #e6e0d5}
.home-product:first-child figure{background:#e9e3d7}
.home-product:first-child img{object-fit:contain;background:#e9e3d7;filter:none}
.home-product:nth-child(2) figure{background:#ece6db}
.home-product:nth-child(2) img{object-fit:cover;background:#ece6db;filter:none}
.home-product:first-child:hover img,.home-product:nth-child(2):hover img{filter:none}
/* Carry the reference's image-led modular rhythm into the real detail pages. */
.page-intro{background:linear-gradient(138deg,#f9f6ef 0%,#f1ece2 100%)}
.page-intro h1{max-width:930px;line-height:1.05}
.product-hero{gap:1rem}
.product-hero__feature,.product-hero__stack figure{background:#eae4d8;border:1px solid #e5dfd3}
.product-hero--canvas-bags .product-hero__feature{background:#eae4d8}
.product-hero--canvas-bags .product-hero__feature img{object-fit:contain;object-position:center;padding:0;background:#eae4d8}
.product-hero figcaption{background:rgba(250,248,244,.94);color:#29483a}
.product-intro,.option-grid,.specs,.gallery{color:#35483b}
.option{border-top:2px solid #b9966a}
.gallery figure{background:#faf8f4;border-color:#ded8cc}
.gallery figcaption{color:#29483a}
.cta-band{background:linear-gradient(115deg,#213c31,#355548)}
/* A quiet background/color system across the full set of site modules. */
.section--paper{background:#f6f2eb}
.section--soft{background:#ece7dc}
.home-products{background:#f6f2eb}
.home-why{background:#ebe6da}
.home-why__image{border:8px solid #faf8f4}
.home-contact{background:linear-gradient(115deg,#213c31,#355548)}
.home-product__caption h3{font-family:var(--font-display);font-weight:500;font-size:clamp(1.55rem,2.25vw,2.1rem);line-height:1.1;letter-spacing:-.02em}
.home-product__caption span:not(.home-product__arrow){font-size:.7rem;color:#755a3e;letter-spacing:.1em}
.home-product__arrow{transition:background .2s,color .2s}
.home-product:hover .home-product__arrow{background:var(--green);color:#f6f3ed}
.home-why{background:#eeeae2}
.home-why__story>p{max-width:580px;line-height:1.65}
.home-contact{background:linear-gradient(120deg,#213c31,#345244)}
.home-contact h2{max-width:700px}
@media(max-width:760px){.brand{font-size:1.45rem}.brand img{width:2.05rem;height:2.05rem}.landing-hero__copy h1{font-size:clamp(2.8rem,9vw,4.5rem)}.home-product figure{height:250px}.home-product__caption{min-height:108px}}
@media(max-width:520px){.landing-hero__visual{gap:4px}.landing-hero__copy h1{font-size:clamp(2.55rem,10.2vw,3.45rem)}.home-product-grid{gap:1rem}.home-product figure{height:280px;padding:.8rem}.home-product figure:after{inset:.8rem}.home-product__caption{min-height:0}.home-product__caption h3{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.home-product img,.home-product__arrow{transition:none}}
