/* Company / Contact / Jewellery — 9 Oct 2026
   Selected kinetic palette, typography and original hero preserved. */

/* Company editorial rhythm — compact, balanced and intentionally connected. */
.company-section {
  min-height:0;
  scroll-margin-top:105px;
  padding:clamp(140px,11.5vw,178px) var(--gutter) clamp(70px,7vw,100px);
  background:var(--paper);
  color:var(--ink);
}
.company-section .company-topline {
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:clamp(33px,3.7vw,58px);
}
.company-heading {
  display:grid;
  grid-template-columns:minmax(0,1.63fr) minmax(265px,.66fr);
  gap:clamp(34px,4vw,68px);
  align-items:center;
  margin:0 0 clamp(37px,4.1vw,56px);
}
.company-heading h2 {
  font-family:var(--font);
  font-size:clamp(73px,7.35vw,125px);
  font-weight:950;
  line-height:.93;
  letter-spacing:-.069em;
  margin:0;
  max-width:100%;
  min-width:0;
}
.company-heading h2 span {color:var(--accent)}
.company-heading>p {
  margin:0;
  font-size:clamp(17px,1.45vw,22px);
  line-height:1.48;
  max-width:31ch;
  letter-spacing:-.014em;
}
.company-roles {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(25px,4.5vw,77px);
  border-top:1px solid #aaa79f;
  padding-top:27px;
}
.company-label {
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
  display:block;
}
.company-roles strong {
  display:block;
  font-size:clamp(25px,2.45vw,35px);
  letter-spacing:-.057em;
  line-height:1.12;
  margin:13px 0 7px;
}
.company-roles p,.company-other p {
  font-size:clamp(15px,1.1vw,17px);
  line-height:1.53;
  color:#56534e;
  margin:0;
  max-width:40ch;
}
.company-other {
  display:grid;
  grid-template-columns:minmax(0,.9fr) repeat(2,minmax(0,1.1fr));
  align-items:center;
  gap:clamp(18px,2.5vw,45px);
  margin-top:clamp(29px,3.5vw,46px);
  padding:clamp(24px,2.5vw,35px);
  background:rgba(14,14,14,.039);
  border:0;
}
.company-other>div{min-width:0}
.company-other>div:first-child p{margin:11px 0 0;max-width:31ch}
.company-other strong {
  display:block;
  font-size:clamp(22px,1.95vw,29px);
  letter-spacing:-.05em;
  line-height:1.15;
  margin:0 0 9px;
}
@media(max-width:1340px){
  .company-heading{grid-template-columns:minmax(0,1fr);gap:25px}
  .company-heading h2{font-size:clamp(69px,8.0vw,106px)}
  .company-heading>p{max-width:45ch}
}
@media(max-width:900px){
  .company-section{padding-top:130px}
  .company-heading h2{font-size:clamp(61px,8.6vw,78px)}
  .company-other{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .company-other>div:first-child{grid-column:1/-1}
}
@media(max-width:600px){
  .company-section{padding-top:118px;padding-bottom:77px}
  .company-section .company-topline{margin-bottom:30px}
  .company-heading{gap:20px;margin-bottom:38px}
  .company-heading h2{font-size:clamp(45px,11.6vw,65px);letter-spacing:-.068em}
  .company-heading>p{font-size:17px;line-height:1.48}
  .company-roles{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}
  .company-roles strong{font-size:28px;margin:10px 0 5px}
  .company-other{grid-template-columns:minmax(0,1fr);gap:23px;padding:23px;margin-top:31px}
  .company-other>div:first-child{grid-column:auto}
  .company-other strong{font-size:25px;margin-bottom:6px}
  .company-other p{font-size:15px}
}

/* A human contact draft, with no deceptive "send" button. */
.message-section .section-mini-label{
  font-size:11px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.message-section h2{
  font-size:clamp(54px,6vw,100px);
  line-height:1.02;
  overflow-wrap:normal;
}
.message-section .message-explainer{
  font-size:clamp(18px,1.65vw,24px);
  line-height:1.47;
  max-width:34ch;
  margin-top:28px;
}
.message-section .message-privacy{
  font-size:14px;
  line-height:1.65;
  max-width:44ch;
  margin-top:22px;
  color:#605e55;
}
.message-section .message-layout{
  gap:clamp(35px,6vw,100px);
  margin-top:clamp(45px,6vw,80px);
}
.message-form .message-submit{text-align:center}
.message-form .message-result{overflow-wrap:break-word}

/* Four meaningful stage controls. Never let the fourth orphan onto a new line. */
.chapter-jewellery .trade-info{
  display:grid;
  grid-template-columns:minmax(0,1fr) 206px;
  align-items:center;
  gap:clamp(14px,2vw,30px);
  min-width:0;
  padding:16px 19px 18px;
}
.chapter-jewellery .trade-info>div{min-width:0}
.chapter-jewellery .trade-info strong{
  font-size:clamp(19px,1.85vw,27px);
  line-height:1.15;
  overflow-wrap:break-word;
}
.chapter-jewellery .trade-info p{
  margin:8px 0 0;
  font-size:12px;
  line-height:1.5;
  min-height:0;
  max-width:42ch;
}
.chapter-jewellery .trade-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  width:206px;
  min-width:0;
  max-width:206px;
  align-content:center;
  justify-content:stretch;
}
.chapter-jewellery .trade-steps button{
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:42px;
  padding:9px 7px;
  margin:0;
  font-size:12px;
  font-weight:750;
  line-height:1.2;
  text-align:center;
  white-space:normal;
  overflow-wrap:break-word;
  border-radius:6px;
}
.chapter-jewellery .trade-steps button:focus-visible{outline:3px solid #f0c383;outline-offset:2px}
/* Existing section and video are kept as a single responsive art stage. */
.chapter-jewellery .trade-studio{
  grid-template-rows:minmax(245px,1fr) auto;
}
@media(max-width:1100px){
  .chapter-jewellery .trade-info{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .chapter-jewellery .trade-steps{
    width:min(100%,350px);
    max-width:350px;
  }
}
@media(max-width:800px){
  .message-section .message-layout{grid-template-columns:minmax(0,1fr)}
  .chapter-jewellery .trade-info{
    grid-template-columns:minmax(0,1fr) 206px;
    gap:15px;
  }
  .chapter-jewellery .trade-steps{width:206px;max-width:206px}
}
@media(max-width:600px){
  .chapter-jewellery .trade-info{
    grid-template-columns:minmax(0,1fr);
    gap:13px;
    padding:15px;
  }
  .chapter-jewellery .trade-steps{
    width:min(100%,350px);
    max-width:350px;
  }
  .chapter-jewellery .trade-studio{
    height:auto;
    min-height:440px;
    grid-template-rows:minmax(240px,1fr) auto;
  }
}
@media(max-width:440px){
  .message-section h2{font-size:clamp(51px,12vw,68px)}
  .chapter-jewellery .trade-steps{
    width:100%;
    max-width:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .chapter-jewellery .trade-steps button{
    min-height:43px;
    font-size:11px;
  }
}