.bns-skin-stories{font-family:var(--font-body-family,BnsSkinAlegreya,Arial,sans-serif);font-size:18px;line-height:1.5;color:var(--bs-body-color);background:var(--bs-body-bg);padding:0 0 36px}.bns-skin-stories *,.bns-skin-stories *:before,.bns-skin-stories *:after{box-sizing:border-box}.bns-skin-stories .container{width:100%;margin:auto;padding:0 24px}.bns-skin-stories .row{display:flex;flex-wrap:wrap;--gutter:24px;margin:calc(var(--gutter)*-1) calc(var(--gutter)/-2) 0}.bns-skin-stories .row>*{padding:0 calc(var(--gutter)/2);margin-top:var(--gutter);width:100%}.bns-skin-stories .g-3{--gutter:16px}.bns-skin-stories .col-lg-4{width:33.333333%}.bns-skin-stories .col-md-6,.bns-skin-stories .col-6{width:50%}.bns-skin-stories .d-flex{display:flex}.bns-skin-stories .justify-content-between{justify-content:space-between}.bns-skin-stories .align-items-center{align-items:center}.bns-skin-stories .gap-2{gap:8px}.bns-skin-stories .gap-3{gap:16px}.bns-skin-stories .text-center{text-align:center}.bns-skin-stories .mb-0{margin-bottom:0}.bns-skin-stories .mb-3{margin-bottom:16px}.bns-skin-stories .mt-1{margin-top:4px}.bns-skin-stories .mt-3{margin-top:16px}.bns-skin-stories .small{font-size:15px}.bns-skin-stories p{margin:0 0 16px}.bns-skin-stories h1,.bns-skin-stories h2,.bns-skin-stories h3{margin-top:0;color:var(--heading);font-family:var(--font-heading-family,BnsSkinAlegreya,Arial,sans-serif);text-transform:none}.bns-skin-stories input,.bns-skin-stories select,.bns-skin-stories textarea,.bns-skin-stories button{font-family:inherit}.bns-skin-stories fieldset{margin:0;padding:0;border:0}.bns-skin-stories .form-label{display:block}.bns-skin-stories .form-control,.bns-skin-stories .form-select{display:block;width:100%;border:1px solid var(--field-border)}.bns-skin-stories textarea{resize:vertical}.bns-skin-stories .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:991.98px){.bns-skin-stories .col-lg-4{width:100%}.bns-skin-stories .container{padding:0 16px}}@media(max-width:767.98px){.bns-skin-stories .col-md-6{width:100%}}@font-face{font-family:BnsSkinAlegreya;src:url(bns-skin-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:BnsSkinAlegreya;src:url(bns-skin-light.woff2) format("woff2");font-weight:300;font-display:swap}.bns-skin-stories{--bs-body-font-family:var(--font-body-family,BnsSkinAlegreya,Arial,sans-serif);--bs-body-color:rgb(var(--color-base-text,33,35,38));--bs-body-bg:rgb(var(--color-base-background,255,255,255));--bs-secondary-color:rgba(var(--color-base-text,33,35,38),.78);--bs-border-color:rgb(var(--color-base-border,242,242,242));--rose:rgb(var(--color-base-accent,255,228,228));--ink:rgb(var(--color-base-text,33,35,38));--heading:rgb(var(--color-base-heading,26,27,24));--surface:rgba(var(--color-base-accent,255,228,228),.35);--field-border:rgba(var(--color-base-text,33,35,38),.6);--focus:var(--ink)}.bns-skin-stories{font-size:18px;-webkit-font-smoothing:antialiased}.bns-skin-stories button,.bns-skin-stories input{font:inherit}.bns-skin-stories button{touch-action:manipulation}.bns-skin-stories [hidden]{display:none!important}.bns-skin-stories .container{max-width:1380px;--bs-gutter-x:48px}.bns-skin-stories .site-header{padding:17.6px 16px;border-bottom:1px solid var(--bs-border-color);background:#fff}.bns-skin-stories .brand-logo{width:145px;height:49px;object-fit:contain}.bns-skin-stories .intro{padding:48px 0 24px}.bns-skin-stories .eyebrow{font-size:13px;letter-spacing:.15em;color:var(--ink);margin-bottom:12.8px}.bns-skin-stories h1,.bns-skin-stories h2,.bns-skin-stories h3{font-family:var(--font-heading-family,BnsSkinAlegreya,Arial,sans-serif);color:var(--heading);font-weight:300;letter-spacing:-.025em}.bns-skin-stories h1{font-size:56px;line-height:1.08;margin-bottom:16px}.bns-skin-stories h2{font-size:25.6px;margin:0}.bns-skin-stories h3{font-size:28px;line-height:1.2;margin-bottom:9.6px}.bns-skin-stories .lead{font-size:19.2px;color:var(--bs-secondary-color)}.bns-skin-stories .mobile-break,.bns-skin-stories .topic-tabs{display:none}.bns-skin-stories .drag-instruction{font-size:16px;color:var(--bs-secondary-color);margin:0 0 32px}.bns-skin-stories .drag-instruction span{font-family:Arial,sans-serif;font-size:20.8px;margin-right:5.6px;color:var(--ink)}.bns-skin-stories .topic-heading{display:flex;gap:11.2px;align-items:center;margin-bottom:16px}.bns-skin-stories .topic-number{font-size:13.6px;border:1px solid var(--field-border);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:var(--ink);flex-shrink:0}.bns-skin-stories .comparison-stage{--position:50%;position:relative;aspect-ratio:1;isolation:isolate;overflow:hidden;border-radius:16px;background:var(--surface)}.bns-skin-stories .comparison-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.bns-skin-stories .comparison-before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.bns-skin-stories .image-labels{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none}.bns-skin-stories .image-labels span{background:var(--bs-body-bg);color:var(--ink);padding:4.8px 13.6px;border-radius:32px;font-size:16px;box-shadow:0 1px 5px #2123260d}.bns-skin-stories .comparison-divider{position:absolute;left:var(--position);top:0;bottom:0;width:2px;background:#fff;transform:translate(-50%);pointer-events:none;box-shadow:0 0 1px var(--ink)}.bns-skin-stories .comparison-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink);border:1px solid var(--ink);box-shadow:0 2px 10px #2123261a;font:25.6px Arial,sans-serif}.bns-skin-stories .comparison-range{position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y;opacity:0}.bns-skin-stories .comparison-range::-webkit-slider-runnable-track{height:48px;background:transparent}.bns-skin-stories .comparison-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:48px;height:48px;border-radius:50%;background:transparent}.bns-skin-stories .comparison-range::-moz-range-track{height:48px;background:transparent}.bns-skin-stories .comparison-range::-moz-range-thumb{width:48px;height:48px;border:0;background:transparent}.bns-skin-stories .comparison-stage:has(.comparison-range:focus-visible){outline:3px solid var(--focus);outline-offset:5px}.bns-skin-stories .comparison-copy{padding:21.6px 4px 0}.bns-skin-stories .comparison-copy p{font-size:17.6px;line-height:1.45;color:var(--bs-secondary-color);margin:0}.bns-skin-stories .illustration-note{font-size:15px;line-height:1.45;color:var(--bs-secondary-color);padding:20.8px 16px;background:var(--surface);border-radius:0;margin:32px 0 40px}.bns-skin-stories .skip-link{position:absolute;left:16px;top:-100px;background:#fff;padding:9.6px 16px;z-index:10;color:var(--ink)}.bns-skin-stories .skip-link:focus{top:16px}.bns-skin-stories button:focus-visible,.bns-skin-stories a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:991.98px){.bns-skin-stories .container{max-width:680px;--bs-gutter-x:32px}.bns-skin-stories .site-header{padding:11.2px 16px}.bns-skin-stories .brand-logo{width:130px;height:44px}.bns-skin-stories .intro{padding:27.2px 0 20px}.bns-skin-stories .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:10.4px}.bns-skin-stories h1{font-size:41.6px;line-height:1.04;margin-bottom:12px}.bns-skin-stories .mobile-break{display:block}.bns-skin-stories .lead{font-size:16.8px;line-height:1.35;max-width:290px;margin-left:auto;margin-right:auto}.bns-skin-stories .topic-tabs{display:grid;grid-template-columns:1fr 1fr 1.2fr;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:0;padding:0;gap:0;margin:4px 0 12.8px}.bns-skin-stories .topic-tab{border:0;background:transparent;color:var(--ink);border-radius:var(--button-radius,0);padding:13.6px 4px;font-size:16px;line-height:1.13;overflow-wrap:normal}.bns-skin-stories .topic-tab.is-active{background:var(--rose);color:var(--ink);box-shadow:inset 0 -2px var(--ink)}.bns-skin-stories .drag-instruction{font-size:15px;margin:0 0 14.4px;line-height:1.3}.bns-skin-stories .drag-instruction span{font-size:18.4px}.bns-skin-stories .topic-heading{display:none}.bns-skin-stories .comparison-stage{border-radius:13.6px}.bns-skin-stories .image-labels{top:12.8px;left:12.8px;right:12.8px}.bns-skin-stories .image-labels span{font-size:15px;padding:4px 12px}.bns-skin-stories .comparison-copy{padding:17.6px 2.4px 0}.bns-skin-stories h3{font-size:26.4px}.bns-skin-stories .comparison-copy p{font-size:17px;line-height:1.4}.bns-skin-stories .illustration-note{margin:22.4px 0 24px;padding:16px 12.8px;font-size:14px}}@media(max-width:359.98px){.bns-skin-stories .container{--bs-gutter-x:24px}.bns-skin-stories .topic-tab{font-size:15px}.bns-skin-stories h1{font-size:37.6px}.bns-skin-stories .drag-instruction{font-size:14px}}@media(prefers-reduced-motion:reduce){.bns-skin-stories *,.bns-skin-stories *:before,.bns-skin-stories *:after{scroll-behavior:auto!important;transition:none!important}}.bns-skin-stories .header-submit{color:var(--ink);text-decoration:none;font-size:16px;border-bottom:1px solid var(--ink);padding:6.4px 0}.bns-skin-stories .skin-stories .intro{padding-bottom:44.8px}.bns-skin-stories .skin-stories .intro .lead{max-width:590px;margin-left:auto;margin-right:auto}.bns-skin-stories .section-intro{margin-bottom:25.6px}.bns-skin-stories .section-intro h2{font-size:40px;line-height:1.12;margin-bottom:12px}.bns-skin-stories .section-intro p:not(.eyebrow){color:var(--bs-secondary-color);max-width:690px;font-size:18.4px;line-height:1.45;margin-bottom:0}.bns-skin-stories .section-intro.text-center p{margin-left:auto;margin-right:auto}.bns-skin-stories .story-section{padding:40px 0;border-top:1px solid var(--bs-border-color)}.bns-skin-stories .photo-topic{font-size:24.8px;margin:0}.bns-skin-stories .example-badge{font-size:14px;padding:3.52px 11.2px;background:var(--rose);color:var(--ink);border-radius:32px;white-space:nowrap}.bns-skin-stories .photo-card .comparison-stage{border-radius:16px}.bns-skin-stories .photo-card h3:not(.photo-topic){font-size:27.2px}.bns-skin-stories .community-empty{padding:24px 27.2px;border:1px dashed var(--field-border);border-radius:0;color:var(--bs-secondary-color);background:var(--bs-body-bg)}.bns-skin-stories .community-comparison .comparison-image{object-fit:contain;background:var(--bs-body-bg)}.bns-skin-stories .community-card h3{font-size:24px;margin-bottom:16px}.bns-skin-stories .community-card p{overflow-wrap:anywhere}.bns-skin-stories .submission-section{background:var(--surface);border-radius:0;padding:44.8px 32px;margin:16px auto 0;max-width:920px;scroll-margin-top:24px}.bns-skin-stories .submission-section h2{font-size:42.4px}.bns-skin-stories .submission-section .section-intro p:not(.eyebrow){max-width:540px}.bns-skin-stories .upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:1.3;border:1px dashed var(--field-border);border-radius:0;background:var(--bs-body-bg);cursor:pointer;position:relative;overflow:hidden;padding:16px;text-align:center}.bns-skin-stories .upload-zone:hover{border-color:var(--ink);background:var(--surface)}.bns-skin-stories .upload-name{font-size:19.2px;color:var(--ink);z-index:1}.bns-skin-stories .upload-plus{font-size:36px;line-height:1;color:var(--ink)}.bns-skin-stories .upload-prompt{font-size:16px;color:var(--bs-secondary-color)}.bns-skin-stories .upload-zone img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--bs-body-bg)}.bns-skin-stories .upload-zone.has-image .upload-name{position:absolute;top:9.6px;left:9.6px;right:9.6px;border-radius:8px;background:rgba(var(--color-base-background,255,255,255),.95);padding:4.8px 3.2px;font-size:16px}.bns-skin-stories .upload-zone.has-image .upload-plus,.bns-skin-stories .upload-zone.has-image .upload-prompt{visibility:hidden}.bns-skin-stories .upload-zone:has(+.upload-input:focus-visible){outline:3px solid var(--focus);outline-offset:4px}.bns-skin-stories .file-name{font-size:14px;line-height:1.3;margin:6.4px 0 0;color:var(--bs-secondary-color);overflow-wrap:anywhere}.bns-skin-stories .remove-image{border:0;border-bottom:1px solid currentColor;background:none;font-size:14px;color:var(--ink);padding:4.8px 0;margin-top:5.6px}.bns-skin-stories .field-help{font-size:15px;color:var(--bs-secondary-color);line-height:1.4;margin:8px 0 0}.bns-skin-stories .form-label{font-size:16.8px;margin-bottom:8px}.bns-skin-stories .optional{font-size:15px;color:var(--bs-secondary-color)}.bns-skin-stories .submission-section .form-control,.bns-skin-stories .submission-section .form-select{font:inherit;font-size:17.6px;border-color:var(--field-border);border-radius:0;background-color:var(--bs-body-bg);color:var(--bs-body-color);padding:12px 12.8px}.bns-skin-stories .submission-section .form-select{padding-right:36px}.bns-skin-stories .submission-section .form-control:focus,.bns-skin-stories .submission-section .form-select:focus{box-shadow:0 0 0 1px var(--focus);outline:2px solid var(--focus);outline-offset:2px;border-color:var(--focus)}.bns-skin-stories .consent-fields{margin:28px 0 16px}.bns-skin-stories .consent-row{display:flex;align-items:flex-start;gap:12.8px;font-size:16px;line-height:1.4;margin-bottom:16px}.bns-skin-stories .consent-row input{width:22px;height:22px;flex-shrink:0;accent-color:var(--ink);margin-top:2px}.bns-skin-stories .consent-row input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.bns-skin-stories .privacy-details{font-size:15px;color:var(--bs-secondary-color);margin:16px 0 24px}.bns-skin-stories .privacy-details summary{color:var(--ink);cursor:pointer;padding:8px 0}.bns-skin-stories .privacy-details p{margin:9.6px 0}.bns-skin-stories .privacy-details summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.bns-skin-stories .submit-story{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:16px 24px;border:var(--button-border-width,1px) solid var(--rose);background:var(--rose);color:rgb(var(--color-base-solid-button-labels,33,35,38));border-radius:var(--button-radius,0);font-family:var(--font-button-family,var(--bs-body-font-family));font-size:var(--font-button-size,12px);font-weight:600;text-transform:uppercase;letter-spacing:.2em;line-height:1.5;cursor:pointer}.bns-skin-stories .submit-story:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--ink)}.bns-skin-stories .submit-story:disabled{opacity:.7;cursor:not-allowed}.bns-skin-stories .submission-footnote{color:var(--bs-secondary-color);font-size:14px;text-align:center;margin:12.8px 0 0}.bns-skin-stories .form-message{padding:20px;border:1px solid var(--field-border);background:var(--bs-body-bg);border-radius:0;overflow-wrap:anywhere;margin-top:16px}.bns-skin-stories .form-message.is-error{background:#fff8f5;border-color:#9e4242;color:#762626}.bns-skin-stories .form-message:focus{outline:3px solid var(--focus);outline-offset:3px}.bns-skin-stories .secondary-button{border:1px solid var(--ink);color:var(--ink);background:var(--bs-body-bg);padding:16px 24px;border-radius:var(--button-radius,0);font-family:var(--font-button-family,var(--bs-body-font-family));font-size:var(--font-button-size,12px);font-weight:600;text-transform:uppercase;letter-spacing:.2em;margin-top:16px}.bns-skin-stories .local-mode{font-size:14px;line-height:1.4;color:#5d4a34;border-left:3px solid #987043;padding:11.2px 13.6px;background:#fff9ec;margin-bottom:19.2px}.bns-skin-stories .form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.bns-skin-stories .page-footer{padding:44.8px 16px;color:var(--bs-secondary-color)}.bns-skin-stories .page-footer p{font-size:25.6px;font-weight:300;margin:0 0 8px}.bns-skin-stories .page-footer span{font-size:14px}@media(max-width:991.98px){.bns-skin-stories .skin-stories .intro{padding-bottom:32px}.bns-skin-stories .skin-stories .intro .lead{max-width:330px}.bns-skin-stories .section-intro h2{font-size:32px}.bns-skin-stories .section-intro p:not(.eyebrow){font-size:16.8px}.bns-skin-stories .story-section{padding:32px 0}.bns-skin-stories .photo-card{margin-bottom:16px}.bns-skin-stories .photo-card .comparison-copy{padding-top:16px}.bns-skin-stories .submission-section{padding:26.4px 16px;border-radius:0}.bns-skin-stories .submission-section h2{font-size:33.6px}.bns-skin-stories .upload-zone{padding:12.8px 6.4px;aspect-ratio:1}.bns-skin-stories .upload-name{font-size:16.8px}.bns-skin-stories .upload-prompt{font-size:15px}.bns-skin-stories .upload-plus{font-size:32px}.bns-skin-stories .submission-section .section-intro{margin-bottom:20px}.bns-skin-stories .community-empty{padding:19.2px;font-size:16.8px}.bns-skin-stories .header-submit{font-size:15px}.bns-skin-stories .submission-footnote{line-height:1.35}.bns-skin-stories .submit-story{padding:16px 9.6px;gap:9.6px}}@media(max-width:359.98px){.bns-skin-stories .submission-section{padding:20.8px 12.8px}.bns-skin-stories .upload-name{font-size:15.2px}.bns-skin-stories .upload-prompt,.bns-skin-stories .header-submit{font-size:14px}.bns-skin-stories .brand-logo{width:116px}.bns-skin-stories .submit-story{letter-spacing:.12em}.bns-skin-stories .section-intro h2{font-size:29.6px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/bns-skin-stories.css.map */