/* SondenKraft / Field Lab — an intentionally site-specific visual system. */
.layout-field {
    --sk-dark: #0b1c16;
    --sk-dark-2: #132a22;
    --sk-hot: #ff6a2a;
    --sk-lime: #b9e66c;
    --sk-paper: #eef0e9;
    --sk-white: #fbfcf6;
    --sk-line: rgba(255, 255, 255, .16);
    background:
        linear-gradient(rgba(18, 35, 29, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(18, 35, 29, .035) 1px, transparent 1px),
        var(--sk-paper);
    background-size: 34px 34px;
    color: var(--sk-dark);
}

.layout-field h1,
.layout-field h2,
.layout-field h3,
.layout-field .brand strong {
    font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
    font-stretch: condensed;
    letter-spacing: -.035em;
}

.layout-field .signal-bar {
    background: var(--sk-hot);
    color: #1a160f;
    border: 0;
    min-height: 38px;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.layout-field .signal-bar a { color: #1a160f; }

.layout-field .site-header {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 14px clamp(20px, 4vw, 70px);
    background: rgba(11, 28, 22, .98);
    color: #fff;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.14);
    border-radius: 0;
    position: sticky;
    top: 0;
    z-index: 80;
    backdrop-filter: blur(18px);
}

.layout-field .brand { color: #fff; }
.layout-field .brand small { color: rgba(255,255,255,.58); }
.layout-field .brand__mark { border-color: var(--sk-lime); border-radius: 50% 50% 12% 50%; transform: rotate(-12deg); }
.layout-field .brand__mark i,
.layout-field .brand__mark b { background: var(--sk-hot); }
.layout-field .main-nav > a,
.layout-field .nav-service summary { color: rgba(255,255,255,.78); }
.layout-field .main-nav > a:hover,
.layout-field .nav-service summary:hover { color: var(--sk-lime); }
.layout-field .header-actions { color: #fff; }
.layout-field .search-open { color: #fff; border-color: rgba(255,255,255,.24); }
.layout-field .list-link { background: var(--sk-lime); color: var(--sk-dark); border-radius: 6px; }
.layout-field .menu-toggle { color: #fff; border-color: rgba(255,255,255,.3); }
.layout-field main { width: 100%; overflow: hidden; }
.layout-field { overflow-x: hidden; }

.sk-hero {
    min-height: 760px;
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr);
    background: var(--sk-dark);
    color: #fff;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.sk-hero::before {
    content: "FIELD / 01";
    position: absolute;
    left: -12px;
    bottom: -34px;
    font: 900 clamp(5rem, 12vw, 12rem)/.75 Impact, sans-serif;
    color: rgba(255,255,255,.025);
    letter-spacing: -.05em;
    z-index: -1;
}

.sk-hero__grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        repeating-radial-gradient(ellipse at 79% 49%, transparent 0 48px, rgba(185,230,108,.085) 50px 51px),
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: auto, 54px 54px, 54px 54px;
    mask-image: linear-gradient(90deg, transparent 0, #000 43%);
}

.sk-hero__copy {
    padding: clamp(70px, 8vw, 130px) clamp(24px, 5.2vw, 94px) 62px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
}

.sk-kicker,
.sk-section__head > div > span,
.sk-decision__copy > span,
.sk-brand-yard > div:first-child > span,
.sk-quote > div > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--sk-hot);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.sk-kicker i { width: 28px; height: 2px; background: currentColor; }

.sk-hero h1 {
    max-width: 830px;
    margin: 24px 0 25px;
    font-size: clamp(3.8rem, 5.4vw, 6.4rem);
    line-height: .85;
    text-transform: uppercase;
    text-wrap: balance;
}

.sk-hero__copy > p {
    max-width: 730px;
    margin: 0;
    color: rgba(255,255,255,.68);
    font-size: clamp(1rem, 1.3vw, 1.22rem);
    line-height: 1.7;
}

.sk-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 34px 0 45px; }
.sk-button {
    min-height: 52px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-weight: 900;
    font-size: .84rem;
    letter-spacing: .035em;
    text-transform: uppercase;
    transition: transform .2s ease, background .2s ease, color .2s ease;
}
.sk-button:hover { transform: translateY(-3px); }
.sk-button--hot { background: var(--sk-hot); color: #1b160f; }
.sk-button--line { color: #fff; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.04); }
.sk-button--dark { background: var(--sk-dark); color: #fff; }

.sk-hero__signals { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--sk-line); }
.sk-hero__signals span { padding: 19px 15px 0 0; color: rgba(255,255,255,.5); font-size: .76rem; line-height: 1.4; }
.sk-hero__signals strong { display: block; color: var(--sk-lime); font-size: 1.9rem; line-height: 1; }

.sk-hero__visual { position: relative; min-height: 760px; border-left: 1px solid var(--sk-line); }
.sk-scan-ring { position: absolute; width: 590px; height: 590px; border: 1px solid rgba(185,230,108,.25); border-radius: 50%; top: 50%; left: 50%; transform: translate(-47%,-51%); }
.sk-scan-ring i { position: absolute; inset: 13%; border: 1px solid rgba(185,230,108,.16); border-radius: 50%; }
.sk-scan-ring i:nth-child(2) { inset: 27%; }
.sk-scan-ring i:nth-child(3) { inset: 42%; background: var(--sk-hot); border: 0; box-shadow: 0 0 70px rgba(255,106,42,.45); }
.sk-scan-ring b { position: absolute; width: 50%; height: 1px; background: linear-gradient(90deg, transparent, var(--sk-lime)); left: 50%; top: 50%; transform-origin: left; transform: rotate(-37deg); }

.sk-hero-device { position: absolute; display: grid; overflow: hidden; color: #fff; box-shadow: 0 28px 80px rgba(0,0,0,.35); }
.sk-hero-device img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.sk-hero-device:hover img { transform: scale(1.045); }
.sk-hero-device > span { position: absolute; top: 15px; left: 15px; z-index: 2; padding: 7px 9px; background: var(--sk-dark); font-size: .66rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.sk-hero-device > em { position: absolute; top: 15px; right: 15px; z-index: 3; padding: 7px 9px; background: var(--sk-lime); color: var(--sk-dark); font-style: normal; font-size: .7rem; font-weight: 950; }
.sk-hero-device > strong { position: absolute; inset: auto 13px 13px; z-index: 2; padding: 13px; background: rgba(11,28,22,.91); color: #fff; font-size: .85rem; line-height: 1.3; }
.sk-hero-device--main { width: min(71%, 480px); height: 61%; left: 8%; top: 8%; transform: rotate(-2.5deg); }
.sk-hero-device--second { width: min(47%, 320px); height: 38%; right: 4%; bottom: 8%; transform: rotate(4deg); border: 6px solid var(--sk-lime); }
.sk-coordinate { position: absolute; right: 5%; top: 7%; writing-mode: vertical-rl; color: rgba(255,255,255,.55); font-size: .64rem; letter-spacing: .13em; }
.sk-coordinate b { color: var(--sk-lime); margin-top: 14px; }

.sk-keyword-rail {
    min-height: 78px;
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    background: var(--sk-lime);
    color: var(--sk-dark);
    border-bottom: 1px solid rgba(11,28,22,.25);
}
.sk-keyword-rail span,
.sk-keyword-rail a { padding: 0 clamp(18px,2.2vw,38px); display: flex; align-items: center; white-space: nowrap; border-right: 1px solid rgba(11,28,22,.2); }
.sk-keyword-rail span { background: var(--sk-dark); color: #fff; font-size: .68rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sk-keyword-rail a { color: var(--sk-dark); font-weight: 900; font-size: .86rem; }
.sk-keyword-rail a:hover { background: #fff; }

.sk-section { padding: clamp(56px, 7vw, 105px) clamp(20px, 4.8vw, 86px); }
.sk-section__head { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); gap: 36px; align-items: end; margin-bottom: 38px; }
.sk-section__head h2,
.sk-decision h2,
.sk-brand-yard h2,
.sk-quote h2 { margin: 10px 0 0; font-size: clamp(2.25rem, 4.4vw, 5rem); line-height: .96; text-transform: uppercase; text-wrap: balance; }
.sk-section__head > p { margin: 0; line-height: 1.7; color: var(--muted); }
.sk-section__head > a { justify-self: start; color: var(--sk-hot); font-weight: 900; }
.sk-section__head--light > p { color: rgba(255,255,255,.58); }

.sk-terrain { background: var(--sk-paper); }
.sk-terrain-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; }
.sk-terrain-card {
    min-height: 355px;
    grid-column: span 4;
    position: relative;
    overflow: hidden;
    padding: 24px;
    background: var(--sk-dark-2);
    color: #fff;
    border-radius: 7px;
    isolation: isolate;
}
.sk-terrain-card--metal,
.sk-terrain-card--long-range { grid-column: span 7; }
.sk-terrain-card--gold,
.sk-terrain-card--pinpointer { grid-column: span 5; }
.sk-terrain-card--gold { background: var(--sk-hot); color: #1b160f; }
.sk-terrain-card--waterproof { background: #245a65; }
.sk-terrain-card--deep { background: #303b35; }
.sk-terrain-card--imaging { background: var(--sk-lime); color: var(--sk-dark); }
.sk-terrain-card--long-range { background: #1a4436; }
.sk-terrain-card--pinpointer { background: #e8e7de; color: var(--sk-dark); border: 1px solid #c9cec7; }
.sk-terrain-card::after { content:""; position:absolute; inset:0; z-index:-1; background: linear-gradient(110deg, rgba(0,0,0,.2), transparent 58%); }
.sk-terrain-card > img { position: absolute; right: -4%; top: 0; width: 58%; height: 100%; object-fit: cover; opacity: .9; z-index: -2; mask-image: linear-gradient(90deg, transparent 0, #000 42%); transition: transform .55s ease; }
.sk-terrain-card:hover > img { transform: scale(1.07) rotate(1deg); }
.sk-terrain-card__zone { position: absolute; top: 19px; right: 19px; padding: 7px 9px; border: 1px solid currentColor; font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.sk-terrain-card > div { max-width: 63%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; }
.sk-terrain-card small { opacity: .68; font-weight: 800; }
.sk-terrain-card h3 { margin: 8px 0; font-size: clamp(1.65rem,2.4vw,2.65rem); line-height: .97; text-transform: uppercase; }
.sk-terrain-card p { margin: 0 0 17px; opacity: .7; line-height: 1.52; font-size: .84rem; }
.sk-terrain-card b { font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }

.sk-products { background: var(--sk-dark); color: #fff; }
.sk-product-rack { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.sk-product-tile { min-width: 0; background: #f7f7f0; color: var(--sk-dark); border-radius: 7px; overflow: hidden; display: grid; }
.sk-product-tile:first-child { grid-column: span 2; grid-template-columns: 1.08fr .92fr; }
.sk-product-tile:last-child { grid-column: span 3; grid-template-columns: .72fr 1.28fr; }
.sk-product-tile__media { min-height: 315px; position: relative; display: block; overflow: hidden; background: #dfe2d8; }
.sk-product-tile:first-child .sk-product-tile__media { min-height: 500px; }
.sk-product-tile:last-child .sk-product-tile__media { min-height: 360px; }
.sk-product-tile__media > span { position: absolute; z-index: 2; top: 12px; left: 12px; padding: 7px 9px; background: var(--sk-hot); color: #19150f; font-size: .65rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.sk-product-tile__media img { width: 100%; height: 100%; position: absolute; object-fit: cover; transition: transform .5s ease; }
.sk-product-tile:hover img { transform: scale(1.04); }
.sk-product-tile__body { padding: 23px; display: flex; flex-direction: column; justify-content: flex-end; }
.sk-product-tile__body > small { color: #6b766f; font-weight: 700; }
.sk-product-tile h3 { margin: 8px 0 11px; font-size: clamp(1.45rem,2vw,2.2rem); line-height: 1; text-transform: uppercase; }
.sk-product-tile h3 a { color: var(--sk-dark); }
.sk-product-tile__price { color: var(--sk-hot); font: 900 clamp(1.25rem,1.8vw,1.8rem)/1 "Arial Narrow", Impact, sans-serif; margin-bottom: 10px; }
.sk-product-tile__body > p { color: #68746d; line-height: 1.55; margin: 0 0 20px; font-size: .88rem; }
.sk-product-tile__body > div { display: flex; gap: 7px; flex-wrap: wrap; margin-top: auto; }
.sk-product-tile__body > div a,
.sk-product-tile__body > div button { border: 1px solid #bfc7c1; background: transparent; color: var(--sk-dark); padding: 9px 11px; border-radius: 4px; font: inherit; font-size: .72rem; font-weight: 900; cursor: pointer; }
.sk-product-tile__body > div a:hover,
.sk-product-tile__body > div button:hover { background: var(--sk-lime); border-color: var(--sk-lime); }
.sk-product-tile__body > div .sk-tile-whatsapp { background: #25d366; border-color: #25d366; color: #07130d; }

.layout-field .whatsapp-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #25d366; color: #07130d; border-color: #25d366; font-weight: 950; }
.layout-field .whatsapp-button:hover { background: #1fbd59; border-color: #1fbd59; color: #07130d; }
.layout-field .whatsapp-button__icon { width: 16px; height: 16px; display: inline-grid; place-items: center; border: 2px solid currentColor; border-radius: 50%; font-size: .45rem; }
.layout-field .whatsapp-button.is-pending { opacity: .82; cursor: not-allowed; }
.layout-field .whatsapp-button--card { min-height: 36px; padding: 7px 10px; border-radius: 4px; font-size: .66rem; text-transform: uppercase; }
.layout-field .product-card__actions { flex-wrap: wrap; }

.sk-decision { padding: 0; display: grid; grid-template-columns: .8fr 1.2fr; background: var(--sk-hot); color: #19150f; }
.sk-decision__copy { padding: clamp(50px,6vw,96px) clamp(24px,5vw,82px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.sk-decision__copy > span { color: #4d2616; }
.sk-decision__copy > p { max-width: 600px; line-height: 1.68; font-weight: 600; }
.sk-decision__copy .sk-button { margin-top: 18px; }
.sk-decision__matrix { background: var(--sk-white); border-left: 1px solid rgba(11,28,22,.25); }
.sk-decision__matrix > a { min-height: 145px; display: grid; grid-template-columns: 55px 1fr auto; align-items: center; gap: 22px; padding: 24px 32px; color: var(--sk-dark); border-bottom: 1px solid #ccd2cc; transition: background .2s ease, padding .2s ease; }
.sk-decision__matrix > a:hover { background: var(--sk-lime); padding-left: 40px; }
.sk-decision__matrix > a > span { font: 900 1.6rem Impact, sans-serif; color: var(--sk-hot); }
.sk-decision__matrix h3 { margin: 0 0 5px; font-size: clamp(1.25rem,1.8vw,2rem); text-transform: uppercase; }
.sk-decision__matrix p { margin: 0; color: #66736d; }
.sk-decision__matrix b { font-size: 1.5rem; }

.sk-method { background: var(--sk-paper); }
.sk-method-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #bdc7c0; }
.sk-method-grid article { min-height: 360px; padding: clamp(24px,3vw,45px); display: flex; flex-direction: column; border-right: 1px solid #bdc7c0; background: rgba(255,255,255,.3); }
.sk-method-grid article:last-child { border-right: 0; }
.sk-method-grid article > span { width: 48px; height: 48px; display: grid; place-items: center; background: var(--sk-dark); color: var(--sk-lime); border-radius: 50%; font-weight: 900; }
.sk-method-grid h3 { margin: 28px 0 14px; font-size: clamp(1.65rem,2.3vw,2.6rem); line-height: 1; text-transform: uppercase; }
.sk-method-grid p { color: var(--muted); line-height: 1.65; }
.sk-method-grid a { margin-top: auto; color: var(--sk-hot); font-weight: 900; }

.sk-brand-yard { padding: clamp(55px,7vw,100px) clamp(20px,4.8vw,86px); display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(35px,6vw,100px); background: #172a23; color: #fff; }
.sk-brand-yard > div:first-child > p { color: rgba(255,255,255,.58); line-height: 1.7; }
.sk-brand-yard__links { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--sk-line); border-left: 1px solid var(--sk-line); }
.sk-brand-yard__links a { min-height: 118px; padding: 18px; color: #fff; display: flex; flex-direction: column; justify-content: space-between; position: relative; border-right: 1px solid var(--sk-line); border-bottom: 1px solid var(--sk-line); }
.sk-brand-yard__links a:hover { background: var(--sk-lime); color: var(--sk-dark); }
.sk-brand-yard__links small { opacity: .55; font-size: .64rem; text-transform: uppercase; }
.sk-brand-yard__links strong { font-size: 1.2rem; }
.sk-brand-yard__links span { position: absolute; right: 14px; bottom: 14px; }

.sk-guides { background: #e5e7df; }
.sk-guide-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.sk-guide-grid > a { min-height: 340px; padding: 28px; display: flex; flex-direction: column; color: var(--sk-dark); background: var(--sk-white); border: 1px solid #cbd2cc; border-radius: 6px; }
.sk-guide-grid > a:nth-child(2),
.sk-guide-grid > a:nth-child(5) { background: var(--sk-lime); }
.sk-guide-grid > a > span { color: var(--sk-hot); font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.sk-guide-grid h3 { margin: 16px 0; font-size: clamp(1.45rem,2vw,2.25rem); line-height: 1; text-transform: uppercase; }
.sk-guide-grid p { color: #66716b; line-height: 1.6; }
.sk-guide-grid b { margin-top: auto; font-size: .78rem; }
.sk-guide-grid > a:hover { transform: translateY(-5px); box-shadow: 0 25px 50px rgba(11,28,22,.12); }

.sk-quote { padding: clamp(52px,6vw,90px) clamp(24px,5vw,88px); background: var(--sk-lime); display: grid; grid-template-columns: 1.15fr .85fr; gap: 50px; align-items: end; }
.sk-quote p { max-width: 800px; line-height: 1.7; }
.sk-quote > div:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.sk-quote > div:last-child > a:last-child { color: var(--sk-dark); font-weight: 900; text-decoration: underline; text-underline-offset: 5px; }

/* Shared catalogue and long-form pages inherit the field-lab identity. */
.layout-field .catalog-hero,
.layout-field .product-hero,
.layout-field .article-hero,
.layout-field .service-hero { border-radius: 0; background: var(--sk-dark); color: #fff; }
.layout-field .catalog-hero h1,
.layout-field .product-hero h1,
.layout-field .article-hero h1,
.layout-field .service-hero h1 { text-transform: uppercase; }
.layout-field .section-heading h2,
.layout-field .longform-heading h2,
.layout-field .commercial-copy h2,
.layout-field .product-guides h2 { text-transform: uppercase; }
.layout-field .product-card { border-radius: 7px; border-color: #c7cec8; box-shadow: none; }
.layout-field .product-card:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(11,28,22,.13); }
.layout-field .product-card__visual { border-radius: 0; background: #e1e4db; }
.layout-field .demand-badge { background: var(--sk-hot); color: #1c160f; border-radius: 3px; }
.layout-field .button { border-radius: 5px; text-transform: uppercase; letter-spacing: .03em; font-weight: 900; }
.layout-field .eyebrow { color: var(--sk-hot); font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.layout-field .site-footer { margin: 0; border-radius: 0; background: #081510; }
.layout-field .site-footer h2 { text-transform: uppercase; }

@media (max-width: 1080px) {
    .sk-hero { grid-template-columns: 1fr .8fr; }
    .sk-hero h1 { font-size: clamp(3.7rem,7vw,6.4rem); }
    .sk-hero-device--main { width: 82%; left: 4%; }
    .sk-product-rack { grid-template-columns: repeat(2,1fr); }
    .sk-product-tile:first-child { grid-column: span 2; }
    .sk-product-tile:last-child { grid-column: span 2; }
    .sk-guide-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 820px) {
    .layout-field .site-header { padding: 12px 18px; }
    .layout-field .main-nav { background: var(--sk-dark); }
    .sk-hero { display: block; min-height: auto; }
    .sk-hero__copy { padding: 70px 24px 40px; }
    .sk-hero__visual { min-height: 590px; border-left: 0; border-top: 1px solid var(--sk-line); }
    .sk-section__head,
    .sk-decision,
    .sk-brand-yard,
    .sk-quote { grid-template-columns: 1fr; }
    .sk-terrain-card,
    .sk-terrain-card--metal,
    .sk-terrain-card--gold,
    .sk-terrain-card--long-range,
    .sk-terrain-card--pinpointer { grid-column: span 6; }
    .sk-decision__matrix { border-left: 0; border-top: 1px solid rgba(11,28,22,.25); }
    .sk-method-grid { grid-template-columns: 1fr; }
    .sk-method-grid article { min-height: 280px; border-right: 0; border-bottom: 1px solid #bdc7c0; }
    .sk-brand-yard__links { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 580px) {
    .layout-field .signal-bar { font-size: .59rem; letter-spacing: .045em; gap: 8px; }
    .layout-field .signal-bar span { max-width: 68%; }
    .sk-hero h1 { font-size: clamp(2.5rem,10.4vw,3rem); line-height: .88; }
    .sk-section__head h2,
    .sk-decision h2,
    .sk-brand-yard h2,
    .sk-quote h2 { font-size: clamp(1.9rem,9.4vw,2.7rem); }
    .sk-hero__signals { grid-template-columns: 1fr; }
    .sk-hero__signals span { display: flex; gap: 10px; align-items: baseline; padding-top: 12px; }
    .sk-hero__signals strong { font-size: 1.35rem; }
    .sk-hero__visual { min-height: 420px; overflow: hidden; }
    .sk-scan-ring { width: 430px; height: 430px; }
    .sk-hero-device--main { width: 79%; height: 70%; top: 4%; }
    .sk-hero-device--second { width: 49%; height: 43%; bottom: 4%; }
    .sk-coordinate { display: none; }
    .sk-keyword-rail { min-height: 64px; }
    .sk-terrain-grid,
    .sk-product-rack,
    .sk-guide-grid { grid-template-columns: 1fr; }
    .sk-terrain-card,
    .sk-terrain-card--metal,
    .sk-terrain-card--gold,
    .sk-terrain-card--long-range,
    .sk-terrain-card--pinpointer { grid-column: auto; min-height: 340px; }
    .sk-terrain-card > div { max-width: 78%; }
    .sk-product-tile:first-child { grid-column: auto; grid-template-columns: 1fr; }
    .sk-product-tile:last-child { grid-column: auto; grid-template-columns: 1fr; }
    .sk-product-tile:first-child .sk-product-tile__media { min-height: 360px; }
    .sk-decision__matrix > a { grid-template-columns: 35px 1fr auto; padding: 20px 17px; gap: 12px; }
    .sk-brand-yard__links { grid-template-columns: 1fr; }
    .sk-section { padding-left: 16px; padding-right: 16px; }
}