/* casual page: every selector is owned by one independent section root. */
.yd-casual-hero { background: var(--yd-color-cream); }
.yd-casual-hero__inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); width: min(calc(100% - 2rem), var(--yd-content-width)); margin: 0 auto; padding: clamp(3.5rem, 8vw, 7rem) 0; gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.yd-casual-hero h1 { max-width: 14ch; margin: 0.5rem 0 1.25rem; font-size: clamp(2.65rem, 6vw, 5.25rem); font-weight: 500; letter-spacing: -0.035em; }
.yd-casual-hero p:first-child { color: var(--yd-color-burgundy); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; }
.yd-casual-hero a { display: inline-flex; margin: 1.25rem 1rem 0 0; padding: 0.8rem 1.25rem; border: 1px solid var(--yd-color-burgundy); color: var(--yd-color-burgundy); font-weight: 700; text-decoration: none; }
.yd-casual-hero a:hover, .yd-casual-hero a:focus-visible { background: var(--yd-color-burgundy); color: var(--yd-color-white); }
.yd-casual-hero img { display: block; width: 100%; height: auto; background: var(--yd-color-white); object-fit: cover; }
.yd-casual-styles { background: var(--yd-color-white); }
.yd-casual-styles__inner { width: min(calc(100% - 2rem), var(--yd-content-width)); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; }
.yd-casual-styles ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); margin: 2rem 0 0; padding: 0; gap: 1rem; list-style: none; }
.yd-casual-styles li { padding: 1.5rem; border: 1px solid var(--yd-color-sand); background: var(--yd-color-cream); }
.yd-casual-materials { background: var(--yd-color-sand); }
.yd-casual-materials__inner { width: min(calc(100% - 2rem), var(--yd-content-width)); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; }
.yd-casual-materials ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); padding: 0; gap: 1rem; list-style: none; }
.yd-casual-materials li { padding: 1.25rem; background: var(--yd-color-white); }
.yd-casual-customization { background: var(--yd-color-cream); }
.yd-casual-customization__inner { width: min(calc(100% - 2rem), var(--yd-content-width)); margin: 0 auto; padding: clamp(3rem, 7vw, 5.5rem) 0; }
.yd-casual-customization a { color: var(--yd-color-burgundy); font-weight: 700; }
.yd-casual-customization a:hover, .yd-casual-customization a:focus-visible { color: var(--yd-color-burgundy-hover); }
.yd-casual-customization__related-links { margin-top: 1rem; }
.yd-casual-customization__related-links ul { display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem; margin: 0; padding: 0; list-style: none; }
.yd-casual-customization__related-links li { margin: 0; }
.yd-casual-production { background: var(--yd-color-white); }
.yd-casual-production__inner { width: min(calc(100% - 2rem), var(--yd-content-width)); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; }
.yd-casual-production ol { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); margin: 2rem 0 0; padding: 0; gap: 1rem; counter-reset: yd-casual-step; list-style: none; }
.yd-casual-production li { padding: 1.5rem; border-top: 2px solid var(--yd-color-burgundy); background: var(--yd-color-cream); }
.yd-casual-quality { background: var(--yd-color-ink); color: var(--yd-color-white); }
.yd-casual-quality__inner { width: min(calc(100% - 2rem), var(--yd-content-width)); margin: 0 auto; padding: clamp(3rem, 7vw, 5.5rem) 0; }
.yd-casual-quality a { color: var(--yd-color-sand); font-weight: 700; }
.yd-casual-quality a:hover, .yd-casual-quality a:focus-visible { color: var(--yd-color-white); outline-color: var(--yd-color-sand); }
.yd-casual-cases { background: var(--yd-color-cream); }
.yd-casual-cases__inner { display: grid; width: min(calc(100% - 2rem), var(--yd-content-width)); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; gap: 1.5rem; }
.yd-casual-cases img { display: block; width: 100%; height: auto; background: var(--yd-color-white); object-fit: cover; }
.yd-casual-faq { background: var(--yd-color-white); }
.yd-casual-faq__inner { width: min(calc(100% - 2rem), 52rem); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; }
.yd-casual-faq details { padding: 1.25rem 0; border-top: 1px solid var(--yd-color-sand); }
.yd-casual-faq summary { color: var(--yd-color-ink); font-weight: 700; cursor: pointer; }
.yd-casual-faq summary:focus-visible { outline: 2px solid var(--yd-color-burgundy); outline-offset: 0.25rem; }
.yd-casual-cta { background: var(--yd-color-burgundy); color: var(--yd-color-white); text-align: center; }
.yd-casual-cta__inner { width: min(calc(100% - 2rem), 48rem); margin: 0 auto; padding: clamp(3rem, 7vw, 5.5rem) 0; }
.yd-casual-cta a { display: inline-flex; margin-top: 1rem; padding: 0.85rem 1.35rem; border: 1px solid var(--yd-color-white); color: var(--yd-color-white); font-weight: 700; text-decoration: none; }
.yd-casual-cta a:hover, .yd-casual-cta a:focus-visible { background: var(--yd-color-white); color: var(--yd-color-burgundy); outline-color: var(--yd-color-sand); }