@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600&display=swap');

.sm-home { margin: 0; background: #f3f0e9; color: #191b17; font-family: "DM Sans", sans-serif; }
.sm-home main { overflow: hidden; }
.sm-home .sm-shell { width: min(90%, 1280px); margin-inline: auto; }
.sm-home .sm-kicker { margin: 0 0 22px; color: #d0b077; font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.sm-home .sm-kicker.sm-dark { color: #9a7845; }

.sm-home header { height: 82px; padding: 0 !important; display: flex; align-items: center; background: rgba(15,17,14,.78) !important; border-bottom: 1px solid rgba(255,255,255,.12) !important; backdrop-filter: blur(20px); }
.sm-home header .container-header { width: min(90%, 1280px); max-width: 1280px; }
.sm-home header .logo img { max-height: 50px; }
.sm-home header nav a { color: rgba(255,255,255,.82); font-size: .82rem; letter-spacing: .035em; }

.sm-hero { position: relative; min-height: 100svh; display: flex; align-items: center; padding: 150px 0 100px; color: #fff; background: #141612; }
.sm-hero-media { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11,13,10,.94) 0%, rgba(11,13,10,.72) 43%, rgba(11,13,10,.18) 75%), linear-gradient(180deg, rgba(0,0,0,.08) 55%, rgba(10,12,9,.7)), url('../images/stepenice-min.webp') center center/cover no-repeat; }
.sm-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 220px; align-items: end; gap: 80px; }
.sm-hero-copy { max-width: 830px; }
.sm-hero h1 { margin: 0; color: #fff; font-family: Georgia, serif; font-size: clamp(4.5rem, 8.2vw, 8.3rem); line-height: .82; letter-spacing: -.07em; font-weight: 500; }
.sm-hero h1 em { color: #d1b47e; font-weight: 400; }
.sm-lead { max-width: 610px; margin: 38px 0 36px; color: rgba(255,255,255,.7); font-size: clamp(1.05rem, 1.5vw, 1.28rem); line-height: 1.65; }
.sm-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.sm-btn { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 22px; padding: 0 25px; border-radius: 2px; font-size: .82rem; font-weight: 700; letter-spacing: .04em; text-decoration: none; transition: .25s ease; }
.sm-btn:hover { transform: translateY(-3px); }
.sm-btn-primary { color: #151713; background: #d1b47e; border: 1px solid #d1b47e; }
.sm-btn-ghost { color: #fff; border: 1px solid rgba(255,255,255,.42); background: rgba(255,255,255,.05); }
.sm-hero-note { padding: 22px 0 22px 24px; border-left: 1px solid rgba(255,255,255,.3); }
.sm-note-number { display: block; font-family: Georgia, serif; font-size: 4.5rem; line-height: .9; color: #d1b47e; }
.sm-hero-note p { margin: 14px 0 0; color: rgba(255,255,255,.62); font-size: .8rem; line-height: 1.5; }
.sm-scroll { position: absolute; z-index: 2; right: 5%; bottom: 32px; display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.55); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; }
.sm-scroll span { width: 42px; height: 1px; background: #d1b47e; }

.sm-proof { padding: 0; background: #151713; color: #fff; }
.sm-proof-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.sm-proof-grid > div { padding: 34px 28px; border-left: 1px solid rgba(255,255,255,.1); }
.sm-proof-grid > div:last-child { border-right: 1px solid rgba(255,255,255,.1); }
.sm-proof strong, .sm-proof span { display: block; }
.sm-proof strong { margin-bottom: 7px; font-size: .86rem; }
.sm-proof span { color: rgba(255,255,255,.45); font-size: .7rem; line-height: 1.5; }

.sm-story { padding: clamp(100px, 12vw, 170px) 0; background: #f3f0e9; }
.sm-story-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(70px, 10vw, 150px); }
.sm-story-visual { position: relative; min-height: 680px; }
.sm-story figure { margin: 0; overflow: hidden; }
.sm-image-main { width: 86%; height: 610px; }
.sm-image-main img, .sm-image-detail img { width: 100%; height: 100%; object-fit: cover; }
.sm-image-detail { position: absolute; width: 47%; height: 275px; right: 0; bottom: 0; border: 10px solid #f3f0e9; }
.sm-image-caption { position: absolute; left: -16px; bottom: 30px; padding: 12px 17px; background: #151713; color: #fff; font-size: .67rem; letter-spacing: .13em; text-transform: uppercase; transform: rotate(-90deg); transform-origin: left bottom; }
.sm-story-copy h2, .sm-section-head h2, .sm-process h2, .sm-showcase h2, .sm-cta h2 { margin: 0; font-family: Georgia, serif; font-weight: 500; letter-spacing: -.05em; }
.sm-story-copy h2 { font-size: clamp(2.8rem, 4.7vw, 5rem); line-height: 1.05; }
.sm-story-copy > p:not(.sm-kicker) { margin: 30px 0; color: #666a61; font-size: 1.04rem; line-height: 1.85; }
.sm-story blockquote { margin: 32px 0; padding: 3px 0 3px 25px; border-left: 2px solid #b9945e; color: #33362f; font-family: Georgia, serif; font-size: 1.2rem; line-height: 1.6; font-style: italic; }
.sm-text-link { display: inline-flex; gap: 20px; padding-bottom: 7px; border-bottom: 1px solid #a78048; color: #191b17; font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-decoration: none; }

.sm-collections { padding: clamp(100px, 11vw, 160px) 0; background: #fffdf9; }
.sm-section-head { display: grid; grid-template-columns: 1fr 430px; align-items: end; gap: 80px; margin-bottom: 60px; }
.sm-section-head h2 { font-size: clamp(3rem, 5.5vw, 5.8rem); line-height: .98; }
.sm-section-head > p { margin: 0 0 8px; color: #6a6d66; line-height: 1.75; }
.sm-collection-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; grid-auto-rows: 520px; gap: 14px; }
.sm-collection-card { position: relative; min-height: 420px; overflow: hidden; color: #fff; }
.sm-collection-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.sm-card-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05) 40%, rgba(0,0,0,.78)); }
.sm-card-index, .sm-card-title, .sm-card-arrow { position: absolute; z-index: 1; }
.sm-card-index { top: 24px; left: 24px; font-size: .7rem; letter-spacing: .14em; }
.sm-card-title { left: 26px; bottom: 26px; right: 55px; font-family: Georgia, serif; font-size: 1.75rem; }
.sm-card-arrow { right: 25px; bottom: 29px; font-size: 1.2rem; }
.sm-collection-card:hover img { transform: scale(1.055); }
.sm-center { margin-top: 45px; text-align: center; }
.sm-btn-outline { color: #191b17; border: 1px solid #a3a59f; }

.sm-process { padding: clamp(100px, 11vw, 155px) 0; background: #1a1c18; color: #fff; }
.sm-process .sm-shell { display: grid; grid-template-columns: .75fr 1.25fr; gap: 10vw; }
.sm-process-intro { position: sticky; top: 130px; align-self: start; }
.sm-process h2 { max-width: 520px; font-size: clamp(3rem, 5vw, 5.2rem); line-height: 1; }
.sm-process-intro > p:last-child { color: rgba(255,255,255,.48); }
.sm-steps { margin: 0; padding: 0; list-style: none; }
.sm-steps li { display: grid; grid-template-columns: 65px 1fr; gap: 24px; padding: 34px 0; border-top: 1px solid rgba(255,255,255,.15); }
.sm-steps li:last-child { border-bottom: 1px solid rgba(255,255,255,.15); }
.sm-steps > li > span { color: #d1b47e; font-family: Georgia, serif; font-size: 1.2rem; }
.sm-steps h3 { margin: 0 0 8px; color: #fff; font-size: 1.35rem; letter-spacing: -.02em; }
.sm-steps p { margin: 0; color: rgba(255,255,255,.48); line-height: 1.6; }

.sm-showcase { position: relative; min-height: 90vh; padding: 0; background: #111; color: #fff; }
.sm-showcase-copy { position: absolute; z-index: 2; top: 50%; left: 8%; width: min(560px, 84%); transform: translateY(-50%); }
.sm-showcase h2 { margin-bottom: 35px; font-size: clamp(3.3rem, 6vw, 6.4rem); line-height: .94; text-shadow: 0 3px 25px rgba(0,0,0,.3); }
.sm-text-link.sm-light { color: #fff; border-color: rgba(255,255,255,.55); }
.sm-showcase-images { display: grid; grid-template-columns: 1.4fr .8fr .8fr; height: 90vh; }
.sm-showcase-images::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(8,10,8,.82) 0%, rgba(8,10,8,.35) 52%, rgba(8,10,8,.05)); }
.sm-showcase-images img { width: 100%; height: 100%; object-fit: cover; border-right: 1px solid rgba(255,255,255,.2); }

.sm-cta { padding: clamp(100px, 12vw, 165px) 0; background: #cfb17c; }
.sm-cta-inner { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 100px; }
.sm-cta h2 { font-size: clamp(3.2rem, 6vw, 6.5rem); line-height: .93; }
.sm-cta-side p { margin: 0 0 28px; color: rgba(20,22,18,.7); line-height: 1.75; }
.sm-btn-dark { color: #fff; background: #171915; border: 1px solid #171915; }
.sm-phone { display: block; margin-top: 22px; color: #191b17; font-size: .83rem; font-weight: 700; text-decoration: none; }

.sm-home footer { margin-top: 0; }

@media (max-width: 1020px) {
  .sm-hero-grid { grid-template-columns: 1fr; }
  .sm-hero-note { display: none; }
  .sm-proof-grid { grid-template-columns: repeat(2,1fr); }
  .sm-story-grid, .sm-process .sm-shell, .sm-cta-inner { grid-template-columns: 1fr; }
  .sm-story-visual { max-width: 680px; }
  .sm-process-intro { position: static; }
  .sm-section-head { grid-template-columns: 1fr; gap: 24px; }
  .sm-collection-grid { grid-template-columns: 1fr 1fr; }
  .sm-card-featured { grid-column: span 2; }
}

@media (max-width: 680px) {
  .sm-home header { height: 70px; }
  .sm-hero { min-height: 96svh; padding: 125px 0 90px; align-items: flex-end; }
  .sm-hero-media { background: linear-gradient(180deg, rgba(8,10,8,.18), rgba(8,10,8,.92) 75%), url('../images/stepenice-min.webp') center center/cover; }
  .sm-hero h1 { font-size: clamp(3.8rem, 18vw, 5.7rem); line-height: .87; }
  .sm-lead { margin: 25px 0 28px; font-size: .98rem; }
  .sm-actions { display: grid; }
  .sm-btn { width: 100%; }
  .sm-scroll { display: none; }
  .sm-proof-grid { grid-template-columns: 1fr 1fr; }
  .sm-proof-grid > div { padding: 24px 13px; }
  .sm-story-visual { min-height: 470px; }
  .sm-image-main { height: 440px; }
  .sm-image-detail { width: 48%; height: 190px; border-width: 6px; }
  .sm-image-caption { display: none; }
  .sm-story-copy h2 { font-size: 2.75rem; }
  .sm-collection-grid { grid-template-columns: 1fr; grid-auto-rows: 470px; }
  .sm-card-featured { grid-column: auto; }
  .sm-process .sm-shell { gap: 55px; }
  .sm-process h2 { font-size: 3.1rem; }
  .sm-steps li { grid-template-columns: 45px 1fr; }
  .sm-showcase, .sm-showcase-images { min-height: 78svh; height: 78svh; }
  .sm-showcase-images { grid-template-columns: 1fr; }
  .sm-showcase-images img:not(:first-child) { display: none; }
  .sm-showcase-copy { left: 5%; }
  .sm-showcase h2 { font-size: 3.65rem; }
  .sm-cta-inner { gap: 45px; }
  .sm-cta h2 { font-size: 3.6rem; }
}

@media (prefers-reduced-motion: reduce) {
  .sm-home *, .sm-home *::before, .sm-home *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
/* Layout correction: keep the project showcase and CTA as separate flow sections. */
.sm-home .sm-showcase {
    position: relative;
    display: block;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    isolation: isolate;
}

.sm-home .sm-showcase-images {
    position: relative;
    width: 100%;
    height: clamp(600px, 72vh, 820px) !important;
    min-height: 600px !important;
}

.sm-home .sm-cta {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: clamp(110px, 11vw, 165px) 0 !important;
    overflow: hidden;
    clear: both;
}

.sm-home .sm-cta-inner {
    position: relative;
    z-index: 1;
    min-height: 320px;
    align-items: center;
}

.sm-home .sm-cta h2 {
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 680px) {
    .sm-home .sm-showcase-images {
        height: 72svh !important;
        min-height: 520px !important;
    }

    .sm-home .sm-cta {
        padding: 90px 0 !important;
    }

    .sm-home .sm-cta-inner {
        min-height: 0;
    }
}

/* Refined premium header and logo treatment */
.sm-home header {
    height: 94px !important;
    background: linear-gradient(180deg, rgba(12, 14, 11, .94), rgba(12, 14, 11, .76)) !important;
    border-bottom: 1px solid rgba(209, 180, 126, .22) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .14) !important;
}

.sm-home header::after {
    content: "";
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(209, 180, 126, .52), transparent);
    pointer-events: none;
}

.sm-home header .container-header {
    height: 100%;
    gap: 42px;
}

.sm-home header .logo {
    flex: 0 0 auto;
}

.sm-home header .logo a {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 7px 18px 7px 0;
}

.sm-home header .logo a::after {
    content: "";
    position: absolute;
    top: 15%;
    right: 0;
    width: 1px;
    height: 70%;
    background: rgba(255, 255, 255, .16);
}

.sm-home header .logo img {
    display: block;
    width: auto;
    height: 62px;
    max-height: 62px;
    object-fit: contain;
    filter: drop-shadow(0 5px 14px rgba(0, 0, 0, .28));
    transition: transform .25s ease, filter .25s ease;
}

.sm-home header .logo a:hover img {
    transform: translateY(-1px) scale(1.025);
    filter: drop-shadow(0 7px 18px rgba(0, 0, 0, .38));
}

.sm-home header nav {
    margin-left: auto;
}

.sm-home header nav ul {
    gap: 6px;
}

.sm-home header nav > ul > li > a {
    position: relative;
    padding: 11px 12px;
    border-radius: 2px;
    font-size: .79rem;
    font-weight: 600;
    letter-spacing: .045em;
}

.sm-home header nav > ul > li:not(:last-child) > a::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 5px;
    height: 1px;
    background: #d1b47e;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .25s ease;
}

.sm-home header nav > ul > li:not(:last-child) > a:hover::after,
.sm-home header nav > ul > li:not(:last-child) > a.active::after {
    transform: scaleX(1);
    transform-origin: left;
}

.sm-home header nav > ul > li:last-child > a {
    margin-left: 8px;
    padding: 12px 18px;
    border: 1px solid #d1b47e;
    background: #d1b47e;
    color: #151713;
    box-shadow: 0 8px 24px rgba(209, 180, 126, .16);
}

.sm-home header nav > ul > li:last-child > a:hover {
    background: #e0c58f;
    border-color: #e0c58f;
    transform: translateY(-1px);
}

@media (max-width: 1020px) {
    .sm-home header {
        height: 78px !important;
    }

    .sm-home header .logo a {
        padding: 5px 0;
    }

    .sm-home header .logo a::after {
        display: none;
    }

    .sm-home header .logo img {
        height: 56px;
        max-height: 56px;
    }

    .sm-home header .nav-toggle {
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 50%;
        color: #fff;
        transition: background .2s ease, border-color .2s ease;
    }

    .sm-home header .nav-toggle:hover {
        background: rgba(255, 255, 255, .08);
        border-color: rgba(209, 180, 126, .55);
    }
}

/* Desktop showcase: one coherent, high-quality panoramic project image */
@media (min-width: 1021px) {
    .sm-home .sm-showcase {
        background: #11130f;
    }

    .sm-home .sm-showcase-images {
        display: block;
        height: clamp(660px, 78vh, 900px) !important;
        min-height: 660px !important;
    }

    .sm-home .sm-showcase-images img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 48%;
        border: 0;
        transform: scale(1.01);
    }

    .sm-home .sm-showcase-images::after {
        background:
            linear-gradient(90deg, rgba(10, 12, 9, .9) 0%, rgba(10, 12, 9, .68) 34%, rgba(10, 12, 9, .14) 72%, rgba(10, 12, 9, .08) 100%),
            linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .32));
    }

    .sm-home .sm-showcase-copy {
        left: max(6%, calc((100vw - 1280px) / 2));
        width: min(610px, 42vw);
    }

    .sm-home .sm-showcase h2 {
        font-size: clamp(4rem, 5.6vw, 6.8rem);
        line-height: .9;
        text-wrap: balance;
    }
}
/* Mobile home hero refinement */
@media(max-width:680px){
 .sm-home .sm-hero{min-height:calc(100svh - 70px)!important;height:auto!important;padding:108px 0 42px!important;align-items:center!important}
 .sm-home .sm-hero-media{background-position:53% center!important}
 .sm-home .sm-hero-grid{width:calc(100% - 38px)!important;display:block!important}
 .sm-home .sm-hero-copy{max-width:100%!important}
 .sm-home .sm-kicker{margin-bottom:21px!important;font-size:.62rem!important;letter-spacing:.18em!important}
 .sm-home .sm-hero h1{max-width:390px!important;font-size:clamp(3rem,13.7vw,3.65rem)!important;line-height:.88!important;letter-spacing:-.065em!important}
 .sm-home .sm-lead{max-width:360px!important;margin:24px 0 24px!important;font-size:.91rem!important;line-height:1.58!important}
 .sm-home .sm-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
 .sm-home .sm-actions .sm-btn-primary{width:100%!important;min-height:52px!important}
 .sm-home .sm-actions .sm-btn-ghost{width:auto!important;align-self:center!important;min-height:42px!important;padding:0 8px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.48)!important;background:transparent!important;border-radius:0!important}
 .sm-home .sm-hero-note,.sm-home .sm-scroll{display:none!important}
 .sm-home .sm-proof-grid>div{min-height:92px!important;padding:20px 10px!important}
}
@media(max-width:380px){
 .sm-home .sm-hero{padding-top:96px!important;padding-bottom:34px!important}
 .sm-home .sm-hero h1{font-size:2.78rem!important}
 .sm-home .sm-lead{font-size:.86rem!important;margin:20px 0!important}
 .sm-home .sm-kicker{font-size:.57rem!important}
}
/* Mobile-first split hero */
@media(max-width:680px){
 .sm-home .sm-hero{display:block!important;min-height:0!important;height:auto!important;padding:0!important;background:#11140f!important}
 .sm-home .sm-hero-media{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:clamp(285px,42svh,380px)!important;background:linear-gradient(180deg,rgba(8,10,8,.03),rgba(8,10,8,.15) 65%,#11140f 100%),url('../images/stepenice-min.webp') 52% 48%/cover no-repeat!important}
 .sm-home .sm-hero-grid{position:relative!important;width:100%!important;margin:0!important;padding:18px 20px 34px!important;background:#11140f!important}
 .sm-home .sm-hero-copy{width:100%!important;max-width:430px!important;margin:0 auto!important}
 .sm-home .sm-kicker{margin:0 0 17px!important;font-size:.58rem!important;letter-spacing:.18em!important}
 .sm-home .sm-hero h1{max-width:340px!important;margin:0!important;font-size:clamp(2.8rem,12.7vw,3.35rem)!important;line-height:.89!important;letter-spacing:-.058em!important;text-align:left!important}
 .sm-home .sm-lead{max-width:360px!important;margin:20px 0 23px!important;font-size:.88rem!important;line-height:1.55!important}
 .sm-home .sm-actions{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:14px!important}
 .sm-home .sm-actions .sm-btn-primary{width:auto!important;min-height:50px!important;padding:0 18px!important}
 .sm-home .sm-actions .sm-btn-ghost{width:auto!important;min-height:40px!important;padding:0 2px!important;font-size:.73rem!important;white-space:nowrap!important}
 .sm-home .sm-proof-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:390px){
 .sm-home .sm-hero-media{height:270px!important}
 .sm-home .sm-hero-grid{padding:15px 16px 28px!important}
 .sm-home .sm-hero h1{font-size:2.68rem!important}
 .sm-home .sm-actions{grid-template-columns:1fr!important}
 .sm-home .sm-actions .sm-btn-ghost{justify-self:start!important}
}
/* Contemporary editorial mobile home */
@media(max-width:680px){
 .sm-home main{background:#f2efe8!important}
 .sm-home .sm-hero{padding:14px 0 0!important;background:#f2efe8!important;color:#171914!important}
 .sm-home .sm-hero-media{width:calc(100% - 28px)!important;height:clamp(300px,43svh,390px)!important;margin:0 14px!important;border-radius:3px!important;background:linear-gradient(180deg,transparent 60%,rgba(11,13,10,.18)),url('../images/stepenice-min.webp') 52% 48%/cover no-repeat!important}
 .sm-home .sm-hero-grid{padding:34px 20px 39px!important;background:#f2efe8!important}
 .sm-home .sm-hero-copy{max-width:440px!important}
 .sm-home .sm-kicker{margin-bottom:18px!important;color:#9a7137!important;font-size:.58rem!important}
 .sm-home .sm-hero h1{max-width:400px!important;color:#171914!important;font-family:"Manrope",Arial,sans-serif!important;font-size:clamp(2.75rem,12.7vw,3.45rem)!important;font-weight:500!important;line-height:.91!important;letter-spacing:-.06em!important}
 .sm-home .sm-hero h1 br{display:none!important}
 .sm-home .sm-hero h1 em{display:inline!important;color:#a77b3e!important;font-family:Georgia,serif!important;font-weight:400!important}
 .sm-home .sm-lead{max-width:380px!important;margin:22px 0 27px!important;color:#666961!important;font-size:.9rem!important;line-height:1.62!important}
 .sm-home .sm-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
 .sm-home .sm-actions .sm-btn-primary{width:100%!important;min-height:54px!important;background:#181b17!important;border-color:#181b17!important;color:#fff!important}
 .sm-home .sm-actions .sm-btn-ghost{align-self:flex-start!important;min-height:42px!important;color:#171914!important;border-bottom-color:#9c7842!important;padding-left:0!important}
 .sm-home .sm-proof{background:#fffdf9!important;color:#171914!important;border-top:1px solid rgba(23,25,20,.1)!important}
 .sm-home .sm-proof-grid{display:grid!important;grid-template-columns:1fr 1fr!important}
 .sm-home .sm-proof-grid>div{min-height:108px!important;padding:22px 16px!important;border-color:rgba(23,25,20,.11)!important}
 .sm-home .sm-proof strong{color:#171914!important;font-size:.82rem!important}
 .sm-home .sm-proof span{color:#74776f!important;font-size:.68rem!important;line-height:1.5!important}
}
@media(max-width:380px){
 .sm-home .sm-hero-media{height:275px!important}
 .sm-home .sm-hero-grid{padding:28px 16px 32px!important}
 .sm-home .sm-hero h1{font-size:2.6rem!important}
}
/* Restore original dark brand palette; retain improved mobile structure */
@media(max-width:680px){
 .sm-home main{background:#11140f!important}
 .sm-home .sm-hero{background:#11140f!important;color:#fff!important}
 .sm-home .sm-hero-media{margin:0!important;width:100%!important;border-radius:0!important;background:linear-gradient(180deg,rgba(7,9,7,.02),rgba(7,9,7,.2) 70%,#11140f 100%),url('../images/stepenice-min.webp') 52% 48%/cover no-repeat!important}
 .sm-home .sm-hero-grid{background:#11140f!important;padding-top:27px!important}
 .sm-home .sm-kicker{color:#d2b174!important}
 .sm-home .sm-hero h1{max-width:370px!important;color:#fff!important;font-size:clamp(2.85rem,13vw,3.45rem)!important;line-height:.88!important;overflow-wrap:normal!important}
 .sm-home .sm-hero h1 br{display:block!important}
 .sm-home .sm-hero h1 em{display:inline!important;color:#d2b174!important}
 .sm-home .sm-lead{color:rgba(255,255,255,.66)!important}
 .sm-home .sm-actions .sm-btn-primary{background:#d2b174!important;border-color:#d2b174!important;color:#171914!important}
 .sm-home .sm-actions .sm-btn-ghost{color:#fff!important;border-bottom-color:rgba(255,255,255,.5)!important}
 .sm-home .sm-proof{background:#151713!important;color:#fff!important;border-top-color:rgba(255,255,255,.1)!important}
 .sm-home .sm-proof-grid>div{border-color:rgba(255,255,255,.1)!important}
 .sm-home .sm-proof strong{color:#fff!important}.sm-home .sm-proof span{color:rgba(255,255,255,.5)!important}
}
@media(max-width:380px){.sm-home .sm-hero h1{font-size:2.62rem!important}}