:root{--paper:#f4f1e9;--ink:#0c0c0b;--yellow:#edd01d;--line:rgba(12,12,11,.28);--gutter:clamp(1.25rem,3.6vw,4rem)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.45;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99;padding:.75rem 1rem;background:var(--ink);color:#fff}.skip-link:focus{top:1rem}
.site-header{height:72px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,241,233,.94);backdrop-filter:blur(12px);position:fixed;inset:0 0 auto;z-index:10}
.brand{display:flex;width:98px;height:52px}.brand img,footer>img{width:100%;height:100%;object-fit:contain}
.header-link{font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;display:flex;gap:.75rem;align-items:center}.header-link span{font-size:1rem}
.hero{min-height:100svh;padding:calc(72px + 2rem) var(--gutter) 2rem;display:grid;grid-template-rows:auto 1fr auto;border-bottom:1px solid var(--ink)}
.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.eyebrow,.status,.section-index,.product-line{font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin:0}
.status{display:flex;align-items:center;gap:.55rem}.status span{width:8px;height:8px;background:var(--yellow);border:1px solid var(--ink);border-radius:50%}
.hero-copy{align-self:center;padding:clamp(3rem,7vw,8rem) 0}
h1,h2{margin:0;text-transform:uppercase;font-weight:900;letter-spacing:-.07em;line-height:.82}
h1{font-size:clamp(4.7rem,11.7vw,13.5rem);max-width:9ch}
.lede{font-size:clamp(1.05rem,1.45vw,1.4rem);max-width:39rem;margin:clamp(1.8rem,3vw,3rem) 0 0}
.product-line{display:flex;align-items:center;gap:.75rem}.product-line i{width:5px;height:5px;background:var(--yellow);border:1px solid var(--ink)}
.actions{display:flex;gap:.75rem}
.button{min-height:52px;padding:0 1.4rem;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:space-between;gap:2.2rem;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.button-primary{background:var(--yellow)}.button-outline{background:transparent}.button:hover{background:var(--ink);color:#fff}
.enquiry{padding:clamp(5rem,10vw,10rem) var(--gutter);display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(3rem,10vw,10rem);background:var(--ink);color:#fff}
.section-index{color:var(--yellow);margin-bottom:2rem}
.enquiry h2{font-size:clamp(3.25rem,6vw,7rem)}
.enquiry-intro>p:not(.section-index):not(.note){font-size:clamp(1rem,1.4vw,1.3rem);max-width:31rem;margin:2rem 0}
.contact-details{max-width:31rem;margin:2.25rem 0;border-top:1px solid #555}.contact-details p{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;margin:0;padding:.65rem 0;border-bottom:1px solid #555;font-size:.82rem}.contact-details span{color:#999;text-transform:uppercase;font-size:.62rem;font-weight:800;letter-spacing:.12em;padding-top:.16rem}.contact-details a{width:max-content;max-width:100%;overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline;text-underline-offset:.2em}
.note{font-size:.72rem;color:#aaa;margin-top:3rem}
form{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;align-self:start}.field{border-top:1px solid #555;padding:1.15rem 0 1.65rem}.field.full,.form-footer.full{grid-column:1/-1}.field label{display:block;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#bbb;margin-bottom:.65rem}
.field input,.field select,.field textarea{width:100%;border:0;border-radius:0;outline:0;background:transparent;color:#fff;padding:.2rem 0;font-size:1rem}.field textarea{resize:vertical;min-height:8rem}.field select{cursor:pointer}.field select option{color:var(--ink);background:#fff}::placeholder{color:#777;opacity:1}
.field:focus-within{border-color:var(--yellow)}.field:focus-within label{color:var(--yellow)}
.form-footer{border-top:1px solid #555;padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.form-footer p{font-size:.78rem;color:#aaa;margin:0;max-width:25rem}.form-footer p.success{color:var(--yellow)}.form-footer p.error{color:#ff8b7f}.button-submit{background:var(--yellow);color:var(--ink);min-width:200px}.button-submit:disabled{cursor:wait;opacity:.65}
.honey{position:absolute!important;left:-9999px!important}
footer{background:var(--yellow);padding:2.25rem var(--gutter);display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:2rem;text-transform:uppercase;font-size:.66rem;font-weight:800;letter-spacing:.1em}footer>img{height:60px}footer p{margin:.2rem 0}.footer-meta{text-align:right}
:focus-visible{outline:3px solid #eb39a7;outline-offset:3px}
@media(max-width:800px){
  .hero{min-height:100svh}.hero-bottom{align-items:flex-end}.product-line{flex-wrap:wrap;max-width:16rem}.enquiry{grid-template-columns:1fr;gap:4rem}.enquiry-intro>p:not(.section-index):not(.note){max-width:38rem}
}
@media(max-width:560px){
  html{scroll-padding-top:64px}.site-header{height:64px}.brand{width:86px;height:46px}.header-link span{display:none}
  .hero{padding:calc(64px + 1.4rem) var(--gutter) 1.25rem}.hero-top{align-items:flex-start}.status{justify-content:flex-end;text-align:right}.hero-copy{padding:2.6rem 0}
  h1{font-size:clamp(3.65rem,19vw,6.2rem);line-height:.84}.lede{font-size:1rem;line-height:1.5;margin-top:1.6rem}
  .hero-bottom{display:block}.product-line{margin-bottom:1.4rem;max-width:none}.actions{display:grid;grid-template-columns:1fr 1fr}.button{padding:0 1rem;gap:.75rem;min-width:0}
  .enquiry{padding:5rem var(--gutter)}.enquiry h2{font-size:clamp(3rem,15vw,4.8rem)}.note{margin-top:2rem}
  form{grid-template-columns:1fr}.field.half{grid-column:1/-1}.field{padding:1rem 0 1.3rem}.form-footer{align-items:stretch;flex-direction:column}.button-submit{width:100%}
  footer{grid-template-columns:1fr 1fr;padding:2rem var(--gutter);gap:1rem}footer>img{grid-column:1/-1;width:92px;height:52px}.footer-meta{text-align:right}
}
@media(max-width:360px){.header-link{font-size:.61rem}.actions{grid-template-columns:1fr}.product-line{font-size:.61rem;gap:.5rem}h1{font-size:3.4rem}footer{grid-template-columns:1fr}.footer-meta{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
