.ll-hero{min-height:auto;padding-bottom:0}.ll-hero h1{max-width:18ch}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}.ll-facts{grid-template-columns:repeat(7,minmax(0,1fr))}.ll-facts dd.hot{letter-spacing:-.03em;color:var(--brand);font-variant-numeric:tabular-nums;font-size:clamp(20px,1.8vw,26px)}@media (max-width:1100px){.ll-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:600px){.ll-facts{grid-template-columns:1fr 1fr}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sub-h{letter-spacing:-.03em;margin-top:clamp(56px,7vw,96px);font-size:clamp(24px,2.4vw,34px)}button.media{cursor:zoom-in;border:0;width:100%;padding:0;display:block}.years{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;margin:clamp(48px,6vw,80px) 0 0;padding:0;list-style:none;display:grid}.years .yr{font:500 clamp(28px,3vw,44px)/1 var(--pixel);color:var(--brand);margin-bottom:18px;display:block}.live-card{border-radius:16px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.live-card img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .8s var(--ease)}.live-card span{background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;display:inline-flex;position:absolute;bottom:14px;left:14px}.live-card:hover img{transform:scale(1.04)}@media (max-width:900px){.years{grid-template-columns:1fr}}.note-card{background:var(--surface);color:var(--ink);border-left:3px solid var(--brand);border-radius:16px;padding:20px 22px}.flow{counter-reset:f;grid-template-columns:repeat(5,minmax(0,1fr));margin:clamp(40px,5vw,64px) 0 0;padding:0;list-style:none;display:grid;position:relative}.flow:before,.flow:after{content:"";background:var(--rule);height:2px;position:absolute;top:21px;left:10%;right:10%}.flow:after{background:linear-gradient(90deg,var(--accent),var(--brand));transform-origin:0;transition:transform 1.4s var(--ease) .2s;transform:scaleX(0)}.flow.in:after{transform:none}.flow li{counter-increment:f;z-index:1;text-align:center;flex-direction:column;align-items:center;gap:16px;padding-inline:8px;font-size:clamp(15px,1.3vw,18px);font-weight:600;display:flex;position:relative}.flow li:before{content:counter(f,decimal-leading-zero);background:var(--bg-2);border:1.5px solid var(--rule);width:44px;height:44px;color:var(--ink-2);font:500 13px var(--pixel);transition:background .4s,border-color .4s,color .4s,transform .5s var(--ease);border-radius:50%;place-items:center;display:grid}.flow.in li:before{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.06)}.flow.in li:first-child:before{transition-delay:.3s}.flow.in li:nth-child(2):before{transition-delay:.6s}.flow.in li:nth-child(3):before{transition-delay:.9s}.flow.in li:nth-child(4):before{transition-delay:1.2s}.flow.in li:nth-child(5):before{transition-delay:1.5s}@media (max-width:700px){.flow{grid-template-columns:1fr;row-gap:18px}.flow:before,.flow:after{width:2px;height:auto;inset:22px auto 22px 21px}.flow:after{transform-origin:50% 0;transform:scaleY(0)}.flow li{text-align:left;flex-direction:row;gap:18px;padding-inline:0}}.timer{color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:14px;margin-top:clamp(40px,5vw,64px);font-size:clamp(17px,1.4vw,20px);display:flex}.timer b{letter-spacing:-.05em;color:var(--ink);font-size:clamp(40px,5.4vw,80px);line-height:1}.pipe{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid;position:relative}.pipe li{background:var(--surface);border-radius:16px;padding:28px;position:relative}.pipe li:not(:last-child):after{content:"";border-top:2px solid var(--brand);border-right:2px solid var(--brand);z-index:1;width:10px;height:10px;position:absolute;top:50%;right:-13px;transform:translateY(-50%)rotate(45deg)}.pipe .dot{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.pipe h4{letter-spacing:-.02em;margin:24px 0 0;font-size:21px;font-weight:600}.pipe p{color:var(--ink-2);margin-top:8px;font-size:16px;line-height:1.5}@media (max-width:800px){.pipe{grid-template-columns:1fr}.pipe li:not(:last-child):after{inset:auto auto -13px 50%;transform:translate(-50%)rotate(135deg)}}.why{background:linear-gradient(160deg,#2a1e3c,#191826);border-radius:16px;max-width:860px;margin-top:clamp(40px,5vw,64px);padding:clamp(24px,3vw,40px);box-shadow:inset 0 0 0 1px #8a91ff33}.why h3{font-size:clamp(22px,2vw,28px)}.why p{color:var(--ink-2);margin-top:12px;font-size:clamp(16px,1.3vw,19px)}.promo{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}@media (max-width:900px){.promo{grid-template-columns:1fr}}.result{background:linear-gradient(#1010178c,var(--bg) 85%),url(/work/love-letter/heart-bg.webp) center top/cover no-repeat}.ll-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.ll-stats .num{font-size:clamp(48px,6vw,96px)}@media (max-width:700px){.ll-stats{grid-template-columns:1fr}}.wall{columns:3 260px;column-gap:18px;margin-top:28px}.wall img{break-inside:avoid;width:100%;transform:rotate(var(--r,0deg));transition:transform .5s var(--ease);border-radius:16px;margin-bottom:18px;box-shadow:0 30px 60px -30px #000}.wall img.rise{transform:translateY(28px) rotate(var(--r,0deg))}.wall img.rise.in{transform:rotate(var(--r,0deg))}.wall img:hover{transform:rotate(0)scale(1.03)}.thanks .btn{margin-block:8px}.promo-vid{width:min(360px,100%);margin-inline:auto}.promo figure figcaption{max-width:360px;margin-inline:auto}.media-link{z-index:2;background:var(--accent);color:#fff;transition:transform .4s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;bottom:14px;left:14px}.media-link:hover{transform:translateY(-2px)}.years button.media img{object-fit:cover;width:100%;height:100%}