/* Round 02: photo-led, expressive LP treatments. Original six concepts stay separate. */
.expressive {
  --ink:#57383f; --muted:#775e64; --accent:#be365f; --paper:#fffdfb;
  --lp-coral:#fa776f; --lp-pink:#f95c89; --lp-mint:#66c9b0; --lp-lilac:#b29ad8;
  --lp-shadow:#ffd8d4; --light:#fff0f2; --border:#f0c8cf;
}
.expressive main {overflow:clip}
.expressive .site-header {background:#fffdfb;border-bottom:1px solid #f7dfe4}
.expressive .brand-icon {color:var(--lp-pink)}
.expressive .header-quiz,.expressive .button.primary {background:linear-gradient(110deg,#d74363,#b53673);box-shadow:0 5px 0 #8e31552b,0 10px 24px #e6617b24;border:2px solid #fff}
.expressive .header-quiz {border:3px solid #fff;outline:1px solid #f2b3c4}
.expressive .button.primary {font-size:15px;min-height:62px;gap:25px}
.expressive .values-strip {background:linear-gradient(110deg,#ef7183,#f68b79);color:#fff;font-weight:600;position:relative;z-index:1}
.expressive .values-strip i {font-size:22px}
.lp-ribbon {display:table;position:relative;margin:0 auto 24px;padding:10px 38px 12px;background:linear-gradient(110deg,#ff9c79,#fa8493);color:#582e3a;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);font-size:16px;font-weight:600;letter-spacing:.08em;line-height:1.7;transform:rotate(-2deg)}
.lp-heading {position:relative;text-align:center;isolation:isolate;margin-bottom:44px;padding:8px 0 24px}
.lp-heading h2 {font-size:clamp(27px,3vw,43px);line-height:1.7;letter-spacing:.04em;font-weight:600;position:relative;z-index:1}
.lp-heading h2 em {color:#e56777;paint-order:stroke fill;-webkit-text-stroke:4px #fff;text-shadow:2px 4px 0 #f5b7be;font-size:1.17em}
.lp-outline {display:block;position:absolute;left:0;right:0;bottom:-10px;z-index:-1;font:clamp(30px,6vw,82px)/1 var(--en);letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px #efa9b366;white-space:nowrap}
.lp-heading:before,.lp-heading:after {content:'✧';position:absolute;font-size:52px;font-weight:400;color:var(--lp-coral);top:74px;left:4%;transform:rotate(-15deg)}
.lp-heading:after {content:'♡';left:auto;right:5%;top:109px;font-size:48px;transform:rotate(13deg)}
.lp-spark {display:block;position:absolute;width:42px;height:42px;color:var(--lp-coral);pointer-events:none}
.expressive .section {position:relative;isolation:isolate;padding-top:85px;padding-bottom:85px}
.expressive .section::before {content:'';position:absolute;inset:0 calc((min(1190px,100vw) - 100vw)/2);z-index:-2;pointer-events:none}
.expressive .lp-paths {padding-top:85px;padding-bottom:65px}
.expressive .lp-paths::before {background:radial-gradient(circle at 10% 17%,#fff7dd 0,transparent 26%),radial-gradient(circle at 93% 77%,#ffd3db 0,transparent 24%),#fff1f0}
.expressive .path-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.expressive .lp-paths .path-card {--card:#f67981;--card-ink:#b44359;--wash:#ffe3e6;display:grid;grid-template-columns:44% 1fr;gap:18px;padding:17px!important;background:#fff;border:2px solid var(--card);border-radius:6px!important;box-shadow:7px 8px 0 var(--wash);text-align:left;align-items:center;transition:transform .2s,box-shadow .2s;min-width:0;overflow:visible}
.expressive .lp-paths .path-card:hover {transform:translateY(-5px) rotate(-.5deg);box-shadow:7px 13px 0 var(--wash)}
.expressive .lp-paths .path-1 {--card:#6bc8b0;--card-ink:#287965;--wash:#d8f1e8}
.expressive .lp-paths .path-2 {--card:#79bad5;--card-ink:#397893;--wash:#dfedf7}
.expressive .lp-paths .path-3 {--card:#b59bd6;--card-ink:#795ba4;--wash:#eee4fb}
.path-visual {display:block;position:relative;min-width:0;height:245px}
.path-visual>img {width:100%;height:100%;object-position:50% 30%;border-radius:100px 100px 8px 8px;clip-path:polygon(0 0,100% 0,100% 94%,10% 100%,0 89%)}
.path-card:nth-child(even) .path-visual>img {border-radius:8px 100px 8px 100px;clip-path:none}
.expressive .path-index {position:absolute;top:12px;left:-25px;right:auto;display:flex;gap:8px;align-items:center;padding:4px 27px 5px 17px;background:var(--card);color:#fff;clip-path:polygon(0 0,100% 0,90% 50%,100% 100%,0 100%);font:13px var(--en);letter-spacing:.05em}
.path-index b {font:25px var(--en)}
.path-photo-word {position:absolute;bottom:16px;left:4px;right:4px;color:white;text-shadow:0 1px 8px #37222a55;text-align:center;font:italic 16px/1.3 var(--serif)}
.path-visual .lp-spark {right:-9px;bottom:29px;width:29px;height:29px;color:var(--card);filter:drop-shadow(0 0 2px white)}
.path-copy {display:block;min-width:0;padding:5px 3px 5px 0}
.expressive .path-copy small {display:table;background:var(--wash);color:var(--card-ink);padding:3px 6px;font-size:10px;white-space:normal;line-height:1.7}
.path-title {display:block;font-size:25px;font-weight:600;color:var(--card-ink);letter-spacing:0;line-height:1.5;margin:12px 0}
.path-description {display:block;font-size:12px;line-height:2;color:#735f62}
.expressive .path-link {color:var(--card-ink);font-size:11px;border-color:var(--card);margin-top:19px;padding-top:12px;font-weight:600;gap:3px}
.paths-foot {display:flex;justify-content:center;align-items:center;gap:26px;margin:42px 0 0;font-size:13px}
.paths-foot>span {transform:rotate(-4deg);border-bottom:2px solid #f0b179;padding:3px 7px}
.paths-foot button {border-radius:30px;border:1px solid var(--accent);background:#fff;color:var(--accent);padding:12px 25px;font-size:13px;font-weight:600}
.paths-foot button>span {margin-left:20px;font-size:19px}
.expressive .lp-compare {padding-bottom:75px}
.expressive .lp-compare::before {background:repeating-linear-gradient(-45deg,#fff 0 8px,#fcf8f0 8px 10px)}
.lp-compare .lp-ribbon {background:linear-gradient(110deg,#8bdcc2,#68cdd0);color:#245e5c}
.lp-compare .lp-heading h2 em {color:#36a898;text-shadow:2px 4px 0 #b1e4d8}
.lp-compare .lp-outline {-webkit-text-stroke-color:#77c6b854}
.lp-compare .lp-heading:before,.lp-compare .lp-heading:after {color:#66c7b2}
.compare-intro {display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.compare-intro>span {font-size:15px;color:#ae4b69;font-weight:600;transform:rotate(-3deg)}
.compare-intro>p {font-size:11px;line-height:1.8;color:var(--muted)}
.expressive .compare-tabs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:36px}
.expressive .compare-tabs button {border:1px solid #e4c9d2;color:#875169;border-radius:6px;font-weight:600;background:#fff;position:relative;padding:15px 8px;font-size:12px}
.expressive .compare-tabs button.active {background:#bc446f;color:#fff;border-color:#bc446f;box-shadow:0 4px 0 #f1b9ce}
.expressive .compare-tabs button.active:after {content:'';position:absolute;width:17px;height:9px;background:#bc446f;left:calc(50% - 8px);bottom:-9px;clip-path:polygon(0 0,100% 0,50% 100%)}
.expressive .service-card {border:1px solid #f0c4d1;border-radius:7px;box-shadow:5px 6px 0 #efd9e24d}
.expressive .service-top {height:185px;padding:22px 26px;border-bottom:4px double #fffc}
.expressive .service-rose {background:linear-gradient(125deg,#fca399,#f67daf);color:#773049}
.expressive .service-mint {background:linear-gradient(125deg,#a5e4bd,#72cabe);color:#205e50}
.expressive .service-lilac {background:linear-gradient(125deg,#d3b8ec,#b1a4e8);color:#543876}
.expressive .service-peach {background:linear-gradient(125deg,#ffe3a3,#ffc7a5);color:#835b27}
.expressive .service-type {background:#fff9;display:table;padding:4px 19px 4px 9px;clip-path:polygon(0 0,100% 0,93% 50%,100% 100%,0 100%)}
.expressive .service-mark {font-size:34px;margin-top:15px}
.expressive .service-symbol {opacity:.32;right:12px;bottom:-38px}
.expressive .service-tag {font-weight:600;color:#a94769}
.expressive .service-button {border-color:#e9a9bb;color:#a1355e;background:#fff4f7;border-radius:5px;box-shadow:0 3px 0 #edbdcb;font-size:11px}
.expressive .service-button:hover {background:#ffe3ec}
.expressive .lp-quiz {max-width:1190px;margin:0 auto;border-radius:0;background:none;grid-template-columns:1fr 1.2fr;gap:70px;padding:80px 50px;overflow:visible}
.expressive .lp-quiz::before {background:radial-gradient(circle at 93% 4%,#fbdbed 0,transparent 33%),repeating-linear-gradient(-45deg,#daccf040 0 2px,transparent 2px 12px),#f0e5fa}
.lp-quiz .lp-ribbon {margin-left:-7px;font-size:13px;background:linear-gradient(110deg,#b398d5,#d8b0df);color:#50355e;white-space:nowrap;padding-left:29px;padding-right:29px}
.expressive .lp-quiz .quiz-art {background:none;border-radius:0;height:370px;width:auto;min-width:0;display:block}
.quiz-portrait {height:350px;width:82%;margin:auto;border-radius:170px 170px 10px 10px;border:7px solid #fff;overflow:hidden;transform:rotate(-6deg);box-shadow:8px 8px 0 #d3bce5}
.quiz-portrait img {width:100%;height:100%;object-position:50% 20%}
.expressive .lp-quiz .quiz-bubble {position:absolute;right:-17px;top:5px;background:white;border:2px solid #bd96d5;border-radius:50%;padding:21px 22px;font:600 17px/1.7 var(--sans);color:#856098;letter-spacing:0;transform:rotate(8deg);box-shadow:3px 3px 0 #e3c9ef}
.expressive .lp-quiz .quiz-icon {width:42px;height:42px;right:auto;left:3%;top:75px;color:#a46eba}
.expressive .lp-quiz .quiz-mini {position:absolute;background:#9f78ba;color:white;left:3%;bottom:2px;transform:rotate(-5deg);padding:7px 17px;font-size:11px}
.expressive .lp-quiz h2 {font-size:36px;line-height:1.75}
.expressive .lp-quiz h2 em {color:#9a69b9;paint-order:stroke fill;-webkit-text-stroke:3px #fff;text-shadow:2px 3px 0 #dac4e8}
.expressive .lp-quiz .quiz-copy>p:not(.lp-ribbon):not(.micro) {font-size:13px;margin:23px 0;color:#735e80}
.expressive .lp-quiz .button {background:linear-gradient(100deg,#9762b9,#b74382)}
.expressive .lp-editorial {grid-template-columns:1fr 1.05fr;gap:65px;padding-top:105px;padding-bottom:95px}
.expressive .lp-editorial::before {background:radial-gradient(circle at 8% 40%,#d7f6e5 0,transparent 30%),#f6fffc}
.expressive .lp-editorial .editorial-visual {width:100%;padding:0 0 60px}
.expressive .lp-editorial .editorial-visual>img {width:100%;height:auto;border-radius:0;filter:drop-shadow(4px 9px 0 #83d6b925)}
.expressive .lp-editorial .editorial-stamp {position:absolute;left:0;bottom:60px;transform:rotate(-8deg);border-radius:50%;width:180px;height:180px;background:#fff;outline:2px solid #69baa5;outline-offset:5px;border:1px dashed #69baa5;color:#408a76;text-shadow:none;display:flex;justify-content:center;align-items:center;flex-direction:column;font:10px/1.7 var(--en);gap:8px;text-align:center}
.editorial-stamp b {font:600 14px/1.8 var(--sans)}
.expressive .lp-editorial .editorial-handwritten {position:absolute;font:italic 26px var(--serif);left:8%;bottom:4px;color:#79b7a2;text-shadow:none;transform:rotate(-6deg)}
.lp-editorial .lp-ribbon {margin-left:0;background:linear-gradient(110deg,#81daba,#73c9c2);color:#2b655c;font-size:13px;padding-left:26px;padding-right:26px}
.expressive .lp-editorial h2 {font-size:29px;line-height:1.8}
.expressive .lp-editorial h2 em {color:#329d87}
.expressive .editorial-copy>.lp-ribbon {font-size:13px;color:#2b655c;margin-top:0;line-height:1.8}
.expressive .lp-journal {border:0}
.expressive .lp-journal:before {background:radial-gradient(#f6c2c559 1.2px,transparent 1.2px) 0 0/14px 14px,#fff5f1}
.expressive .journal-card {padding:12px 12px 22px;background:#fff;border:1px solid #eedbd7;box-shadow:5px 6px 0 #f2d6d36b;position:relative;transform:rotate(-1deg)}
.expressive .journal-card:nth-child(2) {transform:rotate(1deg)}
.expressive .journal-photo {border-radius:0;height:205px}
.expressive .journal-photo>span {background:#f78f91;color:#622e42;padding:4px 22px 4px 9px;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%);bottom:12px;font-weight:600}
.expressive .journal-card>small {margin:18px 8px 8px}
.expressive .journal-card h3 {font-size:17px;margin:0 8px}
.expressive .read-more {margin-left:8px;margin-right:8px;color:#bb6678}
.journal-all {display:table;margin:40px auto 0;color:#a64a65}
.expressive .local-section {padding-top:35px;padding-bottom:35px;margin-top:20px;border-top:0;background:#fff}
.expressive .local-section:before {display:none}
.expressive .lp-final {position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 30% 30%,#ffe0b955 0,transparent 45%),linear-gradient(110deg,#ffcbb8,#ffc2d6);padding:75px 25px;min-height:405px}
.lp-final:before {content:'';position:absolute;inset:15px;border:1px solid #fffc;pointer-events:none;z-index:-1}
.lp-final .lp-ribbon {font-size:14px;background:#fff9;color:#b64865}
.expressive .lp-final h2 {font-family:var(--sans);font-size:32px;font-weight:600;color:#7a3a50;line-height:1.9;letter-spacing:.02em}
.expressive .lp-final h2 em {color:#c94e6c;paint-order:stroke fill;-webkit-text-stroke:3px #fff}
.final-copy {position:relative;z-index:2;width:60%;margin:auto}
.final-photo {position:absolute;width:22%;max-width:310px;height:320px;bottom:35px;border:6px solid #fff9;border-radius:50% 50% 45% 45%;overflow:hidden;z-index:0}
.final-photo img {width:100%;height:100%;object-position:50% 25%}
.final-photo-left {left:2%;transform:rotate(-9deg)}
.final-photo-right {right:2%;transform:rotate(9deg)}
.expressive .mobile-action {background:#fff7fcf2}
.expressive .mobile-action button {background:linear-gradient(110deg,#d74363,#b53673);border:1px solid white;box-shadow:0 2px 0 #b433562b}
/* 07 / 08 / 09: three compositions derived from Pop Switch. */
.lp-pop {min-height:700px;padding:100px 6% 72px;background:radial-gradient(ellipse at 20% 30%,#fff0d7,transparent 45%),linear-gradient(120deg,#fff0e8,#ffa5b5);isolation:isolate}
.lp-pop:before {content:'';position:absolute;inset:0;background:radial-gradient(circle at 86% 18%,#fff9 0 7%,transparent 7.2%),radial-gradient(circle at 58% 76%,#fff5 0 5%,transparent 5.3%),radial-gradient(#fff8 1px,transparent 1.5px) 0 0/18px 18px;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000)}
.pop-new-copy {position:relative;z-index:3;width:62%}
.pop-new-copy .lp-ribbon {margin:0 0 25px -12px;font-size:14px;padding:9px 34px;transform:rotate(-4deg)}
.pop-kicker {font:10px var(--en);letter-spacing:.12em;color:#a2576d;margin:0 0 20px}
.lp-pop h1 {font-size:clamp(35px,3.8vw,61px);line-height:1.75;letter-spacing:.01em;font-weight:600}
.lp-pop h1>span {display:inline-block;background:#fffffff2;padding:0 13px;margin:6px 0;transform:rotate(-3deg);box-shadow:5px 6px 0 #d8688230}
.lp-pop h1 em {color:#e15e77;paint-order:stroke fill;-webkit-text-stroke:2px #fff;text-shadow:2px 3px 0 #f3bcc9}
.lp-pop .hero-description {font-size:13px;margin-top:26px;line-height:2.2}
.pop-mini-tags {display:flex;gap:9px;margin-top:22px;font-size:11px;color:#956177}
.pop-mini-tags>span {background:#fff9;padding:4px 13px;border-radius:30px}
.lp-pop .hero-actions {gap:24px;margin-top:27px}
.lp-pop .text-link {font-size:11px}
.pop-big-type {position:absolute;left:3%;bottom:8px;right:0;font:110px/.95 Antonio,sans-serif;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #fff9;z-index:0}
.pop-new-art {position:absolute;right:1.5%;top:33px;width:44%;height:625px;z-index:1}
.pop-photo-large {position:absolute;inset:24px 5% 26px 10%;clip-path:polygon(12% 0,100% 6%,93% 100%,0 91%);background:#fff}
.pop-photo-large img {width:100%;height:100%;object-position:50% 20%}
.pop-photo-mini {position:absolute;left:-5%;bottom:8px;width:43%;height:215px;overflow:hidden;transform:rotate(-8deg);border:7px solid white;box-shadow:4px 7px 0 #ffbfcf7d}
.pop-photo-mini img {width:100%;height:100%;object-position:50% 30%}
.pop-new-seal {position:absolute;right:0;bottom:6px;display:flex;justify-content:center;align-items:center;flex-direction:column;width:155px;height:155px;background:#fff3c4;color:#965574;font:12px/1.6 var(--sans);transform:rotate(12deg);clip-path:polygon(50% 0,60% 8%,74% 6%,80% 18%,94% 24%,92% 39%,100% 50%,92% 62%,94% 77%,79% 81%,73% 94%,60% 93%,50% 100%,38% 92%,24% 95%,19% 81%,6% 75%,8% 61%,0 50%,8% 37%,6% 24%,20% 19%,26% 6%,40% 8%);text-align:center}
.pop-new-seal b {font-size:17px;line-height:1.5;margin-top:4px}
.pop-handwritten {position:absolute;top:38px;left:1%;color:#fff;font:italic 28px var(--serif);transform:rotate(-12deg);text-shadow:0 1px 10px #5623374a}
.pop-new-art .lp-spark {top:5px;left:2%;width:50px;height:50px;color:#d66886}
.pop-heart {position:absolute;right:1%;top:55%;font:70px var(--serif);color:white;transform:rotate(15deg)}
.design-08 {--accent:#c84072;--lp-shadow:#cdeee4}
.design-08 .lp-pop {background:linear-gradient(105deg,#ffefef 0 58%,#9cdac8 58% 100%);padding-top:100px;padding-bottom:85px}
.design-08 .pop-new-copy {width:57%}
.design-08 .pop-new-copy .lp-ribbon {background:#68c8b3;color:#215f56;transform:rotate(-3deg);margin-bottom:32px}
.design-08 .lp-pop h1 {font-family:var(--serif);font-size:clamp(35px,4.3vw,66px);line-height:1.6;letter-spacing:0;font-weight:600}
.design-08 .lp-pop h1 em {color:#db6483;-webkit-text-stroke:0;text-shadow:none;background:linear-gradient(transparent 73%,#f4dd7e 73% 88%,transparent 88%)}
.design-08 .pop-new-art {width:44%;top:30px;height:640px;right:2%}
.design-08 .pop-photo-large {inset:5px 2% 90px 0;clip-path:none;border:10px solid #fff;border-bottom-width:47px;transform:rotate(6deg);box-shadow:8px 10px 0 #438f7b22}
.design-08 .pop-photo-large img {object-position:50% 22%}
.design-08 .pop-photo-mini {left:-14%;width:47%;height:240px;bottom:0;transform:rotate(-10deg);border-bottom-width:23px}
.design-08 .pop-handwritten {color:#398a74;top:auto;left:auto;right:1%;bottom:96px;font-size:20px;text-shadow:none;transform:rotate(6deg)}
.design-08 .pop-new-seal {right:0;bottom:-14px;background:#ffe984;color:#735548;width:140px;height:140px}
.design-08 .pop-new-art .lp-spark {color:#f8869e;top:15px;left:-8%}
.design-08 .pop-heart {right:3%;top:41%;color:#fff8}
.design-08 .values-strip {background:#64bda6;color:#174f47}
.design-08 .pop-big-type {font-size:96px;color:#fff6;-webkit-text-stroke:0;left:2%;bottom:10px}
.design-08 .lp-paths:before {background:#fff9ee}
.design-08 .lp-paths .path-card {border-radius:16px 16px 4px 4px!important;box-shadow:0 8px 0 var(--wash)}
.design-08 .lp-paths .path-visual>img {border-radius:50% 50% 12px 12px;clip-path:none}
.design-08 .lp-compare:before {background:linear-gradient(135deg,#e2f7ef,#effcfa)}
.design-09 {--ink:#4e2c68;--accent:#743daa;--muted:#796284;--border:#e2c6e9}
.design-09 .lp-pop {background:linear-gradient(110deg,#ffb4cf 0,#ff88b7 55%,#a27bcc 55%,#74509c 100%);min-height:710px;padding-top:85px}
.design-09 .pop-new-copy {width:65%}
.design-09 .lp-pop .lp-ribbon {background:#e4ef8e;color:#5e5471}
.design-09 .pop-kicker {color:#773a68}
.design-09 .lp-pop h1 {font-size:clamp(37px,4.6vw,70px);letter-spacing:-.035em;line-height:1.5}
.design-09 .lp-pop h1>span {background:#6a3c94;color:white;padding:6px 18px;box-shadow:6px 7px 0 #fff8;transform:rotate(-5deg);margin:9px 0}
.design-09 .lp-pop h1 em {color:#fbdf83;-webkit-text-stroke:0;text-shadow:none}
.design-09 .lp-pop .hero-description {color:#653456;font-weight:600}
.design-09 .pop-new-art {top:30px;height:640px;width:42%;right:1%}
.design-09 .pop-photo-large {clip-path:polygon(15% 0,100% 0,100% 88%,0 100%,0 15%);inset:10px 0 40px 0}
.design-09 .pop-photo-mini {border-radius:50%;width:180px;height:180px;bottom:0;left:-2%;border-width:6px;box-shadow:0 0 0 3px #ffb6d4}
.design-09 .pop-new-seal {background:#e4ef8e;color:#654780;right:-1%;bottom:9px;transform:rotate(-8deg)}
.design-09 .pop-new-art .lp-spark {color:#e4ef8e;top:28px;left:-5%;width:60px;height:60px}
.design-09 .pop-handwritten {top:63px;left:auto;right:0;font-size:22px;transform:rotate(8deg)}
.design-09 .pop-big-type {font-size:138px;-webkit-text-stroke:1px #fff9;bottom:4px}
.design-09 .button.primary {background:#70459a;border-radius:7px;box-shadow:5px 5px 0 #f3d9e9}
.design-09 .values-strip {background:#7345a4;color:white}
.design-09 .lp-paths:before {background:radial-gradient(#bc8bd33b 1px,transparent 1px) 0 0/12px 12px,#fbecf5}
.design-09 .lp-heading h2 em {color:#a153a4;text-shadow:2px 3px 0 #e4c5e5}
.design-09 .lp-paths .path-card {border-color:#b98ac9;box-shadow:6px 7px 0 #e6cce9}
.design-09 .lp-quiz:before {background:#e6d6f1}
.design-09 .lp-final {background:linear-gradient(120deg,#f8b9d8,#bb9bdc)}
/* 10 / 11 / 12: diagnostic-first compositions, each with its own structure. */
.expressive .lp-finder {padding:45px 5% 28px;min-height:735px;background:radial-gradient(circle at 30% 24%,#fff8dd 0,transparent 24%),radial-gradient(circle at 78% 65%,#ffd9e9 0,transparent 35%),linear-gradient(120deg,#fff1df,#ffe0e6);position:relative;overflow:hidden}
.lp-finder:before {content:'';position:absolute;inset:0;background:radial-gradient(circle,#fff9 2px,transparent 2px) 0 0/22px 22px;mask-image:linear-gradient(90deg,#000,transparent,#000);z-index:-1}
.finder-background-word {position:absolute;right:0;bottom:0;left:0;color:transparent;-webkit-text-stroke:1px #e79aab40;font:120px/1 var(--en);white-space:nowrap;text-align:center;z-index:0;pointer-events:none}
.expressive .lp-finder .finder-title {max-width:760px;margin:auto;z-index:2}
.lp-finder .finder-title .lp-ribbon {margin-bottom:14px;font-size:14px;transform:rotate(-3deg);padding-top:7px;padding-bottom:7px}
.expressive .lp-finder h1 {font-size:43px;line-height:1.65;letter-spacing:.035em}
.expressive .lp-finder h1 em {font-size:1.23em;color:#ef7280;paint-order:stroke fill;-webkit-text-stroke:4px white;text-shadow:3px 4px 0 #f5b5bd}
.lp-finder .finder-title>p:last-of-type {font-size:12px;margin-top:10px;color:#946071}
.lp-finder .finder-title>.lp-spark {left:1%;top:67px;width:50px;height:50px;color:#f39993}
.expressive .lp-finder .finder-grid {grid-template-columns:440px 430px;gap:45px;margin-top:26px;position:relative;z-index:1}
.finder-scene {position:relative;height:345px}
.finder-photo-main {position:absolute;inset:0 9% 0 9%;border-radius:50% 50% 40% 40%;overflow:hidden;border:7px solid #fff;box-shadow:6px 7px 0 #ffd7d9;transform:rotate(-5deg)}
.finder-photo-main img {width:100%;height:100%;object-position:50% 24%}
.finder-photo-small {position:absolute;right:0;bottom:-6px;width:142px;height:160px;overflow:hidden;border:6px solid white;transform:rotate(9deg);box-shadow:4px 5px 0 #f2bdd166}
.finder-photo-small img {width:100%;height:100%;object-position:50% 20%}
.finder-seal {position:absolute;left:-7px;bottom:3px;background:#9cdebe;color:#2c7864;outline:1px dashed #fff;outline-offset:-8px;border-radius:50%;width:139px;height:139px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-12deg);font-size:11px;line-height:1.6}
.finder-seal b {font-size:25px}
.finder-caption {position:absolute;left:13%;bottom:-18px;background:white;color:#ba697e;transform:rotate(-5deg);padding:3px 13px;font:italic 24px var(--serif)}
.finder-heart {position:absolute;right:1%;top:-16px;color:#fff;font:85px/1 var(--serif);transform:rotate(16deg);text-shadow:2px 2px 0 #f5a0b6}
.finder-scene>.lp-spark {left:1%;top:17%;color:#f9899a;width:41px;height:41px}
.expressive .lp-finder .finder-question {border:2px solid #efb9c5;border-radius:8px;padding:38px 30px 22px;box-shadow:7px 8px 0 #f0b7c94d;background:#fffefc;position:relative}
.question-label {position:absolute;top:-17px;left:25px;right:25px;text-align:center;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);padding:6px 15px;background:linear-gradient(110deg,#fc947d,#fa87a3);color:#742e4d;font-weight:600;font-size:13px;transform:rotate(-2deg)}
.expressive .lp-finder .question-counter {font-size:10px;margin-bottom:8px;color:#bc637d;letter-spacing:.1em}
.expressive .lp-finder .question-counter b {font-size:13px}
.expressive .lp-finder .finder-question h2 {font-size:25px;color:#724858;line-height:1.5;margin-bottom:9px}
.expressive .lp-finder .finder-question h2 br {display:none}
.expressive .lp-finder .finder-question>p {font-size:11px}
.expressive .lp-finder .finder-options {gap:10px;margin-top:18px}
.expressive .lp-finder .finder-options button {font-size:12px;padding:13px 14px;border-radius:5px;border-bottom:3px solid #efadbd;background:#ffe1e7;color:#88485e;font-weight:600}
.expressive .lp-finder .finder-options button:nth-child(2) {background:#dcf2ec;border-color:#abd7ca;color:#3f7768}
.expressive .lp-finder .finder-options button:nth-child(3) {background:#fef2c7;border-color:#ecdb9c;color:#8b7138}
.expressive .lp-finder .finder-options svg {width:22px;height:22px;flex-shrink:0}
.expressive .lp-finder .finder-question .micro {font-size:9px;color:#927b81;margin-top:14px}
.expressive .lp-finder .finder-skip {font-size:11px;margin-top:30px;position:relative;z-index:2}
.design-11 {--ink:#4c5350;--accent:#c64370;--muted:#767d73}
.design-11 .lp-finder {display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:0 25px;padding:57px 7% 45px;min-height:745px;background:linear-gradient(90deg,#fff2ee 0 52%,#c5e9da 52% 100%)}
.design-11 .lp-finder .finder-title {grid-column:1;grid-row:1;margin:0;text-align:left;max-width:none}
.design-11 .finder-title .lp-ribbon {margin-left:-13px;background:#f2c987;color:#886543;font-size:12px;transform:rotate(-3deg);padding-left:27px;padding-right:27px}
.design-11 .lp-finder h1 {font:600 31px/1.8 var(--serif);letter-spacing:.015em}
.design-11 .lp-finder h1 em {font-size:1.21em;color:#ba6379;text-shadow:none;-webkit-text-stroke:0;border-bottom:5px solid #f3c3cc}
.design-11 .lp-finder .finder-title>.lp-spark {left:auto;right:5%;width:26px;height:26px;top:50px}
.design-11 .lp-finder .finder-grid {display:contents}
.design-11 .lp-finder .finder-question {grid-column:1;grid-row:2;margin-top:39px;border-radius:0;border-color:#e4bfc2;box-shadow:6px 7px 0 #e3b9c259;padding:28px 27px 21px;max-width:440px;background:repeating-linear-gradient(transparent 0 30px,#f8e7e748 30px 31px),#fffdf9}
.design-11 .question-label {background:#75c6af;color:#285f4f;clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%);right:auto;left:18px;font-size:12px;padding:5px 22px}
.design-11 .finder-scene {grid-column:2;grid-row:1/4;height:100%;min-height:640px;margin-left:20px}
.design-11 .finder-photo-main {inset:25px 2% 72px 2%;border-radius:48% 48% 3px 3px;border-width:10px;border-bottom-width:32px;transform:rotate(3deg);box-shadow:8px 8px 0 #78bba940}
.design-11 .finder-photo-small {left:-6%;right:auto;bottom:23px;width:154px;height:175px;transform:rotate(-9deg)}
.design-11 .finder-seal {left:auto;right:-3%;bottom:7px;background:#f8dd87;color:#866530;width:128px;height:128px;transform:rotate(10deg)}
.design-11 .finder-caption {bottom:8px;left:4%;font-size:23px;transform:rotate(3deg);background:none;color:#427963}
.design-11 .finder-scene>.lp-spark {top:5px;left:-3%;width:50px;height:50px}
.design-11 .finder-heart {top:58px;right:0;color:#f8e49a}
.design-11 .lp-finder .finder-skip {grid-column:1;grid-row:3;margin-top:24px;font-size:10px;text-align:left}
.design-11 .finder-background-word {font-size:88px;right:2%;left:auto;bottom:14px;writing-mode:vertical-rl;opacity:.5;-webkit-text-stroke-color:#619c8166}
.design-11 .values-strip {background:#72bfa7;color:#225641}
.design-11 .lp-paths:before {background:repeating-linear-gradient(90deg,#fff8f2 0 40px,#fff1eb 40px 41px)}
.design-11 .lp-paths .path-card {border:1px solid var(--card);box-shadow:4px 6px 0 var(--wash);transform:rotate(-.7deg)}
.design-11 .lp-paths .path-card:nth-child(even) {transform:rotate(.7deg)}
.design-11 .lp-paths .path-visual>img {clip-path:none;border-radius:3px}
.design-11 .lp-compare:before {background:#e8f5ed}
.design-11 .lp-final {background:linear-gradient(120deg,#f6cfca,#e0edbf)}
.design-12 {--ink:#62446c;--accent:#8d419c;--muted:#88758a;--lp-coral:#c989b6}
.design-12 .lp-finder {min-height:785px;padding-top:36px;padding-bottom:30px;background:radial-gradient(circle at 50% 49%,#fff7fa 0 20%,transparent 48%),linear-gradient(110deg,#efc3dc,#e3d3f3 55%,#f8cae0)}
.design-12 .finder-title .lp-ribbon {background:linear-gradient(100deg,#d08ab6,#b097d0);color:white}
.design-12 .lp-finder h1 {font-size:37px;color:#79558a}
.design-12 .lp-finder h1 em {color:#b46bac;text-shadow:2px 4px 0 #dcc3e5}
.design-12 .lp-finder .finder-title>.lp-spark {color:#c39bd9;left:8%;top:80px}
.design-12 .lp-finder .finder-grid {display:block;max-width:1180px;margin:32px auto 0}
.design-12 .lp-finder .finder-question {width:425px;margin:0 auto;z-index:3;border:3px solid #d7b5df;box-shadow:0 0 0 7px #fff7,9px 13px 0 #cfafd52b;padding:35px 32px 22px;border-radius:26px}
.design-12 .question-label {background:#a77dc0;color:#fff;font-size:12px;left:37px;right:37px}
.design-12 .lp-finder .finder-question h2 {text-align:center;font-size:27px;color:#815890;margin:12px 0 9px}
.design-12 .lp-finder .finder-question>p {text-align:center;color:#93729d}
.design-12 .lp-finder .finder-options button {background:#f8dcec;border-color:#e5bad7;color:#996080;border-radius:25px}
.design-12 .lp-finder .finder-options button:nth-child(2) {background:#eadff5;border-color:#d5bce9;color:#8964a8}
.design-12 .lp-finder .finder-options button:nth-child(3) {background:#e1f1e6;border-color:#bfdcca;color:#5b866c}
.design-12 .lp-finder .finder-question .micro {text-align:center}
.design-12 .finder-scene {position:absolute;inset:-15px 0 -24px;height:auto;z-index:1}
.design-12 .finder-photo-main {width:28%;max-width:330px;left:0;right:auto;top:0;bottom:0;border-radius:48% 48% 35% 35%;box-shadow:6px 8px 0 #a175b626;transform:rotate(-9deg)}
.design-12 .finder-photo-small {width:27%;max-width:310px;right:0;top:25px;bottom:0;height:auto;border-radius:48% 48% 35% 35%;transform:rotate(9deg);box-shadow:6px 8px 0 #a175b626}
.design-12 .finder-seal {left:6%;bottom:-15px;width:130px;height:130px;border-radius:0;clip-path:polygon(50% 0,62% 7%,77% 4%,83% 18%,96% 26%,92% 40%,100% 50%,92% 63%,96% 78%,80% 82%,74% 96%,60% 93%,50% 100%,37% 92%,23% 96%,19% 81%,5% 76%,8% 62%,0 50%,8% 38%,4% 24%,19% 18%,25% 4%,39% 8%);background:#e5bfd9;color:#956487;z-index:3;outline:none}
.design-12 .finder-heart {right:0;top:-27px;color:#fff;font-size:78px}
.design-12 .finder-caption {left:auto;right:0;bottom:-13px;font-size:22px;color:#986ead;background:none;transform:rotate(6deg)}
.design-12 .finder-scene>.lp-spark {top:-13px;left:3%;color:#b276c5}
.design-12 .finder-background-word {font-size:130px;bottom:8px;-webkit-text-stroke-color:#ab76c14d}
.design-12 .lp-finder .finder-skip {margin-top:44px;color:#8f609b}
.design-12 .values-strip {background:#a87ac0;color:white}
.design-12 .lp-paths:before {background:#f8edf7}
.design-12 .lp-heading h2 em {color:#af72b5;text-shadow:2px 3px 0 #e9cfea}
.design-12 .lp-ribbon {background:linear-gradient(100deg,#e1abc9,#c2a6de);color:#6c4674}
.design-12 .lp-paths .path-card {border-radius:24px 24px 7px 7px!important;border-color:#d2b2df;box-shadow:5px 7px 0 #ecdcf1}
.design-12 .lp-final {background:linear-gradient(120deg,#e5c4ec,#f5c3d9)}
/* Tablet adjustments */
@media(max-width:1100px) and (min-width:701px) {
  .expressive .path-grid {gap:25px}
  .expressive .lp-paths .path-card {grid-template-columns:42% 1fr;gap:12px;padding:13px!important}
  .path-title {font-size:22px}.path-description {font-size:11px}.path-visual {height:228px}
  .expressive .path-link {font-size:10px;letter-spacing:-.03em}.expressive .path-copy small {font-size:9px}
  .expressive .lp-quiz {padding:65px 40px;gap:35px}.expressive .lp-quiz h2 {font-size:28px}
  .expressive .lp-quiz .lp-ribbon {font-size:11px;padding-left:22px;padding-right:22px}
  .expressive .lp-editorial {gap:40px}.expressive .lp-editorial h2 {font-size:25px}
  .expressive .lp-editorial .lp-ribbon {font-size:11px}.editorial-stamp b {font-size:11px}
  .expressive .lp-editorial .editorial-stamp {width:137px;height:137px;bottom:65px}
  .expressive .journal-photo {height:170px}.expressive .journal-card h3 {font-size:14px}
  .lp-pop {padding:90px 5% 60px;min-height:665px}.lp-pop h1 {font-size:37px}
  .pop-new-copy .lp-ribbon {font-size:12px}.lp-pop .hero-description {font-size:11px}
  .pop-new-art {height:550px;top:55px;width:44%}.pop-photo-mini {height:160px}
  .pop-new-seal {width:128px;height:128px;font-size:10px}.pop-new-seal b {font-size:14px}
  .pop-handwritten {font-size:20px}.pop-big-type {font-size:87px}
  .lp-pop .button.primary {font-size:12px;gap:18px}.lp-pop .hero-actions {gap:17px}
  .design-08 .lp-pop h1 {font-size:39px}.design-08 .pop-new-art {height:560px}
  .design-08 .pop-photo-mini {height:190px}.design-08 .pop-handwritten {font-size:16px}
  .design-09 .lp-pop h1 {font-size:45px}.design-09 .pop-photo-mini {width:145px;height:145px}
  .design-09 .pop-new-art {height:610px}.design-09 .pop-handwritten {font-size:17px}
  .expressive .lp-finder .finder-grid {grid-template-columns:minmax(0,350px) minmax(0,380px);gap:30px}
  .expressive .lp-finder .finder-question {padding-left:24px;padding-right:24px}
  .expressive .lp-finder h1 {font-size:35px}.finder-scene {height:326px}
  .finder-seal {width:118px;height:118px;font-size:10px;left:-7px}.finder-seal b {font-size:22px}
  .finder-photo-small {width:120px;height:138px}.finder-caption {font-size:20px;left:7%}
  .expressive .lp-finder .finder-question h2 {font-size:22px}.expressive .lp-finder .finder-options button {font-size:10px}
  .design-11 .lp-finder {padding-left:5%;padding-right:5%;gap:0 20px}
  .design-11 .lp-finder h1 {font-size:28px}.design-11 .finder-scene {margin-left:0;min-height:630px}
  .design-11 .finder-title .lp-ribbon {font-size:10px;padding-left:18px;padding-right:18px}
  .design-11 .finder-title>p:last-of-type {font-size:10px}.design-11 .finder-photo-small {width:120px;height:147px}
  .design-11 .finder-seal {width:105px;height:105px;bottom:38px}.design-11 .finder-caption {font-size:18px}
  .design-12 .lp-finder .finder-question {width:380px;padding-left:24px;padding-right:24px}
  .design-12 .finder-photo-main {width:24%;left:-4%;top:20px;bottom:35px}
  .design-12 .finder-photo-small {width:24%;right:-4%;bottom:25px;top:40px}
  .design-12 .finder-seal {left:-2%;bottom:1px;width:110px;height:110px}
  .design-12 .finder-caption {right:-4%;font-size:17px;bottom:5px}
  .design-12 .finder-background-word {font-size:100px}
  .lp-heading:before {left:0;font-size:34px}.lp-heading:after {right:0;font-size:32px}
}
/* Mobile: explicit block sizing prevents the original inline SVG overflow. */
@media(max-width:700px) {
  .expressive .section {padding:55px 20px}
  .expressive .button.primary {font-size:12px;min-height:54px;padding:13px 23px;gap:20px}
  .expressive .site-header {height:78px}.expressive .values-strip {padding:15px 10px;font-size:9px;gap:13px}
  .expressive .values-strip i {font-size:15px}
  .lp-ribbon {font-size:10px;padding:7px 23px 8px;letter-spacing:.035em;margin-bottom:15px;max-width:100%}
  .lp-heading {padding:8px 0 20px;margin-bottom:28px}
  .lp-heading h2 {font-size:23px;line-height:1.85;letter-spacing:0}
  .lp-heading h2 em {font-size:1.08em;-webkit-text-stroke:2px white;text-shadow:1px 2px 0 #f5b7be}
  .lp-outline {font-size:clamp(24px,7.1vw,43px);bottom:0;-webkit-text-stroke-width:.6px;letter-spacing:0}
  .lp-heading:before {font-size:24px;left:-7px;top:60px}.lp-heading:after {font-size:23px;right:-6px;top:111px}
  .expressive .lp-paths {padding:53px 18px 40px}
  .expressive .path-grid {grid-template-columns:1fr;gap:24px}
  .expressive .lp-paths .path-card {grid-template-columns:41% 1fr;gap:16px;padding:13px!important;box-shadow:5px 6px 0 var(--wash);min-height:206px}
  .path-visual {height:198px}
  .expressive .path-index {top:8px;left:-18px;font-size:10px;padding:3px 20px 4px 11px;gap:6px}
  .path-index b {font-size:20px}.path-photo-word {font-size:11px;bottom:14px}
  .path-visual .lp-spark {width:23px;height:23px;right:-7px;bottom:32px}
  .path-copy {padding:3px 0}
  .expressive .path-copy small {font-size:9px;padding:2px 5px;min-height:0}
  .path-title {font-size:22px;line-height:1.5;white-space:normal;margin:8px 0}
  .path-description {font-size:10px;line-height:1.95}
  .expressive .path-link {font-size:9px;margin-top:12px;padding-top:9px;white-space:normal;letter-spacing:0}
  .expressive .path-link>span {font-size:19px}
  .paths-foot {flex-direction:column;gap:14px;margin-top:28px;font-size:11px}
  .paths-foot button {font-size:11px;padding:11px 20px}.paths-foot button>span {font-size:17px}
  .expressive .lp-compare {padding-bottom:45px}.compare-intro {margin-bottom:15px;gap:10px}
  .compare-intro>span {font-size:11px}.compare-intro>p {font-size:8px}
  .expressive .compare-tabs {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 9px;margin-bottom:28px}
  .expressive .compare-tabs button {font-size:10px;padding:12px 7px;border-radius:4px}
  .expressive .service-grid {gap:20px}.expressive .service-card {grid-template-columns:104px minmax(0,1fr);box-shadow:3px 4px 0 #efd9e26b}
  .expressive .service-top {padding:15px 10px;height:100%;min-height:230px;border-bottom:0;border-right:3px double #fffa}
  .expressive .service-type {padding:3px 5px;font-size:8px;clip-path:none;background:#fff9;border-radius:3px}
  .expressive .service-mark {font-size:20px;margin-top:15px;line-height:1.1}
  .expressive .service-symbol {font-size:105px;right:-22px;bottom:-17px}
  .expressive .service-body {padding:18px 13px}.expressive .service-body h3 {font-size:18px;line-height:1.6}
  .expressive .service-button {font-size:9px;line-height:1.5;padding:9px 8px}
  .expressive .lp-quiz {padding:42px 23px 47px;margin:0;grid-template-columns:1fr;gap:28px}
  .expressive .lp-quiz .quiz-art {width:280px;height:285px;margin:auto}
  .quiz-portrait {height:272px;width:74%;border-width:5px;box-shadow:5px 5px 0 #d3bce5}
  .expressive .lp-quiz .quiz-bubble {right:-1px;top:5px;font-size:13px;padding:17px;box-shadow:2px 2px 0 #e3c9ef}
  .expressive .lp-quiz .quiz-icon {width:32px;height:32px;left:2%;top:60px}
  .expressive .lp-quiz .quiz-mini {font-size:8px;bottom:0;left:1%;padding:6px 12px}
  .lp-quiz .lp-ribbon {font-size:10px;margin:0 auto 15px;white-space:normal;padding-left:24px;padding-right:24px}
  .expressive .lp-quiz h2 {font-size:27px;line-height:1.7}
  .expressive .lp-quiz .quiz-copy>p:not(.lp-ribbon):not(.micro) {font-size:11px;margin:17px 0 23px}
  .expressive .lp-editorial {grid-template-columns:1fr;gap:20px;padding:55px 23px}
  .expressive .lp-editorial .editorial-visual {width:95%;padding-bottom:58px}
  .expressive .lp-editorial .editorial-stamp {width:125px;height:125px;left:0;bottom:53px;outline-offset:3px;font-size:8px;gap:5px}
  .editorial-stamp b {font-size:10px;line-height:1.8}
  .expressive .lp-editorial .editorial-handwritten {font-size:22px;bottom:7px;left:1%;white-space:nowrap}
  .lp-editorial .lp-ribbon {font-size:10px;margin:0 0 20px;padding:7px 23px}
  .expressive .editorial-copy>.lp-ribbon {font-size:10px;line-height:1.7}
  .expressive .lp-editorial h2 {font-size:25px}
  .expressive .lp-editorial .editorial-copy>p:not(.lp-ribbon):not(.eyebrow) {font-size:12px}
  .expressive .journal-grid {gap:24px}
  .expressive .journal-card {grid-template-columns:110px minmax(0,1fr);column-gap:13px;padding:10px 10px 14px}
  .expressive .journal-photo {height:137px;grid-row:1/4}
  .expressive .journal-photo>span {font-size:6px;white-space:nowrap;padding:3px 7px;bottom:9px;max-width:100%}
  .expressive .journal-card>small {font-size:8px;margin:1px 0 7px}
  .expressive .journal-card h3 {font-size:12px;margin:0;line-height:1.8}
  .expressive .read-more {margin:10px 0 0;padding-bottom:5px;font-size:7px}
  .journal-all {margin-top:28px;font-size:11px}
  .expressive .local-section {padding:27px 0;margin:0 22px;border-top:1px solid #efd5df}
  .expressive .lp-final {padding:37px 20px 215px;min-height:490px}
  .final-copy {width:100%}.lp-final .lp-ribbon {font-size:11px}
  .expressive .lp-final h2 {font-size:24px;margin-bottom:22px}
  .final-photo {height:187px;width:38%;max-width:180px;bottom:15px;border-width:5px}
  .final-photo-left {left:11%;transform:rotate(-10deg)}.final-photo-right {right:11%;transform:rotate(10deg)}
  .expressive .lp-final .micro {font-size:9px}
  .lp-pop {min-height:880px;padding:38px 22px 30px;overflow:hidden}
  .pop-new-copy {width:100%}.pop-new-copy .lp-ribbon {font-size:10px;margin:0 auto 20px;padding:7px 25px;transform:rotate(-4deg)}
  .pop-kicker {font-size:8px;letter-spacing:.05em;margin-bottom:15px}
  .lp-pop h1 {font-size:31px;letter-spacing:-.025em;line-height:1.7}
  .lp-pop h1>span {padding:0 8px;margin:5px 0;box-shadow:3px 4px 0 #d8688230}
  .lp-pop .hero-description {font-size:11px!important;line-height:2!important;margin-top:18px!important}
  .pop-mini-tags {font-size:8px;gap:7px;margin-top:14px}.pop-mini-tags>span {padding:3px 10px}
  .pop-new-art {width:92%;right:0;top:330px;height:360px}
  .pop-photo-large {inset:8px 10% 10px 22%;clip-path:polygon(12% 0,100% 6%,94% 100%,0 89%)}
  .pop-photo-mini {height:153px;width:36%;left:3%;bottom:0;border-width:5px}
  .pop-new-seal {width:102px;height:102px;font-size:8px;right:4%;bottom:-3px;transform:rotate(10deg)}
  .pop-new-seal b {font-size:12px;margin-top:2px}
  .pop-handwritten {font-size:20px;left:17%;top:3px}
  .pop-new-art .lp-spark {width:33px;height:33px;left:6%;top:25px}
  .pop-heart {font-size:51px;right:4%;top:40%}
  .pop-big-type {font-size:63px;left:4%;bottom:155px}
  .lp-pop .hero-actions {position:absolute;left:0;right:0;top:687px;margin:0;justify-content:center;gap:17px}
  .lp-pop .hero-actions .button {width:100%;font-size:12px}.lp-pop .text-link {font-size:10px}
  .design-08 .lp-pop {padding:35px 23px 25px;min-height:900px;background:linear-gradient(165deg,#ffefef 0 42%,#a8e0cf 42% 81%,#fff1ed 81% 100%)}
  .design-08 .pop-new-copy {width:100%}.design-08 .pop-new-copy .lp-ribbon {font-size:10px;margin:0 auto 20px;padding:7px 25px}
  .design-08 .lp-pop h1 {font-size:35px;line-height:1.65;letter-spacing:.01em}
  .design-08 .pop-kicker {font-size:7px}
  .design-08 .pop-new-art {width:85%;height:345px;top:350px;right:5%}
  .design-08 .pop-photo-large {inset:0 0 26px 16%;border-width:7px;border-bottom-width:30px;transform:rotate(6deg)}
  .design-08 .pop-photo-mini {left:-5%;width:42%;height:180px;bottom:0;border-width:5px;border-bottom-width:17px}
  .design-08 .pop-handwritten {font-size:13px;bottom:38px;right:3%}
  .design-08 .pop-new-seal {width:98px;height:98px;right:0;bottom:-11px}
  .design-08 .pop-new-art .lp-spark {left:0;top:0;width:30px;height:30px}
  .design-08 .pop-big-type {font-size:47px;bottom:165px;left:3%}
  .design-08 .hero-actions {top:716px}
  .design-09 .lp-pop {padding:37px 22px 30px;min-height:907px;background:linear-gradient(160deg,#ffb5cf 0 46%,#a783cd 46% 81%,#ffc1d7 81% 100%)}
  .design-09 .pop-new-copy {width:100%}.design-09 .lp-pop h1 {font-size:34px;letter-spacing:-.025em;line-height:1.55}
  .design-09 .lp-pop h1>span {padding:3px 10px;margin:7px 0;box-shadow:4px 4px 0 #fff8}
  .design-09 .pop-kicker {font-size:7px}.design-09 .pop-new-copy .lp-ribbon {margin-bottom:18px;font-size:10px}
  .design-09 .pop-new-art {width:84%;height:355px;right:6%;top:353px}
  .design-09 .pop-photo-large {inset:0 0 20px 15%}
  .design-09 .pop-photo-mini {width:132px;height:132px;bottom:-5px;left:-8%;border-width:5px}
  .design-09 .pop-new-seal {width:100px;height:100px;right:-3%;bottom:-3px}
  .design-09 .pop-new-art .lp-spark {width:40px;height:40px;left:0;top:5px}
  .design-09 .pop-handwritten {font-size:17px;top:12px;right:-2%}
  .design-09 .pop-big-type {font-size:76px;bottom:175px}.design-09 .hero-actions {top:727px}
  .expressive .lp-finder {padding:30px 20px 30px;min-height:0;background:radial-gradient(circle at 24% 19%,#fff5d7,transparent 32%),linear-gradient(135deg,#fff0e4,#ffdeea)}
  .lp-finder .finder-title .lp-ribbon {font-size:10px;padding:7px 23px;margin-bottom:17px}
  .expressive .lp-finder h1 {font-size:26px;line-height:1.75;letter-spacing:.005em}
  .expressive .lp-finder h1 em {font-size:1.13em;-webkit-text-stroke:2px #fff;text-shadow:2px 3px 0 #f3b3bb}
  .lp-finder .finder-title>p:last-of-type {font-size:9px;margin-top:12px}
  .lp-finder .finder-title>.lp-spark {width:21px;height:21px;top:65px;left:-8px}
  .expressive .lp-finder .finder-grid {grid-template-columns:1fr;gap:34px;margin-top:25px}
  .finder-scene {height:240px;width:290px;margin:auto;max-width:100%}
  .finder-photo-main {inset:0 12% 0 12%;border-width:5px;box-shadow:4px 5px 0 #ffd7d9}
  .finder-photo-small {width:95px;height:112px;right:0;bottom:-4px;border-width:4px}
  .finder-seal {width:99px;height:99px;left:0;font-size:8px;bottom:0;outline-offset:-6px}
  .finder-seal b {font-size:19px}.finder-caption {font-size:17px;left:9%;bottom:-17px;padding:3px 8px}
  .finder-heart {font-size:53px;right:3%;top:1px}.finder-scene>.lp-spark {width:27px;height:27px;left:2%}
  .expressive .lp-finder .finder-question {padding:30px 20px 20px;border-radius:7px;box-shadow:5px 6px 0 #f0b7c94d;width:100%;max-width:430px;margin:auto}
  .question-label {font-size:11px;left:17px;right:17px;padding:5px 12px;top:-15px}
  .expressive .lp-finder .question-counter {font-size:8px;margin-bottom:9px}.expressive .lp-finder .question-counter b {font-size:11px}
  .expressive .lp-finder .finder-question h2 {font-size:22px}.expressive .lp-finder .finder-question>p {font-size:10px}
  .expressive .lp-finder .finder-options {gap:9px;margin-top:16px}.expressive .lp-finder .finder-options button {font-size:10px;padding:11px 10px;gap:8px}
  .expressive .lp-finder .finder-options svg {width:20px;height:20px}.expressive .lp-finder .finder-options span {font-size:20px}
  .expressive .lp-finder .finder-question .micro {font-size:8px;margin-top:12px}
  .expressive .lp-finder .finder-skip {font-size:9px;margin-top:26px}.finder-background-word {font-size:65px;bottom:20px}
  .design-11 .lp-finder {display:block;padding:35px 22px 29px;background:linear-gradient(170deg,#fff1ee 0 32%,#ceeadd 32% 63%,#fff3ee 63% 100%)}
  .design-11 .lp-finder .finder-title {text-align:left;padding:0 0 0 3px}
  .design-11 .finder-title .lp-ribbon {font-size:9px;margin-left:-8px;padding-left:21px;padding-right:21px}
  .design-11 .lp-finder h1 {font-size:26px;line-height:1.8}.design-11 .lp-finder h1 em {font-size:1.13em;-webkit-text-stroke:0;text-shadow:none;border-bottom-width:4px}
  .design-11 .lp-finder .finder-title>.lp-spark {right:0;left:auto;top:80px}
  .design-11 .lp-finder .finder-grid {display:flex;flex-direction:column;margin-top:25px;gap:35px}
  .design-11 .finder-scene {width:290px;height:270px;min-height:0;margin:0 auto}
  .design-11 .finder-photo-main {inset:0 3% 7px 16%;border-width:6px;border-bottom-width:23px;border-radius:90px 90px 2px 2px}
  .design-11 .finder-photo-small {width:105px;height:125px;left:-1%;bottom:1px}
  .design-11 .finder-seal {width:95px;height:95px;right:-2%;bottom:-7px;font-size:8px}
  .design-11 .finder-caption {font-size:15px;left:10%;bottom:-21px}.design-11 .finder-heart {font-size:52px;top:14px;right:-2%}
  .design-11 .finder-scene>.lp-spark {width:33px;height:33px;top:3px;left:5%}
  .design-11 .lp-finder .finder-question {margin:0;padding:29px 19px 20px;border-radius:0;background:repeating-linear-gradient(transparent 0 30px,#f8e7e748 30px 31px),#fffdf9}
  .design-11 .question-label {left:16px;right:auto;font-size:10px;padding:5px 18px}
  .design-11 .lp-finder .finder-skip {font-size:9px;text-align:center;margin-top:25px}
  .design-11 .finder-background-word {font-size:80px;right:0;bottom:26%;opacity:.6;z-index:0}
  .design-12 .lp-finder {padding:29px 20px 29px;background:radial-gradient(ellipse at 50% 40%,#fff8fa,transparent 47%),linear-gradient(140deg,#e9c8e8,#ecdff7 48%,#f8cade)}
  .design-12 .lp-finder h1 {font-size:25px}.design-12 .lp-finder h1 em {font-size:1.14em}
  .design-12 .finder-title .lp-ribbon {font-size:9px;padding-left:20px;padding-right:20px}
  .design-12 .lp-finder .finder-title>.lp-spark {width:24px;height:24px;left:-4px;top:80px}
  .design-12 .lp-finder .finder-grid {display:flex;flex-direction:column;gap:15px;margin-top:20px}
  .design-12 .finder-scene {position:relative;inset:auto;width:100%;height:183px;z-index:1;margin:0}
  .design-12 .finder-photo-main {width:40%;left:3%;top:3px;bottom:-15px;border-width:5px;transform:rotate(-10deg)}
  .design-12 .finder-photo-small {width:38%;right:3%;top:3px;bottom:-15px;border-width:5px;transform:rotate(10deg);height:auto}
  .design-12 .finder-seal {left:calc(50% - 48px);bottom:35px;width:96px;height:96px;font-size:8px;transform:rotate(-6deg)}
  .design-12 .finder-seal b {font-size:19px}.design-12 .finder-caption {display:none}
  .design-12 .finder-heart {right:5%;top:-17px;font-size:42px}.design-12 .finder-scene>.lp-spark {left:0;top:7px;width:29px;height:29px}
  .design-12 .lp-finder .finder-question {width:100%;max-width:430px;margin:0 auto;padding:31px 20px 20px;border-radius:20px;border-width:2px;box-shadow:0 0 0 5px #fff8,5px 7px 0 #cfafd52b}
  .design-12 .question-label {left:23px;right:23px;font-size:10px}
  .design-12 .lp-finder .finder-question h2 {font-size:23px;margin:10px 0}
  .design-12 .lp-finder .finder-skip {margin-top:25px;font-size:9px}
  .design-12 .finder-background-word {font-size:54px;bottom:5px}
}
@media(max-width:360px) {
  .lp-heading h2 {font-size:21px}.lp-heading h2 em {font-size:1.02em}.lp-heading:before,.lp-heading:after {display:none}
  .lp-ribbon {font-size:9px;padding-left:20px;padding-right:20px}
  .expressive .lp-paths .path-card {gap:12px;padding:10px!important;grid-template-columns:40% 1fr}
  .path-visual {height:191px}.path-title {font-size:19px}.expressive .path-copy small {font-size:8px}
  .path-description {font-size:9px}.expressive .path-link {font-size:8px}.path-photo-word {font-size:9px}
  .expressive .service-card {grid-template-columns:89px minmax(0,1fr)}.expressive .service-mark {font-size:17px}
  .expressive .service-body {padding:15px 11px}.expressive .service-body h3 {font-size:16px}.expressive .service-button {font-size:8px}
  .expressive .journal-card {grid-template-columns:96px minmax(0,1fr);column-gap:11px}.expressive .journal-card h3 {font-size:11px}
  .lp-pop h1 {font-size:28px}.design-08 .lp-pop h1 {font-size:31px}.design-09 .lp-pop h1 {font-size:29px}
  .lp-pop .hero-description {font-size:10px!important}.pop-new-copy .lp-ribbon {font-size:9px;padding-left:20px;padding-right:20px}
  .pop-kicker {font-size:7px}.pop-handwritten {font-size:17px}
  .expressive .lp-finder h1 {font-size:23px}.expressive .lp-finder h1 em {font-size:1.1em}
  .lp-finder .finder-title .lp-ribbon {font-size:8px;padding-left:19px;padding-right:19px}
  .expressive .lp-finder .finder-question {padding-left:15px;padding-right:15px}.expressive .lp-finder .finder-question h2 {font-size:20px}
  .expressive .lp-finder .finder-options button {font-size:9px;padding-left:9px;padding-right:9px}
  .expressive .lp-final h2 {font-size:21px}.lp-outline {font-size:25px}
}
/* Keep the first diagnostic choices within reach on a phone. */
@media(max-width:700px) {
  .expressive .lp-finder {padding-top:24px}
  .expressive .lp-finder .finder-grid {margin-top:18px;gap:25px}
  .design-10 .finder-scene {width:235px;height:145px}
  .design-10 .finder-photo-main {inset:0 19% 0 19%;border-radius:50%;border-width:4px}
  .design-10 .finder-photo-small {width:77px;height:89px;right:5%;bottom:-3px}
  .design-10 .finder-seal {width:77px;height:77px;left:5%;font-size:7px;bottom:-3px}
  .design-10 .finder-seal b {font-size:16px}
  .design-10 .finder-caption {font-size:13px;left:22%;bottom:-13px}
  .design-10 .finder-heart {font-size:36px;right:9%;top:-5px}
  .design-10 .finder-scene>.lp-spark {width:23px;height:23px;left:7%}
  .expressive .lp-finder .finder-question {padding-top:24px}
  .design-11 .finder-scene {width:245px;height:165px}
  .design-11 .finder-photo-main {inset:0 15% 0 22%;border-bottom-width:16px;border-radius:80px 80px 3px 3px}
  .design-11 .finder-photo-small {width:82px;height:93px;left:8%;bottom:0}
  .design-11 .finder-seal {width:75px;height:75px;right:2%;bottom:0;font-size:7px}
  .design-11 .finder-seal b {font-size:15px}
  .design-11 .finder-caption {font-size:13px;left:17%;bottom:-16px}
  .design-11 .finder-heart {font-size:35px;right:9%;top:4px}
  .design-11 .finder-scene>.lp-spark {width:25px;height:25px;left:12%}
  .design-12 .lp-finder .finder-grid {gap:10px}
  .design-12 .finder-scene {height:130px}
  .design-12 .finder-photo-main {width:33%;left:9%}
  .design-12 .finder-photo-small {width:32%;right:9%}
  .design-12 .finder-seal {width:78px;height:78px;left:calc(50% - 39px);bottom:24px;font-size:7px}
  .design-12 .finder-seal b {font-size:16px}
}