/* LANDING — bám sát mockup editorial: nền đen có hạt, giấy ngà rách mép, ảnh dán, chữ viết tay.
File riêng, không dùng chung case.css: landing không phải là app. */
:root{
--lp-black:#0c0b09; --lp-ink:#14110e; --lp-ivory:#eee5d3; --lp-cream:#f5eddc;
--lp-orange:#e0562a; --lp-orange-d:#c24418; --lp-gold:#e5b24b; --lp-text:#f6f0e4;
--lp-serif:'Playfair Display','Fraunces',Georgia,serif;
--lp-sans:'Be Vietnam Pro','Inter',system-ui,sans-serif;
--lp-hand:'Hand VN',cursive;
--lp-grain:url("data:image/svg+xml;utf8,");
--lp-grain-dk:url("data:image/svg+xml;utf8,");
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.lp{margin:0;background:var(--lp-black);color:var(--lp-text);font-family:var(--lp-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.lp a{color:inherit;text-decoration:none}
.lp img{display:block;max-width:100%}
.lp-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5.5vw,71px);position:relative}
/* ---------- nav ---------- */
.lp-nav{position:absolute;inset:0 0 auto 0;z-index:40;display:flex;align-items:center;justify-content:space-between;
max-width:1280px;margin:0 auto;padding:22px clamp(20px,5.5vw,71px);gap:20px}
.lp-logo{font-family:var(--lp-serif);font-size:1.18rem;display:flex;align-items:center;gap:10px;white-space:nowrap;letter-spacing:-.01em}
.lp-logo i{color:var(--lp-orange);font-style:italic}
.lp-badge{font-family:var(--lp-sans);font-size:9.5px;font-weight:700;letter-spacing:.14em;color:#f1d58f;padding:3px 9px;
border-radius:999px;background:linear-gradient(180deg,#8a6a1e,#5f4510);border:1px solid rgba(229,178,75,.55)}
.lp-links{display:flex;gap:clamp(18px,2.6vw,38px);font-size:13.5px;font-weight:500}
.lp-links a{color:rgba(246,240,228,.86);transition:color .2s}
.lp-links a:hover{color:#fff}
.lp-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-weight:600;font-size:14px;padding:12px 26px;
background:var(--lp-orange);color:#fff;border:1px solid var(--lp-orange);transition:transform .2s,background .2s;white-space:nowrap}
.lp-btn:hover{background:var(--lp-orange-d);transform:translateY(-2px)}
.lp-btn--sm{font-size:13px;padding:10px 22px}
.lp-btn--ghost{background:transparent;border-color:rgba(246,240,228,.5);color:var(--lp-text)}
.lp-btn--ghost:hover{background:rgba(246,240,228,.1)}
.lp-btn--line{background:transparent;border-color:rgba(246,240,228,.45)}
.lp-btn--line:hover{background:rgba(246,240,228,.1)}
.lp-pill{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;border-radius:999px;border:1px solid currentColor}
.lp-pill--gold{color:#e5b24b}
/* ---------- hero ---------- */
.lp-hero{position:relative;background:var(--lp-black);overflow:hidden;min-height:clamp(620px,56vw,730px)}
.lp-hero::before,.lp-method::before,.lp-comm::after{content:"";position:absolute;inset:0;background:var(--lp-grain);opacity:.09;mix-blend-mode:screen;pointer-events:none;z-index:1}
.lp-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
background:radial-gradient(60% 70% at 78% 40%,rgba(120,70,30,.28),transparent 70%),radial-gradient(40% 40% at 8% 90%,rgba(90,50,20,.18),transparent 70%)}
.lp-hero__in{position:relative;z-index:5;padding-top:clamp(110px,10.5vw,138px);padding-bottom:70px}
.lp-hero__text{width:min(52%,640px)}
.lp-h1{font-family:var(--lp-serif);font-weight:400;font-size:clamp(2.4rem,4.7vw,3.85rem);line-height:1.08;letter-spacing:-.022em;margin:0 0 26px;color:#f8f2e6}
.lp-h1 em{font-style:italic;color:var(--lp-orange)}
.lp-lead{font-size:clamp(13.5px,1.05vw,15px);line-height:1.6;color:rgba(246,240,228,.78);margin:0 0 32px;max-width:44ch}
.lp-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.lp-proof{display:flex;align-items:center;gap:14px;font-size:12.5px;color:rgba(246,240,228,.72)}
.lp-avatars{display:flex}
.lp-avatars img{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:50% 18%;border:2px solid var(--lp-black);margin-left:-9px}
.lp-avatars img:first-child{margin-left:0}
.lp-stage{position:absolute;right:0;top:44px;width:min(54%,700px);aspect-ratio:1/1.02;container-type:inline-size;z-index:4}
.lp-stage>*{position:absolute}
.lp-cream{left:34%;top:1%;width:38%;height:22%;background:var(--lp-cream);transform:rotate(3deg);clip-path:polygon(0.0% 2.5%,3.0% 0.1%,4.5% 2.2%,7.8% 1.7%,9.8% 1.6%,12.6% 1.5%,14.6% 1.1%,17.4% 1.9%,20.6% 2.5%,22.6% 1.2%,24.7% 0.1%,26.9% 1.2%,29.8% 1.0%,33.0% 1.4%,35.1% 0.6%,36.9% 0.8%,39.6% 1.3%,43.1% 1.8%,44.6% 2.3%,47.9% 1.9%,50.5% 2.0%,52.8% 0.9%,55.6% 2.5%,57.1% 2.0%,60.3% 1.2%,62.5% 1.3%,65.5% 1.3%,67.9% 0.9%,70.5% 2.3%,72.5% 1.5%,75.5% 1.9%,77.5% 0.6%,79.8% 1.8%,82.1% 2.4%,84.7% 2.4%,87.3% 2.5%,90.2% 1.3%,92.5% 1.7%,95.1% 0.8%,97.1% 1.3%,100.0% 2.4%,98.4% 2.5%,99.8% 5.0%,97.9% 7.5%,98.1% 10.0%,97.6% 12.5%,99.5% 15.0%,98.1% 17.5%,99.8% 20.0%,98.3% 22.5%,99.3% 25.0%,99.4% 27.5%,97.7% 30.0%,99.7% 32.5%,98.6% 35.0%,97.8% 37.5%,99.4% 40.0%,99.5% 42.5%,97.7% 45.0%,98.9% 47.5%,98.1% 50.0%,99.9% 52.5%,99.1% 55.0%,99.6% 57.5%,98.3% 60.0%,99.8% 62.5%,97.5% 65.0%,99.9% 67.5%,98.1% 70.0%,99.9% 72.5%,99.3% 75.0%,97.9% 77.5%,99.6% 80.0%,99.5% 82.5%,98.2% 85.0%,99.0% 87.5%,99.9% 90.0%,97.4% 92.5%,99.6% 95.0%,99.9% 97.5%,100.0% 99.1%,97.5% 98.4%,95.0% 98.1%,92.5% 99.7%,90.0% 99.1%,87.5% 99.9%,85.0% 98.8%,82.5% 98.0%,80.0% 98.1%,77.5% 97.7%,75.0% 98.0%,72.5% 97.8%,70.0% 98.2%,67.5% 98.8%,65.0% 99.4%,62.5% 98.3%,60.0% 99.2%,57.5% 99.7%,55.0% 98.8%,52.5% 97.7%,50.0% 99.7%,47.5% 98.5%,45.0% 99.0%,42.5% 98.7%,40.0% 99.6%,37.5% 97.5%,35.0% 99.3%,32.5% 98.4%,30.0% 98.9%,27.5% 100.0%,25.0% 98.5%,22.5% 99.6%,20.0% 99.9%,17.5% 99.9%,15.0% 99.6%,12.5% 99.8%,10.0% 98.3%,7.5% 98.7%,5.0% 97.4%,2.5% 97.6%,0.0% 97.4%,0.6% 97.5%,1.2% 95.0%,0.7% 92.5%,1.5% 90.0%,1.6% 87.5%,2.1% 85.0%,1.8% 82.5%,0.7% 80.0%,1.1% 77.5%,1.4% 75.0%,0.0% 72.5%,0.1% 70.0%,1.1% 67.5%,0.3% 65.0%,1.9% 62.5%,0.6% 60.0%,0.3% 57.5%,0.5% 55.0%,0.6% 52.5%,0.6% 50.0%,1.4% 47.5%,1.2% 45.0%,0.8% 42.5%,1.7% 40.0%,0.6% 37.5%,2.4% 35.0%,2.5% 32.5%,1.9% 30.0%,1.1% 27.5%,1.3% 25.0%,1.5% 22.5%,0.1% 20.0%,1.1% 17.5%,1.4% 15.0%,0.5% 12.5%,0.2% 10.0%,2.1% 7.5%,1.0% 5.0%,1.3% 2.5%);z-index:1;box-shadow:inset 0 0 40px rgba(120,90,40,.25)}
.lp-cream::after{content:"";position:absolute;inset:0;background:var(--lp-grain-dk);opacity:.35}
.lp-portrait{left:15%;top:7%;width:56%;height:81%;z-index:2;overflow:hidden;transform:rotate(1.2deg);
clip-path:polygon(0.0% 0.9%,2.8% 1.1%,5.5% 1.0%,8.0% 0.0%,10.0% 1.3%,12.7% 1.3%,14.5% 0.7%,17.2% 0.8%,20.1% 0.0%,22.2% 0.4%,25.5% 1.1%,27.1% 1.1%,29.6% 0.9%,32.1% 0.0%,35.4% 0.3%,37.2% 1.4%,40.4% 0.4%,43.1% 0.8%,45.2% 0.3%,48.0% 1.0%,50.6% 1.3%,52.3% 0.5%,54.6% 0.2%,57.0% 0.4%,60.1% 0.0%,62.7% 0.5%,64.8% 1.1%,67.5% 0.4%,70.0% 1.0%,72.0% 1.4%,74.4% 1.0%,77.9% 0.0%,80.3% 0.5%,82.6% 0.0%,84.5% 0.3%,88.0% 0.3%,90.3% 1.3%,93.0% 0.5%,94.8% 0.7%,97.8% 0.2%,100.0% 1.0%,98.9% 2.5%,98.8% 5.0%,99.9% 7.5%,98.7% 10.0%,99.9% 12.5%,99.5% 15.0%,99.1% 17.5%,98.7% 20.0%,99.5% 22.5%,98.7% 25.0%,99.2% 27.5%,99.6% 30.0%,99.6% 32.5%,99.8% 35.0%,99.9% 37.5%,99.8% 40.0%,99.0% 42.5%,98.6% 45.0%,99.8% 47.5%,99.9% 50.0%,98.6% 52.5%,99.3% 55.0%,99.4% 57.5%,99.7% 60.0%,99.2% 62.5%,98.8% 65.0%,99.4% 67.5%,99.4% 70.0%,99.9% 72.5%,98.7% 75.0%,100.0% 77.5%,99.3% 80.0%,98.8% 82.5%,99.8% 85.0%,99.0% 87.5%,98.7% 90.0%,99.1% 92.5%,98.9% 95.0%,99.9% 97.5%,100.0% 99.4%,97.5% 99.8%,95.0% 98.8%,92.5% 99.6%,90.0% 99.4%,87.5% 98.6%,85.0% 98.8%,82.5% 98.6%,80.0% 99.4%,77.5% 99.3%,75.0% 99.0%,72.5% 99.3%,70.0% 99.6%,67.5% 99.4%,65.0% 99.8%,62.5% 99.5%,60.0% 98.6%,57.5% 98.7%,55.0% 99.1%,52.5% 99.3%,50.0% 99.5%,47.5% 99.9%,45.0% 99.6%,42.5% 98.9%,40.0% 98.8%,37.5% 99.5%,35.0% 98.9%,32.5% 98.9%,30.0% 99.0%,27.5% 99.1%,25.0% 98.9%,22.5% 99.5%,20.0% 99.0%,17.5% 99.6%,15.0% 99.3%,12.5% 98.9%,10.0% 99.0%,7.5% 99.6%,5.0% 98.7%,2.5% 99.1%,0.0% 99.2%,0.0% 97.5%,0.8% 95.0%,0.4% 92.5%,0.9% 90.0%,0.6% 87.5%,1.1% 85.0%,0.9% 82.5%,1.1% 80.0%,0.5% 77.5%,0.9% 75.0%,1.0% 72.5%,1.2% 70.0%,0.5% 67.5%,1.2% 65.0%,1.2% 62.5%,1.0% 60.0%,1.4% 57.5%,1.3% 55.0%,0.7% 52.5%,0.7% 50.0%,0.2% 47.5%,1.2% 45.0%,1.3% 42.5%,0.7% 40.0%,1.0% 37.5%,1.0% 35.0%,1.0% 32.5%,0.2% 30.0%,1.1% 27.5%,0.8% 25.0%,0.9% 22.5%,0.6% 20.0%,0.9% 17.5%,1.1% 15.0%,0.9% 12.5%,1.0% 10.0%,0.0% 7.5%,0.2% 5.0%,0.6% 2.5%);filter:drop-shadow(0 24px 40px rgba(0,0,0,.7))}
.lp-portrait img{width:100%;height:100%;object-fit:cover;object-position:52% 22%;filter:contrast(1.06) saturate(1.05)}
.lp-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,#0c0b09 100%)}
.lp-scrap-or{left:2%;top:31%;width:25%;height:14.5%;background:var(--lp-orange);transform:rotate(-9deg);clip-path:polygon(0.0% 0.4%,2.9% 2.4%,4.7% 1.6%,7.4% 2.1%,10.3% 0.3%,11.9% 2.7%,14.9% 2.4%,16.9% 1.4%,20.3% 0.7%,23.0% 2.9%,24.4% 0.1%,27.5% 3.0%,29.9% 0.7%,32.4% 0.1%,34.7% 1.4%,37.5% 0.7%,39.7% 0.7%,42.5% 0.9%,44.4% 2.7%,47.6% 2.1%,49.6% 3.2%,52.9% 0.4%,54.8% 2.3%,57.8% 3.0%,59.9% 2.7%,62.7% 1.0%,65.1% 2.8%,67.9% 1.6%,70.1% 0.1%,72.2% 2.6%,74.9% 0.6%,77.6% 2.2%,80.2% 1.2%,82.4% 1.6%,85.3% 1.7%,87.4% 1.6%,89.4% 0.1%,92.7% 3.1%,95.1% 1.3%,97.1% 1.6%,100.0% 3.1%,97.5% 2.5%,98.3% 5.0%,97.2% 7.5%,99.3% 10.0%,98.4% 12.5%,97.0% 15.0%,98.2% 17.5%,98.5% 20.0%,99.1% 22.5%,98.2% 25.0%,96.9% 27.5%,100.0% 30.0%,97.5% 32.5%,97.4% 35.0%,97.2% 37.5%,97.6% 40.0%,97.4% 42.5%,98.3% 45.0%,98.2% 47.5%,98.6% 50.0%,99.8% 52.5%,97.2% 55.0%,98.2% 57.5%,99.4% 60.0%,98.4% 62.5%,98.4% 65.0%,98.9% 67.5%,98.9% 70.0%,98.3% 72.5%,98.0% 75.0%,98.0% 77.5%,98.5% 80.0%,99.9% 82.5%,99.3% 85.0%,99.4% 87.5%,98.1% 90.0%,97.2% 92.5%,97.4% 95.0%,97.4% 97.5%,100.0% 97.4%,97.5% 99.2%,95.0% 97.3%,92.5% 97.8%,90.0% 99.7%,87.5% 99.9%,85.0% 100.0%,82.5% 97.6%,80.0% 99.2%,77.5% 99.6%,75.0% 98.0%,72.5% 98.9%,70.0% 99.8%,67.5% 99.5%,65.0% 98.3%,62.5% 99.5%,60.0% 99.1%,57.5% 97.7%,55.0% 98.5%,52.5% 99.0%,50.0% 98.5%,47.5% 99.9%,45.0% 98.8%,42.5% 98.7%,40.0% 99.4%,37.5% 99.7%,35.0% 97.1%,32.5% 98.4%,30.0% 99.3%,27.5% 98.1%,25.0% 97.4%,22.5% 99.9%,20.0% 99.9%,17.5% 99.5%,15.0% 97.7%,12.5% 99.5%,10.0% 97.7%,7.5% 97.8%,5.0% 98.3%,2.5% 99.3%,0.0% 96.9%,2.6% 97.5%,1.7% 95.0%,0.7% 92.5%,2.1% 90.0%,1.3% 87.5%,1.8% 85.0%,1.0% 82.5%,2.0% 80.0%,0.2% 77.5%,1.0% 75.0%,3.1% 72.5%,2.8% 70.0%,1.0% 67.5%,2.7% 65.0%,1.0% 62.5%,3.0% 60.0%,2.4% 57.5%,1.3% 55.0%,0.8% 52.5%,0.0% 50.0%,2.8% 47.5%,0.1% 45.0%,2.6% 42.5%,3.1% 40.0%,1.8% 37.5%,0.5% 35.0%,2.8% 32.5%,3.1% 30.0%,2.3% 27.5%,1.6% 25.0%,1.2% 22.5%,1.1% 20.0%,0.7% 17.5%,2.2% 15.0%,1.4% 12.5%,0.6% 10.0%,0.3% 7.5%,2.1% 5.0%,0.9% 2.5%);z-index:3}
.lp-scrap-or::after{content:"";position:absolute;inset:0;background:var(--lp-grain-dk);opacity:.5;mix-blend-mode:multiply}
.lp-note-top{left:1%;top:8%;z-index:6;font-family:var(--lp-hand);font-size:3.9cqw;line-height:1.08;color:#f3ead9;transform:rotate(-7deg);text-shadow:0 2px 8px rgba(0,0,0,.8)}
.lp-note-top svg{position:absolute;left:-4%;top:86%;width:34%;stroke:#f3ead9;fill:none;stroke-width:1.6}
.lp-kw{right:1.5%;top:9%;z-index:6;font-size:1.55cqw;font-weight:600;letter-spacing:.2em;line-height:1.55;color:rgba(246,240,228,.85);display:grid;gap:.3em}
.lp-kw span::before{content:"";display:inline-block;width:1.2em;height:1px;background:rgba(246,240,228,.5);margin-right:.7em;vertical-align:middle}
.lp-city{right:2%;top:26%;width:17%;height:27%;z-index:5;background:#d9d3c7;padding:3% 3% 0;transform:rotate(4deg);box-shadow:0 14px 28px rgba(0,0,0,.6)}
.lp-city svg{width:100%;height:100%;display:block}
.lp-tape{position:absolute;width:34%;height:7%;background:rgba(236,224,196,.55);top:-3.5%;left:33%;transform:rotate(-4deg);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.lp-sticky{left:66%;top:58%;width:34%;z-index:7;background:var(--lp-orange);color:#fff;padding:8% 6% 8%;transform:rotate(3deg);
clip-path:polygon(0.0% 2.5%,3.0% 0.1%,4.5% 2.2%,7.8% 1.7%,9.8% 1.6%,12.6% 1.5%,14.6% 1.1%,17.4% 1.9%,20.6% 2.5%,22.6% 1.2%,24.7% 0.1%,26.9% 1.2%,29.8% 1.0%,33.0% 1.4%,35.1% 0.6%,36.9% 0.8%,39.6% 1.3%,43.1% 1.8%,44.6% 2.3%,47.9% 1.9%,50.5% 2.0%,52.8% 0.9%,55.6% 2.5%,57.1% 2.0%,60.3% 1.2%,62.5% 1.3%,65.5% 1.3%,67.9% 0.9%,70.5% 2.3%,72.5% 1.5%,75.5% 1.9%,77.5% 0.6%,79.8% 1.8%,82.1% 2.4%,84.7% 2.4%,87.3% 2.5%,90.2% 1.3%,92.5% 1.7%,95.1% 0.8%,97.1% 1.3%,100.0% 2.4%,98.4% 2.5%,99.8% 5.0%,97.9% 7.5%,98.1% 10.0%,97.6% 12.5%,99.5% 15.0%,98.1% 17.5%,99.8% 20.0%,98.3% 22.5%,99.3% 25.0%,99.4% 27.5%,97.7% 30.0%,99.7% 32.5%,98.6% 35.0%,97.8% 37.5%,99.4% 40.0%,99.5% 42.5%,97.7% 45.0%,98.9% 47.5%,98.1% 50.0%,99.9% 52.5%,99.1% 55.0%,99.6% 57.5%,98.3% 60.0%,99.8% 62.5%,97.5% 65.0%,99.9% 67.5%,98.1% 70.0%,99.9% 72.5%,99.3% 75.0%,97.9% 77.5%,99.6% 80.0%,99.5% 82.5%,98.2% 85.0%,99.0% 87.5%,99.9% 90.0%,97.4% 92.5%,99.6% 95.0%,99.9% 97.5%,100.0% 99.1%,97.5% 98.4%,95.0% 98.1%,92.5% 99.7%,90.0% 99.1%,87.5% 99.9%,85.0% 98.8%,82.5% 98.0%,80.0% 98.1%,77.5% 97.7%,75.0% 98.0%,72.5% 97.8%,70.0% 98.2%,67.5% 98.8%,65.0% 99.4%,62.5% 98.3%,60.0% 99.2%,57.5% 99.7%,55.0% 98.8%,52.5% 97.7%,50.0% 99.7%,47.5% 98.5%,45.0% 99.0%,42.5% 98.7%,40.0% 99.6%,37.5% 97.5%,35.0% 99.3%,32.5% 98.4%,30.0% 98.9%,27.5% 100.0%,25.0% 98.5%,22.5% 99.6%,20.0% 99.9%,17.5% 99.9%,15.0% 99.6%,12.5% 99.8%,10.0% 98.3%,7.5% 98.7%,5.0% 97.4%,2.5% 97.6%,0.0% 97.4%,0.6% 97.5%,1.2% 95.0%,0.7% 92.5%,1.5% 90.0%,1.6% 87.5%,2.1% 85.0%,1.8% 82.5%,0.7% 80.0%,1.1% 77.5%,1.4% 75.0%,0.0% 72.5%,0.1% 70.0%,1.1% 67.5%,0.3% 65.0%,1.9% 62.5%,0.6% 60.0%,0.3% 57.5%,0.5% 55.0%,0.6% 52.5%,0.6% 50.0%,1.4% 47.5%,1.2% 45.0%,0.8% 42.5%,1.7% 40.0%,0.6% 37.5%,2.4% 35.0%,2.5% 32.5%,1.9% 30.0%,1.1% 27.5%,1.3% 25.0%,1.5% 22.5%,0.1% 20.0%,1.1% 17.5%,1.4% 15.0%,0.5% 12.5%,0.2% 10.0%,2.1% 7.5%,1.0% 5.0%,1.3% 2.5%);filter:drop-shadow(0 18px 30px rgba(0,0,0,.7));font-family:var(--lp-hand);font-size:3.7cqw;line-height:1.18;text-align:center}
.lp-sticky::before{content:"";position:absolute;inset:0;background:var(--lp-grain-dk);opacity:.4;mix-blend-mode:multiply}
.lp-sticky b{font-weight:600;position:relative}
.lp-strips{left:2%;top:79%;width:48%;height:19%;z-index:5}
.lp-strips div{position:absolute;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.6);clip-path:polygon(0.0% 0.9%,2.8% 1.1%,5.5% 1.0%,8.0% 0.0%,10.0% 1.3%,12.7% 1.3%,14.5% 0.7%,17.2% 0.8%,20.1% 0.0%,22.2% 0.4%,25.5% 1.1%,27.1% 1.1%,29.6% 0.9%,32.1% 0.0%,35.4% 0.3%,37.2% 1.4%,40.4% 0.4%,43.1% 0.8%,45.2% 0.3%,48.0% 1.0%,50.6% 1.3%,52.3% 0.5%,54.6% 0.2%,57.0% 0.4%,60.1% 0.0%,62.7% 0.5%,64.8% 1.1%,67.5% 0.4%,70.0% 1.0%,72.0% 1.4%,74.4% 1.0%,77.9% 0.0%,80.3% 0.5%,82.6% 0.0%,84.5% 0.3%,88.0% 0.3%,90.3% 1.3%,93.0% 0.5%,94.8% 0.7%,97.8% 0.2%,100.0% 1.0%,98.9% 2.5%,98.8% 5.0%,99.9% 7.5%,98.7% 10.0%,99.9% 12.5%,99.5% 15.0%,99.1% 17.5%,98.7% 20.0%,99.5% 22.5%,98.7% 25.0%,99.2% 27.5%,99.6% 30.0%,99.6% 32.5%,99.8% 35.0%,99.9% 37.5%,99.8% 40.0%,99.0% 42.5%,98.6% 45.0%,99.8% 47.5%,99.9% 50.0%,98.6% 52.5%,99.3% 55.0%,99.4% 57.5%,99.7% 60.0%,99.2% 62.5%,98.8% 65.0%,99.4% 67.5%,99.4% 70.0%,99.9% 72.5%,98.7% 75.0%,100.0% 77.5%,99.3% 80.0%,98.8% 82.5%,99.8% 85.0%,99.0% 87.5%,98.7% 90.0%,99.1% 92.5%,98.9% 95.0%,99.9% 97.5%,100.0% 99.4%,97.5% 99.8%,95.0% 98.8%,92.5% 99.6%,90.0% 99.4%,87.5% 98.6%,85.0% 98.8%,82.5% 98.6%,80.0% 99.4%,77.5% 99.3%,75.0% 99.0%,72.5% 99.3%,70.0% 99.6%,67.5% 99.4%,65.0% 99.8%,62.5% 99.5%,60.0% 98.6%,57.5% 98.7%,55.0% 99.1%,52.5% 99.3%,50.0% 99.5%,47.5% 99.9%,45.0% 99.6%,42.5% 98.9%,40.0% 98.8%,37.5% 99.5%,35.0% 98.9%,32.5% 98.9%,30.0% 99.0%,27.5% 99.1%,25.0% 98.9%,22.5% 99.5%,20.0% 99.0%,17.5% 99.6%,15.0% 99.3%,12.5% 98.9%,10.0% 99.0%,7.5% 99.6%,5.0% 98.7%,2.5% 99.1%,0.0% 99.2%,0.0% 97.5%,0.8% 95.0%,0.4% 92.5%,0.9% 90.0%,0.6% 87.5%,1.1% 85.0%,0.9% 82.5%,1.1% 80.0%,0.5% 77.5%,0.9% 75.0%,1.0% 72.5%,1.2% 70.0%,0.5% 67.5%,1.2% 65.0%,1.2% 62.5%,1.0% 60.0%,1.4% 57.5%,1.3% 55.0%,0.7% 52.5%,0.7% 50.0%,0.2% 47.5%,1.2% 45.0%,1.3% 42.5%,0.7% 40.0%,1.0% 37.5%,1.0% 35.0%,1.0% 32.5%,0.2% 30.0%,1.1% 27.5%,0.8% 25.0%,0.9% 22.5%,0.6% 20.0%,0.9% 17.5%,1.1% 15.0%,0.9% 12.5%,1.0% 10.0%,0.0% 7.5%,0.2% 5.0%,0.6% 2.5%)}
.lp-strips div:nth-child(1){left:0;top:12%;width:52%;height:88%;transform:rotate(-3deg)}
.lp-strips div:nth-child(2){left:44%;top:0;width:56%;height:96%;transform:rotate(2.5deg)}
.lp-strips img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.9)}
.lp-note-story{left:50%;top:93%;z-index:6;font-family:var(--lp-hand);font-size:3.1cqw;color:var(--lp-orange);transform:rotate(-4deg);white-space:nowrap}
.lp-note-story::before{content:"";position:absolute;left:-18%;top:42%;width:14%;height:1.5px;background:var(--lp-orange)}
.lp-globe{left:3%;top:64%;width:18%;z-index:3;opacity:.9}
.lp-globe svg{width:100%;display:block;stroke:rgba(246,240,228,.55);fill:none;stroke-width:1}
/* ---------- ivory case study ---------- */
.lp-paper{position:relative;z-index:3;margin-top:-26px;padding:clamp(70px,7vw,96px) 0 clamp(70px,7vw,100px);color:var(--lp-ink)}
.lp-paper__bg{position:absolute;inset:0;background:var(--lp-ivory);clip-path:polygon(0.00% 19.7px,1.11% 17.1px,2.22% 17.7px,3.33% 14.6px,4.44% 4.3px,5.56% 1.1px,6.67% 10.1px,7.78% 4.2px,8.89% 6.5px,10.00% 19.3px,11.11% 16.3px,12.22% 22.9px,13.33% 18.9px,14.44% 19.3px,15.56% 10.4px,16.67% 12.6px,17.78% 12.4px,18.89% 6.5px,20.00% 9.3px,21.11% 10.5px,22.22% 6.5px,23.33% 18.4px,24.44% 19.2px,25.56% 16.8px,26.67% 12.8px,27.78% 20.4px,28.89% 12.2px,30.00% 11.7px,31.11% 11.3px,32.22% 8.7px,33.33% 12.5px,34.44% 9.0px,35.56% 17.5px,36.67% 16.4px,37.78% 24.2px,38.89% 23.6px,40.00% 12.3px,41.11% 9.6px,42.22% 7.0px,43.33% 13.2px,44.44% 5.3px,45.56% 8.1px,46.67% 6.5px,47.78% 12.4px,48.89% 14.4px,50.00% 16.6px,51.11% 20.3px,52.22% 19.2px,53.33% 20.4px,54.44% 14.2px,55.56% 13.8px,56.67% 10.8px,57.78% 12.1px,58.89% 9.8px,60.00% 6.7px,61.11% 18.7px,62.22% 23.1px,63.33% 24.0px,64.44% 19.7px,65.56% 19.4px,66.67% 10.0px,67.78% 14.0px,68.89% 8.1px,70.00% 3.5px,71.11% 1.6px,72.22% 13.6px,73.33% 18.8px,74.44% 11.3px,75.56% 22.3px,76.67% 18.1px,77.78% 13.6px,78.89% 12.5px,80.00% 14.7px,81.11% 12.7px,82.22% 0.8px,83.33% 7.7px,84.44% 2.6px,85.56% 14.0px,86.67% 12.8px,87.78% 22.4px,88.89% 25.0px,90.00% 18.7px,91.11% 22.4px,92.22% 10.7px,93.33% 4.3px,94.44% 8.1px,95.56% 0.4px,96.67% 3.5px,97.78% 8.7px,98.89% 14.7px,100.00% 12.5px,100.00% calc(100% - 15.9px),98.89% calc(100% - 15.7px),97.78% calc(100% - 23.5px),96.67% calc(100% - 9.8px),95.56% calc(100% - 12.7px),94.44% calc(100% - 12.2px),93.33% calc(100% - 4.9px),92.22% calc(100% - 2.9px),91.11% calc(100% - 13.1px),90.00% calc(100% - 9.4px),88.89% calc(100% - 18.9px),87.78% calc(100% - 23.8px),86.67% calc(100% - 16.5px),85.56% calc(100% - 15.0px),84.44% calc(100% - 15.0px),83.33% calc(100% - 7.9px),82.22% calc(100% - 10.8px),81.11% calc(100% - 2.2px),80.00% calc(100% - 8.9px),78.89% calc(100% - 3.6px),77.78% calc(100% - 9.6px),76.67% calc(100% - 14.5px),75.56% calc(100% - 13.1px),74.44% calc(100% - 22.6px),73.33% calc(100% - 13.7px),72.22% calc(100% - 12.4px),71.11% calc(100% - 11.0px),70.00% calc(100% - 5.9px),68.89% calc(100% - 10.7px),67.78% calc(100% - 11.7px),66.67% calc(100% - 4.6px),65.56% calc(100% - 3.9px),64.44% calc(100% - 9.5px),63.33% calc(100% - 19.1px),62.22% calc(100% - 19.9px),61.11% calc(100% - 14.1px),60.00% calc(100% - 17.0px),58.89% calc(100% - 21.3px),57.78% calc(100% - 11.6px),56.67% calc(100% - 13.6px),55.56% calc(100% - 3.0px),54.44% calc(100% - 0.1px),53.33% calc(100% - 11.9px),52.22% calc(100% - 16.3px),51.11% calc(100% - 13.0px),50.00% calc(100% - 21.6px),48.89% calc(100% - 17.9px),47.78% calc(100% - 22.1px),46.67% calc(100% - 11.6px),45.56% calc(100% - 11.0px),44.44% calc(100% - 6.7px),43.33% calc(100% - 5.0px),42.22% calc(100% - 8.6px),41.11% calc(100% - 11.0px),40.00% calc(100% - 15.4px),38.89% calc(100% - 18.8px),37.78% calc(100% - 13.6px),36.67% calc(100% - 18.1px),35.56% calc(100% - 21.2px),34.44% calc(100% - 17.9px),33.33% calc(100% - 16.7px),32.22% calc(100% - 11.7px),31.11% calc(100% - 12.4px),30.00% calc(100% - 5.6px),28.89% calc(100% - 5.8px),27.78% calc(100% - 2.4px),26.67% calc(100% - 8.2px),25.56% calc(100% - 11.1px),24.44% calc(100% - 12.5px),23.33% calc(100% - 19.5px),22.22% calc(100% - 12.8px),21.11% calc(100% - 12.2px),20.00% calc(100% - 14.4px),18.89% calc(100% - 11.3px),17.78% calc(100% - 12.5px),16.67% calc(100% - 11.9px),15.56% calc(100% - 1.6px),14.44% calc(100% - 12.2px),13.33% calc(100% - 17.1px),12.22% calc(100% - 11.7px),11.11% calc(100% - 16.4px),10.00% calc(100% - 14.2px),8.89% calc(100% - 21.1px),7.78% calc(100% - 16.1px),6.67% calc(100% - 11.0px),5.56% calc(100% - 4.0px),4.44% calc(100% - 7.2px),3.33% calc(100% - 6.5px),2.22% calc(100% - 8.1px),1.11% calc(100% - 17.0px),0.00% calc(100% - 16.1px));z-index:0;
background-image:radial-gradient(70% 60% at 15% 30%,rgba(255,255,255,.55),transparent 70%),radial-gradient(40% 40% at 90% 80%,rgba(160,120,70,.18),transparent 70%)}
.lp-paper__bg::after{content:"";position:absolute;inset:0;background:var(--lp-grain-dk);opacity:.28;mix-blend-mode:multiply}
.lp-paper-wrap{position:absolute;inset:0;z-index:0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}
.lp-paper .lp-wrap{z-index:2}
.lp-ctop{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:clamp(22px,3vw,38px)}
.lp-paper .lp-pill{color:var(--lp-ink)}
.lp-tabs{display:flex;gap:clamp(14px,2vw,26px);font-size:12.5px;font-weight:600;align-items:center;flex-wrap:wrap}
.lp-tabs button{all:unset;cursor:pointer;color:rgba(20,17,14,.62);padding:6px 14px;border-radius:999px;border:1px solid transparent;transition:.2s}
.lp-tabs button:hover{color:var(--lp-ink)}
.lp-tabs button.on{color:var(--lp-ink);border-color:rgba(20,17,14,.55)}
.lp-cgrid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(20px,3vw,48px);align-items:center}
.lp-h2{font-family:var(--lp-serif);font-weight:400;font-size:clamp(2rem,3.75vw,3.1rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 20px}
.lp-h2 em{white-space:nowrap;font-style:italic;color:var(--lp-orange)}
.lp-p{font-size:clamp(13px,1vw,14.5px);line-height:1.65;margin:0 0 24px;max-width:40ch}
.lp-paper .lp-p{color:rgba(20,17,14,.76)}
.lp-more{font-size:13.5px;font-weight:600;border-bottom:1.5px solid currentColor;padding-bottom:2px}
.lp-posters{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 2%}
.lp-poster{position:relative;display:block;aspect-ratio:.74;overflow:hidden;margin-left:-4%;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s;
box-shadow:0 22px 38px -10px rgba(0,0,0,.55)}
.lp-poster:first-child{margin-left:0}
.lp-poster:nth-child(1){transform:rotate(-3.5deg) translateY(10px);z-index:2}
.lp-poster:nth-child(2){transform:translateY(-8px);z-index:3}
.lp-poster:nth-child(3){transform:rotate(3deg) translateY(6px);z-index:1}
.lp-poster:hover{transform:translateY(-14px) rotate(0)!important;z-index:9}
.lp-poster.dim{opacity:.32}
.lp-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-poster__top{position:absolute;left:0;right:0;top:0;padding:9% 9% 0;z-index:3;display:flex;justify-content:space-between;align-items:center}
.lp-poster__t{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:14% 9% 9%}
.lp-poster__t b{display:block;font-family:var(--lp-serif);font-weight:500;line-height:1.1;font-size:clamp(14px,1.75vw,24px)}
.lp-poster__t{background:linear-gradient(180deg,transparent,rgba(0,0,0,.55))}
.lp a.lp-p-duo .lp-poster__t{background:linear-gradient(180deg,rgba(13,19,11,0),#0d130b 28%);padding-top:22%}
.lp a.lp-p-apple .lp-poster__t{background:linear-gradient(180deg,transparent,rgba(216,208,193,.92) 60%)}
.lp-poster::after{content:"";position:absolute;inset:0;background:var(--lp-grain-dk);opacity:.25;mix-blend-mode:multiply;z-index:4;pointer-events:none}
.lp a.lp-p-nike{background:#e0562a;color:#fff}
.lp-p-nike img{mix-blend-mode:multiply;object-position:50% 20%;filter:grayscale(1) contrast(1.1) brightness(1.5);inset:12% 0 0 0;height:88%}
.lp-p-nike .lp-poster__t b{font-style:italic;font-size:clamp(18px,2.4vw,32px)}
.lp a.lp-p-duo{background:#0d130b;color:#fff}
.lp-p-duo img{object-position:50% 30%;inset:10% 0 0 0;height:90%;filter:saturate(1.2)}
.lp-p-duo .lp-poster__top b{font-family:var(--lp-sans);font-weight:800;font-size:clamp(12px,1.3vw,18px);letter-spacing:-.02em;margin:0 auto}
.lp a.lp-p-apple{background:#d8d0c1;color:#1b1713}
.lp-p-apple img{inset:12% 0 0 0;height:88%;object-position:50% 25%;filter:grayscale(1) contrast(1.05);mix-blend-mode:multiply}
.lp-p-apple .lp-poster__t b{font-style:italic}
.lp-p-apple .lp-poster__top{gap:6px;justify-content:flex-start;font-weight:600;font-size:clamp(11px,1.1vw,14px)}
.lp-p-apple svg{width:1.1em;height:1.3em;fill:currentColor}
/* ---------- method ---------- */
.lp-method{position:relative;background:var(--lp-black);padding:clamp(70px,7vw,96px) 0 clamp(60px,6vw,86px);margin-top:-26px;z-index:2}
.lp-mgrid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr) minmax(0,.85fr);gap:clamp(20px,3vw,44px);align-items:center}
.lp-method .lp-pill{color:#e5b24b}
.lp-method .lp-p{color:rgba(246,240,228,.72)}
.lp-method .lp-h2{color:#f8f2e6;margin-top:18px}
.lp-art{position:relative;aspect-ratio:1/1.02;container-type:inline-size}
.lp-art>*{position:absolute}
.lp-art__photo{left:14%;top:6%;width:80%;height:82%;overflow:hidden;clip-path:polygon(0.0% 0.4%,2.9% 2.4%,4.7% 1.6%,7.4% 2.1%,10.3% 0.3%,11.9% 2.7%,14.9% 2.4%,16.9% 1.4%,20.3% 0.7%,23.0% 2.9%,24.4% 0.1%,27.5% 3.0%,29.9% 0.7%,32.4% 0.1%,34.7% 1.4%,37.5% 0.7%,39.7% 0.7%,42.5% 0.9%,44.4% 2.7%,47.6% 2.1%,49.6% 3.2%,52.9% 0.4%,54.8% 2.3%,57.8% 3.0%,59.9% 2.7%,62.7% 1.0%,65.1% 2.8%,67.9% 1.6%,70.1% 0.1%,72.2% 2.6%,74.9% 0.6%,77.6% 2.2%,80.2% 1.2%,82.4% 1.6%,85.3% 1.7%,87.4% 1.6%,89.4% 0.1%,92.7% 3.1%,95.1% 1.3%,97.1% 1.6%,100.0% 3.1%,97.5% 2.5%,98.3% 5.0%,97.2% 7.5%,99.3% 10.0%,98.4% 12.5%,97.0% 15.0%,98.2% 17.5%,98.5% 20.0%,99.1% 22.5%,98.2% 25.0%,96.9% 27.5%,100.0% 30.0%,97.5% 32.5%,97.4% 35.0%,97.2% 37.5%,97.6% 40.0%,97.4% 42.5%,98.3% 45.0%,98.2% 47.5%,98.6% 50.0%,99.8% 52.5%,97.2% 55.0%,98.2% 57.5%,99.4% 60.0%,98.4% 62.5%,98.4% 65.0%,98.9% 67.5%,98.9% 70.0%,98.3% 72.5%,98.0% 75.0%,98.0% 77.5%,98.5% 80.0%,99.9% 82.5%,99.3% 85.0%,99.4% 87.5%,98.1% 90.0%,97.2% 92.5%,97.4% 95.0%,97.4% 97.5%,100.0% 97.4%,97.5% 99.2%,95.0% 97.3%,92.5% 97.8%,90.0% 99.7%,87.5% 99.9%,85.0% 100.0%,82.5% 97.6%,80.0% 99.2%,77.5% 99.6%,75.0% 98.0%,72.5% 98.9%,70.0% 99.8%,67.5% 99.5%,65.0% 98.3%,62.5% 99.5%,60.0% 99.1%,57.5% 97.7%,55.0% 98.5%,52.5% 99.0%,50.0% 98.5%,47.5% 99.9%,45.0% 98.8%,42.5% 98.7%,40.0% 99.4%,37.5% 99.7%,35.0% 97.1%,32.5% 98.4%,30.0% 99.3%,27.5% 98.1%,25.0% 97.4%,22.5% 99.9%,20.0% 99.9%,17.5% 99.5%,15.0% 97.7%,12.5% 99.5%,10.0% 97.7%,7.5% 97.8%,5.0% 98.3%,2.5% 99.3%,0.0% 96.9%,2.6% 97.5%,1.7% 95.0%,0.7% 92.5%,2.1% 90.0%,1.3% 87.5%,1.8% 85.0%,1.0% 82.5%,2.0% 80.0%,0.2% 77.5%,1.0% 75.0%,3.1% 72.5%,2.8% 70.0%,1.0% 67.5%,2.7% 65.0%,1.0% 62.5%,3.0% 60.0%,2.4% 57.5%,1.3% 55.0%,0.8% 52.5%,0.0% 50.0%,2.8% 47.5%,0.1% 45.0%,2.6% 42.5%,3.1% 40.0%,1.8% 37.5%,0.5% 35.0%,2.8% 32.5%,3.1% 30.0%,2.3% 27.5%,1.6% 25.0%,1.2% 22.5%,1.1% 20.0%,0.7% 17.5%,2.2% 15.0%,1.4% 12.5%,0.6% 10.0%,0.3% 7.5%,2.1% 5.0%,0.9% 2.5%);filter:drop-shadow(0 20px 30px rgba(0,0,0,.8));z-index:1}
.lp-art__photo img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:grayscale(1) contrast(1.15) brightness(.78)}
.lp-art__or{right:0;top:3%;width:17%;height:20%;background:var(--lp-orange);clip-path:polygon(0.0% 0.9%,2.8% 1.1%,5.5% 1.0%,8.0% 0.0%,10.0% 1.3%,12.7% 1.3%,14.5% 0.7%,17.2% 0.8%,20.1% 0.0%,22.2% 0.4%,25.5% 1.1%,27.1% 1.1%,29.6% 0.9%,32.1% 0.0%,35.4% 0.3%,37.2% 1.4%,40.4% 0.4%,43.1% 0.8%,45.2% 0.3%,48.0% 1.0%,50.6% 1.3%,52.3% 0.5%,54.6% 0.2%,57.0% 0.4%,60.1% 0.0%,62.7% 0.5%,64.8% 1.1%,67.5% 0.4%,70.0% 1.0%,72.0% 1.4%,74.4% 1.0%,77.9% 0.0%,80.3% 0.5%,82.6% 0.0%,84.5% 0.3%,88.0% 0.3%,90.3% 1.3%,93.0% 0.5%,94.8% 0.7%,97.8% 0.2%,100.0% 1.0%,98.9% 2.5%,98.8% 5.0%,99.9% 7.5%,98.7% 10.0%,99.9% 12.5%,99.5% 15.0%,99.1% 17.5%,98.7% 20.0%,99.5% 22.5%,98.7% 25.0%,99.2% 27.5%,99.6% 30.0%,99.6% 32.5%,99.8% 35.0%,99.9% 37.5%,99.8% 40.0%,99.0% 42.5%,98.6% 45.0%,99.8% 47.5%,99.9% 50.0%,98.6% 52.5%,99.3% 55.0%,99.4% 57.5%,99.7% 60.0%,99.2% 62.5%,98.8% 65.0%,99.4% 67.5%,99.4% 70.0%,99.9% 72.5%,98.7% 75.0%,100.0% 77.5%,99.3% 80.0%,98.8% 82.5%,99.8% 85.0%,99.0% 87.5%,98.7% 90.0%,99.1% 92.5%,98.9% 95.0%,99.9% 97.5%,100.0% 99.4%,97.5% 99.8%,95.0% 98.8%,92.5% 99.6%,90.0% 99.4%,87.5% 98.6%,85.0% 98.8%,82.5% 98.6%,80.0% 99.4%,77.5% 99.3%,75.0% 99.0%,72.5% 99.3%,70.0% 99.6%,67.5% 99.4%,65.0% 99.8%,62.5% 99.5%,60.0% 98.6%,57.5% 98.7%,55.0% 99.1%,52.5% 99.3%,50.0% 99.5%,47.5% 99.9%,45.0% 99.6%,42.5% 98.9%,40.0% 98.8%,37.5% 99.5%,35.0% 98.9%,32.5% 98.9%,30.0% 99.0%,27.5% 99.1%,25.0% 98.9%,22.5% 99.5%,20.0% 99.0%,17.5% 99.6%,15.0% 99.3%,12.5% 98.9%,10.0% 99.0%,7.5% 99.6%,5.0% 98.7%,2.5% 99.1%,0.0% 99.2%,0.0% 97.5%,0.8% 95.0%,0.4% 92.5%,0.9% 90.0%,0.6% 87.5%,1.1% 85.0%,0.9% 82.5%,1.1% 80.0%,0.5% 77.5%,0.9% 75.0%,1.0% 72.5%,1.2% 70.0%,0.5% 67.5%,1.2% 65.0%,1.2% 62.5%,1.0% 60.0%,1.4% 57.5%,1.3% 55.0%,0.7% 52.5%,0.7% 50.0%,0.2% 47.5%,1.2% 45.0%,1.3% 42.5%,0.7% 40.0%,1.0% 37.5%,1.0% 35.0%,1.0% 32.5%,0.2% 30.0%,1.1% 27.5%,0.8% 25.0%,0.9% 22.5%,0.6% 20.0%,0.9% 17.5%,1.1% 15.0%,0.9% 12.5%,1.0% 10.0%,0.0% 7.5%,0.2% 5.0%,0.6% 2.5%);transform:rotate(5deg);z-index:2}
.lp-art__or::after{content:"";position:absolute;inset:0;background:var(--lp-grain-dk);opacity:.5;mix-blend-mode:multiply}
.lp-art__list{left:-3%;top:34%;z-index:3;font-family:var(--lp-hand);font-size:5cqw;line-height:1.05;color:#f3ead9;transform:rotate(-14deg);transform-origin:left top;text-shadow:0 2px 8px #000}
.lp-art__list span{display:block;transform:translateX(calc(var(--i)*1.2cqw))}
.lp-art__arrow{left:60%;top:48%;width:20%;z-index:3;stroke:#f3ead9;fill:none;stroke-width:1.8}
.lp-art__note{right:-2%;bottom:-2%;width:36%;z-index:4;background:var(--lp-cream);color:#1b1713;padding:7% 6% 7%;transform:rotate(3deg);
box-shadow:0 14px 26px rgba(0,0,0,.65);font-family:var(--lp-hand);font-size:3.5cqw;line-height:1.1;text-align:center;font-weight:600}
.lp-art__note .lp-tape{left:30%;width:40%;top:-9%}
.lp-steps{list-style:none;margin:0;padding:0;position:relative}
.lp-steps::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:1px;background:rgba(246,240,228,.28)}
.lp-steps li{position:relative;display:flex;gap:18px;align-items:flex-start;padding:0 0 clamp(14px,1.7vw,22px)}
.lp-steps li:last-child{padding-bottom:0}
.lp-steps li>b{flex:none;width:35px;height:35px;border-radius:50%;border:1px solid rgba(246,240,228,.5);background:var(--lp-black);display:grid;place-items:center;
font-size:11.5px;font-weight:600;letter-spacing:.04em;position:relative;z-index:1;color:#f6f0e4}
.lp-steps li:nth-child(3)>b{border-color:var(--lp-orange);color:var(--lp-orange)}
.lp-steps h4{margin:3px 0 3px;font-size:15px;font-weight:700;color:#f8f2e6}
.lp-steps p{margin:0;font-size:12.5px;line-height:1.45;color:rgba(246,240,228,.62)}
/* ---------- community ---------- */
.lp-comm{position:relative;min-height:clamp(440px,42vw,560px);display:flex;align-items:center;overflow:hidden;background:#15110d}
.lp-comm__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:blur(2.5px) brightness(.62) saturate(1.1) sepia(.2);transform:scale(1.05)}
.lp-comm__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,9,.92) 0%,rgba(12,11,9,.7) 38%,rgba(12,11,9,.15) 72%),linear-gradient(180deg,rgba(12,11,9,.9),transparent 22%,transparent 80%,rgba(12,11,9,.6))}
.lp-comm .lp-wrap{width:100%;z-index:3;padding-top:60px;padding-bottom:60px}
.lp-comm .lp-h2{color:#f8f2e6;margin-top:20px;font-size:clamp(2rem,3.5vw,2.9rem)}
.lp-comm .lp-p{color:rgba(246,240,228,.82)}
.lp-comm .lp-pill{color:var(--lp-gold)}
.lp-doodle{position:absolute;left:45%;top:18%;z-index:4;font-family:var(--lp-hand);font-size:clamp(20px,2.2vw,30px);color:#f3ead9;transform:rotate(-8deg);line-height:1.05;text-shadow:0 2px 10px #000}
.lp-doodle svg{display:block;width:70px;margin:8px 0 0 10px;stroke:#f3ead9;fill:none;stroke-width:1.6}
.lp-sign{position:absolute;right:5%;top:20%;z-index:4;font-family:var(--lp-hand);font-size:clamp(22px,2.6vw,38px);line-height:1;text-align:center;color:#f3ead9;transform:rotate(-3deg);text-shadow:0 0 18px rgba(255,200,120,.45),0 2px 10px #000;opacity:.92}
.lp-sign::before{content:"";position:absolute;inset:-14px -20px;border:1.5px solid rgba(243,234,217,.35);border-radius:6px}
/* ---------- footer ---------- */
.lp-foot{background:var(--lp-black);border-top:1px solid rgba(246,240,228,.08);padding:26px 0;font-size:12.5px;color:rgba(246,240,228,.55)}
.lp-foot .lp-wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lp-foot b{color:#f6f0e4;font-weight:600}
/* ---------- responsive ---------- */
@media (max-width:960px){
.lp-links{display:none}
.lp-hero__text{width:100%}
.lp-stage{position:relative;right:auto;top:auto;width:min(100%,560px);margin:10px auto 0}
.lp-hero__in{padding-bottom:30px}
.lp-cgrid,.lp-mgrid{grid-template-columns:1fr}
.lp-art{max-width:520px;margin:0 auto;width:100%}
.lp-doodle,.lp-sign{display:none}
.lp-comm__shade{background:linear-gradient(180deg,rgba(12,11,9,.85),rgba(12,11,9,.55))}
}
@media (max-width:560px){
.lp-logo{font-size:1rem}
.lp-badge{display:none}
.lp-poster__t b{font-size:13px}
.lp-posters{padding:0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lp-poster{transition:none}}
/* ================= ENHANCE v7 — kéo sát mockup hơn: chân dung lớn, nhiều lớp giấy, ảnh cộng đồng sáng ================= */
@media (min-width:961px){
.lp-hero{min-height:clamp(680px,58vw,800px)}
.lp-hero__text{width:min(48%,620px)}
.lp-h1{font-size:clamp(2.6rem,4.9vw,4.5rem);line-height:1.04}
.lp-stage{top:20px;width:min(60%,820px)}
.lp-portrait{left:9%;top:3%;width:68%;height:88%;transform:rotate(.8deg)}
.lp-scrap-or{left:0;top:30%;width:27%}
.lp-sticky{left:68%;top:57%;width:33%}
.lp-city{right:1%;top:20%;width:18%;height:30%}
.lp-strips{left:0;top:78%;width:52%;height:21%}
.lp-globe{left:1%;top:60%;width:17%}
}
.lp-portrait img{filter:contrast(1.08) saturate(1.1) brightness(1.1)}
.lp-portrait::after{background:linear-gradient(180deg,transparent 70%,rgba(12,11,9,.85) 100%),linear-gradient(90deg,rgba(12,11,9,.45),transparent 22%)}
/* các mảnh giấy ngà thêm quanh chân dung (như mockup: giấy trắng dán chồng nhiều lớp) */
.lp-stage::before{content:"";position:absolute;right:-1%;top:-2%;width:34%;height:30%;background:var(--lp-cream);opacity:.92;transform:rotate(5deg);z-index:1;
clip-path:polygon(0 8%,8% 0,22% 6%,40% 1%,62% 7%,80% 0,100% 5%,96% 38%,100% 62%,94% 100%,70% 94%,45% 100%,20% 95%,0 100%,4% 55%)}
.lp-stage::after{content:"";position:absolute;left:5%;top:88%;width:20%;height:5%;background:rgba(235,185,178,.72);transform:rotate(-8deg);z-index:6}
.lp-poster{box-shadow:0 26px 44px -12px rgba(0,0,0,.6)}
.lp-posters{margin-right:-6%}
.lp-comm__img{filter:brightness(.95) saturate(1.12) sepia(.12);transform:none;object-position:50% 60%}
.lp-comm__shade{background:linear-gradient(90deg,rgba(12,11,9,.88) 0%,rgba(12,11,9,.6) 34%,rgba(12,11,9,0) 66%),linear-gradient(180deg,rgba(12,11,9,.55),transparent 18%,transparent 82%,rgba(12,11,9,.5))}
.lp-comm::before{content:"";position:absolute;left:0;right:0;top:0;height:30px;background:var(--lp-black);z-index:2;clip-path:polygon(0.0% 32%,1.7% 15%,3.3% 65%,5.0% 7%,6.7% 54%,8.3% 37%,10.0% 6%,11.7% 51%,13.3% 4%,15.0% 43%,16.7% 7%,18.3% 9%,20.0% 42%,21.7% 83%,23.3% 12%,25.0% 22%,26.7% 63%,28.3% 95%,30.0% 58%,31.7% 40%,33.3% 98%,35.0% 5%,36.7% 86%,38.3% 29%,40.0% 14%,41.7% 12%,43.3% 31%,45.0% 82%,46.7% 18%,48.3% 58%,50.0% 64%,51.7% 37%,53.3% 55%,55.0% 6%,56.7% 6%,58.3% 21%,60.0% 68%,61.7% 43%,63.3% 31%,65.0% 59%,66.7% 45%,68.3% 30%,70.0% 79%,71.7% 70%,73.3% 24%,75.0% 57%,76.7% 53%,78.3% 88%,80.0% 73%,81.7% 29%,83.3% 98%,85.0% 12%,86.7% 42%,88.3% 76%,90.0% 15%,91.7% 49%,93.3% 4%,95.0% 67%,96.7% 76%,98.3% 57%,100.0% 88%,100% 100%,0% 100%);transform:scaleY(-1)}
/* v7b — sửa chồng lấn */
@media (min-width:961px){
.lp-hero__text{width:min(54%,660px)}
.lp-h1{font-size:clamp(2.5rem,4.3vw,4.1rem)}
.lp-stage{top:64px;width:min(58%,800px)}
.lp-city{top:30%;right:0;width:17%;height:28%}
.lp-kw{top:11%}
}
.lp-stage::before{top:-5%;right:5%;width:30%;height:16%}
.lp-stage::after{display:none}
@media (min-width:961px){.lp-hero{min-height:clamp(720px,62vw,860px)}}
@media (max-width:960px){.lp-stage::before{display:none}}