.landing-nav{display:flex;gap:30px;font-size:12px}.landing-nav a{color:inherit;text-decoration:none}body:not(.opening) .landing-nav{display:none}.opening{--muted:#5a6a71}.opening main{padding:0}.compact-hero{height:85svh;min-height:580px;max-height:820px;background:#a5b1b4}.hero-comparison{position:absolute;right:5%;bottom:0;width:46%;height:90%;max-width:590px}.hero-comparison .comparison{height:100%;aspect-ratio:auto;border-radius:0;background:transparent}.hero-comparison .face-layer{background-size:auto 100%;background-position:left top}.hero-comparison .comparison{aspect-ratio:.735;width:auto;margin:auto;max-width:100%}.hero-comparison .image-label{top:auto;bottom:24px}.compact-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#4e6068,#a5b1b4 70%);pointer-events:none}.compact-hero .reference-copy{top:26%;max-width:48%;pointer-events:none}.reference-copy button,.reference-copy a{pointer-events:auto}.compact-hero .fiction-label{bottom:8px;font-size:8px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:0;border-radius:35px;background:#263940;color:#fff;font:13px Lab,Arial;padding:15px 25px;min-height:46px}.chapter{padding:45px 5%;border-bottom:1px solid #e4eaec;max-width:1500px;margin:auto}.chapter-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:20px}.chapter h2{font:400 clamp(30px,3vw,44px)/1.12 Lab,Arial;letter-spacing:-1.4px;margin:0;width:60%}.chapter h2 span{color:#74858b}.chapter .section-tag{font-size:9px;color:#596c75}.story-row{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);align-items:center;gap:8%;margin-bottom:28px}.story-row:last-child{margin-bottom:0}.story-row>.comparison,.story-row>.placeholder-wrap{max-width:410px;width:100%;margin:auto}.story-row>.comparison{height:390px;aspect-ratio:auto}.story-row .face-layer{background-size:306.5% 100%}.story-copy>h3{font:400 26px/1.2 Lab,Arial;margin:0 0 14px;letter-spacing:-.7px}.story-copy p{font-size:14px;line-height:1.6;color:#485d66;max-width:470px}.insight{border-top:1px solid #d6e0e4;padding-top:20px;margin-top:22px;max-width:470px}.insight small,.sample-label{font-size:9px;color:#5e737c;letter-spacing:.5px;display:block}.insight h3{font:400 19px/1.3 Lab,Arial;margin:12px 0}.insight p{font-size:12px}.sample-label{margin-top:20px;line-height:1.5}.chapter details{border-bottom:1px solid #d9e2e6;margin-top:15px;max-width:540px}.chapter summary{font-size:12px;padding:14px 0;cursor:pointer}.chapter details p{font-size:12px;padding-bottom:16px;line-height:1.6;color:#4e636c}.chapter a{color:#345766}.outfit-reveal{max-width:300px!important;height:430px!important}.placeholder-wrap .comparison{height:390px;aspect-ratio:auto;background:#e3eaed}.party-row .placeholder-wrap{max-width:300px}.party-row .comparison{height:430px}.pending-pair:after{content:'IMAGE PAIR PENDING';position:absolute;bottom:12px;left:12px;font-size:9px;padding:5px 7px;background:#ffffffdd;pointer-events:none}.pair-disclosure{font-size:9px;line-height:1.4;padding:8px 10px;background:#f0f4f5;color:#536b75}.image-label{font-size:8px!important}.party-row,.accessory-row{border-top:1px solid #e3e9ec;padding-top:28px}.report-chapter{background:#edf2f3}.report-summary{display:grid;grid-template-columns:44% 1fr;gap:8%;align-items:center}.report-paper{background:white;padding:28px;max-width:410px;box-shadow:0 10px 25px #243c4410}.report-paper small{font-size:9px;color:#5c717a}.report-paper h3{font:400 25px/1.2 Lab,Arial;margin:24px 0}.report-line{font-size:11px;border-top:1px solid #e3eaed;padding:12px 0}.report-line span{color:#788e97;margin-right:18px}.palette{display:flex;margin:15px 0;gap:5px}.palette i{height:30px;flex:1;background:#243139}.palette i:nth-child(2){background:#d6d0bf}.palette i:nth-child(3){background:#788269}.offer-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.short-process{list-style:none;padding:0;margin:0}.short-process li{display:flex;gap:22px;padding:13px 0}.short-process li>span{font-size:10px;color:#6b828d;padding-top:5px}.short-process h3{font:400 18px/1.3 Lab,Arial;margin:0 0 7px}.short-process p{font-size:12px;line-height:1.5;color:#536b75;max-width:410px}.offer-card{background:#f0f4f5;border:1px solid #dce6e9;border-radius:10px;padding:28px}.offer-card h3{font:400 29px/1.2 Lab,Arial;margin:20px 0}.offer-card p{font-size:12px;color:#59707b;margin-bottom:20px}.offer-card small{display:block;font-size:10px;color:#526b76;line-height:1.6}.offer-card .pill{width:100%;margin-bottom:16px}.compact-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:20px}.scent-mini{display:flex;gap:14px;padding-bottom:15px}.scent-mini>div{flex:1;background:#f1f5f6;padding:15px}.scent-mini strong,.scent-mini span,.scent-mini small{display:block;font-size:11px;margin-bottom:8px}.opening footer{margin:0;padding:24px 5%;background:#eaf0f2;border:0;font-size:9px}.opening :focus-visible{outline:3px solid #3c718a;outline-offset:4px}@media(max-width:700px){.landing-nav{display:none}.compact-hero{height:850px;max-height:none;min-height:0}.hero-comparison{height:540px;top:65px;bottom:auto;right:0;width:100%;max-width:none}.compact-hero .reference-copy{left:20px;right:20px;top:auto;bottom:50px;max-width:none}.compact-hero .reference-copy h1{font-size:34px}.compact-hero .reference-copy p{font-size:12px;margin-bottom:20px}.compact-hero .hero-kicker{display:none}.compact-hero:before{background:linear-gradient(0deg,#30434c,#a5b1b4 65%)}.hero-comparison .comparison{width:397px;max-width:100%;aspect-ratio:auto}.hero-comparison .face-layer{background-size:306.5% 100%}.compact-hero .fiction-label{left:20px;bottom:14px}.chapter{padding:28px 20px}.chapter-heading{display:block;margin-bottom:22px}.chapter h2{width:auto;font-size:29px;margin-top:16px}.story-row{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.story-row>.comparison{height:350px;max-width:300px}.story-copy>h3{font-size:24px}.story-copy p{font-size:12px}.insight{padding-top:14px;margin-top:14px}.insight h3{margin:8px 0;font-size:18px}.insight p{font-size:12px}.sample-label{font-size:8px;margin-top:12px}.outfit-reveal,.party-row .comparison{height:380px!important;max-width:253px!important}.story-row>.placeholder-wrap{max-width:300px}.party-row>.placeholder-wrap{max-width:253px}.accessory-row .comparison{height:350px}.report-summary,.offer-layout{grid-template-columns:1fr;gap:24px}.report-paper{padding:24px}.compact-faq{grid-template-columns:1fr;gap:0}.chapter summary{padding:12px 0}.offer-card h3{font-size:26px}.opening header{padding:18px 20px}.opening header .brand{font-size:10px}.image-label{font-size:8px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Preserve the portrait panel's native proportions rather than stretching faces. */
.story-row>.comparison:not(.outfit-reveal){max-width:287px}
@media(max-width:700px){.story-row>.comparison:not(.outfit-reveal){max-width:257px}}

/* Approved follow-up: visible grooming slot and neutral portrait integration. */
.grooming-row{border-top:1px solid #e3e9ec;padding-top:24px}
.grooming-row>.placeholder-wrap{max-width:235px}
.grooming-row .comparison{height:320px}
.compact-hero{background:#d3d5d4}
.compact-hero:before{background:linear-gradient(90deg,#4e6068 0%,#839295 40%,#d3d5d4 66%)}
.hero-comparison .face-layer{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
@media(max-width:700px){.compact-hero:before{background:linear-gradient(0deg,#30434c 0%,#7b8c91 30%,#d3d5d4 65%)}.grooming-row>.placeholder-wrap{max-width:235px}.grooming-row .comparison{height:320px}}

/* Approved next-section reference, scoped to preserve the header. */
.next-chapter{display:grid;grid-template-columns:40% 60%;max-width:1440px;margin:120px auto 72px;padding:0 4%;color:#26343b;font-family:"Helvetica Neue",Arial,sans-serif;scroll-margin-top:24px;box-sizing:border-box}.next-copy{padding:30px 36px 24px 0}.next-tag{display:inline-block;font-size:9px;letter-spacing:.04em;border:1px solid #dce5e5;border-radius:20px;padding:6px 10px;color:#637d8b}.next-copy h2{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(30px,3vw,45px);font-weight:400;letter-spacing:-1.6px;line-height:1.16;margin:23px 0 20px}.next-copy h2 span{color:#718792}.next-intro{max-width:340px;font-size:13px;line-height:1.7;margin:0}.next-copy ol{list-style:none;counter-reset:benefit;padding:14px 0 0;margin:0}.next-copy li{counter-increment:benefit;font-size:13px;margin:22px 0;line-height:1.4}.next-copy li:before{content:'[' counter(benefit) ']';display:inline-block;width:37px;color:#718792;font-size:10px}.next-invitation{font-size:16px;line-height:1.45;margin:28px 0 16px;max-width:310px}.next-note{display:block;font-size:9px;color:#637d8b;line-height:1.5}.next-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.next-pair figure{margin:0;min-width:0}.next-pair .comparison{aspect-ratio:.68;border-radius:7px;background:#718792}.next-pair figcaption{font-size:9px;color:#637d8b;margin-top:10px}.next-pair .image-label{font-size:8px;top:14px;padding:5px;background:#ffffffba}.next-pair .image-label.left{left:8px}.next-pair .image-label.right{right:8px}.next-pair .divider>span{width:35px;height:35px;background:#637d8b75}.next-pair .comparison:focus-within{outline-color:#637d8b}
@media(max-width:700px){.next-chapter{grid-template-columns:1fr;margin:55px 0 45px;padding:0 22px}.next-copy{padding:0 0 30px}.next-copy h2{font-family:"Helvetica Neue",Arial,sans-serif;font-size:36px;letter-spacing:-1.35px;margin:22px 0 18px}.next-intro{font-size:14px;max-width:340px}.next-copy li{font-size:14px;margin:19px 0}.next-invitation{font-size:18px;max-width:320px;margin-top:25px}.next-pair{grid-template-columns:1fr;gap:25px}.next-pair .comparison{aspect-ratio:.75}.next-pair .image-label{font-size:9px}.next-pair figcaption{font-size:10px}}
/* Reference fidelity refinement: all rules restricted to the new section. */
.next-chapter{max-width:none;margin:0;padding:125px 3.8% 64px;grid-template-columns:41.2% 58.8%;background:#f7f9f9;color:#26343b;align-items:stretch}
.next-copy{padding:39px 32px 26px;border:1px solid #e6ebed;border-right:0;background:#ffffff80}
.next-copy h2{font-size:clamp(32px,2.75vw,56px);font-weight:300;letter-spacing:-.045em;line-height:1.23;margin:24px 0 21px}
.next-copy h2 span{color:#8ba1ac}.next-tag{font-size:11px;letter-spacing:0;padding:5px 10px;color:#718792;border-color:#e0e7e9}
.next-intro{font-size:clamp(13px,.95vw,19px);line-height:1.55;max-width:420px;color:#57636a;letter-spacing:-.025em}
.next-copy ol{padding-top:48px}.next-copy li{font-size:clamp(13px,.95vw,19px);margin:0 0 22px;letter-spacing:-.025em}.next-copy li:before{font-size:11px;width:45px;color:#718792}
.next-invitation{font-size:14px;color:#526b78;max-width:none;margin:30px 0 10px;letter-spacing:-.02em}.next-note{font-size:8px;color:#718792}
.next-pair{padding:16px;gap:16px;border:1px solid #e6ebed;background:#ffffff80}.next-pair .comparison{aspect-ratio:.795;background:#b1c0c7;border-radius:7px}
.next-pair .image-label{background:transparent;color:#fff;font-size:10px;padding:0;top:18px;font-weight:400;letter-spacing:-.02em;text-shadow:0 1px 3px #26343b40}.next-pair .image-label.left{left:15px}.next-pair .image-label.right{right:15px}.next-pair .divider{background:#ffffff80}.next-pair .divider>span{width:25px;height:25px;font-size:13px;background:#ffffff25;border-color:#ffffffe6}.next-pair figcaption{font-size:8px;color:#718792;margin-top:12px}
@media(min-width:1700px){.next-chapter{padding-top:160px}.next-copy{padding:55px 44px 35px}.next-copy ol{padding-top:70px}.next-copy li{margin-bottom:28px}.next-pair{padding:22px;gap:22px}}
@media(max-width:700px){.next-chapter{padding:52px 20px 44px;grid-template-columns:1fr}.next-copy{padding:25px 20px 27px;border:1px solid #e6ebed;border-bottom:0}.next-copy h2{font-size:33px;line-height:1.2;letter-spacing:-1.25px;margin:22px 0}.next-intro{font-size:13px;line-height:1.65}.next-copy ol{padding-top:29px}.next-copy li{font-size:13px;line-height:1.4;margin-bottom:19px}.next-copy li:before{width:30px;font-size:10px}.next-invitation{font-size:14px;max-width:250px;margin-top:25px}.next-pair{padding:12px;gap:24px;grid-template-columns:1fr}.next-pair .comparison{aspect-ratio:.795}.next-pair .image-label{font-size:9px;top:16px}.next-pair figcaption{font-size:9px}.next-note{font-size:8px}}
/* Supplied research reference: isolated below the approved comparison. */
.evidence-section{margin:0 3.8% 70px;border:1px solid #e6ebed;color:#26343b;font-family:"Helvetica Neue",Arial,sans-serif;background:#fff}.evidence-intro{padding:28px 32px 31px}.evidence-intro h2{font-family:inherit;font-size:clamp(32px,3.2vw,66px);font-weight:300;line-height:1.2;letter-spacing:-.045em;margin:0 0 78px;max-width:1100px}.evidence-intro h2 span{color:#8ba1ac}.evidence-tabs{display:flex;align-items:center;width:max-content;max-width:100%;border:1px solid #e6ebed;border-radius:40px;padding:4px;gap:1px;overflow-x:auto;scrollbar-width:thin}.evidence-tabs button{font-family:inherit;font-size:13px;line-height:1;border:0;border-radius:30px;padding:13px 18px;white-space:nowrap;background:transparent;color:#71808a}.evidence-tabs button[aria-selected=true]{background:#26343b;color:#fff}.evidence-tabs button:disabled{opacity:1;cursor:default}.evidence-tabs button:focus-visible{outline:2px solid #637d8b;outline-offset:2px}.evidence-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e6ebed;padding:15px;gap:30px}.evidence-cards article{border:1px solid #e6ebed;border-radius:13px;background:#f7f9f9;min-height:360px;padding:22px 19px;display:flex;flex-direction:column;min-width:0;position:relative}.evidence-cards article+article:before{content:'';position:absolute;left:-16px;top:-16px;bottom:-16px;width:1px;background:#e6ebed}.evidence-cards h3{font-family:inherit;font-size:clamp(20px,1.6vw,33px);font-weight:400;line-height:1.2;letter-spacing:-.04em;margin:0 0 19px}.evidence-cards h3 span{color:#8ba1ac}.evidence-cards p{font-size:13px;line-height:1.4;letter-spacing:-.025em;color:#57636a;margin:0}.evidence-cards footer{display:block;margin: auto 0 0!important;padding:35px 0 0!important;border:0!important;font:11px/1.4 "Helvetica Neue",Arial,sans-serif;color:#71808a;letter-spacing:-.025em}.paper-icon{display:block;width:14px;height:14px;margin:0 0 8px}.evidence-cards .evidence-photo{background:radial-gradient(ellipse at 45% 60%,#666b71 0%,#899299 44%,#a7b7be 100%);border:0;box-shadow:0 16px 17px -12px #26343b55}.evidence-photo h3,.evidence-photo p{color:#fff}.evidence-photo h3 span{color:#dce5e7}.evidence-photo footer{color:#e0e5e7}
@media(min-width:1700px){.evidence-intro{padding:36px 44px 44px}.evidence-intro h2{margin-bottom:105px}.evidence-tabs button{font-size:18px;padding:17px 25px}.evidence-cards{padding:21px;gap:42px}.evidence-cards article{min-height:510px;padding:29px 27px}.evidence-cards article+article:before{left:-22px;top:-22px;bottom:-22px}.evidence-cards p{font-size:19px}.evidence-cards footer{font-size:15px}}
@media(max-width:700px){.evidence-section{margin:0 20px 44px}.evidence-intro{padding:29px 20px 25px}.evidence-intro h2{font-size:33px;line-height:1.2;letter-spacing:-1.2px;margin-bottom:36px}.evidence-desktop-break{display:none}.evidence-tabs{width:100%;box-sizing:border-box}.evidence-tabs button{font-size:12px;padding:12px 17px}.evidence-cards{grid-template-columns:1fr;gap:18px;padding:12px}.evidence-cards article{min-height:280px;padding:23px 21px}.evidence-cards article+article:before{display:none}.evidence-cards h3{font-size:25px}.evidence-cards p{font-size:14px;line-height:1.5}.evidence-cards footer{font-size:12px;padding-top:45px!important}}
.evidence-cards[hidden]{display:none}.evidence-cards.count-3{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:calc(12.5% + 15px)}.evidence-cards.count-2{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:calc(25% + 15px)}.evidence-tabs button{cursor:pointer}.evidence-cards:focus-visible{outline:2px solid #637d8b;outline-offset:-2px}
@media(max-width:700px){.evidence-cards.count-3,.evidence-cards.count-2{grid-template-columns:1fr;padding:12px}.evidence-tabs{overscroll-behavior-x:contain}}
.evidence-cards footer{background:transparent!important;min-height:0;box-shadow:none}.evidence-photo footer{color:#e0e5e7}
/* Approved five-step process, isolated from preceding sections. */
.process-section{margin:0 3.8% 70px;border:1px solid #e6ebed;background:#fff;color:#26343b;font-family:"Helvetica Neue",Arial,sans-serif;scroll-margin-top:24px}.process-heading{text-align:center;padding:58px 24px 45px;border-bottom:1px solid #e6ebed}.process-kicker{display:inline-block;font-size:10px;letter-spacing:.07em;border:1px solid #e0e7e9;border-radius:24px;padding:6px 11px;color:#718792}.process-heading h2{font-family:inherit;font-size:clamp(32px,3.2vw,60px);font-weight:300;line-height:1.15;letter-spacing:-.045em;margin:24px 0}.process-heading h2 span{color:#8ba1ac}.process-heading>p{font-size:15px;line-height:1.6;max-width:690px;margin:0 auto;color:#57636a;letter-spacing:-.02em}.process-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;margin:18px;padding:35px 30px 32px;background:linear-gradient(110deg,#536671,#637d8b);border-radius:12px;color:#fff}.process-steps li{min-width:0}.process-track{height:30px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.process-track i{width:20px;height:20px;border:7px solid #ffffff40;border-radius:50%;background:white;background-clip:padding-box;box-sizing:border-box;flex:none}.process-track span{display:flex;align-items:center;flex:1;color:#ffffff50;font-size:20px}.process-track span:before{content:'';height:1px;background:#ffffff30;flex:1;margin-right:-2px}.process-steps li:last-child .process-track span{visibility:hidden}.process-steps small{font-size:9px;letter-spacing:.08em;color:#dce5e7}.process-steps h3{font-family:inherit;font-size:19px;font-weight:400;line-height:1.25;letter-spacing:-.035em;margin:23px 0 14px}.process-steps p{font-size:12px;line-height:1.6;margin:0;color:#e0e5e7}.process-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:48px 32px 26px}.process-samples article{min-width:0}.process-sample-sheet{border:1px solid #dde5e8;padding:13px;background:#f7f9f9;border-radius:8px;box-shadow:0 8px 20px -18px #26343b80}.process-sheet-label,.process-sheet-caption{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:.08em;color:#637d8b;align-items:center}.process-sheet-label{padding:2px 1px 13px}.process-sheet-caption{padding:13px 1px 2px;font-size:7px}.process-sheet-caption small{font-size:7px;white-space:nowrap}.process-sample-sheet img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:3px}.process-samples h3{font-family:inherit;font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.04em;margin:25px 0 13px}.process-feeling{font-size:14px;line-height:1.6;color:#526b78;margin:0 0 14px}.process-utility{font-size:12px;line-height:1.6;color:#687780;margin:0}.process-end{display:flex;justify-content:space-between;align-items:center;padding:10px 32px 38px;gap:20px}.process-end>small{font-size:9px;color:#718792}.process-end .pill{background:#26343b}
@media(max-width:700px){.process-section{margin:0 20px 44px}.process-heading{padding:36px 19px 30px}.process-heading h2{font-size:32px;letter-spacing:-1.2px;line-height:1.15;margin:22px 0}.process-heading>p{font-size:13px;line-height:1.65}.process-kicker{font-size:8px}.process-steps{grid-template-columns:1fr;margin:12px;padding:27px 23px;gap:0}.process-steps li{position:relative;padding:0 0 30px 33px}.process-steps li:last-child{padding-bottom:0}.process-track{position:absolute;left:0;top:0;bottom:0;height:auto;display:block;margin:0;width:20px}.process-track i{display:block;width:17px;height:17px;border-width:6px}.process-track span{font-size:0;position:absolute;top:26px;bottom:7px;width:1px;left:8px;background:#ffffff30}.process-track span:before{display:none}.process-steps h3{font-size:21px;margin:12px 0 10px;line-height:1.2}.process-steps p{font-size:13px;line-height:1.6}.process-samples{grid-template-columns:1fr;padding:28px 20px 20px;gap:34px}.process-samples h3{font-size:25px;margin-top:22px}.process-feeling{font-size:14px}.process-utility{font-size:12px}.process-end{padding:6px 20px 28px;flex-direction:column;align-items:stretch;gap:20px}.process-end>small{text-align:center;line-height:1.5}.process-end .pill{justify-content:center}}

.process-payoff{max-width:800px;margin:36px auto 12px;padding:30px 30px 10px;text-align:center}.process-payoff p{font-size:clamp(23px,2.2vw,34px);font-weight:300;line-height:1.35;letter-spacing:-.035em;margin:0 0 14px}.process-payoff>span{color:#718792;font-size:22px;font-weight:300}.process-feeling{line-height:1.65}

/* Approved process: arrow shaft and head share the marker centreline. */
@media(min-width:701px){.process-track span{position:relative;height:1px;font-size:0;line-height:0}.process-track span:before{margin-right:0}.process-track span:after{content:'';position:absolute;right:0;top:50%;width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg)}}

/* Personal analysis: isolated reference-led portrait composition. */
.personal-analysis{position:relative;overflow:hidden;margin:0 3.8% 70px;background:radial-gradient(ellipse at 50% 52%,#c6ced0 0,#a6b8bf 40%,#8fa6b0 100%);color:#fff;font-family:"Helvetica Neue",Arial,sans-serif;border:1px solid #a8b9c0}.analysis-heading{text-align:center;position:relative;z-index:3;padding:54px 24px 0}.analysis-heading>span{display:inline-block;font-size:11px;font-weight:400;letter-spacing:.07em;text-transform:uppercase;border:1px solid #ffffff40;border-radius:30px;padding:7px 12px;color:#eef2f3}.analysis-heading h2{font-family:inherit;font-weight:300;font-size:clamp(34px,3.8vw,65px);line-height:1.15;letter-spacing:-.045em;margin:26px 0}.analysis-heading em{font-style:normal;color:#e0e5e7}.analysis-heading p{max-width:680px;margin:auto;font-size:17px;font-weight:300;line-height:1.5;color:#f2f5f6}.analysis-scene{position:relative;height:650px;max-width:1600px;margin:0 auto}.analysis-person{position:absolute;z-index:2;bottom:-20px;left:50%;transform:translateX(-50%);height:680px;width:auto;max-width:none;object-fit:contain;pointer-events:none}.analysis-panels{position:absolute;top:115px;width:29%;display:grid;gap:15px;z-index:1}.analysis-left{left:2.2%}.analysis-right{right:2.2%}.analysis-card{min-height:125px;padding:19px 20px;border:1px solid #ffffff1c;border-radius:10px;background:#50667324;color:#f3f6f7}.analysis-card>small{font-size:9px;letter-spacing:.09em;color:#edf2f3}.analysis-card p{font-size:12px;line-height:1.5;margin:13px 0 0;color:#eef3f4}.analysis-card strong{display:block;font-size:21px;font-weight:300;line-height:1.25;margin-top:17px;letter-spacing:-.02em}.analysis-views,.analysis-fabric,.analysis-contexts{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.analysis-views span{border:1px solid #e0e5e780;padding:15px 8px;border-radius:35px 35px 8px 8px;font-size:11px;flex:1;text-align:center}.analysis-fabric span,.analysis-contexts span{font-size:11px;border-bottom:1px solid #ffffff50;padding-bottom:8px}.analysis-swatches{display:flex;margin-top:20px;height:35px;border-radius:4px;overflow:hidden}.analysis-swatches i{flex:1;background:#637d8b}.analysis-swatches i:nth-child(2){background:#e3e3d9}.analysis-swatches i:nth-child(3){background:#8e9586}.analysis-swatches i:nth-child(4){background:#b8aca1}.analysis-swatches i:nth-child(5){background:#39464c}.analysis-proportions{display:grid;gap:10px;margin-top:22px}.analysis-proportions i{height:1px;background:#e0e5e770;position:relative}.analysis-proportions i:before,.analysis-proportions i:after{content:'';position:absolute;top:-3px;width:1px;height:7px;background:#e0e5e7}.analysis-proportions i:after{right:0}.analysis-proportions i:nth-child(2){width:65%;margin:auto}.analysis-proportions i:nth-child(3){width:85%;margin:auto}.analysis-example{position:absolute;bottom:12px;left:20px;font-size:9px;z-index:4;color:#eef2f3}
@media(max-width:700px){.personal-analysis{margin:0 20px 44px}.analysis-heading{padding:36px 21px 0}.analysis-heading>span{font-size:9px}.analysis-heading h2{font-size:35px;line-height:1.12;margin:23px 0 20px}.analysis-heading em{display:block}.analysis-heading p{font-size:14px;line-height:1.6}.analysis-scene{height:auto;padding:370px 15px 45px;display:grid;grid-template-columns:1fr;gap:12px}.analysis-person{top:0;bottom:auto;height:405px;mask-image:linear-gradient(#000 80%,transparent);z-index:1}.analysis-panels{position:relative;top:auto;left:auto;right:auto;width:auto;gap:12px;z-index:2}.analysis-card{padding:18px;min-height:0;background:#50667345}.analysis-card strong{font-size:21px}.analysis-card p{font-size:12px}.analysis-example{left:0;right:0;text-align:center;font-size:8px}}
.personal-analysis{color:#26343b}.analysis-heading>span{color:#26343b;border-color:#637d8b70}.analysis-heading em{color:#455c68}.analysis-heading p{color:#304650}.analysis-card,.analysis-card>small,.analysis-card p{color:#26343b}.analysis-example{color:#26343b}

/* Analysis art revision: integrated original photographic installation. */
.personal-analysis{background:#a6b8bf}.analysis-art{position:relative;overflow:hidden;margin-top:32px;isolation:isolate}.analysis-art:before{content:'';position:absolute;z-index:1;inset:0 0 auto;height:70px;background:linear-gradient(#a6b8bf,transparent);pointer-events:none}.analysis-art picture{display:block}.analysis-art img{display:block;width:100%;height:auto;animation:analysis-settle 4.5s ease-out both;transform-origin:50% 40%}.analysis-example{color:#fff;background:#26343b85;padding:5px 8px;border-radius:4px;bottom:14px;left:18px}.analysis-heading{padding-bottom:0}@keyframes analysis-settle{from{transform:translateY(8px) scale(1.015)}to{transform:translateY(0) scale(1)}}@media(max-width:700px){.analysis-art{margin-top:24px}.analysis-art:before{height:40px}.analysis-art img{aspect-ratio:2/3;object-fit:cover}.analysis-example{left:10px;right:auto;bottom:10px;font-size:7px}}@media(prefers-reduced-motion:reduce){.analysis-art img{animation:none;transform:none}}

/* Technical studio revision — all rules confined to personal analysis. */
.personal-analysis .analysis-studio{position:relative;height:890px;max-width:1500px;margin:20px auto 0}.personal-analysis .studio-person{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:54%;max-width:600px;z-index:2;pointer-events:none}.personal-analysis .studio-person img{display:block;width:100%;height:auto}.personal-analysis .studio-person svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#e8f0f3;stroke-width:1.3;opacity:.65}.personal-analysis .studio-person svg path{stroke-dasharray:4 5}.personal-analysis .studio-person svg circle{fill:#e8f0f3;stroke:none}.personal-analysis .studio-plates{position:absolute;inset:0;z-index:3}.personal-analysis .studio-plate{position:absolute;width:28%;margin:0;border:1px solid #dbe4e7;background:#eef2f1;box-shadow:0 18px 40px -22px #26343b80;border-radius:7px;overflow:hidden;color:#26343b}.personal-analysis .plate-fit{left:3%;top:72px;transform:rotate(-2deg)}.personal-analysis .plate-hair{right:3%;top:26px;transform:rotate(2deg)}.personal-analysis .plate-brow{left:5%;top:485px;transform:rotate(1deg)}.personal-analysis .plate-frames{right:4%;top:460px;transform:rotate(-2deg)}.personal-analysis .studio-plate figcaption{padding:15px 17px 12px}.personal-analysis .studio-plate figcaption span{font-size:8px;letter-spacing:.09em;color:#637d8b}.personal-analysis .studio-plate strong{display:block;font-size:20px;font-weight:300;letter-spacing:-.025em;margin-top:7px}.personal-analysis .studio-render{aspect-ratio:1.35;background-image:url(assets/analysis-technical-plates.png);background-size:200% 200%;background-repeat:no-repeat;position:relative}.personal-analysis .render-fit{background-position:0 0}.personal-analysis .render-hair{background-position:100% 0}.personal-analysis .render-brow{background-position:0 100%}.personal-analysis .render-frames{background-position:100% 100%}.personal-analysis .studio-render small{position:absolute;bottom:6px;left:8px;background:#f9faf9eb;font-size:9px;padding:4px 6px;color:#455c68}.personal-analysis .studio-plate p{font-size:11px;line-height:1.5;margin:0;padding:12px 17px 15px;color:#455c68}.personal-analysis .analysis-example{background:#26343b85;color:white;bottom:12px;z-index:4}
@media(max-width:700px){.personal-analysis .analysis-studio{height:auto;margin-top:12px;padding:340px 14px 48px}.personal-analysis .studio-person{top:0;bottom:auto;width:280px;max-width:none;mask-image:linear-gradient(#000 78%,transparent)}.personal-analysis .studio-plates{position:relative;inset:auto;display:grid;gap:20px}.personal-analysis .studio-plate{position:relative;inset:auto;width:auto;transform:none}.personal-analysis .studio-plate:nth-child(odd){margin-right:12px}.personal-analysis .studio-plate:nth-child(even){margin-left:12px}.personal-analysis .studio-render{aspect-ratio:1.2}.personal-analysis .studio-plate strong{font-size:22px}.personal-analysis .studio-plate figcaption span{font-size:9px}.personal-analysis .studio-plate p{font-size:12px}.personal-analysis .analysis-example{left:8px;right:8px;font-size:7px;text-align:center}}
.personal-analysis .studio-render{aspect-ratio:1}.personal-analysis .analysis-studio{height:1070px}.personal-analysis .studio-person{max-width:680px}.personal-analysis .plate-brow{top:565px}.personal-analysis .plate-frames{top:540px}@media(max-width:700px){.personal-analysis .analysis-studio{height:auto}.personal-analysis .studio-person{max-width:none}.personal-analysis .plate-brow,.personal-analysis .plate-frames{top:auto}.personal-analysis .studio-render{aspect-ratio:1}}
@media(min-width:701px){.personal-analysis .analysis-studio{height:1140px}.personal-analysis .plate-brow{top:590px}.personal-analysis .plate-frames{top:565px}}
@media(min-width:701px){.personal-analysis .studio-person{width:58%;max-width:760px}}
/* Unified analysis field: aligned studies recede behind the primary portrait. */
.personal-analysis .analysis-studio{height:1050px;background-image:linear-gradient(#637d8b0b 1px,transparent 1px),linear-gradient(90deg,#637d8b0b 1px,transparent 1px);background-size:80px 80px}.personal-analysis .studio-person{z-index:3;width:53%;max-width:700px}.personal-analysis .studio-plates{z-index:1}.personal-analysis .studio-plate{width:28%;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.personal-analysis .plate-fit,.personal-analysis .plate-hair{top:30px}.personal-analysis .plate-brow,.personal-analysis .plate-frames{top:535px}.personal-analysis .plate-fit,.personal-analysis .plate-brow{left:2.5%;right:auto}.personal-analysis .plate-hair,.personal-analysis .plate-frames{right:2.5%;left:auto}.personal-analysis .studio-plate figcaption{padding:12px 0 10px;border-top:1px solid #637d8b30}.personal-analysis .studio-plate figcaption span{color:#455c68;font-size:9px}.personal-analysis .studio-plate strong{font-size:17px;color:#455c68;margin-top:6px}.personal-analysis .studio-render{background-image:url(assets/analysis-unified-studies.png);opacity:.42;filter:saturate(.35);mix-blend-mode:luminosity}.personal-analysis .studio-plate p{padding:10px 0 12px;color:#455c68;font-size:10px}.personal-analysis .studio-render small{background:#d8e1e4;color:#26343b;font-size:9px}.personal-analysis .studio-person svg{opacity:.42}.personal-analysis .analysis-example{background:transparent;color:#304650}
@media(max-width:700px){.personal-analysis .analysis-studio{height:auto;padding:420px 20px 42px;background-size:60px 60px}.personal-analysis .studio-person{top:0;bottom:auto;width:280px;max-width:none;z-index:1}.personal-analysis .studio-plates{z-index:2;gap:22px}.personal-analysis .studio-plate,.personal-analysis .plate-fit,.personal-analysis .plate-hair,.personal-analysis .plate-brow,.personal-analysis .plate-frames{position:relative;inset:auto;width:100%;margin:0!important;transform:none}.personal-analysis .studio-plate strong{font-size:20px}.personal-analysis .studio-render{opacity:.57}.personal-analysis .studio-plate p{font-size:12px}.personal-analysis .analysis-example{font-size:7px}}

/* Image-only realism update; original left studies retained. */
.personal-analysis .render-hair,.personal-analysis .render-frames{background-image:url(assets/analysis-photographic-studies.png)}
.personal-analysis .frame-alignment-guides{position:absolute;inset:0;width:100%;height:100%;color:#243c49;opacity:.8;pointer-events:none}

/* Final compact analysis proportions; no rules outside this section. */
@media(min-width:701px){
.personal-analysis .analysis-heading{padding:28px 24px 0}
.personal-analysis .analysis-heading h2{font-size:clamp(32px,3.1vw,48px);margin:16px 0 13px}
.personal-analysis .analysis-heading p{font-size:15px;line-height:1.45;max-width:660px}
.personal-analysis .analysis-studio{height:clamp(440px,calc(100svh - 230px),650px);margin-top:12px}
.personal-analysis .studio-person{width:clamp(293px,calc((100svh - 230px)*.667),433px);max-width:none}
.personal-analysis .studio-plate{width:clamp(140px,calc((100svh - 440px)/2),240px)}
.personal-analysis .plate-fit,.personal-analysis .plate-hair{top:0}
.personal-analysis .plate-brow,.personal-analysis .plate-frames{top:auto;bottom:8px}
.personal-analysis .plate-fit,.personal-analysis .plate-brow{left:12%}
.personal-analysis .plate-hair,.personal-analysis .plate-frames{right:12%}
.personal-analysis .studio-plate figcaption{padding:7px 0}
.personal-analysis .studio-plate figcaption span{font-size:8px}
.personal-analysis .studio-plate strong{font-size:15px;margin-top:3px}
.personal-analysis .studio-plate p{font-size:9px;padding:5px 0;line-height:1.35}
}
@media(max-width:700px){
.personal-analysis .analysis-heading{padding:25px 18px 0}
.personal-analysis .analysis-heading h2{font-size:30px;margin:18px 0 15px}
.personal-analysis .analysis-heading p{font-size:13px;line-height:1.5}
.personal-analysis .analysis-studio{padding:315px 14px 24px;margin-top:4px}
.personal-analysis .studio-person{width:210px}
.personal-analysis .studio-plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
.personal-analysis .studio-plate figcaption{padding:8px 0;min-height:65px}
.personal-analysis .studio-plate figcaption span{font-size:7px;letter-spacing:.035em}
.personal-analysis .studio-plate strong{font-size:16px;line-height:1.15;margin-top:6px}
.personal-analysis .studio-plate p{font-size:11px;line-height:1.4;padding:8px 0 0}
}
/* Approved readability refinement: larger studies, clearer analysis guides. */
@media(min-width:701px){
.personal-analysis .analysis-heading{padding-top:20px}
.personal-analysis .analysis-heading h2{margin:12px 0 10px;font-size:clamp(32px,3vw,44px)}
.personal-analysis .analysis-studio{height:clamp(480px,calc(100svh - 190px),690px);margin-top:8px}
.personal-analysis .studio-person{width:clamp(320px,calc((100svh - 190px)*.667),460px)}
.personal-analysis .studio-plate{width:clamp(160px,calc((100svh - 340px)/2),280px)}
.personal-analysis .plate-fit,.personal-analysis .plate-brow{left:6%}
.personal-analysis .plate-hair,.personal-analysis .plate-frames{right:6%}
}
.personal-analysis .studio-person svg{opacity:.82;stroke-width:1.8}
.personal-analysis .studio-render{opacity:.58;mix-blend-mode:multiply}
.personal-analysis .frame-alignment-guides{opacity:1}
.personal-analysis .brow-connector{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;fill:none;stroke:#edf3f5;stroke-width:1;opacity:.75}
@media(max-width:700px){.personal-analysis .brow-connector{display:none}.personal-analysis .studio-render{opacity:.65}}
@media(min-width:701px){
.personal-analysis .studio-plate{width:clamp(150px,calc((100svh - 360px)/2),270px)}
.personal-analysis .studio-plate figcaption{line-height:12px;padding:5px 0}
.personal-analysis .studio-plate strong{line-height:18px}
}
/* Approved immutable master and matching photographic studies. */
.personal-analysis .studio-person img{mask-image:radial-gradient(ellipse at 50% 46%,#000 45%,#000e 65%,transparent 98%)}
.personal-analysis .studio-person svg{transform:translateY(-9%) scale(.9);transform-origin:50% 50%}
.personal-analysis .studio-render{mask-image:radial-gradient(ellipse at 50% 47%,#000 48%,#000d 72%,transparent 100%)}
.personal-analysis .render-brow{mask-image:radial-gradient(ellipse at 50% 50%,#000 48%,#000c 70%,transparent 96%)}
.personal-analysis .render-fit{opacity:.9;filter:saturate(.35) contrast(1.1);mask-image:radial-gradient(ellipse at 50% 43%,#000 52%,#000e 72%,transparent 100%)}
.personal-analysis .studio-person img{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 65%,#000d 80%,transparent 100%)}
.personal-analysis .studio-render{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 65%,#000c 82%,transparent 100%)}
.personal-analysis .render-brow{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,#000c 80%,transparent 100%)}
.personal-analysis .render-fit{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 65%,#000e 80%,transparent 100%)}
.personal-analysis .render-brow,.personal-analysis .render-frames{background-size:200% 205.6%}
/* Reviewed presentation correction: natural photographic contrast, no halos. */
.personal-analysis .studio-person,.personal-analysis .studio-person img{mask-image:none;border:0;border-radius:0;box-shadow:none;outline:0}
.personal-analysis .studio-render{mask-image:none;opacity:1;filter:none;mix-blend-mode:normal;border:0;border-radius:0;box-shadow:none;outline:0}
.personal-analysis .render-fit,.personal-analysis .render-hair,.personal-analysis .render-frames{mask-image:none}
.personal-analysis .render-brow{mask-image:none;border-radius:50%;background-size:300% 300%;background-position:11% 72%}

.personal-analysis .render-brow{background-position:11% 82%}
.personal-analysis .render-fit{background-image:url(assets/analysis-fit-native-cutout.png);background-size:100% 150%;background-position:center bottom}
.personal-analysis .fit-scan-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

/* Brow-only: existing approved portrait pixels, full brows and lashes. */
.personal-analysis .render-brow{background-image:none;border-radius:0;overflow:hidden}
.personal-analysis .render-brow .brow-detail{display:block;width:100%;height:100%}

/* Centre portrait is the measurement standard. Match its rendered scale,
   including its existing .9 transform, without changing that approved SVG. */
.personal-analysis{--measurement-unit:calc(clamp(320px,calc((100svh - 190px)*.667),460px)*.9/1024)}
@media(max-width:700px){.personal-analysis{--measurement-unit:calc(210px*.9/1024)}}
.personal-analysis .canonical-measurement{fill:none;stroke:#e8f0f3;opacity:.82}
.personal-analysis .canonical-measurement path{vector-effect:non-scaling-stroke;stroke-width:calc(var(--measurement-unit)*1.8);stroke-dasharray:calc(var(--measurement-unit)*4) calc(var(--measurement-unit)*5);stroke-linecap:butt;stroke-linejoin:miter}
.personal-analysis .canonical-measurement .measurement-ticks path{stroke-dasharray:none}
.personal-analysis .canonical-measurement .measurement-landmarks path{stroke-dasharray:none;stroke-linecap:round;stroke-width:calc(var(--measurement-unit)*10)}

/* Hair step one: hide baked-in blue framing; original four-view pixels/crop retained. */
.personal-analysis .render-hair{mask-image:url(assets/analysis-hair-frame-mask.svg);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center}

/* Frame panel: approved portrait pixels with isolated photographic eyewear. */
.personal-analysis .render-frames{background-image:none;background-color:transparent;mask-image:none}
.personal-analysis .frame-portrait{color:inherit;opacity:1}
.personal-analysis .frame-labels{fill:#243c49;font-family:inherit;font-size:20px;font-weight:400}

/* Personal-analysis heading only: atmospheric editorial treatment. */
.personal-analysis .analysis-heading{isolation:isolate;padding:36px 24px 24px;color:#f7f6f3}
.personal-analysis .analysis-heading::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 95% at 50% 16%,#b7aa98b8 0%,#a49d9380 38%,#8ca1aa28 74%,transparent 100%),linear-gradient(180deg,#637c8970 0%,#78909b38 55%,transparent 100%)}
.personal-analysis .analysis-heading>span{color:#f6f7f6;background:#ffffff0a;border-color:#f1f3ee55;padding:7px 15px;font-size:10px;letter-spacing:.095em;font-weight:400;box-shadow:inset 0 1px 0 #ffffff12}
.personal-analysis .analysis-heading h2{color:#faf9f6;font-weight:300;font-size:clamp(32px,3vw,44px);line-height:1.16;letter-spacing:-.035em;margin:20px 0 15px;text-shadow:0 1px 12px #53697514}
.personal-analysis .analysis-heading h2 em{color:#f4f3ef;font-weight:400}
.personal-analysis .analysis-heading p{max-width:610px;color:#f1f3f2;font-size:15px;font-weight:300;line-height:1.6;letter-spacing:.005em;margin:0 auto}
@media(max-width:700px){.personal-analysis .analysis-heading{padding:31px 20px 24px}.personal-analysis .analysis-heading::before{background:radial-gradient(ellipse 85% 80% at 50% 16%,#b7aa98b0 0%,#a49d9360 45%,transparent 100%),linear-gradient(180deg,#637c8970,transparent)}.personal-analysis .analysis-heading>span{font-size:9px}.personal-analysis .analysis-heading h2{font-size:32px;line-height:1.14;margin:20px 0 16px}.personal-analysis .analysis-heading p{font-size:13px;line-height:1.65;max-width:300px}}

/* White study headings; retain existing sizing, placement and copy. */
.personal-analysis .studio-plate figcaption span,.personal-analysis .studio-plate figcaption strong{color:#fff;text-shadow:0 1px 3px #344d5a45}

/* Secondary study captions: softer than the bright white headings. */
.personal-analysis .studio-plate>p{color:#edf2f3;text-shadow:0 1px 2px #344d5a30}

/* Personalized context: a separate, scoped section beneath the approved studio. */
.context-section{max-width:1358px;margin:0 auto;padding:100px 32px 108px;border-inline:1px solid #e9eced;background:#fdfdfc;color:#303b40}
.context-heading{text-align:center;margin-bottom:58px}
.context-heading>span{display:inline-block;border:1px solid #dce1e3;border-radius:30px;padding:7px 15px;font-size:10px;letter-spacing:.08em;color:#66777e}
.context-heading h2{font-size:clamp(32px,3.6vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.045em;margin:25px 0 0}
.context-heading em{font-style:normal;color:#8b9ba3;font-weight:300}
.context-list{max-width:900px;margin:auto;display:flex;flex-direction:column;gap:30px}
.context-card{position:relative;display:flex;align-items:center;gap:30px;width:100%;padding:22px;border:1px solid #e4e8e9;border-radius:12px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;isolation:isolate;transition:box-shadow .2s,color .2s,border-color .2s}
.context-card:not(:last-child)::after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:1px;background:#eef0f0}
.context-card::before{content:"";position:absolute;inset:0;border-radius:11px;z-index:-1;background:linear-gradient(110deg,#a99f93 0%,#435766 52%,#8099a7 100%);opacity:0;transition:opacity .2s}
.context-card[aria-pressed=true],.context-card:focus-visible{color:#fff;border-color:#82949d;box-shadow:0 9px 24px #344b5a20}
.context-card[aria-pressed=true]::before,.context-card:focus-visible::before{opacity:1}
.context-card:focus-visible{outline:2px solid #405e70;outline-offset:4px}
@media(hover:hover){.context-card:hover{color:#fff;border-color:#82949d;box-shadow:0 9px 24px #344b5a20}.context-card:hover::before{opacity:1}.context-card:hover .context-copy>span{color:#edf1f2}}
.context-copy{display:block;flex:1;min-width:0}.context-copy strong{display:block;font-size:22px;line-height:1.25;font-weight:400;letter-spacing:-.025em;margin-bottom:10px}.context-copy>span{display:block;color:#7b858b;font-size:15px;line-height:1.55;font-weight:300;max-width:560px}.context-card[aria-pressed=true] .context-copy>span,.context-card:focus-visible .context-copy>span{color:#edf1f2}
.context-art{display:block;position:relative;flex:0 0 169px;height:113px;overflow:hidden;border-radius:8px;color:#eaf1f3;background:radial-gradient(ellipse at 25% 10%,#d2cbc0aa,transparent 70%),linear-gradient(135deg,#8396a1,#b8c6cc);box-shadow:inset 0 0 0 1px #ffffff30}
.context-art>svg{width:100%;height:100%}.context-demo{position:absolute;bottom:4px;right:6px;font-size:5px;letter-spacing:.09em;color:#f9fbfc;opacity:.85}
.context-portraits{height:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:15px 10px 18px}.context-face{display:block;width:43px;height:64px;border:1px solid #ffffff70;border-radius:5px;background-color:#c4cccd;background-repeat:no-repeat;box-shadow:0 4px 8px #3e536126;filter:saturate(.55)}
.context-face-woman{height:82px;width:49px;background-image:url(assets/analysis-portrait.png);background-size:150%;background-position:50% 22%}.context-face-man{background-image:url(assets/face-before.png);background-size:390% auto;background-position:3% 27%}.context-face-other{background-image:url(assets/quiz-entry.png);background-size:530% auto;background-position:86% 10%}.context-cultural .context-face{height:76px}.context-chevrons{position:absolute;right:4px;top:39px;font-size:12px;line-height:1.5;color:#f7f8f9}
.context-stats{display:flex;align-items:center;justify-content:center;gap:7px;height:100%;padding:16px 10px}.context-stats>div{width:69px;min-height:71px;padding:9px 5px 5px;text-align:center;background:#e8eff12b;border:1px solid #f3f7f64f;border-radius:7px;box-shadow:0 5px 10px #4458631a}.context-stats small{display:block;font-size:7px;line-height:1.3;white-space:nowrap}.context-stats b{display:block;font-size:21px;font-weight:300;line-height:1.3;margin:4px 0}.context-stats b span{font-size:9px;margin-left:2px}.context-stats svg{width:100%;height:15px;fill:none;stroke:#f6f8f8;stroke-width:.7}.context-stats .context-ring{width:39px;height:39px;line-height:35px;border:2px solid #f1f6f1;border-left-color:#ffffff30;border-radius:50%;margin:0 auto 5px;font-size:17px}.context-scale{font-size:13px;letter-spacing:1px;opacity:.7}
@media(max-width:700px){.context-section{margin-inline:20px;padding:64px 14px 64px}.context-heading{margin-bottom:36px}.context-heading h2{font-size:34px;max-width:300px;margin:23px auto 0}.context-heading>span{font-size:8px}.context-list{gap:24px}.context-card{padding:16px;gap:18px;flex-direction:column;align-items:flex-start}.context-card:not(:last-child)::after{bottom:-13px}.context-copy strong{font-size:21px;margin-bottom:8px}.context-copy>span{font-size:14px}.context-art{flex-basis:auto;width:169px;height:113px}}
@media(prefers-reduced-motion:reduce){.context-card,.context-card::before{transition:none}}
.context-heading h2{font-family:inherit}

/* Equal geometry for the lifestyle and aging inset tiles. */
.context-stats{gap:7px;padding:16px 10px;align-items:center}
.context-stats>div{box-sizing:border-box;flex:0 0 69px;width:69px;height:79px;min-height:0;padding:9px 5px 5px;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.context-stats>div small{line-height:1.4}
.context-lifestyle>div svg{height:28px;width:56px;margin-bottom:6px;flex-shrink:0;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.context-lifestyle>div small{font-size:6px;line-height:1.5}
.context-art .context-generated{display:block;width:100%;height:100%;object-fit:cover}
.context-art:has(.context-generated) .context-demo{display:none}
.context-art:has(.context-generated) .context-chevrons{right:3px;top:43px;line-height:1.2;text-shadow:0 1px 2px #334c5d}

/* Matching frosted square portrait windows; side tiles clip at the thumbnail edge. */
.context-triptych{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:6px;width:max-content}
.context-triptych i{display:block;flex:0 0 68px;width:68px;height:68px;border-radius:4px;border:1px solid #eef6f550;background-color:#8b9ea757;background-size:300% auto;background-position:50% 15%;box-shadow:0 3px 8px #3b505b20}
.context-outfits i{background-image:url(assets/context-preferences-v2.png)}
.context-women i{background-image:url(assets/context-culture-women-v3.png)}
.context-triptych i:first-child{background-position:0% 15%}.context-triptych i:last-child{background-position:100% 15%}
.context-outfits i:first-child,.context-outfits i:last-child{filter:blur(.65px);opacity:.78}
.context-art:has(.context-triptych)::after{content:"";position:absolute;inset:60% 0 0;pointer-events:none;background:linear-gradient(transparent,#d9e4e64d)}
.context-art:has(.context-triptych) .context-demo{display:none}
.context-art:has(.context-triptych) .context-chevrons{z-index:1;right:5px;top:43px}
/* Aging labels, values and detail marks share fixed rows and baselines. */
.context-stats:not(.context-lifestyle)>div{display:grid;grid-template-rows:11px 30px 16px;justify-items:center;align-content:center;align-items:center}
.context-stats:not(.context-lifestyle)>div small{align-self:center;line-height:11px;margin:0}
.context-stats:not(.context-lifestyle)>div b{margin:0;line-height:30px;white-space:nowrap}
.context-stats:not(.context-lifestyle)>div b span{display:inline;vertical-align:baseline;margin-left:2px}
.context-stats:not(.context-lifestyle)>div svg,.context-stats:not(.context-lifestyle)>div .context-scale{height:16px;line-height:16px;margin:0}
.context-stats:not(.context-lifestyle)>div .context-scale{display:block;width:100%;white-space:nowrap;overflow:hidden;font-size:10px;letter-spacing:0}

/* PDF deliverables: identical card rhythm, minimal frosted visual references. */
.guide-section{border-top:1px solid #e9eced}
.guide-card{position:relative;display:flex;align-items:center;gap:30px;padding:22px;border:1px solid #e4e8e9;border-radius:12px;background:#fff}
.guide-card:not(:last-child)::after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:1px;background:#eef0f0}
.guide-card .context-copy h3{font-family:inherit;font-size:22px;line-height:1.25;font-weight:400;letter-spacing:-.025em;margin:0 0 10px;color:#303b40}
.guide-card .context-copy p{color:#7b858b;font-size:15px;line-height:1.55;font-weight:300;max-width:560px;margin:0}
.guide-art>svg{position:absolute;inset:0;z-index:1}
.guide-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#ffffff17,transparent 48%,#edf3f21a);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff35}
.guide-brow-photo{position:absolute;inset:19px 15px;border-radius:5px;background:#afbdc3 url(assets/analysis-portrait.png) 50% 30%/210% auto;filter:saturate(.45)}
.guide-outfit-photo{position:absolute;inset:12px 10px 20px;border-radius:5px;background:url(assets/context-preferences-v2.png) center/cover;filter:saturate(.55)}
.guide-swatches{position:absolute;display:flex;gap:4px;bottom:8px;left:62px}.guide-swatches i{width:12px;height:5px;border:1px solid #ffffff60;background:#e8e1d6;border-radius:1px}.guide-swatches i:nth-child(2){background:#53626e}.guide-swatches i:nth-child(3){background:#727664}
.guide-frame-photo{position:absolute;inset:12px 37px;border-radius:5px;background:#a7b9c2 url(assets/analysis-eyewear-edit-v1.png) 50% 16%/135% auto;filter:saturate(.55)}
@media(max-width:700px){.guide-card{padding:16px;gap:18px;flex-direction:column;align-items:flex-start}.guide-card:not(:last-child)::after{bottom:-13px}.guide-card .context-copy h3{font-size:21px;margin-bottom:8px}.guide-card .context-copy p{font-size:14px}}
.guide-art>.guide-brow-detail{inset:15px;width:139px;height:83px;border-radius:5px;overflow:hidden}
.guide-brow-detail .canonical-measurement{fill:none;stroke:#e8f0f3;stroke-width:1.1;opacity:.82}
.guide-brow-detail .canonical-measurement>path{stroke-dasharray:3 4}
.guide-brow-detail .measurement-landmarks{stroke-width:4;stroke-linecap:round}
/* Photographic guide thumbnails; intact official products in the frosted setting. */
.guide-photo-composition{position:absolute;inset:8px;width:153px;height:97px;object-fit:cover;border-radius:5px}
.guide-product-pair{position:absolute;inset:7px 5px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0}
.guide-product-pair img{display:block;width:100%;height:99px;object-fit:cover;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}

/* Center the transformation pair against the adjacent copy; preserve mobile stacking. */
#comparison .next-pair{align-self:center}