Macleod Trail Toyota

<div class="dpb-page">
<style>
  /* ============================================================
     INTRO + COLUMN GRID
     Everything you normally change lives in the :root-style block
     immediately below. Colours, fonts, widths, column count.
     The copy itself is plain HTML further down the file.
     ============================================================ */
  .dpb-page{
    /* --- colours --- */
    --ig-bg:            #000000;   /* section background */
    --ig-ink:           #f2efe9;   /* body copy */
    --ig-heading-ink:   #ffffff;   /* H1 + column headings */
    --ig-link:          #f2efe9;   /* inline links */
    --ig-link-hover:    #ffffff;
    --ig-rule:          rgba(255,255,255,.28);  /* link underline colour */
    /* --- type --- */
    --ig-heading-font:  "Gotham Rounded","Montserrat","Helvetica Neue",Arial,sans-serif;
    --ig-body-font:     "Gotham Rounded","Montserrat","Helvetica Neue",Arial,sans-serif;
    --ig-h1-size:       clamp(24px,2.1vw,32px);
    --ig-h2-size:       clamp(19px,1.5vw,23px);
    --ig-body-size:     clamp(15px,1.1vw,17px);
    --ig-line:          1.5;
    /* --- layout --- */
    --ig-maxw:          1240px;  /* content width */
    --ig-pad-y:         72px;    /* space above and below the section */
    --ig-pad-x:         24px;    /* side gutter on small screens */
    --ig-cols:          2;       /* columns in the grid: 2, 3 or 4 */
    --ig-col-gap:       88px;
    --ig-row-gap:       58px;
    --ig-break:         820px;   /* below this width the grid stacks to 1 column */
  }
  /* Everything below here is structure. You rarely need to touch it. */
  .intro-grid{
    background:var(--ig-bg);
    color:var(--ig-ink);
    font-family:var(--ig-body-font);
    font-size:var(--ig-body-size);
    line-height:var(--ig-line);
    padding:var(--ig-pad-y) var(--ig-pad-x);
    -webkit-font-smoothing:antialiased;
  }
  .intro-grid .ig-wrap{max-width:var(--ig-maxw);margin:0 auto}
  .intro-grid h1,
  .intro-grid h2{
    font-family:var(--ig-heading-font);
    color:var(--ig-heading-ink);
    font-weight:700;
    margin:0;
  }
  .intro-grid h1{
    font-size:var(--ig-h1-size);
    line-height:1.25;
    text-align:center;
    margin-bottom:28px;
  }
  .intro-grid .ig-lede{margin:0 0 56px;max-width:none}
  .intro-grid .ig-grid{
    display:grid;
    grid-template-columns:repeat(var(--ig-cols),minmax(0,1fr));
    column-gap:var(--ig-col-gap);
    row-gap:var(--ig-row-gap);
  }
  /* A column is one .ig-col. Add or delete .ig-col blocks freely --
     the grid reflows on its own, no other change needed. */
  .intro-grid .ig-col h2{font-size:var(--ig-h2-size);line-height:1.3;margin-bottom:14px}
  .intro-grid .ig-col p{margin:0}
  .intro-grid .ig-col p + p{margin-top:14px}
  .intro-grid a{
    color:var(--ig-link);
    text-decoration:underline;
    text-decoration-color:var(--ig-rule);
    text-underline-offset:3px;
    transition:color .15s ease,text-decoration-color .15s ease;
  }
  .intro-grid a:hover,
  .intro-grid a:focus{color:var(--ig-link-hover);text-decoration-color:currentColor}
  /* Stack to a single column on phones and small tablets. */
  @media (max-width:820px){
    .intro-grid{--ig-cols:1;--ig-row-gap:44px;--ig-pad-y:52px}
    .intro-grid h1{text-align:left}
  }
  /* --- Optional modifiers ---------------------------------------
     Put one of these on the <section> alongside "intro-grid":
       ig-light   light background, dark text
       ig-left    left-align the H1 instead of centring it
       ig-3up     three columns instead of two
     -------------------------------------------------------------- */
  .intro-grid.ig-light{
    --ig-bg:#ffffff;--ig-ink:#1c1c1c;--ig-heading-ink:#000000;
    --ig-link:#1c1c1c;--ig-link-hover:#000000;--ig-rule:rgba(0,0,0,.35);
  }
  .intro-grid.ig-left h1{text-align:left}
  .intro-grid.ig-3up{--ig-cols:3;--ig-col-gap:56px}
  @media (max-width:820px){ .intro-grid.ig-3up{--ig-cols:1} }
