/* W2: expressive editorial homepage. Legal styles stay in styles.css. */
.campaign-page{--ink:#211c21;--lime:#dce7a0;overflow-x:clip}.campaign-page .header{height:94px;max-width:1400px;width:calc(100% - 112px)}.campaign-page .primary-nav{gap:34px}.campaign-page .header .brand{width:174px}.campaign-page .language summary{border:0;font-family:Georgia,serif;font-size:16px}.campaign-page .wrap{max-width:1400px;width:calc(100% - 112px)}.marketing h1,.marketing h2{font-family:'Times New Roman',Georgia,serif;font-weight:400}.hero-v2{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;gap:65px;min-height:810px;padding-block:65px 85px}.hero-copy-v2{position:relative;z-index:2}.hero-v2 h1{font-size:clamp(66px,7.5vw,116px);letter-spacing:-.058em;line-height:1.02}.hero-v2 h1 em{font-weight:400;color:var(--plum)}.hero-copy-v2>p{font-size:20px;max-width:620px;margin-top:35px;line-height:1.6}.hero-copy-v2>.editorial-link{margin-top:36px;font-size:27px;gap:24px}.hero-copy-v2>.coming{font-size:14px;color:var(--muted);margin-top:21px}.hero-art-v2{position:relative;width:100%;padding-right:30px;isolation:isolate}.hero-photo{width:100%;height:auto;aspect-ratio:0.75;object-fit:cover;object-position:center 40%;border-radius:110px 110px 0 0;position:relative;z-index:1}.orbit{position:absolute;inset:-5% 14% -4% 4%;border:1px solid #743b5377;border-radius:50%;transform:rotate(28deg);z-index:2;pointer-events:none;animation:orbit 16s ease-in-out infinite alternate}.aura{position:absolute;width:80%;height:70%;border-radius:50%;filter:blur(55px);opacity:.55;z-index:0;pointer-events:none;animation:drift 11s ease-in-out infinite alternate}.aura-one{background:radial-gradient(ellipse,#dda0b9,transparent 72%);left:-37%;top:-5%}.aura-two{background:radial-gradient(ellipse,#d5df8a,transparent 72%);right:-22%;bottom:-13%;animation-delay:-5s}.color-ribbon{position:absolute;right:-10px;bottom:35px;z-index:3;display:flex;width:70%;box-shadow:0 12px 38px #241b2420;transform:rotate(-4deg);animation:ribbon 9s ease-in-out infinite alternate}.color-ribbon i{height:50px;flex:1;border:1px solid #ffffff90;background:var(--plum)}.color-ribbon i:nth-child(2){background:#b38088}.color-ribbon i:nth-child(3){background:#e4c6b7}.color-ribbon i:nth-child(4){background:var(--lime)}.color-ribbon i:nth-child(5){background:#30242e}.orbit-caption{writing-mode:vertical-rl;position:absolute;right:-8px;top:24%;font-size:13px;letter-spacing:.08em;color:var(--muted)}.journey-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:65px}.journey-rail a{display:grid;grid-template-columns:1fr auto;text-decoration:none;border-top:1px solid var(--line);padding-top:15px;align-items:center;min-width:0}.journey-rail span{font-family:Georgia,serif;font-size:18px;color:var(--muted);grid-column:1/-1;margin-bottom:8px}.journey-rail strong{font-family:Georgia,serif;font-size:21px;font-weight:400}.journey-rail b{font-size:23px;font-weight:300;transition:transform .3s}.journey-rail a:hover b{transform:translate(3px,-3px)}
.analysis-section{display:grid;grid-template-columns:1fr 1fr;gap:95px;border-top:1px solid var(--line);padding-block:100px;align-items:center}.chapter-number{font-size:78px;font-family:'Times New Roman',serif;line-height:.9;display:block;color:#bbaaaf;margin-bottom:25px}.chapter-copy h2{font-size:clamp(45px,4.5vw,74px);letter-spacing:-.045em;line-height:1.05;max-width:670px}.chapter-copy>p{font-size:19px;line-height:1.65;margin-top:28px;max-width:530px;color:var(--muted)}.profile-art{border-left:1px solid var(--line);padding-left:55px;min-width:0}.profile-art h3,.palette-board h3{font-size:27px;margin-bottom:30px;font-weight:400}.profile-strips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:end}.feature-strip i{display:block;height:210px;border-radius:100px 12px 100px 12px;transform:rotate(8deg);background:linear-gradient(140deg,#e9cbb2,#bb8f75);margin:12px 5px 25px}.feature-1 i{background:linear-gradient(140deg,#a78068,#4c302a);height:240px}.feature-2 i{background:linear-gradient(180deg,#fbecde,#7c4b64)}.feature-3 i{background:linear-gradient(180deg,#d4ad75,#bd527f);height:250px}.feature-4 i{background:linear-gradient(180deg,#dfc9b4 0% 48%,#3e2935 52%)}.feature-strip span{font-size:13px;text-align:center;line-height:1.4;display:block;min-height:38px;overflow-wrap:anywhere}.marketing .example-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:24px;text-align:left}.recommendation-band{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#82516b,transparent 65%),radial-gradient(ellipse at 0 90%,#211c21,transparent 70%),#523046;color:#fdfaf4}.recommendation-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:100px}.recommendation-band .chapter-number{color:#caa9b899}.recommendation-band .chapter-copy>p,.recommendation-band .example-note{color:#ead8e2}.recommendation-band .chapter-copy h2{font-size:clamp(46px,4.7vw,77px)}.palette-board{min-width:0;border-left:1px solid #fdfaf438;padding-left:50px}.palette-row{display:grid;grid-template-columns:94px 1fr;align-items:center;gap:15px;margin:13px 0}.palette-row>span{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.palette-row>div{display:flex;gap:8px}.palette-row i{display:block;height:34px;flex:1;background:var(--c);transition:transform .3s}.palette-row:hover i{transform:translateY(-4px)}.palette-0{--c:#cdb5a3}.palette-1{--c:#dca0ad}.palette-2{--c:#bea2b9}.palette-3{--c:#dfafa5}.palette-4{--c:#9aa485}.palette-5{--c:#dce7a0}.palette-row i:nth-child(2){filter:brightness(.85) saturate(1.2)}.palette-row i:nth-child(3){filter:brightness(.65) saturate(1.35)}.palette-row i:nth-child(4){filter:brightness(.48) saturate(1.3)}.palette-row i:nth-child(5){filter:brightness(.32) saturate(1.2)}
.try-section{display:grid;grid-template-columns:.95fr 1fr;gap:100px;padding-block:110px;align-items:center}.try-tabs{display:flex;gap:25px;flex-wrap:wrap;margin-top:40px;border-bottom:1px solid var(--line);width:fit-content}.try-tab{font-family:Georgia,serif;font-size:26px;text-decoration:none;padding:12px 0;border-bottom:2px solid transparent;line-height:1.3;min-height:48px}.try-tab:hover,.try-tab[aria-selected=true]{color:var(--plum);border-color:var(--plum)}.try-color-signature{display:flex;gap:16px;margin:30px 0}.try-color-signature i{width:42px;height:42px;border-radius:50%;background:#b55324;box-shadow:inset 0 0 0 1px #00000012}.try-color-signature i:nth-child(2){background:#b51f45}.try-color-signature i:nth-child(3){background:#285cca}.try-panels{min-width:0}.try-panel{margin-bottom:30px}.enhanced .try-panel{margin-bottom:0}.try-panel[hidden]{display:none}.comparison{position:relative;--split:50%;aspect-ratio:819/1024;overflow:hidden;border-radius:7px;background:#ede4dd;isolation:isolate;touch-action:pan-y}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.comparison-edited{clip-path:inset(0 0 0 var(--split))}.comparison-labels{position:absolute;inset:18px 18px auto;display:flex;justify-content:space-between;gap:16px;pointer-events:none}.comparison-labels span{padding:7px 11px;border-radius:3px;background:#fdfaf4d9;font-size:13px;color:#30242e;max-width:47%;overflow-wrap:anywhere}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:#fdfaf4;pointer-events:none}.comparison-divider span{position:absolute;top:55%;left:0;transform:translate(-50%,-50%);background:#fdfaf4;color:var(--plum);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:23px;box-shadow:0 2px 12px #211c2120}.comparison-range{display:none}.enhanced .comparison-range{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--plum);outline-offset:5px}.try-panel figcaption{font-family:inherit;font-size:12px;color:var(--muted);padding-top:14px;line-height:1.5;text-align:center}.marketing .privacy-inner{padding-block:65px;gap:100px}.marketing .privacy-inner h2{font-size:clamp(42px,4vw,64px)}.marketing .privacy-inner p{font-size:19px}.marketing .faq{padding-block:70px}.motion-control{display:none;position:fixed;bottom:16px;right:20px;z-index:10;border:1px solid #743b532e;border-radius:40px;background:#fdfaf4e8;backdrop-filter:blur(10px);color:var(--plum);padding:11px 16px;min-height:44px;font:12px/1.4 system-ui;cursor:pointer;align-items:center;gap:8px}.enhanced .motion-control{display:flex}.motion-control:focus-visible,.try-tab:focus-visible{outline:2px solid var(--plum);outline-offset:5px}.enhanced .reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.enhanced .reveal.is-pending{opacity:0;transform:translateY(35px)}.motion-paused .aura,.motion-paused .orbit,.motion-paused .color-ribbon{animation-play-state:paused}.motion-paused .reveal{transition:none!important;opacity:1!important;transform:none!important}
@keyframes drift{from{transform:translate(0,0) scale(.88)}to{transform:translate(22px,35px) scale(1.13)}}@keyframes orbit{from{transform:rotate(23deg)}to{transform:rotate(31deg)}}@keyframes ribbon{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-10px) rotate(-1deg)}}
html[lang^=zh] .hero-v2 h1,html[lang=ja] .hero-v2 h1,html[lang=ko] .hero-v2 h1{font-size:clamp(52px,5.3vw,82px);line-height:1.25;letter-spacing:-.055em}html[lang^=zh] .chapter-copy h2,html[lang=ja] .chapter-copy h2,html[lang=ko] .chapter-copy h2{font-size:clamp(42px,4vw,62px);line-height:1.25}html[lang^=zh] .hero-v2 h1 em,html[lang=ja] .hero-v2 h1 em,html[lang=ko] .hero-v2 h1 em{font-style:normal}html[lang=de] .hero-v2 h1{font-size:clamp(60px,6.3vw,98px)}
@media(max-width:1150px){.campaign-page .wrap,.campaign-page .header{width:calc(100% - 72px)}.hero-v2{gap:40px;min-height:700px;padding-block:50px 65px}.hero-v2 h1{font-size:6.9vw}.hero-copy-v2>p{font-size:18px}.journey-rail{margin-top:45px}.journey-rail strong{font-size:18px}.hero-photo{border-radius:85px 85px 0 0}.analysis-section,.recommendation-inner,.try-section{gap:45px;padding-block:75px}.profile-art,.palette-board{padding-left:28px}.feature-strip i{height:170px}.feature-1 i{height:200px}.feature-3 i{height:210px}.palette-row{grid-template-columns:80px 1fr;gap:10px}.palette-row>div{gap:5px}.palette-row i{height:30px}.chapter-copy>p{font-size:17px}.try-tab{font-size:22px}.marketing .privacy-inner{gap:45px}.orbit-caption{font-size:11px}}
@media(max-width:760px){.campaign-page .wrap,.campaign-page .header{width:calc(100% - 40px)}.campaign-page .header{height:77px}.campaign-page .header .brand{width:138px}.hero-v2{grid-template-columns:1fr;gap:45px;padding-block:42px 65px;min-height:0}.hero-v2 h1{font-size:clamp(56px,12vw,86px);line-height:1.03}.hero-copy-v2>p{font-size:17px;margin-top:24px;max-width:500px}.hero-copy-v2>.editorial-link{font-size:24px;margin-top:27px}.hero-copy-v2>.coming{font-size:12px;margin-top:17px}.journey-rail{margin-top:33px;gap:15px}.journey-rail strong{font-size:17px}.journey-rail span{font-size:15px}.journey-rail b{font-size:17px}.hero-art-v2{max-width:510px;width:calc(100% - 18px);margin:auto;padding-right:14px}.hero-photo{aspect-ratio:0.83;border-radius:85px 85px 0 0}.orbit-caption{right:-10px;font-size:10px}.color-ribbon{bottom:28px;right:-4px;width:65%}.color-ribbon i{height:38px}.aura{filter:blur(32px)}.analysis-section,.recommendation-inner,.try-section{grid-template-columns:1fr;gap:38px;padding-block:58px}.chapter-number{font-size:60px;margin-bottom:18px}.chapter-copy h2,.recommendation-band .chapter-copy h2{font-size:clamp(43px,9vw,63px)}.chapter-copy>p{font-size:17px;margin-top:22px}.profile-art,.palette-board{border-left:0;padding-left:0}.profile-art h3,.palette-board h3{font-size:25px;margin-bottom:20px}.profile-strips{gap:10px}.feature-strip i{height:150px;margin:10px 6px 20px}.feature-1 i{height:175px}.feature-3 i{height:185px}.feature-strip span{font-size:11px}.marketing .example-note{font-size:11px;margin-top:18px}.palette-row{grid-template-columns:76px 1fr;margin:12px 0}.palette-row>div{gap:7px}.palette-row i{height:32px}.palette-row>span{font-size:12px}.try-tabs{margin-top:24px;gap:28px}.try-tab{font-size:24px}.try-color-signature{margin-block:24px 18px}.try-color-signature i{width:35px;height:35px}.comparison-labels{inset:12px 12px auto}.comparison-labels span{font-size:11px;padding:6px 9px}.comparison-divider span{width:40px;height:40px}.marketing .privacy-inner{padding-block:50px;gap:25px}.marketing .privacy-inner h2{font-size:42px}.marketing .privacy-inner p{font-size:17px}.marketing .faq{padding-block:45px}.motion-control{bottom:12px;right:12px;font-size:11px;padding:10px 12px}.campaign-page .footer{padding-bottom:75px}html[lang^=zh] .hero-v2 h1,html[lang=ja] .hero-v2 h1,html[lang=ko] .hero-v2 h1{font-size:clamp(36px,8.8vw,61px);line-height:1.28}html[lang^=zh] .chapter-copy h2,html[lang=ja] .chapter-copy h2,html[lang=ko] .chapter-copy h2{font-size:clamp(35px,8.3vw,49px)}html[lang=de] .hero-v2 h1{font-size:clamp(48px,10.3vw,75px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aura,.orbit,.color-ribbon{animation:none!important}.enhanced .reveal{opacity:1!important;transform:none!important;transition:none!important}.palette-row i,.journey-rail b{transition:none}.motion-control{display:none!important}}
@media print{.motion-control{display:none!important}.reveal{opacity:1!important;transform:none!important}.hero-v2,.analysis-section,.recommendation-inner,.try-section{break-inside:avoid}.recommendation-band{color:#211c21;background:#fff}.aura,.orbit{display:none}}

/* Motion and drag hints require working enhancement; static fallback remains usable. */
html:not(.enhanced) .aura,html:not(.enhanced) .orbit,html:not(.enhanced) .color-ribbon{animation:none}
.interaction-hint,.comparison-divider span{display:none}.enhanced .interaction-hint{display:inline}.enhanced .comparison-divider span{display:grid}
/* Clip only the decorative bleed at the page edge; content retains its own grid width. */
.marketing{overflow:clip}