/* luccini.cat — redisseny 2026 · portada */
.lr-hero{display:flex;flex-wrap:wrap;align-items:center;gap:56px;padding-top:88px;padding-bottom:72px}
.lr-hero__text{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:26px}
.lr-eyebrow{margin:0;font-size:15px;font-weight:500;color:var(--lr-accent)}
.lr-hero__title{margin:0;font-size:clamp(42px,6.2vw,84px)!important;font-weight:700!important;letter-spacing:-.045em;line-height:.98!important}
.lr-hero__lead{margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.45;color:var(--lr-ink2);max-width:600px;padding:0}
.lr-actions{display:flex;gap:14px;flex-wrap:wrap}
.lr-badges{list-style:none;margin:0;padding:8px 0 0;display:flex;gap:10px 28px;flex-wrap:wrap;font-size:14px;color:var(--lr-muted)}
.lr-badges li{padding:0}
.lr-hero__photo{flex:1 1 340px;min-width:0;margin:0;display:flex;flex-direction:column;gap:12px}
.lr-hero__photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:28px;display:block}
.lr-hero__photo figcaption{font-size:14px;color:var(--lr-muted)}
.lr-statement{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-end;padding-top:112px;padding-bottom:112px}
.lr-statement h2{flex:999 1 520px;min-width:0;margin:0;font-size:clamp(34px,4.6vw,64px)!important;letter-spacing:-.035em;line-height:1.04!important;color:#f5f5f7}
.lr-statement h2 span{color:#8a8a91}
.lr-statement p{flex:1 1 300px;min-width:0;margin:0;font-size:19px;line-height:1.55;color:#a1a1a6;padding:0}
.lr-section{padding-top:104px;padding-bottom:40px;display:flex;flex-direction:column;gap:44px}
#metode{padding-top:72px;padding-bottom:104px}
#articles{padding-bottom:104px}
.lr-section h2{margin:0;font-size:clamp(30px,3.6vw,48px)!important;letter-spacing:-.03em;line-height:1.08!important}
.lr-section__head{display:flex;flex-direction:column;gap:12px;max-width:720px}
.lr-section__head p{margin:0;font-size:19px;color:var(--lr-muted);padding:0}
.lr-section__row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.lr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.lr-card{background:var(--lr-soft);border-radius:22px;padding:32px;text-decoration:none!important;color:var(--lr-ink)!important;display:flex;flex-direction:column;gap:14px;min-height:250px;transition:transform .25s,background .25s}
.lr-card:hover{transform:translateY(-3px);background:#eeeef1}
.lr-card svg{color:var(--lr-accent)}
.lr-card h3{margin:0;font-size:22px!important;letter-spacing:-.015em}
.lr-card p{margin:0;font-size:16px;line-height:1.5;color:var(--lr-muted);padding:0}
.lr-card .lr-more{margin-top:auto}
.lr-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}
.lr-steps li{display:flex;flex-direction:column;gap:12px;border-top:1px solid #d2d2d7;padding:24px 0 0}
.lr-steps__n{font-size:15px;font-weight:600;color:var(--lr-accent)}
.lr-steps h3{margin:0;font-size:24px!important;letter-spacing:-.015em}
.lr-steps p{margin:0;font-size:17px;line-height:1.55;color:var(--lr-muted);padding:0}
.lr-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;padding-top:96px;padding-bottom:96px}
.lr-fact{display:flex;flex-direction:column;gap:8px}
.lr-fact strong{font-size:48px;font-weight:600;letter-spacing:-.035em;line-height:1}
.lr-fact p{margin:0;font-size:17px;color:var(--lr-ink2);line-height:1.45;padding:0}
.lr-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.lr-post{text-decoration:none!important;color:var(--lr-ink)!important;display:flex;flex-direction:column;gap:14px}
.lr-post__img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px;display:block;background:var(--lr-soft)}
.lr-post h3{margin:0;font-size:21px!important;letter-spacing:-.015em;line-height:1.25!important}
.lr-post:hover h3{color:var(--lr-accent)}
.lr-contact{display:flex;flex-wrap:wrap;gap:64px;padding-top:112px;padding-bottom:112px}
.lr-contact__info{flex:1 1 360px;display:flex;flex-direction:column;gap:12px;font-size:17px}
.lr-contact__info h2{margin:0 0 6px;font-size:clamp(34px,4.2vw,56px)!important;letter-spacing:-.035em;line-height:1.04!important;color:#f5f5f7}
.lr-contact__info p{margin:0 0 14px;font-size:19px;line-height:1.55;color:#a1a1a6;padding:0}
.lr-contact__info a{color:#fff;text-decoration:none}
.lr-contact__info span{color:#a1a1a6}
.lr-form{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px}
.lr-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#a1a1a6}
.lr-form__row{display:flex;gap:14px;flex-wrap:wrap}
.lr-form__row label{flex:1 1 180px}
.lr-form input[type=text],.lr-form input[type=tel],.lr-form input[type=email],.lr-form textarea{background:#1d1d1f;border:1px solid #3a3a3c;border-radius:12px;padding:14px 16px;font-size:17px;color:#f5f5f7;font-family:var(--lr-sans);width:100%}
.lr-form input:focus,.lr-form textarea:focus{outline:2px solid #7fb2ff;outline-offset:1px;border-color:transparent}
.lr-form textarea{resize:vertical;min-height:120px}
.lr-form .lr-check{flex-direction:row;align-items:flex-start;gap:10px;line-height:1.45}
.lr-form .lr-check input{margin-top:3px;width:18px;height:18px}
.lr-form .lr-check a{color:#9ec5ff}
.lr-form button{align-self:flex-start}
.lr-form__msg{margin:0;font-size:16px;color:#f5f5f7;min-height:1.5em;padding:0}
.lr-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.lr-form select{background:#1d1d1f;border:1px solid #3a3a3c;border-radius:12px;padding:14px 16px;font-size:17px;color:#f5f5f7;font-family:var(--lr-sans);width:100%;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#a1a1a6 50%),linear-gradient(135deg,#a1a1a6 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.lr-form select:focus{outline:2px solid #7fb2ff;outline-offset:1px;border-color:transparent}
.lr h2,.lr h3,.lr-contact__info h2{font-family:var(--lr-sans)!important;font-weight:600!important}
.lr .lr-hero__title{font-weight:700!important}