/* S. Hülsen Weihnachtsbäume · Version 1.0 */
/* Intro */
.section{padding:110px 0}
.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.intro-copy{font-size:clamp(20px,2.1vw,28px);line-height:1.42;letter-spacing:-.02em;color:#384840;margin-top:18px}
.signature{display:flex;align-items:center;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted)}
.signature-mark{width:44px;height:44px;border-radius:50%;background:var(--forest);color:var(--lime);display:grid;place-items:center;font-family:Georgia,"Times New Roman",serif;font-weight:700}
.signature strong{color:var(--ink)}

/* Services */
.services{padding:0 0 110px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}
.service-card{position:relative;background:white;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:286px;overflow:hidden;transition:.25s ease}
.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#cddbd2}
.service-number{font-family:Georgia,"Times New Roman",serif;font-size:72px;line-height:1;color:#eef2ef;position:absolute;right:18px;top:12px;font-weight:700}
.service-icon{width:54px;height:54px;border-radius:16px;background:#eff5e6;color:var(--forest);display:grid;place-items:center;font-size:26px;position:relative;z-index:2}
.service-card h3{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.1;margin:46px 0 10px}
.service-card p{color:var(--muted);margin:0;font-size:15px}

/* Sortiment */
.assortment{background:var(--forest);color:white;padding:110px 0;position:relative;overflow:hidden}
.assortment::before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-150px;top:-170px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}
.assortment-head{display:flex;align-items:end;justify-content:space-between;gap:40px;position:relative;z-index:2}
.assortment-head p{color:#c8d8d1;max-width:500px;margin:0 0 10px}
.product-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px;margin-top:42px;position:relative;z-index:2}
.product-card{border:1px solid rgba(255,255,255,.11);border-radius:26px;background:rgba(255,255,255,.055);padding:28px;min-height:310px;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(10px);overflow:hidden;position:relative}
.product-card.primary{background:linear-gradient(145deg,#1c5944,#123d31);min-height:370px}
.product-card .label{font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--lime-2)}
.product-card h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,42px);line-height:1.03;margin:10px 0 10px}
.product-card p{color:#c8d8d1;max-width:430px}
.placeholder-lines{display:grid;gap:9px;margin-top:22px}.placeholder-lines i{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.08)}.placeholder-lines i:nth-child(1){width:82%}.placeholder-lines i:nth-child(2){width:66%}.placeholder-lines i:nth-child(3){width:48%}
.update-pill{display:inline-flex;align-items:center;gap:9px;background:rgba(182,218,67,.13);color:var(--lime-2);border:1px solid rgba(182,218,67,.2);padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800;width:max-content;margin-top:16px}
.tiny-tree{position:absolute;right:-15px;bottom:-25px;width:160px;opacity:.16}

/* Story strip */
.story{padding:110px 0}
.story-card{background:var(--cream);border-radius:32px;padding:clamp(30px,5vw,70px);display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center;overflow:hidden;position:relative}
.story-card::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(182,218,67,.28);right:-90px;bottom:-120px}
.story-list{display:grid;gap:13px;margin-top:26px}.story-item{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.story-item b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--lime);font-size:13px}.story-item span{padding-top:4px;color:#485850}
.monogram-card{background:var(--forest);border-radius:28px;min-height:420px;display:grid;place-items:center;position:relative;color:white;overflow:hidden;box-shadow:0 30px 70px rgba(11,45,36,.2)}
.monogram-card::before{content:"S";font-family:Georgia,"Times New Roman",serif;font-size:340px;line-height:1;color:rgba(255,255,255,.035);position:absolute;left:50%;top:46%;transform:translate(-50%,-50%)}
.monogram-inner{text-align:center;position:relative;z-index:2}.monogram-inner svg{width:96px;margin:0 auto 20px}.monogram-inner strong{font-family:Georgia,"Times New Roman",serif;font-size:44px;display:block;letter-spacing:-.04em}.monogram-inner span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#bfd0c8;font-weight:800}