.pn-opt{--opt-accent:#8b4c67;--opt-ink:#302a30;--opt-soft:#f6edf1;color:var(--opt-ink);padding:18px 0 60px}.pn-opt a{text-decoration:none}.pn-opt-hero{display:grid;grid-template-columns:1fr 1fr;background:#f5f0ed;border-radius:20px;overflow:hidden;min-height:510px}.pn-opt-hero__copy{padding:50px 42px;align-self:center}.pn-opt-eyebrow{margin:0 0 17px;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#806572}.pn-opt-hero h1{font-size:clamp(35px,3.8vw,58px);line-height:1.08;letter-spacing:-.04em;margin:0 0 24px;font-weight:600}.pn-opt-lead{max-width:550px;font-size:17px;line-height:1.7;margin:0 0 27px;color:#6b6267}.pn-opt-actions{display:flex;flex-wrap:wrap;gap:10px}.pn-opt-button{display:inline-flex;gap:18px;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;box-sizing:border-box;background:var(--opt-accent);border:1px solid var(--opt-accent);border-radius:7px;color:#fff!important;font-weight:600;font-size:13px;line-height:1.5;text-align:center}.pn-opt-button:hover{background:#6b354e}.pn-opt-button--light{background:transparent;color:var(--opt-ink)!important;border-color:#d9cbd1}.pn-opt-button--light:hover{background:#fff}.pn-opt-facts{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:28px;color:#796c73;font-size:11px;line-height:1.6}.pn-opt-facts span:before{content:'·';color:var(--opt-accent);margin-right:7px}.pn-opt-hero__visual{position:relative;min-width:0;margin:0;min-height:100%;background:#dfd4cc}.pn-opt-hero__visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% 50%}.pn-opt-hero__visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(35,26,31,.65));pointer-events:none}.pn-opt-hero__visual figcaption{position:absolute;z-index:1;left:32px;right:25px;bottom:28px;color:white}.pn-opt-hero__visual strong{display:block;font-size:26px;font-weight:500;line-height:1.25;letter-spacing:-.02em}.pn-opt-hero__visual figcaption span{display:block;font-size:12px;margin-top:10px;color:#f4e8ec}.pn-opt-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 40px;border-bottom:1px solid #eee6e9;padding:23px 10px}.pn-opt-jump a{font-size:12px;color:#6c5c65}.pn-opt-jump a:hover{color:var(--opt-accent)}.pn-opt-section{margin-top:65px;scroll-margin-top:110px}.pn-opt h2{font-size:clamp(26px,2.4vw,36px);line-height:1.2;letter-spacing:-.025em;margin:0;font-weight:600;scroll-margin-top:110px}.pn-opt-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.pn-opt-heading .pn-opt-eyebrow{margin-bottom:10px}.pn-opt-heading>a{font-size:13px;color:var(--opt-accent);flex-shrink:0;padding-bottom:3px}.pn-opt-caption{font-size:14px;color:#766c73;line-height:1.7;margin:17px 0 27px;max-width:740px}.pn-opt-guide{background:#f9f7f5;border-radius:16px;padding:36px}.pn-opt-guide__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}.pn-opt-guide__grid>a{color:var(--opt-ink);display:flex;flex-direction:column;border-top:1px solid #d9ccd1;padding-top:18px}.pn-opt-guide__grid>a>span{font-size:12px;color:var(--opt-accent)}.pn-opt h3{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.02em;margin:14px 0 10px}.pn-opt-guide p,.pn-opt-how li p{font-size:14px;line-height:1.75;color:#766c73;margin:0 0 18px}.pn-opt-guide b{font-size:12px;color:var(--opt-accent);font-weight:500;margin-top:auto}.pn-opt-order{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;margin-top:65px;background:#44333d;color:#fff;border-radius:18px;padding:46px;scroll-margin-top:110px}.pn-opt-order .pn-opt-eyebrow{color:#d5b8c5}.pn-opt-order h2{font-size:38px}.pn-opt-order p:not(.pn-opt-eyebrow){font-size:15px;line-height:1.8;margin:20px 0 0;max-width:580px;color:#eee5e9}.pn-opt-order p.pn-opt-order__note{font-size:12px;color:#cbb7c1}.pn-opt-order__contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;border-left:1px solid #705a66;padding-left:42px}.pn-opt-contact-label{font-size:12px;color:#d5b8c5}.pn-opt-phone{font-size:26px;font-weight:500;letter-spacing:-.02em;color:#fff!important;white-space:nowrap}.pn-opt-order__contact>a:not(.pn-opt-phone):not(.pn-opt-button){color:#eee5e9;font-size:14px}.pn-opt-order__contact>span:last-child{font-size:11px;color:#cbb7c1}.pn-opt-order .pn-opt-button{margin-top:6px}.pn-opt-how,.pn-opt-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.pn-opt-how ol{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:20px}.pn-opt-how li{position:relative;padding:0 0 2px 50px;counter-increment:step;border-bottom:1px solid #eee6e9}.pn-opt-how li:before{content:'0' counter(step);position:absolute;left:0;top:2px;color:var(--opt-accent);font-size:14px}.pn-opt-how h3{font-size:18px;margin:0 0 8px}.pn-opt-faq details{border-bottom:1px solid #e4dbe0;padding:20px 0}.pn-opt-faq details:first-child{padding-top:0}.pn-opt-faq summary{cursor:pointer;font-size:16px;line-height:1.5;font-weight:500;color:var(--opt-ink)}.pn-opt-faq details p{font-size:14px;line-height:1.8;color:#766c73;margin:15px 0 0;max-width:650px}.pn-opt-explain{border-top:1px solid #eee6e9;padding-top:35px;max-width:960px}.pn-opt-explain h2{font-size:24px}.pn-opt-explain p{font-size:13px;line-height:1.85;color:#80767c}.pn-opt-explain>a{display:inline-block;margin:12px 24px 0 0;color:var(--opt-accent);font-size:12px}.pn-opt-price-note{padding:14px 16px;background:#f6edf1;border-radius:8px;font-size:13px;line-height:1.7;margin:14px 0}.pn-opt-price-note a{color:#6b354e}.pn-opt :is(a,button,summary):focus-visible{outline:3px solid #8b4c67;outline-offset:4px}
@media(max-width:1100px){.pn-opt-hero__copy{padding:35px 28px}.pn-opt-hero h1{font-size:42px}.pn-opt-lead{font-size:15px}.pn-opt-order{gap:30px;padding:35px}.pn-opt-order__contact{padding-left:25px}.pn-opt-how,.pn-opt-faq{gap:35px}.pn-opt-phone{font-size:23px}}
@media(max-width:700px){.pn-opt{padding-top:10px}.pn-opt-hero{grid-template-columns:1fr;min-height:0;border-radius:14px}.pn-opt-hero__copy{padding:29px 22px}.pn-opt-hero h1{font-size:39px}.pn-opt-lead{font-size:15px;line-height:1.75;margin-bottom:22px}.pn-opt-eyebrow{font-size:10px}.pn-opt-actions{flex-direction:column}.pn-opt-button{width:100%;font-size:13px}.pn-opt-facts{margin-top:21px;gap:8px 13px;font-size:10px}.pn-opt-hero__visual{min-height:270px}.pn-opt-hero__visual>img{object-position:50% 45%}.pn-opt-hero__visual figcaption{left:22px;bottom:22px}.pn-opt-hero__visual strong{font-size:23px}.pn-opt-hero__visual figcaption span{font-size:11px}.pn-opt-jump{display:grid;grid-template-columns:1fr 1fr;padding:20px 0;gap:16px 10px;text-align:center}.pn-opt-jump a{font-size:11px}.pn-opt-section{margin-top:42px}.pn-opt-heading{display:block}.pn-opt-heading>a{display:inline-block;margin-top:15px}.pn-opt-caption{font-size:13px;margin:15px 0 22px}.pn-opt-guide{padding:25px 22px}.pn-opt-guide__grid{grid-template-columns:1fr;gap:24px;margin-top:25px}.pn-opt-guide__grid>a{display:block}.pn-opt-guide h3{margin-top:10px}.pn-opt-guide p{font-size:13px;margin-bottom:10px}.pn-opt-order{grid-template-columns:1fr;padding:29px 23px;gap:28px;margin-top:42px}.pn-opt-order h2{font-size:31px}.pn-opt-order p:not(.pn-opt-eyebrow){font-size:14px;margin-top:17px}.pn-opt-order p.pn-opt-order__note{font-size:11px}.pn-opt-order__contact{padding:25px 0 0;border-left:0;border-top:1px solid #705a66;align-items:stretch;gap:15px}.pn-opt-phone{font-size:26px}.pn-opt-how,.pn-opt-faq{grid-template-columns:1fr;gap:22px}.pn-opt-how .pn-opt-caption{margin-bottom:0}.pn-opt-faq summary{font-size:15px}.pn-opt-faq details p{font-size:13px}.pn-opt-explain{padding-top:26px}.pn-opt-explain h2{font-size:23px}}

.pn-opt-cases__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.pn-opt-cases__grid article{display:flex;flex-direction:column;background:#fff;border:1px solid #eee6e9;border-radius:14px;overflow:hidden}.pn-opt-cases__image{display:flex;align-items:center;justify-content:center;padding:22px;background:#fff}.pn-opt-cases__image img{width:100%;height:210px;object-fit:contain}.pn-opt-cases__grid article>div{padding:25px;border-top:1px solid #eee6e9;display:flex;flex-direction:column;flex:1}.pn-opt-cases .pn-opt-eyebrow{font-size:10px;margin:0}.pn-opt-cases h3{margin:12px 0 14px;font-size:22px}.pn-opt-cases p{font-size:14px;line-height:1.75;color:#766c73;margin:0 0 22px}.pn-opt-cases article>div>a{font-size:12px;color:var(--opt-accent);margin-top:auto}@media(max-width:700px){.pn-opt-cases__grid{grid-template-columns:1fr;gap:18px}.pn-opt-cases__image img{height:190px}.pn-opt-cases__grid article>div{padding:22px}.pn-opt-cases h3{font-size:22px}.pn-opt-cases p{font-size:13px}}

.pn-opt-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:30px 22px;margin:0;border-bottom:1px solid #e6dce1}.pn-opt-benefits li{display:flex;gap:16px;align-items:center}.pn-opt-benefits svg{color:var(--opt-accent);flex:none}.pn-opt-benefits strong{display:block;font-size:14px;font-weight:600;line-height:1.4}.pn-opt-benefits span{display:block;margin-top:5px;font-size:11px;color:#81747c;line-height:1.5}.pn-opt-delivery{padding:40px 35px;background:#faf7f9;border:1px solid #f0e7ed;border-radius:18px}.pn-opt-delivery__grid{display:grid;grid-template-columns:1.7fr 1fr;gap:35px;align-items:center}.pn-opt-delivery__map{min-width:0}.pn-opt-delivery__map img{width:100%;height:auto;display:block}.pn-opt-delivery__map>p{font-size:11px;color:#96818e;line-height:1.6;margin:5px 20px 0}.pn-opt-delivery__panel{padding:27px;background:#fff;border:1px solid #e8dce3;border-radius:12px}.pn-opt-delivery__panel>div:not(.pn-opt-carriers){display:flex;align-items:center;gap:16px;margin:22px 0}.pn-opt-delivery__panel svg{color:var(--opt-accent);flex:none}.pn-opt-delivery__panel strong{display:block;font-size:14px;font-weight:600}.pn-opt-delivery__panel small{display:block;font-size:11px;line-height:1.6;color:#8b7b84;margin-top:4px}.pn-opt-carriers{display:flex;flex-wrap:wrap;gap:7px;padding:19px 0 22px;border-top:1px solid #eee6e9;margin-top:25px}.pn-opt-carriers span{background:#f6f1f4;padding:7px 9px;border-radius:5px;font-size:10px;color:#735b69}.pn-opt-delivery__panel>.pn-opt-button{width:100%;font-size:12px}.pn-opt-payments__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.pn-opt-payments article{border:1px solid #e8dfe4;background:#fff;border-radius:14px;overflow:hidden}.pn-opt-payments article>div:last-child{padding:27px}.pn-opt-payments h3{font-size:21px;margin:0 0 14px}.pn-opt-payments p{font-size:13px;line-height:1.8;color:#81747c;margin:0 0 20px}.pn-opt-payments a{font-size:12px;color:var(--opt-accent)}.pn-opt-payments__art{position:relative;height:210px;background:#f2edf0;overflow:hidden;display:flex;align-items:center;justify-content:center}.pn-opt-payments__art--invoice{background:#eee7eb}.pn-opt-paper{width:155px;height:156px;border-radius:7px;background:#fff;padding:22px;box-shadow:0 12px 25px #70566718;transform:rotate(-7deg);position:relative}.pn-opt-paper>span{display:block;font-size:9px;font-weight:700;letter-spacing:.06em;color:#6e5867;margin-bottom:21px}.pn-opt-paper i{display:block;width:100%;height:5px;background:#eee6eb;margin:10px 0;border-radius:3px}.pn-opt-paper i:nth-child(3){width:70%}.pn-opt-paper>div{border-top:1px solid #e6dce3;padding-top:13px;font-size:9px;color:#897682;display:flex;align-items:center;justify-content:space-between}.pn-opt-paper b{color:var(--opt-accent);font-size:21px}.pn-opt-art-tag{position:absolute;right:20px;bottom:20px;background:#fff;border:1px solid #e4d9e0;box-shadow:0 4px 14px #49333d0a;padding:10px 14px;border-radius:6px;font-size:10px;color:#6e5364}.pn-opt-bankcard{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:25px;width:220px;height:128px;background:linear-gradient(120deg,#6b475d,#9d738c);border-radius:12px;padding:22px;color:#fff;box-shadow:0 12px 25px #70566725;transform:rotate(7deg)}.pn-opt-bankcard>span{font-size:12px;letter-spacing:.04em}.pn-opt-bankcard svg{justify-self:end;width:25px}.pn-opt-bankcard i{grid-column:1/-1;font-style:normal;font-size:16px;letter-spacing:.14em}.pn-opt-payments__art--online{background:#eee9f0}.pn-opt-payments__art--pickup{background:#f1ece6}.pn-opt-pickup-art{display:flex;flex-direction:column;align-items:center;gap:15px;color:#8a675e}.pn-opt-pickup-art>svg{width:85px;height:85px;stroke-width:.9}.pn-opt-pickup-art>span{font-size:11px}.pn-opt-how{display:block}.pn-opt-how>div{max-width:680px}.pn-opt-how ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.pn-opt-how li{padding:30px;background:#fff;border:1px solid #eee6e9;border-radius:12px}.pn-opt-how li:before{left:auto;right:25px;top:27px;color:#c1a5b3;font-size:20px;font-weight:400}.pn-opt-how li>svg{width:40px;height:40px;color:var(--opt-accent);margin-bottom:28px}.pn-opt-how h3{font-size:20px}.pn-opt-how li p{font-size:13px;margin:0}
@media(max-width:1050px){.pn-opt-benefits{grid-template-columns:1fr 1fr;gap:25px}.pn-opt-delivery__grid{grid-template-columns:1fr 1fr;gap:20px}.pn-opt-payments__grid{gap:16px}.pn-opt-payments article>div:last-child{padding:22px}.pn-opt-how ol{gap:16px}.pn-opt-how li{padding:25px}}
@media(max-width:700px){.pn-opt-benefits{padding:24px 8px;gap:24px 14px}.pn-opt-benefits li{gap:10px;align-items:flex-start}.pn-opt-benefits svg{width:23px;height:23px}.pn-opt-benefits strong{font-size:12px}.pn-opt-benefits span{font-size:10px;margin-top:4px}.pn-opt-jump{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 8px}.pn-opt-jump a{font-size:10px}.pn-opt-delivery{padding:28px 20px}.pn-opt-delivery h2{font-size:29px}.pn-opt-delivery__grid{grid-template-columns:1fr;gap:24px}.pn-opt-delivery__map{margin:0 -12px}.pn-opt-delivery__map>p{font-size:10px;margin:5px 12px 0}.pn-opt-delivery__panel{padding:22px}.pn-opt-delivery__panel>div:not(.pn-opt-carriers){margin:20px 0}.pn-opt-payments__grid{grid-template-columns:1fr;gap:18px}.pn-opt-payments__art{height:200px}.pn-opt-payments h3{font-size:22px}.pn-opt-how ol{grid-template-columns:1fr;gap:16px}.pn-opt-how li{padding:26px}.pn-opt-how li>svg{margin-bottom:22px}.pn-opt-how li p{font-size:13px}}

.pn-opt-story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.pn-opt-story__visual{min-width:0;position:relative;border:1px solid #eadfe5;background:#fff;border-radius:18px;padding:30px;text-align:center}.pn-opt-story__visual>.pn-opt-eyebrow{text-align:left;margin:0 0 18px}.pn-opt-story__visual>img{width:100%;height:330px;object-fit:contain;display:block}.pn-opt-story__tag{display:inline-block;position:relative;padding:11px 17px;border:1px solid #e9dce4;border-radius:6px;background:#faf7f9;color:#8b6179;font-size:11px;margin-top:18px}.pn-opt-story__copy{padding-right:25px}.pn-opt-story h2{font-size:clamp(28px,2.6vw,40px);line-height:1.15}.pn-opt-story__copy>p:not(.pn-opt-eyebrow){font-size:15px;line-height:1.8;color:#766c73;margin:23px 0}.pn-opt-story ul{list-style:none;padding:0;margin:23px 0 29px;display:grid;gap:14px}.pn-opt-story li{position:relative;padding-left:25px;font-size:13px;line-height:1.65;color:#5f535c}.pn-opt-story li:before{content:'✓';position:absolute;left:0;color:#8b4c67}.pn-opt-story--reverse .pn-opt-story__visual{grid-column:2;grid-row:1;background:#f6f0f3}.pn-opt-story--reverse .pn-opt-story__copy{grid-column:1;grid-row:1;padding-left:25px;padding-right:0}.pn-opt-order__contact .pn-opt-button--light{color:#44333d!important;background:#fff}.pn-opt-order__contact .pn-opt-phone{font-size:21px}.pn-opt-order__contact>span{margin-top:8px;font-size:12px;color:#d5b8c5}@media(max-width:900px){.pn-opt-story{gap:30px}.pn-opt-story__visual{padding:25px}.pn-opt-story__visual>img{height:285px}.pn-opt-story__copy{padding-right:0}.pn-opt-story--reverse .pn-opt-story__copy{padding-left:0}}@media(max-width:700px){.pn-opt-story{grid-template-columns:1fr;gap:25px}.pn-opt-story--reverse .pn-opt-story__visual,.pn-opt-story--reverse .pn-opt-story__copy{grid-column:auto;grid-row:auto}.pn-opt-story__visual{padding:24px}.pn-opt-story__visual>img{height:250px}.pn-opt-story h2{font-size:31px}.pn-opt-story__copy>p:not(.pn-opt-eyebrow){font-size:14px;margin:19px 0}.pn-opt-story ul{margin:20px 0 25px;gap:12px}.pn-opt-story li{font-size:13px}.pn-opt-story__tag{font-size:10px;padding:10px 12px}.pn-opt-order__contact .pn-opt-phone{font-size:23px}}

/* Task-led collections use native product photographs and editable list membership. */
.pn-opt-collections__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.pn-opt-task{display:grid;grid-template-columns:.9fr 1.1fr;min-width:0;border-radius:18px;overflow:hidden;background:#f3e9e3;color:var(--opt-ink)!important;border:1px solid transparent;transition:border-color .2s,box-shadow .2s}.pn-opt-task:hover{border-color:#ae899b;box-shadow:0 8px 26px #44333d0b}.pn-opt-task--braid{background:#f1e8ee}.pn-opt-task--curl{background:#e8ede5}.pn-opt-task--men{background:#e7eaf0}.pn-opt-task__art{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:30px 5px 35px 15px}.pn-opt-task__art>img{width:100%;max-width:270px;height:260px;object-fit:contain;border-radius:50%;mix-blend-mode:multiply;position:relative;z-index:1}.pn-opt-task__orbit{position:absolute;width:230px;height:230px;border:1px dashed #a1857660;border-radius:50%;transform:rotate(-25deg);background:#ffffff45}.pn-opt-task--braid .pn-opt-task__orbit{border-radius:45% 55% 60% 40%;transform:rotate(20deg)}.pn-opt-task--curl .pn-opt-task__orbit{border-radius:35% 65% 40% 60%}.pn-opt-task__drawing{position:absolute;z-index:2;width:100px;left:14px;bottom:13px;color:#9e6752;transform:rotate(-10deg)}.pn-opt-task--braid .pn-opt-task__drawing{color:#8b4c67}.pn-opt-task--curl .pn-opt-task__drawing{color:#617a5a}.pn-opt-task--men .pn-opt-task__drawing{color:#62728c}.pn-opt-task__drawing svg{display:block;width:100%;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pn-opt-task__dash{stroke-dasharray:4 6;stroke-width:1.3}.pn-opt-task__copy{padding:35px 30px 30px 12px;display:flex;flex-direction:column;position:relative;z-index:2}.pn-opt-task .pn-opt-eyebrow{font-size:10px;letter-spacing:.06em;margin-bottom:8px}.pn-opt-task h3{font-size:26px;margin:0 0 16px;max-width:260px}.pn-opt-task__copy>p:not(.pn-opt-eyebrow){font-size:13px;line-height:1.75;color:#706570;margin:0 0 24px}.pn-opt-task__link{font-size:12px;font-weight:600;color:#6a4058;margin-top:auto;display:flex;align-items:center;gap:15px}.pn-opt-task__link b{font-size:22px;font-weight:400}.pn-opt-bundles-link{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;line-height:1.8;color:#766c73;margin:24px 0 0}.pn-opt-bundles-link a{color:var(--opt-accent);white-space:nowrap}.pn-opt-school{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px;background:#f9f7f3;border:1px solid #eee7df;border-radius:18px;align-items:center}.pn-opt-school>div>p:not(.pn-opt-eyebrow){font-size:14px;color:#766c73;line-height:1.8;margin:22px 0 25px;max-width:570px}.pn-opt-lesson{background:#fff;border:1px solid #e7dcd3;border-radius:12px;box-shadow:9px 10px 0 #eee7df;padding:25px 30px;transform:rotate(1deg)}.pn-opt-lesson__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#967965}.pn-opt-lesson ol{list-style:none;margin:15px 0;padding:0}.pn-opt-lesson li{display:flex;gap:18px;align-items:center;border-bottom:1px solid #f0e9e4;padding:17px 0}.pn-opt-lesson li>span{font-size:12px;color:#c09d87}.pn-opt-lesson strong{display:block;font-size:14px;font-weight:600}.pn-opt-lesson small{display:block;font-size:11px;color:#8f7e76;margin-top:6px;line-height:1.6}.pn-opt-lesson i{font-size:23px;color:#ad8b75;font-style:normal;margin-left:auto}.pn-opt-school .pn-opt-lesson>p{font-size:11px;color:#947c6c;margin:17px 0 0;line-height:1.7}.pn-opt-barber{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.pn-opt-barber figure{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#f4eee5}.pn-opt-barber img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}.pn-opt-barber figcaption{position:absolute;bottom:20px;left:20px;background:#fffaf1e8;border:1px solid #e6d6c5;padding:9px 12px;border-radius:5px;font-size:10px;color:#906d58}.pn-opt-barber>div{padding-right:25px}.pn-opt-barber h2{font-size:clamp(28px,2.6vw,40px)}.pn-opt-barber p:not(.pn-opt-eyebrow){font-size:14px;line-height:1.8;color:#766c73;margin:22px 0}.pn-opt-barber .pn-opt-button{margin-top:8px}.pn-opt-payments__art--invoice{background:#eed3b8;background-image:radial-gradient(ellipse at 12% 20%,#fff2df 0,transparent 70%)}.pn-opt-payments__art--invoice:before{content:'';position:absolute;width:230px;height:230px;border:1px dashed #bc947399;border-radius:50%;transform:translateX(-35px)}.pn-opt-payments__art--invoice .pn-opt-paper{transform:rotate(-10deg) translateX(-20px);box-shadow:9px 12px 0 #a96e4929}.pn-opt-invoice-stamp{position:absolute;right:30px;top:26px;border:2px solid #a75c3d;border-radius:50%;width:75px;height:75px;display:grid;align-content:center;text-align:center;font-size:10px;line-height:1.7;font-weight:600;letter-spacing:.07em;color:#9d5134;transform:rotate(14deg);background:#f5dfc399}.pn-opt-payments__art--invoice .pn-opt-art-tag{color:#865c42;border-color:#d8b89c;background:#fffaf2}.pn-opt-payments__art--online{background:#e8dcf2}.pn-opt-payments__art--pickup{background:#e5ecdf}.pn-opt-how li{background:#faf7f4;border-color:#e9dfd5}.pn-opt-how li:nth-child(2){background:#f7f0f5;border-color:#e9dbe4}.pn-opt-how li:nth-child(3){background:#f1f5ed;border-color:#e1e7d9}.pn-opt-collection-page{padding-top:30px}.pn-opt-back{display:inline-block;color:var(--opt-accent);font-size:12px;margin-bottom:25px}.pn-opt-collection-header{max-width:1000px}.pn-opt-collection-header h1{font-size:clamp(30px,3vw,45px);line-height:1.15;font-weight:600;letter-spacing:-.03em;margin:0 0 20px}.pn-opt-collection-header .pn-opt-lead{max-width:860px;font-size:16px;margin-bottom:22px}.pn-opt-collection-tip{max-width:860px;padding:18px 22px;border-left:3px solid #c69eaf;background:#f6edf1;color:#76616d;font-size:13px;line-height:1.8;border-radius:0 8px 8px 0}.pn-opt-collection-nav{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 35px}.pn-opt-collection-nav a{font-size:12px;line-height:1.5;border:1px solid #e5d8e0;border-radius:6px;padding:10px 14px;color:#765d6c;background:#fff}.pn-opt-collection-nav a[aria-current]{background:#8b4c67;border-color:#8b4c67;color:#fff}.pn-opt-stock-help{margin:45px 0 0;border:1px solid #e8dce3;background:#faf7f9;padding:25px;border-radius:12px}.pn-opt-stock-help strong{font-size:19px;font-weight:600}.pn-opt-stock-help p{font-size:13px;color:#766c73;line-height:1.8;margin:12px 0}.pn-opt-stock-help a{font-size:13px;color:var(--opt-accent)}
@media(max-width:1100px){.pn-opt-task{grid-template-columns:.85fr 1fr}.pn-opt-task__copy{padding:25px 20px 25px 5px}.pn-opt-task h3{font-size:23px}.pn-opt-task__art>img{height:240px}.pn-opt-task__orbit{width:180px;height:210px}.pn-opt-task__drawing{width:80px;left:5px}.pn-opt-school{padding:32px;gap:35px}.pn-opt-barber{gap:30px}}
@media(max-width:700px){.pn-opt-collections__grid{grid-template-columns:1fr;gap:16px;margin-top:22px}.pn-opt-task{grid-template-columns:.85fr 1fr;border-radius:13px}.pn-opt-task__copy{padding:24px 19px 24px 5px}.pn-opt-task h3{font-size:23px;margin-bottom:12px}.pn-opt-task .pn-opt-eyebrow{font-size:8px;line-height:1.6;letter-spacing:.04em}.pn-opt-task__copy>p:not(.pn-opt-eyebrow){font-size:11px;line-height:1.7;margin-bottom:15px}.pn-opt-task__art{padding:25px 3px 30px 8px}.pn-opt-task__art>img{height:215px}.pn-opt-task__orbit{width:140px;height:175px}.pn-opt-task__drawing{width:66px;left:3px;bottom:10px}.pn-opt-task__link{font-size:10px;gap:8px}.pn-opt-task__link b{font-size:18px}.pn-opt-bundles-link{font-size:11px;margin-top:20px}.pn-opt-school{grid-template-columns:1fr;padding:27px 21px;gap:26px}.pn-opt-school h2{font-size:29px}.pn-opt-school>div>p:not(.pn-opt-eyebrow){font-size:13px;margin:18px 0 22px}.pn-opt-lesson{padding:22px 18px;box-shadow:5px 6px 0 #eee7df;transform:none}.pn-opt-lesson li{gap:12px;padding:15px 0}.pn-opt-lesson strong{font-size:13px}.pn-opt-lesson small{font-size:10px}.pn-opt-lesson li>span{font-size:10px}.pn-opt-school .pn-opt-lesson>p{font-size:10px;margin-bottom:0}.pn-opt-barber{grid-template-columns:1fr;gap:25px}.pn-opt-barber>div{padding:0}.pn-opt-barber h2{font-size:30px}.pn-opt-barber p:not(.pn-opt-eyebrow){font-size:13px;margin:18px 0}.pn-opt-barber figcaption{font-size:9px;left:15px;bottom:15px}.pn-opt-invoice-stamp{right:25px}.pn-opt-collection-page{padding-top:18px}.pn-opt-collection-header h1{font-size:32px}.pn-opt-collection-header .pn-opt-lead{font-size:14px}.pn-opt-collection-tip{font-size:12px;padding:16px}.pn-opt-collection-nav{gap:8px;margin:22px 0 28px}.pn-opt-collection-nav a{font-size:11px;padding:8px 11px}.pn-opt-stock-help{padding:22px;margin-top:32px}.pn-opt-stock-help strong{font-size:18px}}
/* Automatic wholesale tiers: keep the real conditions beside the hero. */
.pn-opt-discounts{scroll-margin-top:110px;display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;padding:38px 42px;margin-top:24px;border:1px solid #e7d8df;border-radius:18px;background:#faf6f8;align-items:center}.pn-opt-discounts__intro h2{font-size:clamp(27px,2.4vw,36px)}.pn-opt-discounts__intro>p:not(.pn-opt-eyebrow){font-size:14px;line-height:1.8;color:#76616d;margin:20px 0;max-width:520px}.pn-opt-discounts__intro>a{font-size:13px;font-weight:600;color:var(--opt-accent)}.pn-opt-discounts__intro>a span{margin-left:12px}.pn-opt-discounts table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;overflow:hidden;border:1px solid #e4d3dc;border-radius:12px;background:#fff}.pn-opt-discounts caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pn-opt-discounts th,.pn-opt-discounts td{padding:15px 19px;border:0;border-bottom:1px solid #eee3e9;vertical-align:middle;line-height:1.5}.pn-opt-discounts thead th{font-size:10px;font-weight:500;color:#8c7683;background:#fff}.pn-opt-discounts tbody th{font-size:15px;font-weight:600;color:#493641;white-space:nowrap}.pn-opt-discounts td strong{font-size:32px;font-weight:600;letter-spacing:-.04em;line-height:1;color:#8b4c67}.pn-opt-discounts td strong span{font-size:18px;margin-left:2px}.pn-opt-discounts td:last-child{font-size:11px;color:#8c7683}.pn-opt-discounts td b{display:block;font-size:15px;color:#493641;font-weight:500}.pn-opt-discounts tbody tr:last-child{background:#8b4c67}.pn-opt-discounts tbody tr:last-child th,.pn-opt-discounts tbody tr:last-child td,.pn-opt-discounts tbody tr:last-child strong,.pn-opt-discounts tbody tr:last-child b{border-bottom:0;color:#fff}.pn-opt-discounts__table>p{font-size:11px;line-height:1.75;color:#8c7683;margin:13px 0 0;max-width:650px}@media(max-width:1000px){.pn-opt-discounts{gap:28px;padding:30px}.pn-opt-discounts th,.pn-opt-discounts td{padding:13px}}@media(max-width:700px){.pn-opt-discounts{grid-template-columns:1fr;padding:26px 20px;gap:24px;margin-top:18px;border-radius:14px}.pn-opt-discounts__intro h2{font-size:29px}.pn-opt-discounts__intro>p:not(.pn-opt-eyebrow){font-size:13px;margin:16px 0}.pn-opt-discounts th,.pn-opt-discounts td{padding:13px 10px}.pn-opt-discounts thead th{font-size:9px}.pn-opt-discounts tbody th{font-size:12px}.pn-opt-discounts td strong{font-size:28px}.pn-opt-discounts td:last-child{font-size:10px}.pn-opt-discounts td b{font-size:12px}.pn-opt-discounts__table>p{font-size:10px;line-height:1.75}}

/* Native Flexdiscount blocks: calculations and AJAX stay with the plugin. */
.pn-opt-native-discounts { margin: 20px 0; color: #3c3038; font-size: 14px; line-height: 1.5; }
.product-add-to-cart { background: #f7f3f6; border: 1px solid #e4d7df; border-radius: 18px; padding: 22px; }
.pn-opt-calculation { padding: 12px 0 18px; color: #3c3038; font-size: 14px; line-height: 1.5; }
.product-add-to-cart__controls { gap: 10px; }
.product-add-to-cart__controls-quantity { flex-shrink: 0; }
.product-add-to-cart .quantity { background: #fff; border-radius: 9px; }
.product-add-to-cart .quantity__input { font-size: 16px; }
.pn-supply-requestable .pn-opt-calculation dl,
.pn-supply-requestable .pn-opt-calculation p,
.pn-supply-requestable .pn-opt-calculation__heading b { display: none; }
.pn-opt-calculation__heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; }
.pn-opt-calculation__heading b { color: #6d3955; background: #eadde6; border-radius: 30px; padding: 3px 9px; font-size: 11px; }
.pn-opt-calculation__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 9px; margin: 10px 0 14px; }
.pn-opt-calculation__price strong { font-size: 30px; line-height: 1.2; letter-spacing: -.6px; color: #713f59; }
.pn-opt-calculation__price span { color: #776d73; font-size: 12px; }
.pn-opt-calculation dl { margin: 0; }
.pn-opt-calculation dl > div { display: flex; justify-content: space-between; gap: 12px; margin: 6px 0; }
.pn-opt-calculation dt { font-weight: 400; }
.pn-opt-calculation dd { margin: 0; white-space: nowrap; font-weight: 700; }
.pn-opt-calculation__saving { color: #713f59; }
.pn-opt-calculation p, .pn-opt-model-tiers p { margin: 12px 0 0; font-size: 12px; color: #776d73; line-height: 1.5; }
.pn-opt-model-tiers { margin-top: 22px; }
.pn-opt-model-tiers h3 { margin: 0; font-size: 17px; font-weight: 650; }
.pn-opt-model-tiers > p { margin-top: 6px; }
.pn-opt-model-tiers table { width: 100%; border-collapse: collapse; margin: 13px 0 0; font-size: 13px; text-align: left; }
.pn-opt-model-tiers th, .pn-opt-model-tiers td { padding: 10px 8px; border-bottom: 1px solid #e9e2e7; text-align: left; }
.pn-opt-model-tiers thead th { font-size: 11px; color: #776d73; font-weight: 400; }
.pn-opt-model-tiers tbody th { font-weight: 400; white-space: nowrap; }
.pn-opt-model-tiers td:last-child { white-space: nowrap; font-weight: 650; }
.pn-opt-model-tiers tbody tr:last-child { background: #f7f3f6; color: #713f59; }
.pn-opt-cart-benefit { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 24px; margin: 20px 0; background: #f7f3f6; border: 1px solid #e4d7df; border-radius: 20px; color: #3c3038; }
.pn-opt-cart-benefit h3 { margin: 7px 0; font-size: 22px; }
.pn-opt-cart-benefit p { margin: 0; font-size: 13px; color: #776d73; }
.pn-opt-cart-benefit__eyebrow { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #776d73; }
.pn-opt-cart-benefit__saving { display: grid; gap: 5px; color: #713f59; }
.pn-opt-cart-benefit__saving span { font-size: 12px; }
.pn-opt-cart-benefit__saving strong { font-size: 28px; }
.pn-opt-cart-benefit__tiers { width: 100%; display: flex; flex-wrap: wrap; gap: 8px; }
.pn-opt-cart-benefit__tiers > span { padding: 8px 12px; border-radius: 9px; border: 1px solid #e4d7df; font-size: 12px; }
.pn-opt-cart-benefit__tiers b { margin-left: 7px; }
.pn-opt-cart-benefit__tiers .is-active { background: #7e4b66; color: #fff; border-color: #7e4b66; }
.pn-opt-cart-benefit > small { width: 100%; color: #776d73; font-size: 11px; }
@media (max-width: 480px) {
    .product-add-to-cart { padding: 16px; }
    .pn-opt-model-tiers th, .pn-opt-model-tiers td { padding: 10px 5px; }
    .pn-opt-cart-benefit { padding: 18px; }
}

/* Keep the gallery full-width and inset the card details and purchase controls. */
.product-thumb > .product-thumb__main {
    padding: 0 16px 16px;
}

@media (max-width: 700px) {
    .product-thumb > .product-thumb__main {
        padding: 0 12px 12px;
    }
}

/* Homepage presentation, 20 October 2026. Scoped to the wholesale home only. */
.pn-opt-home {
    --opt-accent: #834960;
    --opt-ink: #302b30;
    --opt-teal: #426a5e;
    --opt-muted: #655c62;
    padding-top: 18px;
}
.pn-opt-home .pn-opt-eyebrow { color: #725d68; font-size: 11px; letter-spacing: .09em; }
.pn-opt-home .pn-opt-caption { color: var(--opt-muted); font-size: 15px; line-height: 1.7; max-width: 770px; }
.pn-opt-home .pn-opt-section { margin-top: 64px; }
.pn-opt-home h2 { font-size: clamp(27px, 2.6vw, 36px); line-height: 1.18; letter-spacing: -.025em; }
.pn-opt-home .pn-opt-heading { align-items: end; gap: 22px; }
.pn-opt-home .pn-opt-heading > a { font-size: 14px; white-space: normal; }
.pn-opt-home :is(a, summary):focus-visible { outline: 3px solid #426a5e; outline-offset: 5px; border-radius: 4px; }
.pn-opt-home :is(h2, h3, section[id]) { scroll-margin-top: 110px; }
.pn-opt-home .pn-opt-hero { min-height: 475px; grid-template-columns: 1.06fr 1fr; background: #f3eeeb; }
.pn-opt-home .pn-opt-hero__copy { padding: 38px 36px; }
.pn-opt-home .pn-opt-hero h1 { font-size: clamp(34px, 3.5vw, 48px); line-height: 1.1; margin-bottom: 20px; }
.pn-opt-home .pn-opt-lead { font-size: 16px; line-height: 1.65; color: var(--opt-muted); margin-bottom: 24px; }
.pn-opt-home .pn-opt-actions { align-items: center; gap: 18px; }
.pn-opt-home .pn-opt-text-link { display: inline-flex; gap: 12px; align-items: center; color: var(--opt-accent); font-weight: 600; font-size: 14px; line-height: 1.6; }
.pn-opt-home .pn-opt-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.pn-opt-home .pn-opt-hero__visual { margin: 0; min-height: 100%; }
.pn-opt-home .pn-opt-hero__visual img { object-position: 51% center; }
.pn-opt-home .pn-opt-hero__visual figcaption { left: 28px; right: 20px; bottom: 25px; }
.pn-opt-home .pn-opt-hero__visual figcaption span { font-size: 16px; font-weight: 500; color: white; }
.pn-opt-home .pn-opt-hero__facts { display: grid; grid-template-columns: 1fr 1.15fr 1fr; list-style: none; padding: 24px 0 0; margin: 27px 0 0; border-top: 1px solid #d9cecd; gap: 14px; }
.pn-opt-home .pn-opt-hero__facts li { margin: 0; padding: 0; }
.pn-opt-home .pn-opt-hero__facts strong { display: block; font-weight: 600; font-size: 15px; margin-bottom: 4px; }
.pn-opt-home .pn-opt-hero__facts span { display: block; color: var(--opt-muted); font-size: 12px; line-height: 1.5; }
.pn-opt-home-discounts { padding: 36px; margin-top: 24px; border: 1px solid #d7e3dc; border-radius: 18px; background: #f4f8f5; }
.pn-opt-home-discounts .pn-opt-heading { margin-bottom: 16px; }
.pn-opt-home .pn-opt-auto-label { align-self: start; color: var(--opt-teal); background: #e1ece5; padding: 8px 12px; border-radius: 20px; font-size: 12px; white-space: nowrap; }
.pn-opt-auto-label > span { margin-right: 4px; }
.pn-opt-tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; gap: 16px; padding: 0; margin: 25px 0 18px; }
.pn-opt-tiers li { padding: 22px; margin: 0; border: 1px solid #d5e1d8; border-radius: 12px; background: white; }
.pn-opt-tiers li > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pn-opt-tiers li > div > span { font-weight: 600; font-size: 16px; }
.pn-opt-tiers strong { color: var(--opt-teal); font-size: 42px; font-weight: 600; line-height: 1; letter-spacing: -.04em; white-space: nowrap; }
.pn-opt-tiers small { font-size: 24px; }
.pn-opt-tiers p { border-top: 1px solid #e3e9e4; margin: 18px 0 0; padding-top: 14px; font-size: 13px; line-height: 1.7; color: var(--opt-muted); }
.pn-opt-tiers b { color: var(--opt-teal); font-weight: 600; }
.pn-opt-tiers li:last-child { background: #e3eee7; border-color: #b6cfc0; }
.pn-opt-home .pn-opt-terms { color: #56635b; font-size: 12px; line-height: 1.7; margin: 0; max-width: 920px; }
.pn-opt-home .pn-opt-task__copy > p:not(.pn-opt-eyebrow) { font-size: 14px; color: #625766; line-height: 1.6; }
.pn-opt-home .pn-opt-task__link { font-size: 13px; }
.pn-opt-home .pn-opt-task .pn-opt-eyebrow { color: #705667; font-size: 10px; }
.pn-opt-home .pn-opt-task { min-height: 270px; }
.pn-opt-home .pn-opt-task h3 { font-size: 26px; }
.pn-opt-home .pn-opt-task--cut { background: #f4e9dc; }
.pn-opt-home .pn-opt-task--braid { background: #e9e3f1; }
.pn-opt-home .pn-opt-task--curl { background: #e4eee7; }
.pn-opt-home .pn-opt-task--men { background: #eee3e5; }
.pn-opt-home-help { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; padding: 38px; background: #f5f0eb; border-radius: 18px; align-items: center; }
.pn-opt-home-help__copy > p:not(.pn-opt-eyebrow) { margin: 20px 0; color: var(--opt-muted); font-size: 15px; line-height: 1.8; }
.pn-opt-home-help__copy > p.pn-opt-home-help__individual { margin-bottom: 0; border-top: 1px solid #d9cec5; padding-top: 20px; font-size: 13px; }
.pn-opt-home-kit { padding: 22px 28px 28px; background: #fffdf9; border: 1px solid #e5dcd2; border-radius: 14px; }
.pn-opt-home-kit__art { display: block; width: 210px; max-width: 100%; height: 130px; margin: 0 auto 15px; }
.pn-opt-home-kit h3 { font-size: 22px; font-weight: 600; line-height: 1.3; margin: 0 0 15px; }
.pn-opt-home-kit p { color: var(--opt-muted); font-size: 14px; line-height: 1.8; margin: 0 0 18px; }
.pn-opt-home-kit a { color: var(--opt-teal); font-size: 14px; font-weight: 600; }
.pn-opt-home-process__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; list-style: none; padding: 0; margin: 28px 0 0; }
.pn-opt-home-process__grid > li { margin: 0; padding: 26px; border: 1px solid #dce6df; background: #f3f7f3; border-radius: 14px; display: flex; flex-direction: column; }
.pn-opt-home-process__grid > li:nth-child(2) { background: #fbf5ec; border-color: #ece0d0; }
.pn-opt-home-process__grid > li:nth-child(3) { background: #f6f0f8; border-color: #e7dcec; }
.pn-opt-home-process__top { display: flex; justify-content: space-between; align-items: start; margin-bottom: 16px; }
.pn-opt-home-process__top svg { width: 110px; height: 85px; }
.pn-opt-step { font-size: 14px; color: #6c645f; padding-top: 7px; }
.pn-opt-home-process__grid h3 { font-size: 22px; font-weight: 600; line-height: 1.3; margin: 0 0 14px; }
.pn-opt-home-process__grid p { font-size: 14px; line-height: 1.8; color: var(--opt-muted); margin: 0 0 18px; }
.pn-opt-home-process__grid a { margin-top: auto; font-size: 13px; font-weight: 600; color: var(--opt-accent); }
.pn-opt-home-process__delivery { margin-top: 24px; }
.pn-opt-home .pn-opt-faq { grid-template-columns: .7fr 1.3fr; gap: 40px; }
.pn-opt-home .pn-opt-faq summary { font-size: 16px; line-height: 1.5; padding: 20px 30px 20px 0; }
.pn-opt-home .pn-opt-faq details p { font-size: 14px; line-height: 1.8; color: var(--opt-muted); }
.pn-opt-home-close { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 38px; margin-top: 64px; border-radius: 18px; background: #eee4e9; }
.pn-opt-home-close > div:last-child { display: grid; gap: 15px; justify-items: center; }
.pn-opt-home-close .pn-opt-eyebrow { margin-bottom: 13px; }
@media (max-width: 1100px) {
    .pn-opt-home .pn-opt-hero__copy { padding: 30px; }
    .pn-opt-home .pn-opt-hero h1 { font-size: 39px; }
    .pn-opt-tiers li { padding: 18px; }
    .pn-opt-tiers strong { font-size: 36px; }
    .pn-opt-tiers li > div { align-items: start; flex-direction: column; gap: 14px; }
    .pn-opt-home-help { gap: 28px; padding: 30px; }
    .pn-opt-home-process__grid { gap: 14px; }
    .pn-opt-home-process__grid > li { padding: 22px; }
}
@media (max-width: 700px) {
    .pn-opt-home .pn-opt-section { margin-top: 42px; }
    .pn-opt-home .pn-opt-heading { align-items: start; gap: 14px; }
    .pn-opt-home .pn-opt-caption { font-size: 14px; }
    .pn-opt-home .pn-opt-hero { grid-template-columns: 1fr; min-height: 0; }
    .pn-opt-home .pn-opt-hero__copy { padding: 28px 22px; }
    .pn-opt-home .pn-opt-hero h1 { font-size: 35px; }
    .pn-opt-home .pn-opt-hero .pn-opt-eyebrow { font-size: 10px; }
    .pn-opt-home .pn-opt-lead { font-size: 15px; }
    .pn-opt-home .pn-opt-actions { align-items: stretch; flex-direction: column; gap: 16px; }
    .pn-opt-home .pn-opt-actions .pn-opt-text-link { justify-content: center; }
    .pn-opt-home .pn-opt-hero__facts { gap: 10px; margin-top: 23px; padding-top: 20px; }
    .pn-opt-home .pn-opt-hero__facts strong { font-size: 13px; }
    .pn-opt-home .pn-opt-hero__facts span { font-size: 11px; }
    .pn-opt-home .pn-opt-hero__visual { height: 220px; min-height: 0; }
    .pn-opt-home .pn-opt-hero__visual figcaption { left: 22px; bottom: 17px; }
    .pn-opt-home .pn-opt-hero__visual figcaption span { font-size: 14px; }
    .pn-opt-home-discounts { padding: 25px 20px; }
    .pn-opt-home-discounts .pn-opt-heading { flex-direction: column; }
    .pn-opt-tiers { grid-template-columns: 1fr; gap: 12px; margin-top: 20px; }
    .pn-opt-tiers li { padding: 17px 18px; }
    .pn-opt-tiers li > div { flex-direction: row; align-items: center; }
    .pn-opt-tiers li > div > span { font-size: 17px; }
    .pn-opt-tiers strong { font-size: 37px; }
    .pn-opt-tiers p { margin-top: 12px; padding-top: 10px; }
    .pn-opt-tiers p br { display: none; }
    .pn-opt-tiers p b { margin-left: 5px; }
    .pn-opt-home .pn-opt-task { grid-template-columns: .75fr 1fr; min-height: 0; }
    .pn-opt-home .pn-opt-task h3 { font-size: 22px; }
    .pn-opt-home .pn-opt-task__copy { padding: 23px 17px 23px 3px; }
    .pn-opt-home .pn-opt-task__copy > p:not(.pn-opt-eyebrow) { font-size: 13px; line-height: 1.6; }
    .pn-opt-home .pn-opt-task .pn-opt-eyebrow { display: none; }
    .pn-opt-home .pn-opt-task__link { font-size: 12px; }
    .pn-opt-home .pn-opt-task__art > img { height: 200px; }
    .pn-opt-home-help { grid-template-columns: 1fr; padding: 26px 22px; gap: 25px; }
    .pn-opt-home-kit { padding: 22px; }
    .pn-opt-home-kit__art { height: 110px; width: 180px; }
    .pn-opt-home-help .pn-opt-text-link { font-size: 14px; }
    .pn-opt-home-process__grid { grid-template-columns: 1fr; gap: 16px; margin-top: 22px; }
    .pn-opt-home-process__top { margin-bottom: 8px; }
    .pn-opt-home-process__top svg { height: 70px; width: 92px; }
    .pn-opt-home .pn-opt-faq { grid-template-columns: 1fr; gap: 15px; }
    .pn-opt-home .pn-opt-faq h2 br { display: none; }
    .pn-opt-home-close { flex-direction: column; align-items: start; padding: 28px 22px; margin-top: 42px; gap: 24px; }
    .pn-opt-home-close > div:last-child { width: 100%; justify-items: stretch; }
    .pn-opt-home-close .pn-opt-text-link { justify-content: center; }
}
.index__footer img[src*="fantomheads-logo"] {
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-sizing: border-box;
    object-fit: contain;
    max-width: 100%;
    height: auto;
}
/* The alpha mask reverses only the lettering; the coloured emblem stays intact. */
.index__footer :is(.footer-main__logo, .r-footer-main__logo) .image-box:has(> img[src*="fantomheads-logo-footer-transparent"]) {
    position: relative;
    width: 260px;
    max-width: 100%;
}
.index__footer img[src*="fantomheads-logo-footer-transparent"] {
    display: block;
    width: 100%;
}
.index__footer :is(.footer-main__logo, .r-footer-main__logo) .image-box:has(> img[src*="fantomheads-logo-footer-transparent"])::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    -webkit-mask: url("../img/fantomheads-logo-footer-transparent.png") center / 100% 100% no-repeat;
    mask: url("../img/fantomheads-logo-footer-transparent.png") center / 100% 100% no-repeat;
    clip-path: inset(0 0 0 25.9%);
    pointer-events: none;
}
@media (max-width: 370px) {
    .pn-opt-home .pn-opt-hero__copy { padding: 25px 18px; }
    .pn-opt-home .pn-opt-hero h1 { font-size: 31px; }
    .pn-opt-home .pn-opt-task { grid-template-columns: .65fr 1fr; }
    .pn-opt-home .pn-opt-task h3 { font-size: 20px; }
    .pn-opt-home .pn-opt-task__art > img { height: 175px; }
    .pn-opt-home .pn-opt-task__orbit { width: 110px; }
    .pn-opt-home .pn-opt-hero__facts { grid-template-columns: 1fr; gap: 12px; }
    .pn-opt-home .pn-opt-hero__facts li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
}