.ly3d{background:var(--cream);height:520vh;position:relative}.ly3d-dinh{height:100svh;position:sticky;top:0;overflow:hidden}.ly3d-nen{background-color:var(--ly3d-nen,var(--pink-soft));background-image:radial-gradient(65% 60% at 30% 55%,#ffffff8c 0%,#fff0 70%);transition:background-color 1.1s;position:absolute;inset:0}@media (max-width:760px){.ly3d-nen{background-image:radial-gradient(90% 50% at 50% 35%,#ffffff8c 0%,#fff0 70%)}}.ly3d-vat{opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.ly3d--3d .ly3d-vat{opacity:1}.ly3d-tinh{display:none}.ly3d--tinh .ly3d-tinh{width:min(340px,60vw);height:auto;display:block;position:absolute;top:50%;left:28%;transform:translate(-50%,-50%)}.ly3d--tinh .ly3d-vat{display:none}.ly3d-mo{text-align:center;opacity:0;pointer-events:none;padding:0 16px;transition:opacity .7s,transform .7s;position:absolute;top:9vh;left:0;right:0;transform:translateY(16px)}.ly3d-mo.hien{opacity:1;transform:none}.ly3d-mo h2,.ly3d-ket h2{font-family:var(--serif);color:var(--ink);margin:14px 0 10px;font-size:clamp(2rem,4.4vw,3.6rem);font-weight:500;line-height:1.08}.ly3d-mo em,.ly3d-ket em{color:var(--rose)}.ly3d-mo p{color:var(--ink-soft);max-width:420px;margin:0 auto}.ly3d-cuon{border:1.5px solid #3b2e2b59;border-radius:12px;width:22px;height:36px;margin:26px auto 0;display:block;position:relative}.ly3d-cuon:after{content:"";background:var(--rose);border-radius:2px;width:3px;height:7px;animation:1.8s ease-in-out infinite ly3dCuon;position:absolute;top:7px;left:50%;transform:translate(-50%)}@keyframes ly3dCuon{0%{opacity:0;transform:translate(-50%)}40%{opacity:1}to{opacity:0;transform:translate(-50%,12px)}}.ly3d-chang{margin:0;padding:0;list-style:none}.ly3d-chang>li{right:max(16px,calc((100vw - var(--wrap))/2 + 24px));opacity:0;pointer-events:none;width:min(380px,36vw);transition:opacity .7s,transform .7s;position:absolute;top:50%;transform:translateY(calc(30px - 50%))}.ly3d-chang>li.hien{opacity:1;transform:translateY(-50%)}.ly3d-so{font-family:var(--serif);color:var(--pink);font-size:4.2rem;font-style:italic;line-height:1;display:block}.ly3d-chang h3{font-family:var(--serif);color:var(--ink);margin:6px 0 12px;font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:500}.ly3d-chang p{color:var(--ink-soft);margin:0;font-size:1.02rem}.ly3d-tp{flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.ly3d-tp li{color:var(--ink);background:#ffffffb3;border:1px solid #3b2e2b14;border-radius:100px;padding:5px 11px;font-size:.78rem}.ly3d-mientru{text-align:center;max-width:640px;color:var(--ink-soft);opacity:.85;margin:0 auto;font-size:.72rem;font-style:italic;position:absolute;bottom:44px;left:16px;right:16px}.ly3d-ket{right:max(16px,calc((100vw - var(--wrap))/2 + 24px));opacity:0;pointer-events:none;width:min(460px,42vw);transition:opacity .8s,transform .8s;position:absolute;top:50%;transform:translateY(calc(30px - 50%))}.ly3d-ket.hien{opacity:1;pointer-events:auto;transform:translateY(-50%)}.ly3d-ket p{color:var(--ink-soft);margin:0 0 22px}.ly3d-nut{flex-wrap:wrap;gap:12px;display:flex}.ly3d-thanh{gap:8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.ly3d-thanh span{background:#3b2e2b26;border-radius:2px;width:34px;height:3px;transition:background .5s}.ly3d-thanh span.da{background:var(--rose)}.ly3d-chu{pointer-events:none;position:absolute;inset:0}.ly3d-chu span{white-space:nowrap;font-family:var(--serif);letter-spacing:-.02em;color:var(--rose);opacity:0;font-size:clamp(4rem,11vw,11rem);font-style:italic;font-weight:500;line-height:1;transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:32%;transform:translate(-50%,-38%)scale(.96)}.ly3d-chu span.hien{opacity:.14;transform:translate(-50%,-50%)scale(1)}.ly3d-muc{left:max(16px,calc((100vw - var(--wrap))/2 + 8px));opacity:0;pointer-events:none;flex-direction:column;gap:6px;transition:opacity .6s,transform .6s;display:flex;position:absolute;bottom:96px;transform:translate(-12px)}.ly3d-muc.hien{opacity:1;pointer-events:auto;transform:none}.ly3d-muc button{cursor:pointer;font:500 .8rem var(--sans);color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:100px;align-items:center;gap:10px;padding:4px 10px 4px 4px;transition:background .3s,color .3s;display:flex}.ly3d-muc button img{object-fit:contain;width:26px;height:30px}.ly3d-muc button:hover{background:#fff9}.ly3d-muc button.dang{color:var(--ink);background:#ffffffd9}.ly3d-chay{pointer-events:none;margin:0 0 -2.2rem;overflow:hidden}.ly3d-chay div{white-space:nowrap;font-family:var(--serif);color:#0000;-webkit-text-stroke:1.2px #e1888a80;will-change:transform;font-size:clamp(4rem,10vw,9rem);font-style:italic;line-height:1.1}.ly3d-dai{background:var(--cream);padding-top:40px}.ly3d-dai h2{font-family:var(--serif);margin:10px 0 28px;font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:500}.ly3d-luoi{grid-template-columns:repeat(5,1fr);gap:96px 18px;padding-top:96px;display:grid}.ly3d-mon{color:var(--ink);opacity:0;background:#fff;border-radius:22px;flex-direction:column;gap:6px;padding:14px 16px 18px;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:flex;transform:translateY(40px)rotate(-1.5deg);box-shadow:0 18px 40px -28px #3b2e2b66}.ly3d-mon.vao{opacity:1;transform:none}.ly3d-mon:hover{box-shadow:0 24px 48px -24px #e1888a8c}.ly3d-mon img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 18px 18px #3b2e2b2e);width:86%;height:200px;margin:-92px auto 4px;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:block}.ly3d-mon:hover img{transform:translateY(-10px)rotate(-3deg)}.ly3d-mon strong{font-family:var(--serif);margin-top:6px;font-size:1.12rem;font-weight:500}.ly3d-mon span{color:var(--ink-soft);font-size:.86rem;line-height:1.45}@media (max-width:1100px){.ly3d-luoi{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.ly3d{height:480vh}.ly3d-mo{top:7vh}.ly3d-chang>li,.ly3d-ket{-webkit-backdrop-filter:blur(8px);background:#fbf6f0db;border-radius:20px;width:auto;padding:18px 18px 20px;inset:auto 16px 84px;transform:translateY(24px)}.ly3d-chang>li.hien,.ly3d-ket.hien{transform:none}.ly3d-so{font-size:2.6rem}.ly3d-ket h2{font-size:1.9rem}.ly3d--tinh .ly3d-tinh{width:min(240px,56vw);top:30%;left:50%}.ly3d-mientru{font-size:.66rem;bottom:40px}.ly3d-tp li{padding:4px 9px;font-size:.72rem}.ly3d-luoi{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:58%;grid-auto-flow:column;gap:14px;margin:0 -16px;padding:96px 16px 18px;overflow-x:auto}.ly3d-chu span{font-size:24vw;top:30%;left:50%}.ly3d-muc{display:none}.ly3d-chay{margin-bottom:.4rem}.ly3d-mon{scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){.ly3d{height:auto}.ly3d-dinh{height:auto;padding:60px 0;position:relative}.ly3d--tinh .ly3d-tinh{margin:24px auto;position:relative;top:auto;left:auto;transform:none}.ly3d-mo,.ly3d-chang>li,.ly3d-ket{opacity:1;text-align:left;background:0 0;width:auto;max-width:560px;margin:24px auto;padding:0 16px;position:relative;inset:auto;transform:none}.ly3d-thanh,.ly3d-cuon,.ly3d-chu,.ly3d-muc{display:none}.ly3d-mientru{margin:24px auto;position:relative;inset:auto}.ly3d-mon{opacity:1;transform:none}}
