/* Shared headshot pack landing page. */
.headshot-landing{background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6}
.headshot-landing *{box-sizing:border-box}.headshot-landing [hidden]{display:none!important}.headshot-landing button,.headshot-landing input,.headshot-landing textarea{font:inherit}.headshot-landing button{cursor:pointer}.headshot-landing button:disabled{cursor:wait}.headshot-landing main a{color:var(--purple)}.headshot-landing .hp-wrap{width:calc(100% - 96px);max-width:1200px;margin:auto}.headshot-landing .hp-hero-band{background:var(--surface);padding:42px 0 54px}.headshot-landing .hp-back{font-size:14px;display:inline-block;margin-bottom:24px;text-decoration:none}.headshot-landing .hp-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}.headshot-landing .hp-eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px}.headshot-landing .hp-title{font-family:var(--serif);font-weight:400;font-size:clamp(48px,4.6vw,67px);letter-spacing:-.045em;line-height:1.04;margin:0 0 23px;max-width:10ch}.headshot-landing .hp-intro{font-size:18px;line-height:1.65;max-width:34ch;margin:0 0 22px}.headshot-landing .hp-includes{font-size:14px;margin:0 0 25px;color:var(--muted)}.headshot-landing .hp-styling{border:0;padding:0;margin:0 0 22px}.headshot-landing .hp-styling legend{font-size:13px;color:var(--muted);margin:0 0 5px}.headshot-landing .hp-styling label{display:inline-flex;align-items:center;min-height:44px;margin-right:24px;gap:9px;cursor:pointer;font-size:15px}.headshot-landing .hp-styling input{accent-color:var(--purple);width:16px;height:16px;margin:0}.headshot-landing .hp-styling[disabled]{opacity:.65}.headshot-landing .hp-buy,.headshot-landing .hp-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--purple);background:var(--purple);color:white;border-radius:5px;min-height:50px;padding:12px 22px;font-size:16px!important;font-weight:500;text-decoration:none!important;transition:background .18s}.headshot-landing .hp-buy:hover,.headshot-landing .hp-primary:hover{background:var(--action-hover)}.headshot-landing .hp-buy:disabled{opacity:.8}.headshot-landing .hp-secondary{border:1px solid var(--purple);color:var(--purple);background:transparent;border-radius:5px;min-height:44px;padding:10px 18px;font-size:15px!important}.headshot-landing .hp-secondary:hover{background:var(--surface)}.headshot-landing .hp-payment-note{font-size:13px;color:var(--muted);margin:10px 0 12px}.headshot-landing .hp-credit-link,.headshot-landing .hp-text-button{border:0;padding:0;background:none;color:var(--purple);font-size:13px!important;min-height:30px}.headshot-landing .hp-credit-link:hover,.headshot-landing .hp-text-button:hover{text-decoration:underline;text-underline-offset:4px}.headshot-landing .hp-spinner{width:15px;height:15px;border:2px solid #ffffff60;border-top-color:white;border-radius:50%;animation:hp-spin 1s linear infinite}@keyframes hp-spin{to{transform:rotate(360deg)}}.headshot-landing .hp-art{display:grid;grid-template-columns:1.35fr .72fr;grid-template-rows:repeat(3,1fr);gap:8px;aspect-ratio:2.1/2.18}.headshot-landing .hp-art button{padding:0;border:0;min-width:0;min-height:0;background:transparent;overflow:hidden}.headshot-landing .hp-art button:first-child{grid-row:span 3}.headshot-landing .hp-art img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}.headshot-landing .hp-art button:first-child img{object-position:50% 35%}.headshot-landing .hp-art-caption{font-size:12px;color:var(--muted);margin:11px 0 0}.headshot-landing .hp-section{padding-top:88px}.headshot-landing .hp-section h2,.headshot-landing .hp-closing h2{font-family:var(--serif);font-weight:400;font-size:43px;line-height:1.12;letter-spacing:-.035em;margin:0 0 18px}.headshot-landing .hp-section-lede{margin:0 0 28px;color:var(--muted);max-width:60ch;font-size:16px}.headshot-landing .hp-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}.headshot-landing .hp-example{margin:0;min-width:0}.headshot-landing .hp-example button{display:block;background:none;padding:0;border:0;width:100%;text-align:left}.headshot-landing .hp-example img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%}.headshot-landing .hp-example figcaption{font-size:14px;margin-top:9px;line-height:1.45}.headshot-landing .hp-example figcaption span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.headshot-landing .hp-gallery-caption{font-size:13px;color:var(--muted);margin:20px 0}.headshot-landing .hp-custom{padding-top:13px;font-size:16px}.headshot-landing .hp-custom p{margin:0 0 4px}.headshot-landing .hp-custom button{font-size:16px!important}.headshot-landing .hp-custom small{display:block;color:var(--muted);font-size:13px;max-width:62ch;margin-top:6px}.headshot-landing .hp-comparison{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.headshot-landing .hp-comparison img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.headshot-landing .hp-comparison .hp-source img{object-position:50% 30%}.headshot-landing .hp-comparison figure{margin:0}.headshot-landing .hp-comparison figcaption{font-size:13px;margin-top:10px}.headshot-landing .hp-comparison figcaption span{display:block;color:var(--muted);font-size:12px}.headshot-landing .hp-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:34px}.headshot-landing .hp-step-number{font-family:var(--serif);font-size:29px;color:var(--purple)}.headshot-landing .hp-how h3{font-size:18px;font-weight:500;margin:9px 0}.headshot-landing .hp-how p{font-size:15px;color:var(--muted);margin:0;max-width:31ch}.headshot-landing .hp-faq{max-width:840px}.headshot-landing .hp-faq details{margin-bottom:19px}.headshot-landing .hp-faq summary{cursor:pointer;font-size:17px;font-weight:500;list-style:none;display:flex;gap:18px;justify-content:space-between;align-items:baseline;padding:8px 0}.headshot-landing .hp-faq summary::-webkit-details-marker{display:none}.headshot-landing .hp-faq summary::after{content:'+';font-size:24px;font-weight:400;color:var(--purple)}.headshot-landing .hp-faq details[open] summary::after{content:'−'}.headshot-landing .hp-faq details p{margin:8px 35px 16px 0;font-size:15px;color:var(--muted)}.headshot-landing .hp-review-note{font-size:13px!important;color:#765727!important;background:#f0e9db;padding:12px 15px;border-radius:3px}.headshot-landing .hp-closing{padding:85px 20px;text-align:center}.headshot-landing .hp-closing p{color:var(--muted);font-size:15px}.headshot-landing .hp-closing .hp-payment-note{font-size:13px}.headshot-landing .hp-feedback{font-size:14px;line-height:1.5;margin:12px 0;color:var(--ink);max-width:40ch}.headshot-landing .hp-feedback[data-kind=error]{color:#a33429}.headshot-landing .hp-feedback a{display:inline-block;margin-top:8px}.headshot-landing .hp-sticky{position:fixed;bottom:0;left:0;right:0;background:var(--canvas);padding:10px 20px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:25}.headshot-landing .hp-sticky-pack{font-size:12px;display:block;margin-bottom:5px}.headshot-landing .hp-sticky .hp-buy{width:100%;font-size:15px!important;min-height:44px}.headshot-landing .hp-mobile-spacer{height:105px;display:none}.headshot-landing .hp-panel,.headshot-landing .hp-lightbox{border:0;border-radius:8px;background:var(--canvas);color:var(--ink);padding:32px;width:calc(100% - 32px);max-width:500px;max-height:calc(100dvh - 32px);overflow:auto;font-family:var(--sans);box-shadow:0 20px 80px #302a3126}.headshot-landing .hp-panel::backdrop,.headshot-landing .hp-lightbox::backdrop{background:#181219b8}.headshot-landing .hp-close{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:var(--canvas);color:var(--purple);font-size:28px!important;z-index:2;border-radius:4px}.headshot-landing .hp-panel h2{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:10px 20px 17px 0}.headshot-landing .hp-panel p{font-size:15px;line-height:1.6}.headshot-landing .hp-panel .hp-panel-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.headshot-landing .hp-panel label{display:block;font-size:14px;margin-top:15px}.headshot-landing .hp-panel input:not([type=checkbox]),.headshot-landing .hp-panel textarea{width:100%;border:1px solid var(--line);border-radius:4px;background:white;min-height:46px;padding:10px;margin-top:5px;font-size:16px;box-sizing:border-box}.headshot-landing .hp-panel textarea{height:100px}.headshot-landing .hp-panel .hp-primary{width:100%;margin-top:20px}.headshot-landing .hp-panel .hp-text-button{display:block;margin:12px auto 0}.headshot-landing .hp-order{display:flex;gap:18px;align-items:center;margin:24px 0}.headshot-landing .hp-order img{width:84px;height:105px;object-fit:cover}.headshot-landing .hp-order p{margin:0}.headshot-landing .hp-order small{display:block;color:var(--muted);font-size:13px}.headshot-landing .hp-total{display:flex;justify-content:space-between;font-size:19px;margin:20px 0}.headshot-landing .hp-lightbox{max-width:700px;padding:0;background:var(--canvas)}.headshot-landing .hp-lightbox>img{max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 155px);object-fit:contain;display:block;margin:auto}.headshot-landing .hp-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.headshot-landing .hp-lightbox-bottom button{border:0;background:none;color:var(--purple);font-size:22px;width:44px;min-height:44px;flex:none}.headshot-landing .hp-lightbox-bottom p{text-align:center;font-size:13px;line-height:1.5;margin:0}.headshot-landing .hp-lightbox-bottom span{display:block;font-size:11px;color:var(--muted)}
@media(min-width:761px){.headshot-landing .hp-sticky{display:none!important}}@media(max-width:1050px){.headshot-landing .hp-wrap{width:calc(100% - 64px)}.headshot-landing .hp-hero{gap:32px}.headshot-landing .hp-title{font-size:52px}.headshot-landing .hp-intro{font-size:16px}.headshot-landing .hp-hero-band{padding-top:26px}.headshot-landing .hp-art{aspect-ratio:1/1.15}}
@media(max-width:760px){.headshot-landing .hp-wrap{width:calc(100% - 40px)}.headshot-landing .hp-hero-band{padding:22px 0 32px}.headshot-landing .hp-back{margin-bottom:25px;font-size:13px}.headshot-landing .hp-hero{grid-template-columns:1fr;gap:27px}.headshot-landing .hp-eyebrow{font-size:11px;margin-bottom:13px}.headshot-landing .hp-title{font-size:46px;max-width:12ch;margin-bottom:17px}.headshot-landing .hp-intro{font-size:16px;margin-bottom:15px}.headshot-landing .hp-includes{margin-bottom:17px;font-size:13px}.headshot-landing .hp-styling{margin-bottom:17px}.headshot-landing .hp-buy{width:100%;font-size:16px!important}.headshot-landing .hp-payment-note{font-size:12px;margin-top:9px}.headshot-landing .hp-art{aspect-ratio:2.1/2.18}.headshot-landing .hp-art-caption{font-size:11px}.headshot-landing .hp-section{padding-top:58px}.headshot-landing .hp-section h2,.headshot-landing .hp-closing h2{font-size:34px}.headshot-landing .hp-section-lede{font-size:15px;margin-bottom:24px}.headshot-landing .hp-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.headshot-landing .hp-example figcaption{font-size:13px}.headshot-landing .hp-example figcaption span{font-size:11px}.headshot-landing .hp-gallery-caption{font-size:12px}.headshot-landing .hp-custom{font-size:15px}.headshot-landing .hp-custom button{font-size:15px!important;min-height:44px}.headshot-landing .hp-custom small{font-size:12px}.headshot-landing .hp-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.headshot-landing .hp-comparison figcaption{font-size:12px}.headshot-landing .hp-how{grid-template-columns:1fr;gap:26px;margin-top:25px}.headshot-landing .hp-how article{display:grid;grid-template-columns:28px 1fr;gap:14px}.headshot-landing .hp-how h3{margin:0 0 6px}.headshot-landing .hp-how p{max-width:none}.headshot-landing .hp-faq summary{font-size:16px;line-height:1.5;min-height:44px}.headshot-landing .hp-faq details p{font-size:14px;margin-right:18px}.headshot-landing .hp-closing{padding:62px 20px}.headshot-landing .hp-mobile-spacer{display:block}.headshot-landing .hp-panel{padding:28px 23px}.headshot-landing .hp-panel h2{font-size:31px}.headshot-landing .hp-panel .hp-primary{font-size:15px!important}.headshot-landing .hp-feedback{font-size:13px}.headshot-landing .hp-panel .hp-total{font-size:18px}.headshot-landing .hp-review-note{font-size:12px!important}}
@media(max-width:350px){.headshot-landing .hp-title{font-size:42px}.headshot-landing .hp-intro{font-size:15px}.headshot-landing .hp-art{gap:6px}.headshot-landing .hp-styling label{margin-right:18px}.headshot-landing .hp-example img{aspect-ratio:4/5}.headshot-landing .hp-panel{padding:28px 19px}.headshot-landing .hp-panel h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.headshot-landing .hp-buy,.headshot-landing .hp-primary{transition:none}.headshot-landing .hp-spinner{animation:none}}

.headshot-landing .hp-panel .hp-panel-kicker{padding-right:20px;overflow-wrap:anywhere}
.headshot-landing:has(.hp-panel[open],.hp-lightbox[open]){overflow:hidden}

/* Appended concept: free text-first costume and look discovery. */
.headshot-landing .hp-custom h3{font-family:var(--serif);font-size:28px;line-height:1.15;font-weight:400;margin:0 0 12px;letter-spacing:-.025em}
.headshot-landing .hp-custom .hp-secondary{margin:12px 0 6px}
.headshot-landing .hp-panel.hp-ideas-panel{max-width:820px}
.headshot-landing .hp-panel .hp-idea-preview{font-size:12px;color:var(--muted);line-height:1.5;margin:20px 0 0}
.headshot-landing .hp-panel .hp-use-example,.headshot-landing .hp-panel .hp-revise{margin:6px 0 0;text-align:left;min-height:44px;line-height:1.5}
.headshot-landing .hp-panel .hp-idea-request{overflow-wrap:anywhere}
.headshot-landing .hp-idea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.headshot-landing .hp-idea-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:5px;padding:18px;background:transparent;color:var(--ink);line-height:1.5;gap:8px}
.headshot-landing .hp-idea-card:hover{border-color:var(--purple);background:var(--surface)}
.headshot-landing .hp-idea-card strong{font-size:17px;font-weight:500}
.headshot-landing .hp-idea-card span{font-size:14px;color:var(--muted)}
.headshot-landing .hp-idea-card .hp-idea-number{font-size:12px;color:var(--purple)}
.headshot-landing .hp-idea-card .hp-idea-choose{color:var(--purple);margin-top:auto;padding-top:10px;font-size:13px}
.headshot-landing .hp-panel .hp-idea-description{min-height:150px;resize:vertical}
.headshot-landing .hp-idea-price{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}
.headshot-landing .hp-idea-price strong{font-weight:500;font-size:17px}
.headshot-landing .hp-panel .hp-idea-price p{font-size:13px;color:var(--muted);margin:8px 0 0}
.headshot-landing .hp-panel .hp-idea-error{color:#a33429;font-size:14px}
@media(max-width:540px){.headshot-landing .hp-idea-grid{grid-template-columns:1fr}.headshot-landing .hp-custom h3{font-size:27px}.headshot-landing .hp-panel .hp-idea-price strong{font-size:16px}}

/* Latest proposal: compact hero, integrated proof, and free custom ideas. */
.hp-refined .hp-hero-band{padding:40px 0;background:var(--surface)}
.hp-refined .hp-hero{grid-template-columns:1fr 1.08fr;gap:64px}
.hp-refined .hp-copy{padding:30px 0}
.hp-refined .hp-eyebrow{font-size:11px;margin:0 0 18px;color:var(--muted);letter-spacing:.13em}
.hp-refined .hp-title{font-size:clamp(42px,4.7vw,68px);max-width:none;letter-spacing:-.045em;line-height:1.04;margin:0 0 22px;text-wrap:balance}
.hp-refined .hp-intro{max-width:36ch;margin:0;font-size:18px;line-height:1.65;color:var(--muted)}
.hp-refined .hp-styling{display:flex;gap:22px;margin:26px 0 26px}
.hp-refined .hp-styling legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hp-refined .hp-styling label{position:relative;min-height:44px;margin:0;padding:0;font-size:15px;gap:0;color:var(--muted)}
.hp-refined .hp-styling input{position:absolute;width:1px;height:1px;opacity:0}
.hp-refined .hp-styling span{position:relative;display:flex;align-items:center;min-height:44px}
.hp-refined .hp-styling span::after{content:'';position:absolute;bottom:1px;left:50%;width:6px;height:6px;border-radius:50%;background:var(--purple);transform:translateX(-50%);opacity:0}
.hp-refined .hp-styling input:checked+span{color:var(--purple)}
.hp-refined .hp-styling input:checked+span::after{opacity:1}
@media(hover:hover){.hp-refined .hp-styling label:hover input:not(:checked):not(:disabled)+span::after{opacity:.3}}
.hp-refined .hp-styling input:focus-visible+span{outline:2px solid var(--purple);outline-offset:4px}
.hp-refined .hp-buy{min-width:264px;min-height:54px;border-radius:6px;font-weight:500}
.hp-refined .hp-payment-note{font-size:13px;margin:12px 0 0}
.hp-refined .hp-credit-link{display:block;width:fit-content;max-width:100%;text-align:left;margin-top:8px;line-height:1.5;min-height:32px;font-size:12px!important;color:var(--muted)}
.hp-refined .hp-credit-link:hover{color:var(--purple)}
.hp-refined .hp-art{aspect-ratio:2.07/2.16;gap:8px;grid-template-columns:1.35fr .72fr}
.hp-refined .hp-art img{object-position:50% 15%}
.hp-refined .hp-art button:first-child img{object-position:50% 18%}
.hp-refined .hp-section{padding-top:88px}
.hp-refined .hp-section h2{font-size:clamp(34px,3.6vw,46px);margin-bottom:28px;letter-spacing:-.04em}
.hp-refined .hp-proof{display:grid;grid-template-columns:190px minmax(0,1fr);gap:44px;align-items:start}
.hp-refined .hp-proof-source{position:relative;margin:0}
.hp-refined .hp-source-button{display:block;padding:0;border:0;background:none;width:100%;cursor:zoom-in}
.hp-refined .hp-proof-source img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;border-radius:4px}
.hp-refined .hp-proof-source figcaption{font-size:13px;color:var(--muted);line-height:1.5;margin-top:12px}
.hp-refined .hp-proof-source strong{display:block;font-size:14px;font-weight:500;color:var(--ink);margin-bottom:5px}
.hp-refined .hp-proof-source small{display:block;font-size:12px;margin-top:8px}
.hp-refined .hp-proof-arrow{display:block;width:calc(100% + 32px);height:72px;margin-top:12px;color:var(--purple);pointer-events:none}
.hp-refined .hp-proof-arrow-mobile{display:none}
.hp-refined .hp-gallery{gap:22px 12px}
.hp-refined .hp-example img{border-radius:4px;object-position:50% 15%}
.hp-refined .hp-example figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:8px}
.hp-refined .hp-example button{cursor:zoom-in}
.hp-refined .hp-gallery-caption{margin:24px 0 0 234px;font-size:13px}
.hp-refined .hp-own h2{margin-bottom:14px}
.hp-refined .hp-own>p{color:var(--muted);max-width:54ch;font-size:17px;line-height:1.65;margin:0}
.hp-refined .hp-own-form{display:flex;align-items:stretch;gap:10px;max-width:720px;margin-top:22px}
.hp-refined .hp-own-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hp-refined .hp-own-form input{min-width:0;flex:1;border:1px solid #cfc6cf;border-radius:6px;height:54px;padding:0 16px;background:#fff;color:var(--ink);font-size:16px}
.hp-refined .hp-own-form input:focus{outline:2px solid var(--purple);outline-offset:2px}
.headshot-landing.hp-refined .hp-own-form button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;min-height:54px;margin:0;border-radius:6px;font-size:15px!important}
.hp-refined .hp-own-form .hp-spinner{border-color:#3c1a4740;border-top-color:var(--purple)}
.hp-refined .hp-own small{font-size:13px;margin-top:12px;max-width:60ch}
.hp-refined .hp-own .hp-idea-error{font-size:14px;color:#a33429;margin-top:12px}
.hp-refined .hp-own .hp-idea-preview{font-size:11px;color:var(--muted);margin-top:14px}
.hp-refined .hp-idea-grid{gap:0 28px}
.hp-refined .hp-idea-card{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0;background:none}
.hp-refined .hp-idea-card:hover{background:none;border-color:var(--purple)}
.hp-refined .hp-how{margin-top:0;gap:52px}
.hp-refined .hp-how h3{font-weight:500;font-size:17px;margin:10px 0 8px}
.hp-refined .hp-how p{font-size:15px;line-height:1.7}
.hp-refined .hp-faq{max-width:1200px;display:grid;grid-template-columns:1fr 1.6fr;column-gap:64px}
.hp-refined .hp-faq h2{grid-column:1;grid-row:1 / span 8}
.hp-refined .hp-faq details{grid-column:2;margin:0;border-bottom:1px solid var(--line)}
.hp-refined .hp-faq summary{padding:18px 0;font-size:16px}
.hp-refined .hp-faq details p{font-size:14px;line-height:1.7;margin:0 28px 20px 0}
.hp-refined .hp-closing{padding:96px 20px}
.hp-refined .hp-closing h2{font-size:clamp(34px,3.4vw,47px);margin-bottom:14px}
.hp-refined .hp-closing-summary{margin:0 0 24px}
.hp-refined .hp-mobile-spacer{height:94px}

/* Full-screen inspection keeps the same purchase offer in reach. */
.hp-refined .hp-lightbox{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border-radius:0;background:#1d181e;color:#fff}
.hp-refined .hp-lightbox[open]{display:grid;grid-template-rows:minmax(0,1fr) auto}
.hp-refined .hp-lightbox .hp-close{background:transparent;color:#fff;top:10px;right:12px}
.hp-refined .hp-image-stage{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;min-height:0;padding:28px 0 0}
.hp-refined .hp-image-stage img{width:auto;height:auto;max-width:100%;max-height:100%;min-height:0;justify-self:center;object-fit:contain;border-radius:4px}
.hp-refined .hp-image-stage button{padding:0;border:0;background:none;color:#fff;font-size:26px;width:44px;height:44px;justify-self:center}
.hp-refined .hp-lightbox-bottom{width:min(760px,calc(100% - 40px));margin:auto;padding:18px 0 calc(18px + env(safe-area-inset-bottom));gap:22px}
.hp-refined .hp-lightbox-bottom p{text-align:left;font-size:15px;color:#fff}
.hp-refined .hp-lightbox-bottom span{color:#ffffffaa;font-size:12px;margin-top:5px}
.hp-refined .hp-lightbox-bottom .hp-buy{width:auto;height:auto;min-width:230px;font-size:15px!important;background:#fff;color:var(--purple);border:1px solid #fff;border-radius:6px;padding:10px 20px}
.hp-refined .hp-lightbox-bottom .hp-spinner{border-color:#3c1a4740;border-top-color:var(--purple)}
.hp-refined .hp-lightbox button:focus-visible{outline-color:#fff}

@media(max-width:1050px){
  .hp-refined .hp-hero{gap:40px}
  .hp-refined .hp-proof{grid-template-columns:150px minmax(0,1fr);gap:28px}
  .hp-refined .hp-proof-arrow{width:calc(100% + 20px)}
  .hp-refined .hp-gallery-caption{margin-left:178px}
}
@media(max-width:760px){
  .hp-refined .hp-wrap{width:calc(100% - 40px)}
  .hp-refined .hp-hero-band{padding:30px 0 40px}
  .hp-refined .hp-hero{grid-template-columns:1fr;gap:28px}
  .hp-refined .hp-copy{padding:0}
  .hp-refined .hp-eyebrow{margin-bottom:12px}
  .hp-refined .hp-title{font-size:clamp(36px,10.4vw,44px);margin-bottom:14px}
  .hp-refined .hp-intro{font-size:16px;max-width:36ch}
  .hp-refined .hp-styling{margin:16px 0 22px}
  .hp-refined .hp-buy{width:100%;min-width:0;min-height:54px}
  .hp-refined .hp-payment-note{font-size:12px;line-height:1.5;margin-top:12px}
  .hp-refined .hp-credit-link{margin-top:4px;min-height:30px}
  .hp-refined .hp-art{aspect-ratio:2.07/2.16}
  .hp-refined .hp-section{padding-top:58px}
  .hp-refined .hp-section h2{font-size:34px;margin-bottom:24px}
  .hp-refined .hp-proof{grid-template-columns:1fr;gap:16px}
  .hp-refined .hp-proof-source{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;padding-bottom:96px}
  .hp-refined .hp-proof-arrow-desktop{display:none}
  .hp-refined .hp-proof-arrow-mobile{display:block;position:absolute;left:18px;bottom:4px;width:76px;height:72px;margin:0}
  .hp-refined .hp-proof-source figcaption{margin:0}
  .hp-refined .hp-proof-source strong{font-size:14px}
  .hp-refined .hp-proof-source small{font-size:12px;margin-top:6px}
  .hp-refined .hp-gallery{gap:20px 12px}
  .hp-refined .hp-gallery-caption{margin:22px 0 0;line-height:1.6}
  .hp-refined .hp-own h2{margin-bottom:14px}
  .hp-refined .hp-own>p{font-size:16px}
  .hp-refined .hp-own-form{flex-direction:column;margin-top:20px}
  .hp-refined .hp-own-form input{flex:none;width:100%}
  .hp-refined .hp-own small{font-size:12px}
  .hp-refined .hp-how{gap:26px}
  .hp-refined .hp-how h3{margin:0 0 6px}
  .hp-refined .hp-faq{display:block}
  .hp-refined .hp-faq summary{padding:16px 0;min-height:54px;line-height:1.5}
  .hp-refined .hp-closing{padding:64px 20px;text-align:left}
  .hp-refined .hp-closing>div{max-width:none!important}
  .hp-refined .hp-closing h2{font-size:34px}
  .hp-refined .hp-image-stage{position:relative;grid-template-columns:minmax(0,1fr);padding:60px 12px 48px}
  .hp-refined .hp-image-stage button{display:block;position:absolute;bottom:0}
  .hp-refined .hp-image-stage [data-prev]{left:12px}
  .hp-refined .hp-image-stage [data-next]{right:12px}
  .hp-refined .hp-lightbox-bottom{width:calc(100% - 32px);gap:12px;flex-wrap:wrap}
  .hp-refined .hp-lightbox-bottom p{font-size:13px;flex:1}
  .hp-refined .hp-lightbox-bottom .hp-buy{min-width:0;min-height:48px;max-width:100%;font-size:14px!important;padding:10px 14px}
}
@media(max-width:350px){.hp-refined .hp-lightbox-bottom{flex-direction:column;align-items:stretch}.hp-refined .hp-lightbox-bottom .hp-buy{width:100%}.hp-refined .hp-proof-source{grid-template-columns:90px minmax(0,1fr);gap:14px}}

/* Shared pack guide layout. Content stays in pack-content.js. */
.headshot-landing.hp-pack-template .hp-pack-guide{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}
.headshot-landing.hp-pack-template .hp-pack-guide h2{max-width:13ch;margin-bottom:24px}
.headshot-landing.hp-pack-template .hp-guide-intro p{font-size:16px;line-height:1.75;color:var(--muted);max-width:41ch;margin:0 0 16px}
.headshot-landing.hp-pack-template .hp-guide-example{border-top:1px solid var(--line);padding-top:24px}
.headshot-landing.hp-pack-template .hp-guide-example h3{font-family:var(--sans);font-size:17px;line-height:1.5;font-weight:500;margin:0 0 20px}
.headshot-landing.hp-pack-template .hp-guide-example dl{margin:0}
.headshot-landing.hp-pack-template .hp-guide-example dl>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;margin-bottom:12px;font-size:14px;line-height:1.6}
.headshot-landing.hp-pack-template .hp-guide-example dt{color:var(--muted)}
.headshot-landing.hp-pack-template .hp-guide-example dd{margin:0;color:var(--ink)}
.headshot-landing.hp-pack-template .hp-guide-example blockquote{border:0;padding:20px 0 0;margin:22px 0 8px;font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-.025em;line-height:1.4;color:var(--ink)}
.headshot-landing.hp-pack-template .hp-guide-example .hp-text-button{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px!important}
.headshot-landing.hp-pack-template .hp-faq h2{grid-row:1 / span 11}
@media(max-width:760px){
  .headshot-landing.hp-pack-template .hp-pack-guide{grid-template-columns:1fr;gap:24px}
  .headshot-landing.hp-pack-template .hp-pack-guide h2{max-width:15ch;margin-bottom:18px}
  .headshot-landing.hp-pack-template .hp-guide-intro p{font-size:15px;max-width:none}
  .headshot-landing.hp-pack-template .hp-guide-example{padding-top:22px}
  .headshot-landing.hp-pack-template .hp-guide-example dl>div{grid-template-columns:75px minmax(0,1fr);font-size:14px}
  .headshot-landing.hp-pack-template .hp-guide-example blockquote{font-size:24px;padding-top:12px;margin-top:16px}
}