</style>
<section class="intro-grid">
  <div class="ig-wrap">
    <h1>Premier Cadillac Dealer in Thornhill, ON</h1>
    <p class="ig-lede">Roy Foss Cadillac Thornhill is your one-stop shop for all things Cadillac. Whether you are shopping for a new, used, or Certified-Pre-Owned Cadillac or servicing, maintenance, repairs, or parts for your current vehicle, it's all here in one place. Canada's Luxury Auto Brand demands the highest levels of customer service, and that's exactly what you'll get from our friendly, experienced, and professional team. From sales of new and used luxury cars, SUVs, and crossovers to ongoing support and maintenance, we take care of everything.</p>
    <div class="ig-grid">
      <div class="ig-col">
        <h2>New Cadillac Vehicles</h2>
        <p>Cadillac's conventional gas-powered lineup now focuses on three core models. The <a href="#">Cadillac CT5</a> delivers a balanced rear-wheel-drive experience, while the <a href="#">Cadillac CT5-V</a> and Cadillac CT5-V Blackwing take the performance to another level. The <a href="#">Cadillac XT5</a> is a practical but luxurious compact crossover SUV with wide appeal. The <a href="#">Cadillac Escalade</a> is a legend among full-size luxury SUVs that needs no introduction, with its cavernous, opulent interior, immense presence, and unapologetic V-8 power. Then there's the Cadillac Escalade-V, which adds blistering supercharged performance to the full-size luxury SUV segment.</p>
      </div>
      <div class="ig-col">
        <h2>Cadillac Electric Vehicles</h2>
        <p>Fully electric vehicles are now intrinsic to the Cadillac brand's direction and future. The <a href="#">Cadillac LYRIQ</a> midsize SUV sets the tone with impressive range, superb driving dynamics, and fabulously contemporary luxury interiors. The <a href="#">Cadillac OPTIQ</a> is a more compact SUV alternative with the same design approach. The <a href="#">Cadillac ESCALADE IQ</a> brings the flagship's immense style and presence to a sustainable, all-electric format. Meanwhile, the <a href="#">Cadillac LYRIQ-V</a> and Cadillac OPTIQ-V add sensational performance to the luxury EV formula, with immediate torque and incredible handling.</p>
      </div>
      <div class="ig-col">
        <h2>Quality Pre-Owned Vehicles</h2>
        <p>At Roy Foss Cadillac Thornhill, we always offer shoppers a carefully selected range of <a href="#">pre-owned vehicles</a>, including <a href="#">Cadillac Certified Pre-Owned</a> models. Each vehicle must undergo a detailed inspection and preparation process conducted by our experienced, factory-trained technicians. Our Certified Pre-Owned Cadillac models also come with excellent Cadillac-backed warranty coverage for extra peace of mind. Our pre-owned inventory offers value-conscious buyers a superb selection of vehicles from Cadillac and other major automakers.</p>
      </div>
      <div class="ig-col">
        <h2>Service, Parts, and Collision Centre</h2>
        <p>Our <a href="#">Cadillac Certified Service</a> is ready and waiting to handle all your vehicle's servicing, maintenance, and repair needs. Our mission is to keep your vehicle in top condition for years to come. You can <a href="#">schedule a service appointment</a> online and easily <a href="#">order parts</a>, <a href="#">tires</a>, and <a href="#">accessories</a> with our online tools. We offer professional detailing services, and our Cadillac Certified Collision Centre can keep your vehicle looking as good as new after parking lot scrapes, minor bumps, or even substantial accident damage.</p>
      </div>