.af-hero--portrait{padding:0;border-top:0;background:#000;color:#fff;--af-portrait-sans: "AFTERS Roboto",Arial,sans-serif}.af-portrait-wrap{width:min(960px,100%);margin-inline:auto;padding-block:clamp(22px,5vw,36px) clamp(30px,6vw,54px)}.af-portrait-stats{position:relative;display:flex;justify-content:center;gap:0;width:58%;margin:0 auto clamp(25px,6.5vw,47px);padding:0 14px;color:#fff;font-family:var(--af-portrait-sans)}.af-portrait-stats:before,.af-portrait-stats:after{clip-path:polygon(0 0,100% 0,100% 10px,0 10px,0 calc(100% - 10px),100% calc(100% - 10px),100% 100%,0 100%);content:"";position:absolute;top:0;bottom:0;width:10px;border-block:2px solid var(--af-portrait-accent)}.af-portrait-stats:before{left:0;border-left:2px solid var(--af-portrait-accent)}.af-portrait-stats:after{right:0;border-right:2px solid var(--af-portrait-accent)}.af-portrait-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%}.af-portrait-stats>div+div{border-left:1px solid var(--af-portrait-accent)}.af-portrait-stats dd{order:0;margin:0;font-size:clamp(22px,5.1vw,42px);line-height:1.05;font-weight:800}.af-portrait-stats dt{order:1;margin-top:4px;font-size:clamp(10px,2.3vw,18px);line-height:1.1;letter-spacing:.12em;text-transform:uppercase}.af-hero--portrait .af-portrait-title{position:relative;z-index:2;margin:0;padding-inline:20px;color:#fff;font:900 clamp(40px,12vw,108px)/.9 "AFTERS Roboto Condensed",Arial,sans-serif;letter-spacing:.005em;text-align:center;text-transform:uppercase}.af-portrait-title>span,.af-portrait-title>strong{display:block;white-space:nowrap;font-weight:inherit}.af-portrait-title>strong{letter-spacing:.04em;color:var(--af-portrait-accent)}.af-portrait-media{position:relative;width:100%;aspect-ratio:1.45;margin-top:-6px;overflow:hidden}.af-portrait-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%}.af-portrait-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#000,transparent 14%,transparent 72%,#000)}.af-portrait-details{position:relative;z-index:2;margin-top:-2px;padding-inline:clamp(20px,5vw,36px);text-align:center}.af-portrait-description{color:#fff;font:700 clamp(18px,4.45vw,34px)/1.2 var(--af-portrait-sans)}.af-portrait-description p{margin:0}.af-portrait-reviews{display:flex;align-items:center;justify-content:center;gap:clamp(9px,2.3vw,18px);margin-top:clamp(18px,4.3vw,32px);font:700 clamp(15px,3.45vw,27px)/1.15 var(--af-portrait-sans);white-space:nowrap}.af-portrait-stars{display:inline-flex;align-items:center;gap:2px;color:var(--af-portrait-accent)}.af-portrait-stars svg{width:clamp(16px,3.8vw,29px);height:clamp(16px,3.8vw,29px);fill:currentColor}.af-portrait-review-count{margin-left:clamp(4px,1.5vw,12px);padding-left:clamp(14px,4.8vw,35px);border-left:1px solid #aaa;font:400 clamp(12px,2.9vw,24px)/1.2 "AFTERS Roboto Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.af-hero--portrait .af-portrait-button{display:flex;width:100%;margin-top:clamp(20px,4.5vw,32px);min-height:clamp(54px,13.2vw,96px);padding:15px clamp(14px,5vw,36px) 15px clamp(20px,9vw,64px);gap:18px;border-radius:clamp(8px,1.8vw,14px);background:var(--af-portrait-accent);color:#fff;font:800 clamp(18px,4.7vw,37px)/1.2 var(--af-portrait-sans);text-transform:uppercase;white-space:nowrap}.af-hero--portrait .af-portrait-button:hover{background:#bf0018}.af-portrait-button svg{margin-left:auto;width:clamp(25px,6vw,43px);height:clamp(25px,6vw,43px);flex-shrink:0}.af-portrait-reassurance{display:flex;justify-content:center;align-items:center;gap:clamp(14px,4.8vw,36px);margin-top:clamp(18px,4.6vw,34px);color:#eee}.af-portrait-reassurance>div{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,22px)}.af-portrait-reassurance>div+div{padding-left:clamp(14px,4.4vw,33px);border-left:1px solid #777}.af-portrait-reassurance svg{width:clamp(32px,7.5vw,56px);height:clamp(32px,7.5vw,56px);flex-shrink:0}.af-portrait-package{display:flex}.af-portrait-package svg{fill:currentColor}.af-portrait-reassurance span:not(.af-portrait-package){text-align:left;font:400 clamp(10px,2.25vw,18px)/1.5 "AFTERS Roboto Mono",monospace;letter-spacing:.07em;text-transform:uppercase}.af-portrait-reassurance:empty{display:none}.af-store .af-header--portrait{padding-top:clamp(8px,2vw,15px)}.af-store .af-header--portrait .af-header-inner{width:min(1280px,calc(100% - clamp(36px,8.9vw,64px)));min-height:clamp(58px,11.4vw,82px);padding:10px clamp(14px,3.8vw,28px);border-radius:11px;background:#050505}.af-store .af-header--portrait .af-wordmark{font:500 clamp(22px,5vw,36px)/1.05 "AFTERS Roboto",Arial,sans-serif;letter-spacing:.27em}.af-store .af-header--portrait .af-wordmark small{margin-top:5px;font:500 clamp(8px,1.9vw,14px)/1.2 "AFTERS Roboto",Arial,sans-serif;letter-spacing:.22em}.af-header--portrait .af-header-actions{gap:clamp(12px,2.6vw,22px)}.af-header--portrait .af-cart-link svg{width:clamp(24px,5.5vw,40px);height:clamp(24px,5.5vw,40px)}.af-header--portrait .af-cart-count{min-width:clamp(24px,5vw,36px);height:clamp(24px,5vw,36px);padding:2px;font:800 clamp(13px,2.8vw,20px)/1 "AFTERS Roboto",sans-serif}.af-menu{position:relative;padding-left:clamp(12px,3.2vw,24px);border-left:1px solid #555}.af-menu>summary{display:grid;place-items:center;width:clamp(28px,5.6vw,42px);min-height:44px;cursor:pointer;list-style:none;color:#fff}.af-menu>summary::-webkit-details-marker{display:none}.af-menu>summary svg{display:block;width:clamp(24px,5vw,38px);height:30px}.af-menu-close,.af-menu[open] .af-menu-open{display:none}.af-menu[open] .af-menu-close{display:block}.af-menu-panel{position:absolute;z-index:10;top:calc(100% + 20px);right:-12px;width:min(300px,calc(100vw - 48px));max-height:min(650px,calc(100dvh - 180px));overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid #444;border-radius:8px;background:#090909;box-shadow:0 12px 35px #000}.af-menu-account{margin-top:8px;padding-top:8px;border-top:1px solid #444}.af-menu-panel a{display:block;padding:13px 14px;font:500 15px/1.4 AFTERS Roboto,sans-serif}.af-menu-panel a:hover{background:#241015}@media(min-width:990px){.af-portrait-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"stats media" "title media" "details media";column-gap:32px;align-content:center;width:min(1280px,calc(100% - 96px));min-height:600px;padding-block:32px 42px}.af-portrait-stats{grid-area:stats;width:min(380px,100%);margin:0 0 24px;padding-inline:14px}.af-portrait-stats dd{font-size:32px}.af-portrait-stats dt{font-size:12px}.af-hero--portrait .af-portrait-title{grid-area:title;padding:0;margin-bottom:22px;font-size:clamp(52px,5.6vw,80px);line-height:.98;text-align:left}.af-portrait-title>strong{letter-spacing:.025em}.af-portrait-details{grid-area:details;min-width:0;margin:0;padding:0;text-align:left}.af-portrait-description{font-size:clamp(20px,1.7vw,25px);line-height:1.3}.af-portrait-reviews{justify-content:flex-start;gap:12px;margin-top:22px;font-size:20px}.af-portrait-stars svg{width:22px;height:22px}.af-portrait-review-count{margin-left:4px;padding-left:18px;font-size:15px;letter-spacing:.07em}.af-hero--portrait .af-portrait-button{min-height:64px;margin-top:24px;padding:16px 22px;font-size:clamp(18px,1.6vw,23px);gap:12px;border-radius:9px}.af-portrait-button svg{width:30px;height:30px}.af-portrait-reassurance{justify-content:flex-start;gap:20px;margin-top:22px}.af-portrait-reassurance>div{gap:12px}.af-portrait-reassurance>div+div{padding-left:20px}.af-portrait-reassurance svg{width:38px;height:38px}.af-portrait-reassurance span:not(.af-portrait-package){font-size:11px;line-height:1.5;letter-spacing:.035em}.af-portrait-media{grid-area:media;min-height:480px;align-self:stretch;aspect-ratio:auto;margin:0}.af-portrait-photo{position:absolute;top:0;right:0;bottom:0;left:0;object-position:center 70%}.af-portrait-media:after{background:linear-gradient(180deg,#000,transparent 14%,transparent 88%,#000),linear-gradient(90deg,#000,transparent 8%,transparent 94%,#000)}}@media(max-width:359px){.af-hero--portrait .af-portrait-title{font-size:11.6vw}.af-hero--portrait .af-portrait-button{font-size:4.4vw;gap:8px}.af-portrait-review-count{letter-spacing:.02em}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/af-portrait.css.map */