.home main{display:block}.home{--pad:56px;--hc:24px}@media(min-width:768px){.home{--pad:72px}}@media(min-width:1024px){.home{--pad:112px;--hc:40px}}.sec{padding:var(--pad) 0}.bg-tile{background:var(--tile)}.home h2{font-size:30px;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}@media(min-width:1024px){.home h2{font-size:44px;line-height:1.05}}.lede{margin-top:12px;font-size:17px;line-height:1.55;color:var(--muted);max-width:38em;text-wrap:pretty}.lab{font:600 14px/18px var(--display);color:var(--muted)}.lk{font-size:17px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);display:inline-block;padding:12px 0;margin:-12px 0;white-space:nowrap}.lk-m{font-size:15px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);display:inline-block;padding:12px 0;margin:-12px 0}.lk:hover,.lk-m:hover{text-decoration-color:currentColor}.home .sec-head>.textlink{font-size:17px;font-weight:500}.home .btn{border-radius:3px;min-height:56px;padding:0 32px;white-space:nowrap}.btn-w{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border-radius:3px;background:var(--ground);color:var(--deep);font:600 16px/1 var(--display);text-decoration:none;white-space:nowrap}.btn-w:hover{background:var(--line)}.navy{position:relative;color:var(--ground);background-color:var(--deep);background-image:url(djn-p-tex-grain.webp);background-size:256px 256px}@media(min-resolution:2dppx){.navy{background-size:128px 128px}}.navy h1,.navy h2,.navy h3{color:var(--ground)}.navy .lk{color:var(--ground);text-decoration-color:#ffffff73}.navy .lk:hover{text-decoration-color:var(--ground)}.hero6{position:relative;overflow:hidden}.slides{display:grid}.slide{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr);visibility:hidden;opacity:0;transition:opacity .8s ease,visibility 0s linear .8s}.slide.on{visibility:visible;opacity:1;transition:opacity .8s ease}.s-ph{position:relative;display:block}.s-ph img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.s-copy{padding:24px var(--gut) 80px}.s-label{font:600 14px/20px var(--display);color:#afc0d6;max-width:520px}.home .s-h{margin-top:12px;font:600 34px/38px var(--display);letter-spacing:-.03em;color:var(--ground);text-wrap:balance}.s-sub{margin-top:12px;font-size:17px;line-height:1.5;color:#d5dae1;max-width:30em}.s-act{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.s-act .btn-w{width:100%}.s-rate{margin-top:16px;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;color:var(--ground);text-decoration:none}.s-rate span{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ffffff73}.hero6 .stars-fg svg{fill:var(--ground)}.hero6 .stars-bg svg{fill:#ffffff4d}.h-ctl{position:absolute;left:var(--gut);bottom:16px;display:flex;align-items:center;gap:14px;z-index:3}.h-dot{width:44px;height:44px;display:flex;align-items:center}.h-dot:before{content:"";width:28px;height:3px;border-radius:2px;background:#ffffff59}.h-dot[aria-current=true]:before{background:var(--ground)}.h-pause{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--ground)}.h-pause svg{width:18px;height:18px;fill:currentColor}@media(min-width:768px){.slide{grid-template-columns:1fr 1fr;min-height:560px}.s-ph{grid-column:2;grid-row:1}.s-ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;object-position:40% 72%}.s-copy{grid-column:1;grid-row:1;align-self:center;padding:48px 40px 88px var(--gut)}.home .s-h{font-size:44px;line-height:46px}.s-act{flex-direction:row;align-items:center;gap:24px}.s-act .btn-w{width:auto}.h-ctl{bottom:20px}}@media(min-width:1024px){.slide{height:600px;min-height:0}.s-copy{padding:48px 64px 88px max(var(--gut),calc((100vw - 1344px) / 2 + var(--gut)))}.s-label{font-size:15px;line-height:22px}.home .s-h{margin-top:16px;font-size:64px;line-height:66px;letter-spacing:-.035em}.s-sub{margin-top:20px;font-size:18px;max-width:26em}.s-act{margin-top:32px;gap:28px}.s-rate{margin-top:20px}.h-ctl{left:max(var(--gut),calc((100vw - 1344px) / 2 + var(--gut)));bottom:24px}}@media(min-width:1024px)and (max-width:1279px){.s-ph .p-turbo{object-position:38% 62%}}@media(min-width:1600px){.slide{grid-template-columns:minmax(0,1fr) 840px}.s-ph .p-turbo{object-position:50% 70%}}.wi6-row{margin:var(--hc) calc(var(--gut) * -1) 0;padding:0 var(--gut);display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gut);scrollbar-width:none}.wi6-row::-webkit-scrollbar{display:none}.wi6{scroll-snap-align:start}.wi6 a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.wi6-img{display:block;border-radius:10px;overflow:hidden;background:var(--tile)}.wi6-img img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.wi6 a:hover .wi6-img img{transform:scale(1.03)}.wi6 .lab{display:block;margin-top:20px}.wi6 h3{margin-top:8px;font:600 22px/26px var(--display);letter-spacing:-.01em}.wi6-l{display:block;margin-top:10px;font-size:17px;line-height:26px;flex:1}.wi6-go{margin-top:16px!important;align-self:flex-start}.wi6 a:hover .wi6-go{text-decoration-color:currentColor}@media(min-width:768px){.wi6-row{margin:var(--hc) 0 0;padding:0;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible}}@media(min-width:1024px){.wi6-row{gap:32px}.wi6 h3{font-size:26px;line-height:30px}}.rv6{margin-top:var(--hc);display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.lead-q{margin:0}.lead-q blockquote{margin:12px 0 0}.lead-q blockquote p{font:600 28px/34px var(--display);letter-spacing:-.02em;text-wrap:balance}.lead-q figcaption,.q figcaption{margin-top:16px;font-size:15px;line-height:22px;color:var(--muted)}.lead-q figcaption a,.q figcaption a{color:var(--muted)}.r-sum{display:flex;align-items:center;gap:16px}.r-score{font:700 48px/48px var(--display);letter-spacing:-.04em}.r-meta{font-size:15px;line-height:22px;color:var(--muted);max-width:260px}.r-meta .stars{display:block;margin-bottom:4px}.quotes{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.q{margin:0;border-top:1px solid var(--line);padding-top:20px}.q blockquote{margin:10px 0 0}.q blockquote p{font-size:17px;line-height:26px}@media(max-width:767px){.quotes .q:first-child{display:none}}@media(min-width:768px){.quotes{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}@media(min-width:1024px){.rv6{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:start}.lead-q{grid-column:1 / span 8}.lead-q blockquote p{font-size:40px;line-height:46px}.r-sum{grid-column:10 / span 3;flex-direction:column;align-items:flex-start;gap:10px}.r-score{font-size:72px;line-height:72px}.quotes{gap:40px}}.home .card-img{border-radius:10px;overflow:hidden;background:var(--tile)}.home .card-img img{object-fit:contain;aspect-ratio:5/4;width:100%}.home .card-name{font-size:16px}.home .rating{font-size:14px}.home .rating .stars{transform:scale(.93);transform-origin:left center}.home .cut{font-size:14px;line-height:1.45;display:block;-webkit-line-clamp:unset;overflow:visible}.home .price .now{font:700 17px/22px var(--body)}.home .price .sub{font-size:14px}@media(min-width:1024px){.home .card-name{font-size:19px}.home .cut{font-size:15px}.home .price .now{font-size:18px}.home .price .sub{font-size:15px}}.tp-grid{margin-top:var(--hc)!important}.tp-head{display:grid;grid-template-columns:minmax(0,1fr)}@media(min-width:1024px){.tp-head{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:end}.tp-head h2{grid-column:1 / span 7;max-width:760px}.tp-head .lede{grid-column:8 / span 5;margin-top:0}}.tp-act{margin-top:var(--hc);display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}.tp-act .btn{width:100%}.tp-act p{font-size:17px}@media(min-width:768px){.tp-act .btn{width:auto}}.home .best{padding:var(--pad) 0}.home .best .sec-head{margin-bottom:0}.home .tabs{margin-top:var(--hc);margin-bottom:24px}.home .grid[hidden]{display:none}.home .grid .card:nth-child(-n+4) .card-act{margin-bottom:0}.offer6{padding:56px 0}.of-in{display:grid;gap:20px}.of-facts{font-size:17px;line-height:1.55;color:#d5dae1;max-width:44em}.of-in .btn-w{justify-self:start}@media(min-width:1024px){.offer6{padding:80px 0}.of-in{grid-template-columns:minmax(0,1fr) auto;column-gap:64px;row-gap:16px;align-items:center}.of-in h2,.of-facts{grid-column:1}.of-in .btn-w{grid-column:2;grid-row:1 / span 2}}.bo-grid{margin-top:var(--hc);display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.bo-grid .faq-list{margin-top:0!important}.guar{background:var(--ground);border-radius:10px;padding:24px;order:2}.guar h3{font-size:20px;line-height:26px}.guar p{margin-top:8px;font-size:17px;line-height:26px}@media(min-width:1024px){.bo-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:start}.guar{grid-column:1 / span 4;order:0;padding:32px}.bo-faq{grid-column:5 / span 8}}.home .pdp-faq{padding:var(--pad) 0;background:var(--tile)}.f-h{font-size:clamp(28px,3vw,44px)!important}@media(max-width:767px){.s-act{gap:20px}}@media(max-width:1199px){html{scroll-padding-top:64px}}@media(max-width:767px){.home .best .grid:not([hidden]),.tp-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:64%;column-gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gut) * -1);padding:0 var(--gut);scroll-padding-inline:var(--gut);overscroll-behavior-x:contain;scrollbar-width:none}.home .best .grid::-webkit-scrollbar,.tp-grid::-webkit-scrollbar{display:none}.home .grid>.card{scroll-snap-align:start}.home .card-name{font-size:16px;line-height:20px}}@media(min-width:768px)and (max-width:1023px){.home .best .grid:not([hidden]),.tp-grid{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;column-gap:16px;overflow:visible;margin-left:0;margin-right:0;padding:0}}@media(max-width:767px){.s-ph img{aspect-ratio:16/11;object-position:40% 62%}.s-copy{padding:20px var(--gut) 28px}.home .s-h{margin-top:8px;font-size:32px;line-height:36px}.s-act{margin-top:20px}.s-act .lk{display:none}.s-rate{margin-top:12px}.h-ctl{left:auto;right:8px;bottom:auto;top:calc(68.75vw - 52px);gap:0;padding:0 6px;border-radius:999px;background:#14171c73}.h-dot{justify-content:center}.h-dot:before{width:20px}}.slides{touch-action:pan-y}@media(max-width:767px){.offer6 .btn-w{width:100%}}@media(max-width:767px){.home .tabs{scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}.home .tabs.at-end{-webkit-mask-image:none;mask-image:none}.home .tab{scroll-snap-align:start}}.wi-note{display:none}@media(max-width:767px){.lede-2{display:none}.wi-note{display:block;margin-top:20px;font-size:15px;line-height:22px;color:var(--muted)}}@media(max-width:767px){.home h2{font-size:28px;line-height:32px}}@media(max-width:767px){.dk-only{display:none}}@media(max-width:767px){.home .best .grid:not([hidden]),.tp-grid{grid-auto-columns:64vw}}@media(max-width:374px){.s-ph img{aspect-ratio:16/10}.h-ctl{top:calc(62.5vw - 52px)}.s-copy{padding-top:16px;padding-bottom:20px}}.bo-grid{margin-top:0;gap:24px}.bo-grid>h2{order:-1}@media(min-width:1024px){.bo-grid{grid-template-rows:auto 1fr;row-gap:24px}.bo-grid>h2{grid-column:1 / span 4;grid-row:1}.guar{grid-column:1 / span 4;grid-row:2;background:none;padding:0;border-radius:0}.guar h3{font-size:20px;line-height:28px}.bo-faq{grid-column:5 / span 8;grid-row:1 / span 2}}@media(min-width:1024px)and (max-width:1279px){.bo-grid>h2,.guar{grid-column:1 / span 5}.bo-faq{grid-column:6 / span 7}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/djn-home.css.map */