.vg-leather{--vg-clay:#9a4c2e;--vg-cream:#f8f6ef}.vg-leather h2{font-size:clamp(34px,4.2vw,62px);line-height:1.1;margin:12px 0 24px}.vg-leather h2 em{color:var(--vg-clay);font-weight:400}.vg-leather h3{font-size:25px;font-weight:400;line-height:1.2}.vg-leather-hero,.vg-split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,76px);align-items:center}.vg-leather-hero{padding:8px 0 48px}.vg-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:26px 0}.vg-note{font-size:13px!important;line-height:1.65!important;color:#636457;max-width:880px}.vg-image{background-image:url('assets/leather/materials.jpg');background-repeat:no-repeat;background-color:#eee6d8;box-shadow:12px 16px 30px #82735820;overflow:hidden}.vg-tag-image{aspect-ratio:1.3;background-size:310% auto;background-position:99% 77%;border-radius:47% 53% 42% 58% / 54% 40% 60% 46%;transform:rotate(-3deg)}.vg-sewn-image{aspect-ratio:1.25;background-size:320% auto;background-position:50% 76%;border-radius:58% 42% 51% 49% / 43% 56% 44% 57%}.vg-ribbon{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;border-block:1px solid #cec4b5;padding:20px 0;font-size:12px;letter-spacing:.09em;text-transform:uppercase}.vg-section{padding:65px 0}.vg-materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:38px 0 26px}.vg-materials article p{font-size:15px}.vg-swatch{aspect-ratio:1.2;background-size:480% auto;border-radius:48% 52% 59% 41% / 60% 43% 57% 40%}.vg-swatch-natural{background-position:3.5% 31%}.vg-swatch-carnauba{background-position:34% 31%;border-radius:57% 43% 46% 54% / 43% 57% 43% 57%}.vg-swatch-buffalo{background-position:65.5% 31%;border-radius:41% 59% 53% 47% / 54% 42% 58% 46%}.vg-swatch-italian{background-position:97% 31%}.vg-workshop-image{aspect-ratio:2.55;background-image:url('assets/leather/workshop.jpg');background-size:105% auto;background-position:50% 37%;border-radius:46% 54% 42% 58% / 28% 34% 66% 72%;margin:32px 0 20px}.vg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.vg-steps article{border-top:2px solid #c78156}.vg-steps p{font-size:15px}.vg-faq{max-width:900px}.vg-faq details{border-bottom:1px solid #d8cdbd;padding:19px 0}.vg-faq summary{cursor:pointer;font-size:19px}.vg-leather-cta{text-align:center;background:#eee5d7;border-radius:48% 52% 45% 55% / 22% 24% 76% 78%;padding:65px 14%;margin:28px 0 70px;box-shadow:14px 16px 30px #d8cfc360,-10px -10px 30px #ffffff}.vg-leather-cta .vg-note{margin:20px auto}.vg-catalog-feature{margin:45px 0;padding:35px;background:#eee5d7;border-radius:28px;display:grid;grid-template-columns:1fr 1.4fr;gap:36px;align-items:center}.vg-catalog-feature h2{margin-top:0}.vg-catalog-feature .vg-image{min-height:230px}.vg-form{max-width:920px;margin:0 auto 60px}.vg-form form{padding:clamp(22px,4vw,48px);background:#eee8dc;border-radius:32px;box-shadow:12px 16px 35px #443a2510}.vg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.vg-form label{display:block;font-size:15px;font-weight:600;margin-bottom:20px}.vg-form input:not([type=checkbox]),.vg-form select,.vg-form textarea{display:block;width:100%;box-sizing:border-box;font:inherit;color:#252b25;background:#fffdf7;border:1px solid #aca898;border-radius:12px;padding:13px;margin-top:8px}.vg-form textarea{resize:vertical}.vg-form .vg-consent{display:flex;gap:12px;font-weight:400}.vg-form button{border:0;cursor:pointer}.vg-notice{padding:24px;border:2px solid #a45a35;border-radius:20px;margin:25px 0}.vg-router{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0 60px}.vg-router a{display:block;padding:26px;border:1px solid #d8cdbd;border-radius:22px;background:#eee8dc;text-decoration:none}.vg-router a:hover{background:#e4d9c8}.vg-router strong{display:block;font:25px Georgia,serif}.vg-router span{display:block;font-size:14px;margin-top:10px}.vg-form a:focus-visible,.vg-faq summary:focus-visible{outline:3px solid #a44828;outline-offset:5px}@media(max-width:900px){.vg-materials{grid-template-columns:1fr 1fr}.vg-leather-hero,.vg-split{gap:30px}.vg-steps{gap:22px}}@media(max-width:650px){.vg-leather-hero,.vg-split,.vg-catalog-feature,.vg-steps,.vg-form-grid,.vg-router{grid-template-columns:1fr}.vg-leather-hero h2{font-size:42px}.vg-section{padding:38px 0}.vg-materials{gap:18px}.vg-materials h3{font-size:21px}.vg-workshop-image{aspect-ratio:1.6;background-size:150% auto;background-position:40% 36%;border-radius:43% 57% 46% 54% / 26% 33% 67% 74%}.vg-leather-cta{padding:45px 28px;border-radius:44% 56% 42% 58% / 13% 15% 85% 87%}.vg-catalog-feature{padding:24px}.vg-ribbon{gap:12px;justify-content:flex-start}}
/* Keep embedded board captions outside the photographic crops. */
.vg-swatch-natural,.vg-swatch-carnauba,.vg-swatch-buffalo,.vg-swatch-italian{background-position-y:26%}.vg-sewn-image{aspect-ratio:1.43;background-position-y:78%}.vg-workshop-image{aspect-ratio:2.8;background-size:100% auto;background-position:50% 31%}@media(max-width:650px){.vg-workshop-image{aspect-ratio:2.8;background-size:100% auto;background-position:50% 31%}}

/* Individual samples have generous cream margins so the physical tags stay inside each irregular oval. */
.vg-swatch{background-size:cover;background-position:center}
.vg-swatch-natural{background-image:url('assets/leather/natural.jpg')}
.vg-swatch-carnauba{background-image:url('assets/leather/carnauba.jpg')}
.vg-swatch-buffalo{background-image:url('assets/leather/buffalo.jpg')}
.vg-swatch-italian{background-image:url('assets/leather/italian.jpg')}
.vg-hide-feature{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:center}
.vg-hide-feature .vg-note{margin-top:18px}
.vg-hide-label{aspect-ratio:1.1;background-image:url('assets/leather/genuine-tag.jpg');background-size:92% auto;background-position:center;border-radius:48% 52% 44% 56% / 52% 43% 57% 48%;background-color:#f8f5ee}
.vg-workshop-image{aspect-ratio:1.7;background-image:url('assets/leather/display.jpg');background-color:#f4ece0;background-size:90% auto;background-position:center;border-radius:45% 55% 48% 52% / 41% 47% 53% 59%}
@media(max-width:650px){.vg-hide-feature{grid-template-columns:1fr}.vg-hide-label{max-width:500px;width:100%;margin-inline:auto}.vg-workshop-image{aspect-ratio:1.3;background-size:95% auto;background-position:center}}

/* Approved wide-field revisions: important subjects stay centered inside the organic masks. */
.vg-hide-label{background-image:url('assets/leather/genuine-tag.jpg');background-size:cover;background-position:center}
.vg-workshop-image{background-image:url('assets/leather/display.jpg');background-size:cover;background-position:center}
@media(max-width:650px){.vg-hide-label,.vg-workshop-image{background-size:cover;background-position:center}}

/* A narrow phone needs room for the full leather sample and its description. */
@media(max-width:420px){
 .vg-materials{grid-template-columns:1fr;gap:30px}
 .vg-materials article{min-width:0}
 .vg-materials .vg-swatch{width:min(100%,260px);aspect-ratio:1.35;margin-inline:auto}
 .vg-materials h3,.vg-materials article p{text-align:center}
}
