.elementor-412 .elementor-element.elementor-element-sceStitchShipSec{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-412 .elementor-element.elementor-element-sceStitchShipCol.elementor-column .elementor-widget-wrap{align-items:default;}.elementor-412 .elementor-element.elementor-element-sceStitchShipCol.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:default;align-items:default;}.elementor-412 .elementor-element.elementor-element-sceStitchShipCol > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-412 .elementor-element.elementor-element-sceStitchShipHtml{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//* === SCE stitch-html-ship CSS START === */
:root {
      --primary: #1e2a3a;
      --primary-deep: #101c2c;
      --background: #fafaf8;
      --surface: #f0eee8;
      --secondary: #d9d2c5;
      --accent: #8b7355;
      --text: #1c1c1c;
      --muted: #44474c;
      --outline: #c5c6cc;
      --white: #fff;
      --radius: 4px;
      --content: 1280px;
      --gutter: 24px;
      --section: 80px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: auto; }
    body {
      margin: 0;
      color: var(--text);
      background: var(--background);
      font-family: Literata, Georgia, serif;
      font-size: 16px;
      line-height: 1.5;
    }
    h1, h2, h3, h4, button, a, .eyebrow, .trust-strip, .review-label {
      font-family: Manrope, Arial, sans-serif;
    }
    h1, h2, h3, h4, p { margin: 0; }
    h1 { font-size: clamp(36px, 5vw, 56px); line-height: 1.08; letter-spacing: -.02em; }
    h2 { font-size: clamp(28px, 3.2vw, 40px); line-height: 1.15; letter-spacing: -.01em; }
    h3 { font-size: 24px; line-height: 1.25; }
    p { max-width: 720px; }
    a { color: inherit; text-decoration: none; }
    .container { width: min(var(--content), calc(100% - 32px)); margin: 0 auto; }
    .section { padding: var(--section) 0; }
    .eyebrow {
      color: var(--accent);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .section-head { max-width: 700px; margin-bottom: 40px; }
    .section-head p { margin-top: 16px; color: var(--muted); font-size: 18px; }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 54px;
      padding: 14px 24px;
      border: 2px solid transparent;
      border-radius: var(--radius);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
    }
    .btn:hover {
      color: var(--primary);
      background: var(--secondary);
      border-color: var(--secondary);
      transform: translateY(-2px);
    }
    .btn-primary { color: var(--primary); background: var(--white); }
    .btn-dark { color: var(--white); background: var(--primary); }
    .btn-outline { color: var(--white); border-color: rgba(255,255,255,.8); }
    .preview-badge {
      position: fixed;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      padding: 8px 12px;
      color: #3d2d13;
      background: #f8e4b3;
      border: 1px solid #c8a968;
      border-radius: var(--radius);
      font: 700 11px/1.2 Manrope, Arial, sans-serif;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .nav {
      padding: 18px 0;
      color: var(--white);
      background: rgba(16, 28, 44, .96);
    }
    .nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    .brand { font: 700 21px/1.1 Manrope, Arial, sans-serif; }
    .nav-links { display: flex; align-items: center; gap: 24px; font: 700 12px/1.2 Manrope, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
    .hero {
      position: relative;
      min-height: 640px;
      display: flex;
      align-items: center;
      overflow: hidden;
      color: var(--white);
      background:
        linear-gradient(90deg, rgba(30,42,58,.96), rgba(30,42,58,.56) 58%, rgba(30,42,58,.35)),
        url("https://andrewstile.com/wp-content/uploads/2026/08/portfolio_page_hero_kitchen_remodel.png") center/cover no-repeat,
        radial-gradient(circle at 78% 34%, #c8b59c 0 12%, #786a5d 32%, #3d3c3a 63%, #1e2a3a 100%);
    }
    .hero::after {
      content: "";
      position: absolute;
      inset: -20%;
      pointer-events: none;
      opacity: .2;
      background: radial-gradient(circle at 72% 38%, rgba(255,255,255,.28), transparent 24%);
      animation: hero-light 14s ease-in-out infinite alternate;
    }
    @keyframes hero-light {
      from { transform: translate3d(-2%, -1%, 0) scale(1); }
      to { transform: translate3d(3%, 2%, 0) scale(1.08); }
    }
    .hero-grid { display: block; position: relative; z-index: 1; }
    .hero-copy { max-width: 760px; }
    .hero-copy p { margin: 24px 0 32px; color: rgba(255,255,255,.88); font-size: 19px; line-height: 1.6; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
    .hero-visual {
      min-height: 390px;
      display: grid;
      place-items: end center;
      padding: 24px;
      border: 1px solid rgba(255,255,255,.35);
      background:
        linear-gradient(145deg, rgba(30,42,58,.04), rgba(16,28,44,.18)),
        linear-gradient(145deg, #d7c8b5 0%, #857968 42%, #263444 100%);
      box-shadow: 0 24px 60px rgba(0,0,0,.25);
    }
    .visual-note {
      width: 100%;
      padding: 12px;
      color: var(--white);
      background: rgba(16,28,44,.78);
      font: 700 12px/1.35 Manrope, Arial, sans-serif;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .trust-strip { padding: 22px 0; color: var(--primary); background: #e9e2d4; border-bottom: 3px solid #b4a186; }
    .trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; text-align: center; }
    .trust-item strong { display: block; font-size: 15px; }
    .trust-item span { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; }
    .two-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; align-items: center; }
    .visual-card { min-height: 340px; display: flex; align-items: end; padding: 20px; background: linear-gradient(145deg, #d7c8b5, #857968 45%, #263444); box-shadow: 0 12px 30px rgba(30,42,58,.12); }
    .visual-card span { padding: 8px 10px; color: var(--white); background: rgba(16,28,44,.8); font: 700 11px/1.25 Manrope, Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
    .visual-card.image-card { position: relative; overflow: hidden; padding: 0; }
    .visual-card.image-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 48%, rgba(16,28,44,.72)); pointer-events: none; }
    .visual-card.image-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .visual-card.image-card span { position: relative; z-index: 1; margin: 20px; }
    .dark { color: var(--white); background: var(--primary); }
    .dark .section-head p, .dark .muted { color: rgba(255,255,255,.72); }
    .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gutter); }
    .card { padding: 28px; border: 1px solid var(--outline); border-radius: var(--radius); background: var(--surface); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
    .card:hover { border-color: var(--accent); box-shadow: 0 12px 28px rgba(30,42,58,.1); transform: translateY(-4px); }
    .dark .card { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.04); }
    .card .icon { display: inline-grid; place-items: center; width: 42px; height: 42px; margin-bottom: 20px; color: var(--accent); border: 1px solid currentColor; border-radius: 50%; font: 700 18px/1 Manrope, Arial, sans-serif; }
    .card p { margin-top: 12px; color: var(--muted); }
    .dark .card p { color: rgba(255,255,255,.72); }
    .benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .benefit { padding: 24px 0; border-top: 2px solid var(--accent); }
    .benefit p { margin-top: 10px; color: var(--muted); }
    .proof-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    .proof-section { background: var(--surface); }
    .proof-section .section-head p { color: var(--muted); }
    .proof-box { padding: 26px; color: var(--primary); border: 1px solid var(--outline); border-top: 3px solid var(--primary); background: var(--white); box-shadow: 0 8px 24px rgba(30,42,58,.06); }
    .proof-box p { margin-top: 10px; color: var(--muted); }
    .reviews-panel { margin-top: 36px; padding: 28px; border: 1px solid var(--outline); background: var(--white); }
    .reviews-panel-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
    .reviews-panel-head p { margin-top: 8px; color: var(--muted); }
    .reviews-rating { flex: 0 0 auto; text-align: right; }
    .reviews-rating strong { display: block; color: var(--primary); font: 700 28px/1 Manrope, Arial, sans-serif; }
    .reviews-stars { margin-top: 6px; color: var(--accent); letter-spacing: .12em; font: 700 17px/1 Manrope, Arial, sans-serif; }
    .reviews-rating span { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; }
    .reviews-carousel { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr) 42px; gap: 12px; align-items: center; }
    .reviews-viewport { overflow: hidden; }
    .reviews-track { display: flex; gap: 16px; transition: transform .35s ease; }
    .review-card { flex: 0 0 calc((100% - 32px) / 3); min-height: 230px; padding: 22px; border: 1px solid #e1e0dc; border-radius: 4px; background: #f5f4f1; }
    .review-card .review-stars { margin-top: 0; color: var(--accent); }
    .review-card blockquote { margin: 18px 0 22px; color: var(--text); font: 15px/1.55 Literata, Georgia, serif; }
    .review-card .review-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font: 12px/1.4 Manrope, Arial, sans-serif; }
    .review-card .review-card-meta strong { color: var(--primary); }
    .review-nav { width: 42px; height: 42px; border: 1px solid var(--outline); border-radius: 50%; color: var(--primary); background: var(--white); cursor: pointer; font: 28px/1 Manrope, Arial, sans-serif; transition: background .25s ease, color .25s ease, transform .25s ease; }
    .review-nav:hover { color: var(--white); background: var(--primary); transform: translateY(-2px); }
    .review-nav:disabled { opacity: .35; cursor: default; transform: none; }
    .review-nav:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
    .reviews-sources { display: flex; flex-wrap: wrap; gap: 14px 22px; margin-top: 18px; color: var(--muted); font: 12px/1.4 Manrope, Arial, sans-serif; }
    .reviews-sources a { color: var(--primary); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
    .process-row { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; padding: 32px 0; }
    .process-row:nth-child(even) .visual-card { order: -1; }
    .step-number { color: rgba(30,42,58,.16); font: 700 64px/1 Manrope, Arial, sans-serif; }
    .process-copy p { margin-top: 16px; color: var(--muted); font-size: 18px; }
    .portfolio-card { position: relative; min-height: 230px; display: flex; align-items: end; padding: 20px; overflow: hidden; background: linear-gradient(145deg, #d7c8b5, #8a7967 50%, #273747); transition: transform .35s ease, filter .35s ease; }
    .portfolio-card:hover { filter: saturate(1.08); transform: translateY(-4px); }
    .portfolio-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16,28,44,.02), rgba(16,28,44,.72)); pointer-events: none; }
    .portfolio-card span { position: relative; z-index: 1; padding: 8px 10px; color: var(--white); background: rgba(16,28,44,.82); font: 700 11px/1.25 Manrope, Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
    .gallery-thumb { width: 100%; border: 0; cursor: pointer; text-align: left; }
    .gallery-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
    .gallery-thumb:hover img { transform: scale(1.04); }
    body.gallery-open { overflow: hidden; }
    .gallery-thumb:focus-visible, .gallery-nav:focus-visible, .gallery-close:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
    .gallery-modal { position: fixed; inset: 0; z-index: 100; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(232,226,216,.92); }
    .gallery-modal.is-open { display: flex; }
    .gallery-dialog { position: relative; width: min(860px, 100%); padding: 12px; color: var(--primary); border: 1px solid var(--outline); background: var(--surface); box-shadow: 0 20px 56px rgba(30,42,58,.18); }
    .gallery-dialog h3 { margin-bottom: 16px; font-size: 20px; }
    .gallery-stage { position: relative; display: grid; place-items: center; min-height: 0; padding: 0 52px; background: var(--secondary); overflow: hidden; }
    .gallery-frame { display: grid; place-items: center; width: 100%; min-height: 0; }
    .gallery-frame img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(100vh - 120px); object-fit: contain; }
    .gallery-nav, .gallery-close { border: 1px solid var(--accent); color: var(--primary); background: rgba(255,255,255,.9); cursor: pointer; font-family: Manrope, Arial, sans-serif; }
    .gallery-nav:hover, .gallery-close:hover { color: var(--white); background: var(--accent); }
    .gallery-nav { position: absolute; top: 50%; width: 44px; height: 44px; border-radius: 50%; transform: translateY(-50%); font-size: 28px; line-height: 1; }
    .gallery-nav.prev { left: 12px; }
    .gallery-nav.next { right: 12px; }
    .gallery-close { position: absolute; top: 12px; right: 12px; z-index: 1; width: 36px; height: 36px; border-radius: 50%; font-size: 22px; line-height: 1; }
    .gallery-count { margin-top: 12px; color: var(--primary); font: 12px/1.4 Manrope, Arial, sans-serif; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
    details { padding: 18px 0; border-top: 1px solid var(--outline); }
    summary { cursor: pointer; color: var(--primary); font: 700 17px/1.4 Manrope, Arial, sans-serif; }
    details p { padding-top: 10px; color: var(--muted); }
    .cta { color: var(--white); background: linear-gradient(90deg, rgba(30,42,58,.98), rgba(30,42,58,.78)), linear-gradient(145deg, #c8b59c, #3d3c3a); }
    .cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
    .cta p { margin-top: 14px; color: rgba(255,255,255,.8); }
    .material-visual-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .material-card { overflow: hidden; border: 1px solid var(--outline); border-radius: var(--radius); background: var(--white); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
    .material-card:hover { border-color: var(--accent); box-shadow: 0 12px 28px rgba(30,42,58,.1); transform: translateY(-4px); }
    .material-visual { position: relative; min-height: 150px; display: flex; align-items: end; padding: 14px; overflow: hidden; }
    .material-visual::before, .material-visual::after { content: ""; position: absolute; pointer-events: none; }
    .material-visual::before { inset: 18px; border: 1px solid rgba(255,255,255,.48); }
    .material-visual::after { width: 180px; height: 180px; right: -36px; top: -58px; border: 24px solid rgba(255,255,255,.18); border-radius: 50%; }
    .material-card-choose .material-visual { background: linear-gradient(135deg, #d8c9b6 0 25%, #f1ede5 25% 48%, #6d7472 48% 68%, #b48c65 68%); }
    .material-card-prepare .material-visual { background: linear-gradient(155deg, #263444 0 28%, #b7a58e 28% 43%, #e9e2d4 43% 58%, #8b7355 58%); }
    .material-card-install .material-visual { background: linear-gradient(135deg, #ebe5dc 0 30%, #9e8c79 30% 45%, #263444 45% 65%, #d5c1a8 65%); }
    .material-visual span { position: relative; z-index: 1; padding: 6px 8px; color: var(--white); background: rgba(16,28,44,.78); font: 700 10px/1.2 Manrope, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
    .material-visual img { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
    .material-visual::before, .material-visual::after { z-index: 1; }
    .material-visual span { z-index: 2; }
    .material-copy { padding: 18px; }
    .material-copy h3 { font-size: 20px; }
    .material-copy p { margin-top: 8px; color: var(--muted); font-size: 14px; }
    @media (max-width: 800px) {
      :root { --section: 56px; }
      .hero { min-height: auto; padding: 72px 0 56px; }
      .two-col, .process-row, .proof-grid { grid-template-columns: 1fr; gap: 32px; }
      .trust-grid, .cards, .benefit-grid, .material-visual-grid { grid-template-columns: 1fr; }
      .process-row:nth-child(even) .visual-card { order: 0; }
      .cta-inner { align-items: flex-start; flex-direction: column; }
      .hero-actions .btn { width: 100%; }
      .gallery-dialog { padding: 8px; }
      .gallery-stage { padding: 0 44px; }
      .reviews-panel-head { align-items: flex-start; flex-direction: column; }
      .reviews-rating { text-align: left; }
      .reviews-carousel { grid-template-columns: 36px minmax(0, 1fr) 36px; gap: 8px; }
      .review-card { flex-basis: 100%; min-height: 250px; }
      .review-nav { width: 36px; height: 36px; font-size: 24px; }
    }
/* === SCE stitch-html-ship CSS END === *//* End custom CSS */