:root{--bg:#F9FAFB;--sky:#86BBE5;--mist:#EEEFEF;--ink:#000;--ink2:#312E2E;--blue:#2F86D6;--card:#fff}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 16px/1.6 'Encode Sans Expanded',system-ui,sans-serif}
h1,h2,h3{font-weight:700;letter-spacing:-.02em;line-height:1.05}
h1{font-size:clamp(38px,6.5vw,80px)}h2{font-size:clamp(26px,4vw,40px);margin-bottom:20px}h3{font-size:18px}
a{color:inherit}.w{max-width:1160px;margin:auto;padding:0 20px}.pad{padding-top:72px;padding-bottom:72px}
.lead{font-size:18px;color:var(--ink2);margin:20px 0;max-width:62ch}.note{font-size:13px;color:var(--ink2);margin-top:14px}
.rich ul{padding-left:20px}.rich p{margin-bottom:.6em}
header{position:sticky;top:0;z-index:10;background:rgba(249,250,251,.92);backdrop-filter:blur(10px)}
header .w{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:10px}
.logo{font-weight:700;color:var(--blue);text-decoration:none;font-size:20px;display:flex;align-items:center}
.logo img{height:46px;width:auto;max-width:200px;object-fit:contain;display:block}
nav{display:flex;gap:6px;font-size:14px;flex-wrap:wrap}
nav a{text-decoration:none;padding:6px 12px;border-radius:8px;border-bottom:3px solid transparent}
nav a:hover{background:rgba(134,187,229,.2)}
nav a.on{font-weight:700;color:var(--blue);background:rgba(134,187,229,.25);border-bottom-color:var(--blue)}
.b{display:inline-flex;align-items:center;gap:12px;padding:6px 6px 6px 22px;border-radius:99px;background:var(--blue);color:#fff;font-weight:500;font-size:15px;text-decoration:none}
.b i{width:34px;height:34px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-style:normal}
.b.s{background:var(--sky);color:#000}.b.g{background:var(--mist);color:var(--ink);padding:12px 22px}
.row{display:flex;gap:12px;flex-wrap:wrap}
.hero2{position:relative;min-height:min(86vh,720px);overflow:hidden;background:linear-gradient(160deg,#cfe6f7,#86BBE5)}
.hbg,.sl{position:absolute;inset:0}
.sl{background-size:cover;background-position:center;opacity:0;transition:opacity .9s}.sl.on{opacity:1}
.hero2:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(249,250,251,.93) 0%,rgba(249,250,251,.7) 45%,rgba(249,250,251,.05) 100%)}
.hin{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;min-height:min(86vh,720px)}
.ht{padding:60px 0}
mark{background:var(--sky);color:var(--ink);padding:0 .15em;border-radius:12px;display:inline-block}
.quote{margin-top:22px;font-weight:500;font-size:15px;max-width:44ch;border-left:4px solid var(--blue);padding-left:12px;min-height:3em}
.dots{display:flex;gap:8px;margin-top:14px}.dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(0,0,0,.25);cursor:pointer}.dots .on{background:var(--blue);width:26px;border-radius:6px}
.hc{position:relative;align-self:end;height:100%;min-height:340px}
.ch{position:absolute;bottom:0;right:0;max-height:96%;max-width:100%;object-fit:contain;opacity:0;transition:opacity .9s}.ch.on{opacity:1}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:28px}
.eco2{position:relative;overflow:hidden;min-height:300px;display:flex;align-items:flex-end;border-radius:56px 8px 56px 8px;text-decoration:none;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 18%,#fff),color-mix(in srgb,var(--c) 60%,#fff))}
.elogo{position:absolute;inset:0;margin:auto;width:72%;height:60%;object-fit:contain;opacity:.4}
.etx{position:relative;padding:28px;background:linear-gradient(0deg,rgba(255,255,255,.85),rgba(255,255,255,0));width:100%}
.etx p{font-size:14px;margin-top:8px;color:var(--ink2)}
.vp{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:500}
.vp i{width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-style:normal}
.slwrap{position:relative}
.track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}.track::-webkit-scrollbar{display:none}
.track>*{scroll-snap-align:start;flex:0 0 auto}
.arr{position:absolute;top:42%;z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18);font-size:22px;cursor:pointer}
.arr:first-child{left:-12px}.arr:last-child{right:-12px}
.pc{width:min(260px,72vw);background:var(--card);border-radius:8px;overflow:hidden;text-decoration:none}
.ph{aspect-ratio:1;background:var(--mist)}.ph img{width:100%;height:100%;object-fit:contain}.pi{padding:14px 16px}.pi p{font-size:13px;color:var(--ink2)}
.ai{height:280px;width:auto;border-radius:8px 36px 8px 36px}
.tc{position:relative;width:min(280px,74vw);aspect-ratio:3/4;border-radius:999px 999px 20px 20px;overflow:hidden;background:var(--mist);outline:none}
.tc>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tcb{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(0deg,rgba(14,42,71,.92),rgba(14,42,71,.55) 70%,transparent);color:#fff}
.tr{max-height:0;overflow:hidden;transition:max-height .45s;font-size:14px}
.tc:hover .tr,.tc:focus .tr,.tc:focus-within .tr{max-height:230px;margin-top:10px}.tr a{font-weight:700}
.split,.split2{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.split2{grid-template-columns:1.1fr .9fr}
.media video,.media img{width:100%;border-radius:8px 56px 8px 56px;display:block;background:var(--mist)}
.pt{aspect-ratio:3/4;border-radius:999px 999px 0 0;background:var(--mist);overflow:hidden}.pt img{width:100%;height:100%;object-fit:cover}
.rv{background:var(--card);border-radius:8px 36px 8px 36px;padding:26px}.rv small{color:var(--ink2)}
.ba figure{width:min(420px,86vw)}.ba img{width:100%;border-radius:8px 36px 8px 36px;display:block}
figcaption{font-size:13px;text-align:center;margin-top:8px}
footer{background:var(--mist);margin-top:40px}
footer .w{padding-top:36px;padding-bottom:110px;display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
.fx{position:fixed;bottom:16px;z-index:20}.fx.l{left:16px}.fx.r{right:16px}
.wa{display:flex;align-items:center;gap:8px;background:#25D366;color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:14px 20px;border-radius:99px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.wa:before{content:"✆";font-size:20px}
@media(max-width:800px){.hin,.split,.split2{grid-template-columns:1fr}.hc{min-height:260px}.arr{display:none}.wa span{display:none}.wa{padding:14px 18px}}

/* ===== Lot 3 ===== */
.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.hero2,.hin{min-height:min(92vh,800px)}
.hc{min-height:420px}
.ch{height:114%;max-height:none;max-width:none;width:auto;right:-4%;bottom:0}
.msg{position:absolute;left:-16%;bottom:12%;z-index:3;max-width:340px;opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.msg.on{opacity:1;transform:none}
.msg span{display:block;background:var(--blue);color:#fff;font-weight:700;font-size:clamp(20px,2.4vw,30px);line-height:1.15;padding:18px 24px;border-radius:28px 28px 28px 6px;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.leaf{border-radius:56px 8px 56px 8px;overflow:hidden}
.leaf img,.leaf video{width:100%;display:block;border-radius:0}
.rev>:first-child{order:0}
.tc{border-radius:56px 8px 56px 8px}
.ginab{position:relative;aspect-ratio:4/5}
.ginab:before{content:"";position:absolute;left:6%;right:-4%;top:24%;bottom:0;background:var(--g);border-radius:220px 220px 28px 28px;opacity:.9}
.ginab:after{content:"";position:absolute;left:-8px;top:10%;width:90px;height:90px;background:radial-gradient(var(--ink2) 1.5px,transparent 2px) 0 0/14px 14px;opacity:.4}
.ginab img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:100%;width:auto;max-width:100%;object-fit:contain}
.rv2{position:relative;width:min(360px,82vw);background:var(--card);border-radius:8px 56px 8px 56px;padding:46px 28px 24px;box-shadow:0 10px 30px rgba(14,42,71,.08);margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.rv2 .qm{position:absolute;top:6px;left:22px;font-size:84px;line-height:1;font-weight:700;color:var(--sky);opacity:.7}
.who{display:flex;align-items:center;gap:12px}
.av{width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center}
.who span{display:flex;flex-direction:column;line-height:1.25}.who small{color:var(--ink2);font-size:13px}
@media(max-width:800px){.hc{min-height:400px}.ch{height:100%;right:0}.msg{left:0;bottom:4%;max-width:84%}.rev>:first-child{order:0}}