<div class="ck-content">
<section class="seed-key" aria-labelledby="seed-key-title"><div class="seed-key__inner"><h2 class="seed-key__title" id="seed-key-title">Key Features</h2><div class="seed-key__grid"><article class="seed-key__card" tabindex="0" aria-label="Integration with Aerotropolis">
<img class="seed-key__image" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/seed/media/september-26-refresh/airplanes.webp" alt="" width="650" height="420" loading="lazy" />
<div class="seed-key__content"><h3 class="seed-key__label">Integration with Aerotropolis</h3><div class="seed-key__info"><ul><li>Direct frontage to Elizabeth Drive and 7 km to the M7</li><li>Under 800m to the future Western Sydney Airport</li></ul></div></div>
</article>
<article class="seed-key__card" tabindex="0" aria-label="Landscape & Open Space">
<img class="seed-key__image" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/seed/media/september-26-refresh/woman-on-laptop.webp" alt="" width="650" height="420" loading="lazy" />
<div class="seed-key__content"><h3 class="seed-key__label">Landscape & Open Space</h3><div class="seed-key__info"><ul><li>42 HA of natural open space</li></ul></div></div>
</article>
<article class="seed-key__card" tabindex="0" aria-label="Flexibility to Scale">
<img class="seed-key__image" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/seed/media/september-26-refresh/trucks.webp" alt="" width="650" height="420" loading="lazy" />
<div class="seed-key__content"><h3 class="seed-key__label">Flexibility to Scale</h3><div class="seed-key__info"><ul><li>90 HA of industrial and enterprise precinct</li><li>375,000 sqm of lettable area</li><li>Buildings ranging from 4,000 - 100,000sqm</li></ul></div></div>
</article>
<article class="seed-key__card" tabindex="0" aria-label="Amenity & Wellbeing">
<img class="seed-key__image" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/seed/media/september-26-refresh/path.webp" alt="" width="650" height="420" loading="lazy" />
<div class="seed-key__content"><h3 class="seed-key__label">Amenity & Wellbeing</h3><div class="seed-key__info"><ul><li>On site premium end of facilities and estate café</li><li>High quality architectural design</li></ul></div></div>
</article>
<article class="seed-key__card" tabindex="0" aria-label="Connection with Country">
<img class="seed-key__image" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/seed/media/september-26-refresh/bush.webp" alt="" width="650" height="420" loading="lazy" />
<div class="seed-key__content"><h3 class="seed-key__label">Connection with Country</h3><div class="seed-key__info"><ul><li>The design concept is based on combining site specific elements, including people and culture/Wianamattagal, water/Wianamatta, earth/Nura and the flora and trees/Dirang and Daramu</li><li>Wianamatta Creek has shaped the landscape, leading to the unique and sculptural architectural design</li></ul></div></div>
</article>
<article class="seed-key__card" tabindex="0" aria-label="Embedded Sustainability">
<img class="seed-key__image" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/seed/media/september-26-refresh/ev-charge.webp" alt="" width="650" height="420" loading="lazy" />
<div class="seed-key__content"><h3 class="seed-key__label">Embedded Sustainability</h3><div class="seed-key__info"><ul><li>Targeting 5-Star Green Star Rating - Buildings</li><li>Targeting Carbon Neutral Rating - Buildings</li></ul></div></div>
</article></div></div></section>
<style>
.seed-key { --seed-key-bg:#2b1a13; font-family:'Denim Ink',arial,sans-serif; background:var(--seed-key-bg); color:#fff; position:relative; width:100%; box-sizing:border-box; padding:clamp(28px,3.2vw,52px) clamp(20px,3.2vw,52px) clamp(36px,6vw,90px); }
.seed-key *, .seed-key *::before, .seed-key *::after {box-sizing:border-box;}
.seed-key .seed-key__inner {max-width:1600px;margin:0 auto;}
.seed-key .seed-key__title {font-family:'Denim Ink',arial,sans-serif!important;font-size:clamp(28px,2.8vw,42px)!important;font-weight:400!important;line-height:1.15!important;color:#fff!important;text-transform:uppercase;margin:0 0 clamp(32px,5.8vw,84px)!important;}
.seed-key .seed-key__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(30px,.4fr) repeat(3,minmax(0,1fr));gap:clamp(8px,.8vw,14px);}
.seed-key .seed-key__card:nth-child(4){grid-column:5;}
.seed-key .seed-key__card {position:relative;min-width:0;height:clamp(440px,34vw,560px);background:#34261e;isolation:isolate;overflow:hidden;outline-offset:5px;}
.seed-key .seed-key__card:focus-visible {outline:3px solid #dfe8a4;}
.seed-key .seed-key__image {display:block;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;transition:transform .45s ease;}
.seed-key .seed-key__card::after {content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7) 100%);transition:background .25s;pointer-events:none;}
.seed-key .seed-key__content {position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 12px;}
.seed-key .seed-key__label {font-family:'Denim Ink',arial,sans-serif!important;font-size:clamp(12px,.95vw,16px)!important;line-height:1.25!important;font-weight:400!important;text-transform:uppercase;color:#fff!important;text-align:center;margin:0!important;overflow-wrap:break-word;}
.seed-key .seed-key__info {display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .3s ease,margin .3s ease;margin-top:0;}
.seed-key .seed-key__info ul {min-height:0;overflow:hidden;padding:0 0 0 16px!important;margin:0!important;font-family:'Denim Ink',arial,sans-serif!important;font-size:clamp(12px,.95vw,15px)!important;line-height:1.45!important;color:#fff!important;overflow-wrap:anywhere;}
.seed-key .seed-key__info li {padding:0!important;margin:0 0 10px!important;color:inherit!important;}
.seed-key .seed-key__info li:last-child {margin-bottom:0!important;}
.seed-key .seed-key__card:focus .seed-key__info {grid-template-rows:1fr;opacity:1;margin-top:20px;}
.seed-key .seed-key__card:focus::after {background:rgba(22,14,10,.92);}
@media (hover:hover) and (pointer:fine) {
.seed-key .seed-key__card:hover .seed-key__info {grid-template-rows:1fr;opacity:1;margin-top:20px;}
.seed-key .seed-key__card:hover::after {background:rgba(22,14,10,.92);}
.seed-key .seed-key__card:hover .seed-key__image {transform:scale(1.04);}
}
@media (max-width:1100px) {
.seed-key .seed-key__grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.seed-key .seed-key__card:nth-child(4){grid-column:auto;}
.seed-key .seed-key__card {height:460px;}
.seed-key .seed-key__label {font-size:16px!important;}
.seed-key .seed-key__info ul {font-size:14px!important;}
}
@media (hover:none), (pointer:coarse) {
.seed-key .seed-key__info {grid-template-rows:1fr;opacity:1;margin-top:20px;}
.seed-key .seed-key__card::after {background:rgba(22,14,10,.83);}
.seed-key .seed-key__card {height:auto;min-height:460px;}
.seed-key .seed-key__content {position:relative;min-height:460px;}
}
@media (max-width:767px) {
.seed-key {padding:28px 20px 40px;}
.seed-key .seed-key__grid {grid-template-columns:minmax(0,1fr);gap:20px;max-width:560px;margin:0 auto;}
.seed-key .seed-key__title {margin-bottom:28px!important;}
.seed-key .seed-key__card {height:auto;min-height:320px;}
.seed-key .seed-key__content {position:relative;min-height:320px;padding:32px 24px;}
.seed-key .seed-key__label {font-size:22px!important;text-align:left;}
.seed-key .seed-key__info {grid-template-rows:1fr;opacity:1;margin-top:20px;}
.seed-key .seed-key__info ul {font-size:16px!important;line-height:1.5!important;}
.seed-key .seed-key__card::after {background:rgba(22,14,10,.84);}
}
@media (prefers-reduced-motion:reduce) {
.seed-key .seed-key__image,.seed-key .seed-key__info,.seed-key .seed-key__card::after {transition:none!important;transform:none!important;}
}
</style>
</div>