@charset "UTF-8";
:root{--blue:#88652b;--ink:#0d1625;--paper:#fafafa;--line:#dcd8d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.65 Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #ef9900;outline-offset:6px}header,footer{padding:2rem 6%;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{text-decoration:none;font-size:2.6rem;font-weight:900;line-height:.9;letter-spacing:-.13rem;display:inline-flex;flex-direction:column}.brand span{font-size:.72rem;letter-spacing:.15rem;margin-top:.6rem}nav{display:flex;gap:2.5rem;align-items:center}nav a{text-decoration:none;font-size:.95rem}.nav-contact{border-bottom:1px solid;padding-bottom:.4rem}.nav-contact span{margin-left:1rem}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;border-top:1px solid var(--line)}.hero-copy{padding:4.5rem 10% 5rem 12%}.eyebrow{font-size:.8rem;letter-spacing:.13em;font-weight:700;margin:0 0 2rem}h1{font-size:clamp(3.5rem,6.3vw,7rem);letter-spacing:-.065em;line-height:1.02;margin:0 0 2rem;font-weight:600}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:1.12rem;max-width:29rem;margin-bottom:2rem}.button{display:inline-flex;text-decoration:none;background:var(--ink);color:white;padding:.9rem 1.4rem;gap:2.5rem;font-weight:600}.button:hover{background:var(--blue)}.hero-visual{background:var(--blue);color:white;display:flex;flex-direction:column;position:relative;padding:2.5rem;overflow:hidden}.visual-title{font-size:1.15rem;position:relative;z-index:1}.image-slot{flex:1;min-height:300px;background-position:center;background-size:cover;margin:1.5rem -2.5rem}.caption{font-size:.75rem;letter-spacing:.08em;display:flex;justify-content:space-between;gap:1rem;margin:0}.section{padding:6rem 6%}.section-heading{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:3rem;align-items:start}.section-heading>p:last-child{margin:0}h2{font-size:clamp(2.4rem,4vw,4.3rem);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:0 0 2rem}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}.product-grid article{border-top:2px solid var(--ink);padding:2rem 0}.number{color:var(--blue);font-size:.9rem;font-weight:bold}h3{font-size:2rem;letter-spacing:-.04em;font-weight:500;margin:1.5rem 0 .8rem}.product-grid p{max-width:32rem}.tags{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.tags span{font-size:.875rem;border:1px solid var(--line);padding:.3rem .85rem;border-radius:2rem}.about{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 2.7fr;gap:3rem}.about div{max-width:49rem}.about p:not(.eyebrow){max-width:36rem;color:#d1d9e2}.enquiries{display:grid;grid-template-columns:1.15fr 1fr;gap:6rem;background:#f1eee7}.enquiries p{max-width:31rem}.quote-list{list-style:none;padding:0;margin:0;counter-reset:item}.quote-list li{counter-increment:item;position:relative;padding:1.2rem 0 1.2rem 2.7rem;border-top:1px solid #c9bfac;font-size:.95rem}.quote-list li:before{content:'0' counter(item);position:absolute;left:0;color:var(--blue);font-size:.8rem;font-weight:bold}.quote-list span{display:block;font-size:1.12rem;font-weight:600}.contact-pending{border-left:3px solid var(--blue);padding-left:1rem;font-size:.95rem;margin-top:2rem}footer{padding-top:3rem;padding-bottom:3rem}footer p{font-size:.875rem}.skip{position:absolute;top:-100px;background:white;padding:1rem;z-index:10}.skip:focus{top:0}@media(max-width:800px){header,footer{padding:1.6rem 6%}nav{gap:1.1rem}.brand{font-size:2rem}.hero{grid-template-columns:1fr}.hero-copy{padding:3.5rem 6%}.hero-visual{min-height:420px;padding:2rem 6%}.image-slot{margin:1rem -7%}.section{padding:4rem 6%}.section-heading,.about{grid-template-columns:1fr;gap:1rem}.section-heading .eyebrow{margin-bottom:.6rem}.section-heading h2{margin-bottom:.5rem}.enquiries{grid-template-columns:1fr;gap:2rem}.product-grid{gap:2rem}footer{flex-wrap:wrap}h1{font-size:4.6rem}}@media(max-width:480px){nav{gap:.8rem}nav a{font-size:.875rem}nav a:nth-child(2){display:none}.product-grid{grid-template-columns:1fr;gap:.5rem}.hero-visual{min-height:360px}.caption{flex-direction:column;gap:.3rem}h1{font-size:3.75rem}.hero-copy .eyebrow{font-size:.75rem}footer{align-items:flex-start}footer p:last-child{flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-visual img.image-slot{display:block;object-fit:cover;width:calc(100% + 5rem);height:370px;min-height:0}.image-note{font-size:.75rem;margin:0 0 1rem;color:#fff}.contact-details{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem}.contact-details>a{font-size:clamp(1rem,2vw,1.4rem);text-underline-offset:.25rem;overflow-wrap:anywhere}.contact-details p{font-size:.95rem}@media(max-width:800px){.hero-visual img.image-slot{width:114%;height:330px;flex:none}}
header,footer{background:#0d1625;color:#f6f1e7}header{padding-top:.8rem;padding-bottom:.8rem}.brand{display:block;line-height:0;flex-shrink:0}.brand img{display:block;width:150px;height:120px;object-fit:contain}nav a:hover{color:#d4ac61}.nav-contact{color:#d4ac61}.hero{border-top:1px solid #273044}.hero-visual{background:#0d1625;justify-content:center;padding:2rem}.hero-logo{display:block;width:100%;height:auto;max-width:640px;margin:auto;object-fit:contain}.hero-visual .caption{color:#d4ac61;margin-top:2rem}.button{background:#0d1625;color:#f5e3bb}.button:hover{background:#26344a}.about .eyebrow{color:#d4ac61}a:focus-visible{outline-color:#aa7e34}footer .brand img{width:170px;height:136px}@media(max-width:800px){.hero-visual{min-height:0;padding:2rem 6%}.hero-logo{max-width:490px}.brand img{width:125px;height:100px}}@media(max-width:480px){header{gap:1rem}.brand img{width:105px;height:84px}.hero-visual{padding:1.5rem 6%}.hero-visual .caption{font-size:.75rem}}
.contact-details .contact-person{margin:0 0 .75rem;font-size:1rem}.contact-person strong{font-size:1.4rem;color:var(--ink)}

.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;margin-top:3rem}.showcase-card{min-width:0;background:white;border:1px solid var(--line)}.sheet-link{display:block;background:#0d1625}.sheet-link img{display:block;width:100%;height:auto}.sheet-link:hover{outline:2px solid #88652b;outline-offset:3px}.showcase-copy{padding:2rem}.showcase-copy h3{margin:.6rem 0}.showcase-copy p{max-width:35rem}.mockup-note{font-size:.875rem;color:#526070}.product-enquiry{display:inline-block;margin-top:.6rem;text-underline-offset:.25rem;font-weight:600}.product-enquiry:hover{color:#88652b}@media(max-width:700px){.showcase-grid{grid-template-columns:1fr;gap:2rem}.showcase-copy{padding:1.4rem}.hero-copy .eyebrow{line-height:1.7;letter-spacing:.09em}}

/* Company story and purpose */
.brand-tagline{color:var(--blue);font-size:.78rem;font-weight:700;letter-spacing:.1em;line-height:1.65;max-width:28rem;margin:0 0 1.3rem}
.about>div{max-width:none}.about .since{color:#d4ac61;font-size:clamp(3rem,5vw,5.5rem);line-height:1;margin:3rem 0 0;letter-spacing:-.05em}.since span{display:block;font-size:.65rem;line-height:1.7;letter-spacing:.12em;margin-top:1rem}.about .story-lead{font-size:1.2rem;color:#f6f1e7;max-width:43rem}.about-story p{margin:0 0 1.3rem}.about .purpose-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;border-top:1px solid #3e4653;padding-top:3rem;margin-top:1rem}.purpose-grid .eyebrow{margin-bottom:1rem}.purpose-grid h3{color:#f6f1e7;margin:0 0 1rem;font-size:clamp(1.6rem,2.6vw,2.4rem)}.purpose-grid p:last-child{margin-bottom:0}.values{grid-column:1/-1;border-top:1px solid #3e4653;padding-top:3rem}.values>.eyebrow{margin-bottom:1rem}.values>h3{margin:0 0 2rem;font-size:2.3rem}.values-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem}.value-number{color:#d4ac61;font-size:.8rem}.values-grid h4{font-size:1.1rem;line-height:1.3;margin:.8rem 0}.values-grid p{font-size:.95rem;margin:0}.about p{overflow-wrap:break-word}
@media(max-width:1000px){.values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.about .since{margin:0 0 2rem;font-size:3.5rem}.about .purpose-grid{gap:2rem}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-story{margin-bottom:1rem}}
@media(max-width:520px){.about .purpose-grid{grid-template-columns:1fr;gap:2.5rem}.values-grid{grid-template-columns:1fr;gap:1.5rem}.values-grid li{border-top:1px solid #3e4653;padding-top:1rem}.values-grid h4{display:inline;margin-left:.7rem}.values-grid p{margin-top:.5rem}nav a:nth-child(2){display:inline}nav{gap:.65rem}nav a{font-size:.8rem}.nav-contact span{margin-left:.3rem}}