.dsg{--dsg-font-heading: var(--font-heading-family, var(--font-body-family, Lato, sans-serif));--dsg-font-body: var(--font-body-family, Lato, sans-serif);font-family:var(--dsg-font-body)}.dsg__hero{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#e9e4dd}.dsg__hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dsg__hero-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(135deg,#7c93b0 0px 3px,#6a80a0 3px 6px)}.dsg__hero-overlay{position:relative;z-index:2;text-align:center;padding:0 24px}.dsg__hero-title{font-family:var(--dsg-font-heading);font-weight:700;font-size:clamp(32px,5vw,56px);letter-spacing:.02em;color:#fff;margin:0;text-shadow:0 1px 12px rgba(0,0,0,.25)}.dsg__intro{max-width:680px;margin:56px auto;padding:0 24px;text-align:center;font-size:15px;line-height:1.7}.dsg__intro p{margin:0}.dsg__rows{display:flex;flex-direction:column;gap:72px;padding:0 24px 80px;max-width:1280px;margin:0 auto}.dsg__row{display:flex;flex-wrap:nowrap;align-items:center;gap:48px;scroll-margin-top:var(--dsg-scroll-offset, 100px)}.dsg__row-image{flex:0 0 calc(64% - 24px);max-width:760px}.dsg__row-image img{display:block;width:100%;height:auto;aspect-ratio:3 / 4.3;object-fit:cover}.dsg__row-image-placeholder{width:100%;aspect-ratio:3 / 4.3;background:#f0ede8;border:1px dashed #c9c2b8;display:flex;align-items:center;justify-content:center;color:#9a9187;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.dsg__row-details{flex:0 0 calc(36% - 24px);max-width:380px}.dsg__row-name{font-family:var(--dsg-font-heading);font-weight:700;font-size:24px;margin:0 0 12px;scroll-margin-top:var(--dsg-scroll-offset, 100px)}.dsg__row-description{font-size:14px;line-height:1.6;margin:0 0 28px;color:var(--dsg-text);opacity:.85}.dsg__sizes{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}.dsg__size{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.6;border-radius:6px;padding:6px 12px;margin:-6px -12px;transition:background-color .15s ease}.dsg__size strong{font-size:14px;font-weight:600}.dsg__size span{opacity:.75}.dsg__size.is-recommended{background-color:#e5f1f7}.dsg__row-button{display:inline-block;font-size:13px;letter-spacing:.03em;text-transform:uppercase;text-decoration:underline;color:var(--dsg-accent)}.dsg__cropped-link{display:block;margin:10px 0 0;font-family:var(--dsg-font-body);font-size:12px;line-height:1.5;letter-spacing:.01em;text-decoration:underline;color:inherit;opacity:.65;cursor:pointer;transition:opacity .15s ease}.dsg__cropped-link:hover,.dsg__cropped-link:focus-visible{opacity:1}@media(max-width:749px){.dsg__hero{height:360px!important}.dsg__rows{gap:56px}.dsg__row{flex-direction:column;gap:20px}.dsg__row-image,.dsg__row-details{flex:1 1 100%;max-width:100%}.dsg__row-image{margin:0 -24px;width:calc(100% + 48px);max-width:calc(100% + 48px)}.dsg__row-image img,.dsg__row-image-placeholder{aspect-ratio:3 / 4}}.dsg__measure-trigger-wrap{text-align:center;margin:-24px auto 40px}.dsg__measure-trigger{background:none;border:none;border-bottom:1px solid currentColor;font-family:var(--dsg-font-body);font-size:13px;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;color:inherit;padding:0 0 2px}.dsg__measure-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}.dsg__measure-modal.is-open{display:flex}.dsg__measure-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.dsg__measure-modal-panel{position:relative;background:#fff;color:#1a1a1a;max-width:480px;width:100%;max-height:80vh;overflow-y:auto;padding:40px 32px}.dsg__measure-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:inherit}.dsg__measure-modal-title{font-family:var(--dsg-font-heading);font-weight:700;font-size:24px;margin:0 0 16px}.dsg__measure-modal-intro{font-size:14px;line-height:1.6;margin-bottom:24px}.dsg__measure-modal-intro p{margin:0}.dsg__measure-single{border-top:1px solid #e3ddd2;padding-top:20px}.dsg__measure-copy{margin-bottom:18px}.dsg__measure-diagram{margin:0 0 20px;text-align:center}.dsg__measure-diagram svg{display:block;width:100%;max-width:190px;height:auto;margin:0 auto;color:inherit;opacity:.85}.dsg__measure-diagram img{display:inline-block;width:100%;max-width:220px;max-height:320px;height:auto;object-fit:contain;margin:0 auto;background:#fff}.dsg__measure-field label{display:block;font-size:12px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:8px;opacity:.7}.dsg__measure-field input{display:block;width:100%;padding:11px 12px;font-family:var(--dsg-font-body);font-size:15px;color:#1a1a1a;background:#fff;border:1px solid #d8d2c6;border-radius:4px;-moz-appearance:textfield}.dsg__measure-field input:focus{outline:none;border-color:#1a1a1a}.dsg__measure-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-top:14px;font-size:12px;letter-spacing:.02em;opacity:.7}.dsg__measure-summary-label{font-weight:700;text-transform:uppercase;letter-spacing:.03em;opacity:1}.dsg__measure-summary-item{white-space:nowrap}.dsg__faq{max-width:480px;margin:0 auto 56px;padding:0 24px;text-align:center}.dsg__faq-heading{display:inline-block;background:none;border:none;border-bottom:1px solid currentColor;font-family:var(--dsg-font-body);font-weight:400;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:inherit;padding:0 0 2px;margin:0;cursor:pointer}.dsg__faq-list{display:none;margin-top:28px;text-align:left}.dsg__faq-list.is-open{display:block}.dsg__faq-accordion{text-align:left;border-top:1px solid #e3ddd2}.dsg__faq-item{border-bottom:1px solid #e3ddd2}.dsg__faq-item-toggle{width:100%;text-align:left;background:none;border:none;padding:14px 0;font-family:var(--dsg-font-body);font-weight:400;font-size:13px;letter-spacing:.01em;line-height:1.5;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;color:inherit}.dsg__faq-item-toggle span{flex:1 1 auto}.dsg__faq-item-toggle:after{content:"+";font-size:16px;line-height:1;flex-shrink:0}.dsg__faq-item.is-open .dsg__faq-item-toggle:after{content:"\2212"}.dsg__faq-item-content{display:none;padding:0 0 16px;font-size:14px;line-height:1.6}.dsg__faq-item-content p{margin:0 0 10px}.dsg__faq-item-content p:last-child{margin-bottom:0}.dsg__faq-item.is-open .dsg__faq-item-content{display:block}
/*# sourceMappingURL=/cdn/shop/t/27/assets/denim-size-guide.css.map */
