:root{--ink:#263a31;--muted:#68766d;--cream:#f7f3ec;--paper:#fffdf9;--green:#315d48;--green-dark:#214535;--line:#dfe5dc;--gold:#bf8c48}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}a{color:inherit}
.site-header,.section-wrap{margin:0 auto;max-width:1180px;width:calc(100% - 48px)}.site-header{align-items:center;display:flex;justify-content:space-between;padding:24px 0}
.brand{align-items:center;display:inline-flex;font-size:1.02rem;font-weight:750;gap:10px;text-decoration:none}.brand-logo{height:42px;object-fit:contain;width:86px}.brand-mark{align-items:center;background:var(--green);border-radius:50%;color:#fff;display:inline-flex;font-size:.7rem;height:34px;justify-content:center;width:34px}.header-link{color:var(--green-dark);font-size:.9rem;font-weight:700;text-decoration:none}.header-link:hover{color:var(--gold)}
.hero{background:var(--cream);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:600px}.hero-copy{align-self:center;margin-left:max(24px,calc((100vw - 1180px)/2));padding:72px 48px 72px 0}.hero-visual{background:url("/static/images/singelo-gesto-hero.png") center/cover no-repeat;min-height:600px}
.eyebrow{color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.14em;margin:0 0 18px;text-transform:uppercase}h1,h2,h3,p{letter-spacing:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.06;margin:0}h1{font-size:clamp(2.8rem,5vw,5.25rem);max-width:650px}h2{font-size:clamp(2rem,3.6vw,3.4rem)}.hero-text{color:var(--muted);font-size:1.05rem;line-height:1.7;margin:26px 0 30px;max-width:500px}
.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.button{align-items:center;border-radius:3px;display:inline-flex;font-size:.9rem;font-weight:750;gap:12px;justify-content:center;min-height:50px;padding:0 20px;text-decoration:none;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:var(--green-dark)}.button-secondary{border:1px solid var(--green);color:var(--green)}.button-secondary:hover{background:#e8eee8}.availability{align-items:center;color:var(--muted);display:flex;font-size:.82rem;gap:8px;margin:24px 0 0}.availability-dot{background:#5d9b69;border-radius:50%;height:8px;width:8px}
.intro{align-items:end;display:grid;gap:80px;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);padding-bottom:88px;padding-top:112px}.intro>p{color:var(--muted);line-height:1.8;margin:0;max-width:410px}.benefits{border-top:1px solid var(--line);display:grid;gap:0;grid-template-columns:repeat(3,1fr);padding-bottom:112px;padding-top:28px}.benefit-card{border-right:1px solid var(--line);padding:28px 32px 0 0}.benefit-card+ .benefit-card{padding-left:32px}.benefit-card:last-child{border-right:0}.benefit-card>span{color:var(--gold);font-size:.78rem;font-weight:800}.benefit-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.6rem;font-weight:500;margin:30px 0 10px}.benefit-card p{color:var(--muted);line-height:1.7;margin:0;max-width:280px}
.occasions{border-top:1px solid var(--line);padding-bottom:112px;padding-top:28px}.occasions-heading{max-width:620px;padding-top:28px}.occasion-grid{display:grid;gap:0;grid-template-columns:repeat(3,1fr);margin-top:46px}.occasion-item{border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:180px;padding:0 28px 28px 0}.occasion-item:nth-child(n+4){border-bottom:0;padding-top:28px}.occasion-item:nth-child(3n){border-right:0;padding-left:28px;padding-right:0}.occasion-item:nth-child(3n+2){padding-left:28px}.occasion-item>span{color:var(--gold);font-size:.78rem;font-weight:800}.occasion-item h3{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;font-weight:500;margin:24px 0 9px}.occasion-item p{color:var(--muted);line-height:1.65;margin:0;max-width:260px}
.order-band{background:var(--green);color:#fff}.order-content{align-items:center;display:flex;gap:64px;justify-content:space-between;padding-bottom:80px;padding-top:80px}.order-content>div{max-width:650px}.order-content .eyebrow{color:#e0ba78}.order-content p:not(.eyebrow){color:#d5e1d8;line-height:1.7;margin:22px 0 0;max-width:520px}.button-light{background:#fff;color:var(--green-dark);flex-shrink:0}.button-light:hover{background:#f4eddf}
.site-footer{align-items:center;color:var(--muted);display:flex;font-size:.84rem;justify-content:space-between;padding-bottom:36px;padding-top:36px}.site-footer strong,.site-footer span{display:block}.site-footer strong{color:var(--ink);margin-bottom:5px}.footer-contact{display:flex;gap:24px}.footer-contact a{text-decoration:none}.footer-contact a:hover{color:var(--gold)}
@media(max-width:800px){.site-header,.section-wrap{width:calc(100% - 36px)}.hero{display:flex;flex-direction:column}.hero-copy{margin-left:18px;padding:64px 18px 52px 0}.hero-visual{min-height:360px;order:-1}h1{font-size:clamp(2.6rem,12vw,4.4rem)}.intro{display:block;padding-bottom:64px;padding-top:76px}.intro>p{margin-top:24px}.benefits{gap:32px;grid-template-columns:1fr;padding-bottom:76px}.benefit-card,.benefit-card+.benefit-card{border-bottom:1px solid var(--line);border-right:0;padding:0 0 28px}.benefit-card:last-child{border-bottom:0;padding-bottom:0}.occasion-grid{grid-template-columns:1fr 1fr;margin-top:34px}.occasion-item,.occasion-item:nth-child(n+4),.occasion-item:nth-child(3n),.occasion-item:nth-child(3n+2){border-bottom:1px solid var(--line);border-right:0;min-height:0;padding:0 0 24px}.occasion-item:nth-child(even){padding-left:20px}.occasion-item:nth-child(n+5){padding-top:24px}.occasion-item:nth-child(5),.occasion-item:nth-child(6){border-bottom:0}.order-content{align-items:flex-start;flex-direction:column;gap:28px;padding-bottom:64px;padding-top:64px}.site-footer{align-items:flex-start;flex-direction:column;gap:22px}.footer-contact{flex-direction:column;gap:8px}}
@media(max-width:480px){.site-header{padding:18px 0}.header-link{font-size:.78rem}.hero-visual{min-height:280px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}}