.aluminium-page{background:#fff}.aluminium-page .site-header nav a.active{color:var(--yellow)}
.alu-hero{height:80vh;height:80svh;min-height:700px;max-height:920px;position:relative;overflow:hidden;background:#171817;color:#fff}.alu-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}.alu-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,6,.88),rgba(5,7,6,.5) 43%,rgba(5,7,6,.05) 78%),linear-gradient(180deg,rgba(0,0,0,.3),transparent 35%,rgba(0,0,0,.2))}.alu-hero-copy{position:absolute;z-index:2;left:max(28px,calc((100vw - 1280px)/2));bottom:clamp(70px,8vh,105px);max-width:850px}.alu-hero .eyebrow{color:var(--yellow)}.alu-hero h1{font:800 clamp(4.5rem,7vw,7.8rem)/.82 "Arial Narrow","Aptos Narrow",Arial,sans-serif;letter-spacing:-.07em;text-transform:uppercase;margin:18px 0 28px}.alu-hero-copy>p:not(.eyebrow){max-width:640px;color:#e4e6e3;font-size:1.08rem}.alu-hero-copy>div{display:flex;align-items:center;gap:28px;margin-top:33px}
.alu-index{position:relative;z-index:4;display:grid;grid-template-columns:repeat(5,1fr);width:min(1280px,calc(100% - 56px));margin:-38px auto 0;background:#fff;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.12);overflow:hidden}.alu-index a{min-height:125px;padding:24px;display:flex;flex-direction:column;border-right:1px solid #e4e2dc}.alu-index a:last-child{border:0}.alu-index a:hover{background:#191a19;color:#fff}.alu-index span{color:#98710e;font-size:.7rem;font-weight:800}.alu-index strong{font:800 1.12rem/1.05 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin-top:auto}
.alu-intro{display:grid;grid-template-columns:1fr .95fr;gap:8vw;align-items:center}.alu-intro-photo{height:630px;overflow:hidden;border-radius:12px}.alu-intro-photo img{width:100%;height:100%;object-fit:cover;display:block}.alu-intro h2{margin:20px 0 30px}.alu-intro>div:last-child>p:not(.eyebrow){color:var(--muted)}
.alu-benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#191a19;color:#fff;padding:0 max(28px,calc((100vw - 1280px)/2))}.alu-benefits article{min-height:250px;padding:46px 34px;border-right:1px solid #3a3c39}.alu-benefits article:last-child{border:0}.alu-benefits span{color:var(--yellow);font-size:.7rem;font-weight:900}.alu-benefits h2{font:800 1.65rem/1 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:52px 0 14px}.alu-benefits p{color:#b8bab7;font-size:.84rem;margin:0}
.project-choice{background:#f3f2ed}.project-choice>header{display:grid;grid-template-columns:1fr .8fr;column-gap:9vw;align-items:end}.project-choice>header .eyebrow{grid-column:1/-1}.project-choice>header h2{margin:20px 0 0}.project-choice>header>p:last-child{color:var(--muted)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:60px}.choice-grid article{min-height:460px;padding:44px;background:#fff;border-radius:12px}.choice-grid article:last-child{background:var(--yellow)}.choice-grid span{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#8e6a0d}.choice-grid h3{font:800 clamp(2rem,3vw,3rem)/.96 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:50px 0 22px;max-width:500px}.choice-grid p{color:var(--muted)}.choice-grid article:last-child p{color:#403615}.choice-grid ul{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid #dfddd6}.choice-grid li{padding:12px 0 12px 24px;border-bottom:1px solid #dfddd6;position:relative;font-size:.86rem;font-weight:700}.choice-grid li:before{content:"";position:absolute;left:0;top:18px;width:8px;height:8px;background:#191a19}
.systems{background:#fff}.systems>header{max-width:880px}.systems h2{margin:20px 0 30px}.systems>header>p:last-child{color:var(--muted);max-width:760px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:58px}.system-card{padding:50px;background:#f3f2ed;border-radius:12px}.system-card--dark{background:#191a19;color:#fff}.system-card>span{color:#8e6a0d;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.system-card--dark>span{color:var(--yellow)}.system-card h3{font:800 clamp(2.2rem,3.2vw,3.45rem)/.94 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:22px 0 28px}.system-card>p{color:var(--muted)}.system-card--dark>p{color:#b8bab7}.system-card dl{margin:35px 0 0;border-top:1px solid #d8d6cf}.system-card--dark dl{border-color:#3a3c39}.system-card dl div{padding:18px 0;border-bottom:1px solid #d8d6cf}.system-card--dark dl div{border-color:#3a3c39}.system-card dt{font-weight:900;text-transform:uppercase}.system-card dd{margin:5px 0 0;color:var(--muted);font-size:.83rem}.system-card--dark dd{color:#aeb0ad}.system-note{max-width:960px;margin:26px 0 0;padding:22px 26px;border-left:5px solid var(--yellow);background:#fbf5df;color:var(--muted);font-size:.88rem}.system-note strong{color:var(--ink)}
.finish{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;background:#f3f2ed}.finish h2{margin:20px 0 30px}.finish-copy>p:not(.eyebrow){color:var(--muted)}.finish>img{width:100%;height:650px;object-fit:cover;border-radius:12px}.swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.swatches span{display:grid;gap:8px;color:var(--muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.swatches span:before{content:"";width:54px;height:54px;background:var(--swatch);border:1px solid rgba(0,0,0,.14);border-radius:50%}
.comfort{background:#191a19;color:#fff}.comfort>header{max-width:900px}.comfort .eyebrow{color:var(--yellow)}.comfort h2{margin:20px 0 0}.comfort-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:60px;border-top:1px solid #3a3c39}.comfort-grid article{padding:34px 26px;border-right:1px solid #3a3c39}.comfort-grid article:last-child{border:0}.comfort-grid span{color:var(--yellow);font-size:.72rem;font-weight:900}.comfort-grid h3{font:800 1.55rem "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:48px 0 12px}.comfort-grid p{color:#adb0ac;font-size:.84rem}
.material-choice>header{max-width:850px}.material-choice h2{margin:20px 0 28px}.material-choice>header>p:last-child{color:var(--muted)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:52px 0 28px}.comparison article{padding:42px;background:#f3f2ed;border-radius:12px}.comparison article:first-child{background:#191a19;color:#fff}.comparison h3{font:800 2rem "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:0 0 26px}.comparison ul{list-style:none;padding:0;margin:0}.comparison li{padding:12px 0 12px 24px;border-top:1px solid #d9d7d0;position:relative;font-size:.87rem}.comparison article:first-child li{border-color:#3a3c39}.comparison li:before{content:"";position:absolute;left:0;top:18px;width:8px;height:8px;background:var(--yellow)}
.price{background:#f3f2ed}.price>header{display:grid;grid-template-columns:.75fr 1fr;gap:9vw;align-items:end}.price>header .eyebrow{grid-column:1/-1}.price h2{margin:20px 0 0}.price>header>p:last-child{color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:56px}.price-grid article{min-height:240px;background:#fff;border-radius:10px;padding:28px;display:flex;flex-direction:column}.price-grid span{color:#8e6a0d;font-size:.7rem;font-weight:900}.price-grid h3{font:800 1.55rem/1 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:auto 0 14px}.price-grid p{color:var(--muted);font-size:.82rem;margin:0}.price-note{margin:18px 0 0;background:var(--yellow);padding:22px 26px;font-weight:800}
.alu-projects{background:#fff}.alu-projects>header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}.alu-projects h2{margin:20px 0 0}.alu-projects>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px}.alu-projects article{height:510px;position:relative;overflow:hidden;border-radius:10px;color:#fff}.alu-projects article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.88))}.alu-projects img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.alu-projects article:hover img{transform:scale(1.03)}.alu-projects span,.alu-projects h3{position:absolute;z-index:2;left:26px;right:26px}.alu-projects span{bottom:112px;color:var(--yellow);font-size:.66rem;font-weight:900;text-transform:uppercase}.alu-projects h3{bottom:24px;font:800 1.75rem/.98 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:0}
.alu-process{display:grid;grid-template-columns:.75fr 1fr;gap:9vw;background:var(--yellow)}.alu-process h2{margin:20px 0 26px}.alu-process header>p:last-child{max-width:520px}.alu-process ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(0,0,0,.25)}.alu-process li{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(0,0,0,.25)}.alu-process li>span{font:800 1.35rem "Arial Narrow",Arial}.alu-process strong{font:800 1.25rem "Arial Narrow",Arial;text-transform:uppercase}.alu-process li p{font-size:.84rem;margin:5px 0 0;color:#453a17}
.alu-faq{display:grid;grid-template-columns:.65fr 1fr;gap:9vw}.alu-faq h2{margin:20px 0 28px}.alu-faq header>p:last-child{color:var(--muted)}.alu-faq>div{border-top:1px solid var(--line)}.alu-faq details{border-bottom:1px solid var(--line)}.alu-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 32px;gap:18px;align-items:center;padding:23px 0;font-weight:800}.alu-faq summary::-webkit-details-marker{display:none}.alu-faq summary span{width:30px;height:30px;border:1px solid #bbb9b2;border-radius:50%;display:grid;place-items:center}.alu-faq details[open] summary span{transform:rotate(45deg);background:var(--yellow);border-color:var(--yellow)}.alu-faq details p{color:var(--muted);padding:0 48px 24px 0;margin:0}
.alu-cta{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;background:#191a19;color:#fff;padding-block:0}.alu-cta>img{width:100%;height:620px;object-fit:cover}.alu-cta>div{align-self:center;padding:clamp(45px,7vw,100px)}.alu-cta .eyebrow{color:var(--yellow)}.alu-cta h2{margin:20px 0 28px}.alu-cta>div>p:not(.eyebrow){color:#b8bab7}.alu-cta>div>div{display:flex;align-items:center;gap:22px;margin-top:32px}.cta-secondary{font-size:.74rem;font-weight:900;border-bottom:1px solid var(--yellow);padding:10px 0}
@media(max-width:1050px){.alu-index{grid-template-columns:repeat(2,1fr)}.alu-index a:last-child{grid-column:1/-1}.alu-intro,.finish,.alu-process,.alu-faq,.alu-cta{grid-template-columns:1fr}.alu-benefits,.comfort-grid{grid-template-columns:1fr 1fr}.project-choice>header,.price>header{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.finish>img{height:540px}.alu-projects>div{grid-template-columns:1fr 1fr}.alu-projects article:last-child{grid-column:1/-1}.alu-cta>img{height:520px}.alu-process{gap:50px}}
@media(max-width:680px){.alu-hero{height:80vh;height:80svh;min-height:680px;max-height:760px}.alu-hero>img{object-position:64% center}.alu-hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.12) 32%,rgba(0,0,0,.92) 88%)}.alu-hero-copy{left:20px;right:20px;bottom:36px}.alu-hero h1{font-size:3.55rem}.alu-hero-copy>p:not(.eyebrow){font-size:.92rem}.alu-hero-copy>div{gap:18px;flex-wrap:wrap;margin-top:24px}.alu-index{width:calc(100% - 24px);margin-top:-20px}.alu-index a{min-height:105px;padding:18px 16px}.alu-index strong{font-size:.95rem}.alu-intro-photo{height:430px}.alu-benefits,.comfort-grid,.choice-grid,.comparison,.price-grid,.alu-projects>div{grid-template-columns:1fr}.alu-benefits article{min-height:205px;border-right:0;border-bottom:1px solid #3a3c39;padding:34px 22px}.alu-benefits h2{margin-top:36px}.choice-grid article{min-height:0;padding:34px 26px}.system-card{padding:35px 25px}.finish>img{height:420px}.comfort-grid article{border-right:0;border-bottom:1px solid #3a3c39;padding:28px 0}.price-grid article{min-height:210px}.alu-projects>header{grid-template-columns:1fr}.alu-projects article,.alu-projects article:last-child{grid-column:auto;height:410px}.alu-faq details p{padding-right:0}.alu-cta>img{height:420px}.alu-cta>div{padding:55px 20px 70px}.alu-cta>div>div{align-items:flex-start;flex-direction:column}.swatches span:before{width:46px;height:46px}}

/* Aluminium page refinement: project photography, branded systems and physical colour samples. */
.alu-hero>img{object-position:center 55%}
.alu-hero-shade{background:linear-gradient(90deg,rgba(5,7,6,.82),rgba(5,7,6,.42) 45%,rgba(5,7,6,.05) 80%),linear-gradient(180deg,rgba(0,0,0,.22),transparent 35%,rgba(0,0,0,.24))}
.system-brand{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.system-brand img{display:block;width:auto;max-width:210px;max-height:58px;object-fit:contain;background:#fff;border-radius:6px;padding:9px 12px}
.system-brand span{color:#8e6a0d;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.system-card--dark .system-brand span{color:var(--yellow)}
.profile-list{margin-top:34px;border-top:1px solid #d8d6cf}
.system-card--dark .profile-list{border-color:#3a3c39}
.profile-list section{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid #d8d6cf}
.system-card--dark .profile-list section{border-color:#3a3c39}
.profile-list h4{margin:0;font-size:.95rem;text-transform:uppercase}
.profile-list p{margin:6px 0 0;color:var(--muted);font-size:.81rem}
.system-card--dark .profile-list p{color:#aeb0ad}
.profile-list a{white-space:nowrap;border:1px solid #bbb9b2;border-radius:999px;padding:10px 13px;font-size:.65rem;font-weight:900;text-transform:uppercase}
.system-card--dark .profile-list a{border-color:#555;color:#fff}
.profile-list a:hover{background:var(--yellow);border-color:var(--yellow);color:#171817}
.profile-list a span{color:#98710e;margin-left:4px}
.coating-note{max-width:960px;margin:26px 0 0;padding:22px 26px;border-left:5px solid var(--yellow);background:#fbf5df;color:var(--muted);font-size:.88rem}
.coating-note strong{color:var(--ink)}
.ral-samples{margin:0;display:grid;grid-template-columns:minmax(250px,.8fr) 1fr;align-items:center;gap:34px;background:#fff;border-radius:16px;padding:32px}
.ral-samples img{width:100%;max-height:560px;object-fit:contain;border-radius:12px}
.ral-samples figcaption{display:grid;gap:12px}
.ral-samples strong{font:800 1.7rem/1 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}
.ral-samples span{color:var(--muted);font-size:.85rem}
.finish .swatches{display:none}
.choice-grid article:first-child{border-top:8px solid var(--yellow)}
.choice-grid article:last-child{border-top:8px solid #191a19}
.choice-grid .project-tag{display:inline-flex;align-items:center;gap:12px;width:max-content;padding:11px 17px;border-radius:999px;background:var(--yellow);color:#171817;font-size:.95rem;font-weight:900;letter-spacing:.06em;line-height:1;text-transform:uppercase}
.choice-grid article:last-child .project-tag{background:#191a19;color:#fff}
.choice-grid .project-tag b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#171817;color:var(--yellow);font-size:.72rem}
.choice-grid article:last-child .project-tag b{background:var(--yellow);color:#171817}
.choice-grid h3{margin-top:34px}
@media(max-width:680px){.alu-hero>img{object-position:62% center}.alu-hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.16) 32%,rgba(0,0,0,.92) 88%)}.system-brand{align-items:flex-start;min-height:0;flex-direction:column}.profile-list section{grid-template-columns:1fr}.profile-list a{justify-self:start}.ral-samples{grid-template-columns:1fr;padding:22px}}

/* Roomier product storytelling and earlier, clearer examples. */
.aluminium-page .alu-intro,
.aluminium-page .project-choice,
.aluminium-page .systems,
.aluminium-page .finish,
.aluminium-page .alu-projects { padding-block: clamp(110px,12vw,180px); }
.aluminium-page .alu-intro,
.aluminium-page .finish { gap: 10vw; }
.aluminium-page .alu-projects > header > div > p:last-child { max-width: 680px; color: var(--muted); margin-top: 20px; }
.aluminium-page .alu-projects > div { gap: 24px; margin-top: 70px; }
@media(max-width:680px){
  .aluminium-page .alu-intro,
  .aluminium-page .project-choice,
  .aluminium-page .systems,
  .aluminium-page .finish,
  .aluminium-page .alu-projects { padding-block: 78px; }
  .aluminium-page .alu-projects > div { gap: 18px; margin-top: 42px; }
}