<div class="Masthead" role="banner">

    <div class="Masthead-container">

        <div class="Masthead-primary">

            <h1 class="Heading Heading--main">Dedicated to advancing the practice of design</h1>

        </div>
        <!--/.Masthead-primary-->

        <div class="Masthead-lead">
            <div class="Masthead-description Lead Bar">Since 2005, we have applied strategic design, research, and product development to help deliver unprecedented value.</div>
            <div class="Masthead-descriptionSecondary">
                <ul class="List">
                    <li class="List-item"><a href="#">11 yrs old and growing. What’s our story?</a></li>
                    <li class="List-item"><a href="#">11 yrs old and growing. What’s our story?</a></li>
                    <li class="List-item"><a href="#">11 yrs old and growing. What’s our story?</a></li>
                </ul>
            </div>
        </div>

    </div>

</div>
<!--/.Masthead-->
<div class="Masthead{% if mastheadModifier %} Masthead{{ mastheadModifier }}{% endif %}" role="banner">

    <div class="Masthead-container">

        {% if "--arrows" in mastheadModifier or "--combo" in mastheadModifier %}

        <div class="Masthead-secondary">
            {% include '@next-prev' %}
        </div><!--/.Masthead-secondary-->

        {% endif %}

        <div class="Masthead-primary">

            {% if mastheadBreadcrumb %}{% include '@breadcrumb' %}{% endif %}

            {% if mastheadContext %}
            <div class="Masthead-context">
                <p class="Heading Heading--context{% if mastheadHeadingModifer %} Heading{{ mastheadHeadingModifer }}{% endif %}">{{ mastheadContext }}</p>
            </div>
            {% endif %}

            <h1 class="Heading{% if '--arrows' in mastheadModifier or '--combo' in mastheadModifier %} Heading--secondary{% else %} Heading--main{% endif %}{% if mastheadHeadingModifer %} Heading{{ mastheadHeadingModifer }}{% endif %}">{{ mastheadTitle }}</h1>

            {% if mastheadHasSelector %}{% include '@selector' %}{% endif %}

            {% if mastheadSub %}<p class="Masthead-sub{% if mastheadSubModifer %} Masthead-sub{{ mastheadSubModifer }}{% endif %} Heading Heading--context{% if mastheadHeadingModifer %} Heading{{ mastheadHeadingModifer }}{% endif %}">{{ mastheadSub }}</p>{% endif %}

        </div><!--/.Masthead-primary-->

        {% if "--combo" in mastheadModifier %}

        <div class="Masthead-third">
            <div class="Heading Heading--context">
                    {{ mastheadThirdHeading }}
            </div>
            {{ mastheadThird }}
        </div><!--/.Masthead-third-->

        {% endif %}

        {% if mastheadDescription %}
        <div class="Masthead-lead">
            <div class="Masthead-description Lead Bar">{{ mastheadDescription }}</div>
            {% if mastheadDescriptionSecondary %}
            <div class="Masthead-descriptionSecondary">
                {% include '@list' with { listItems: mastheadDescriptionSecondary } %}
            </div>
            {% endif %}
        </div>
        {% endif %}
        
    </div>

</div><!--/.Masthead-->
{
  "mastheadTitle": "Dedicated to advancing the practice of design",
  "mastheadDescription": "Since 2005, we have applied strategic design, research, and product development to help deliver unprecedented value.",
  "mastheadDescriptionSecondary": [
    "<a href=\"#\">11 yrs old and growing. What’s our story?</a>",
    "<a href=\"#\">11 yrs old and growing. What’s our story?</a>",
    "<a href=\"#\">11 yrs old and growing. What’s our story?</a>"
  ]
}

Chimney is taller to make space for the chimneys in Layout Alternate.