.company-page{background:var(--paper)}
.company-page .top-actions span{font-size:9px;letter-spacing:.16em;color:var(--muted)}
.company-index-link{font-size:9px;letter-spacing:.14em;font-weight:700}
.catalog-nav .is-active{color:var(--ink)}
.catalog-nav .is-active:after{width:100%}
.company-main{padding-top:var(--bar)}
.company-hero{
  min-height:calc(100svh - var(--bar));
  display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  background:var(--paper);border-bottom:1px solid var(--hair)
}
.company-hero-copy{
  padding:clamp(74px,8vw,130px) var(--pad) clamp(60px,7vw,110px);
  display:flex;flex-direction:column;justify-content:flex-end
}
.company-hero-copy h1{
  margin:0;font-size:clamp(50px,5.2vw,84px);line-height:1.0;letter-spacing:-.06em;font-weight:300;word-break:keep-all;text-wrap:balance
}
.company-hero-copy>p:not(.kicker){
  margin:34px 0 0;max-width:610px;color:var(--muted);font-size:14px;line-height:1.9;word-break:keep-all
}
.company-hero-meta{
  margin-top:48px;padding-top:14px;border-top:1px solid var(--hair);
  display:flex;gap:28px;justify-content:space-between;flex-wrap:wrap;
  font-size:8px;letter-spacing:.16em;color:var(--muted)
}
.company-hero-image{margin:0;position:relative;min-height:650px;background:#c8c0b5;overflow:hidden}
.company-hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.02)}
.company-hero-image figcaption{
  position:absolute;right:16px;bottom:14px;padding:8px 10px;background:rgba(242,239,232,.9);
  font-size:8px;letter-spacing:.14em
}

.company-statement,
.company-value,
.company-why,
.company-workshop{
  max-width:var(--content-max);margin:auto;padding:clamp(90px,9vw,150px) var(--pad)
}
.company-statement{
  display:grid;grid-template-columns:80px minmax(0,1.15fr) minmax(280px,.65fr);
  gap:clamp(24px,4vw,70px);align-items:start
}
.statement-no,.why-head>span,.value-head>span,.workshop-head>div>span{
  font-size:10px;letter-spacing:.14em;color:var(--accent)
}
.statement-title h2,.value-head h2,.why-head h2,.workshop-head h2{
  margin:0;font-size:clamp(46px,5.4vw,82px);line-height:.98;letter-spacing:-.065em;font-weight:300
}
.statement-body{padding-top:34px;border-top:1px solid var(--hair)}
.statement-body p{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.9}

.company-value{border-top:1px solid var(--hair)}
.value-head{display:grid;grid-template-columns:80px 1fr;column-gap:clamp(24px,4vw,70px);margin-bottom:70px}
.value-head .kicker,.value-head h2{grid-column:2}
.value-words{border-top:1px solid var(--hair)}
.value-words article{
  display:grid;grid-template-columns:70px minmax(200px,.6fr) minmax(260px,1fr);
  gap:30px;align-items:center;min-height:94px;border-bottom:1px solid var(--hair)
}
.value-words article span{font-size:9px;color:var(--accent)}
.value-words article b{font-size:clamp(18px,2vw,28px);letter-spacing:.04em;font-weight:500}
.value-words article p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}

.company-why{background:#e7e1d7;max-width:none;padding-left:max(var(--pad),calc((100vw - 1720px)/2 + var(--pad)));padding-right:max(var(--pad),calc((100vw - 1720px)/2 + var(--pad)))}
.why-head{display:grid;grid-template-columns:80px 1fr;column-gap:clamp(24px,4vw,70px);margin-bottom:62px}
.why-head .kicker,.why-head h2{grid-column:2}
.why-list{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--hair)}
.why-list article{padding:24px 22px 30px;border-right:1px solid var(--hair)}
.why-list article:last-child{border-right:0}
.why-list b{font-size:9px;color:var(--accent);letter-spacing:.14em}
.why-list h3{margin:44px 0 16px;font-size:18px;line-height:1.35}
.why-list p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}

.company-workshop{max-width:none;background:#151310;color:#eee9e0}
.workshop-head,.workshop-grid,.workshop-stats{max-width:var(--content-max);margin-left:auto;margin-right:auto}
.workshop-head{
  display:grid;grid-template-columns:1fr minmax(280px,.55fr);gap:60px;align-items:end;margin-bottom:54px
}
.workshop-head .kicker{color:#a9917c}
.workshop-head p:last-child{margin:0;color:rgba(255,255,255,.58);font-size:13px;line-height:1.85}
.workshop-grid{
  display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:140px;gap:10px
}
.workshop-grid figure{margin:0;position:relative;overflow:hidden;background:#2a2723}
.workshop-grid figure:nth-child(1){grid-column:span 5;grid-row:span 3}
.workshop-grid figure:nth-child(2){grid-column:span 3;grid-row:span 2}
.workshop-grid figure:nth-child(3){grid-column:span 4;grid-row:span 2}
.workshop-grid figure:nth-child(4){grid-column:span 3;grid-row:span 2}
.workshop-grid figure:nth-child(5){grid-column:span 4;grid-row:span 3}
.workshop-grid figure:nth-child(6){grid-column:span 5;grid-row:span 2}
.workshop-grid figure:nth-child(7){grid-column:span 3;grid-row:span 2}
.workshop-grid figure:nth-child(8){grid-column:span 4;grid-row:span 2}
.workshop-grid figure:nth-child(9){grid-column:span 5;grid-row:span 2}
.workshop-grid figure:nth-child(10){grid-column:span 3;grid-row:span 2}
.workshop-grid figure:nth-child(11){grid-column:span 4;grid-row:span 2}
.workshop-grid figure:nth-child(12){grid-column:span 5;grid-row:span 2}
.workshop-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}
.workshop-grid figcaption{
  position:absolute;left:10px;bottom:9px;font-size:7px;letter-spacing:.14em;color:rgba(255,255,255,.72)
}
.workshop-stats{
  margin-top:54px;border-top:1px solid rgba(255,255,255,.16);
  display:grid;grid-template-columns:repeat(4,1fr)
}
.workshop-stats>div{padding:20px 20px 0 0;border-right:1px solid rgba(255,255,255,.12)}
.workshop-stats>div:last-child{border-right:0}
.workshop-stats span{display:block;font-size:8px;letter-spacing:.14em;color:rgba(255,255,255,.45)}
.workshop-stats b{display:block;margin:18px 0 5px;font-size:24px;font-weight:400}
.workshop-stats em{font-style:normal;font-size:10px;color:rgba(255,255,255,.5)}

.company-close{
  min-height:70vh;padding:clamp(100px,10vw,170px) var(--pad) 90px;
  background:var(--accent);color:#f6f0e8
}
.company-close h2{
  margin:0;font-size:clamp(56px,7vw,110px);line-height:.92;letter-spacing:-.07em;font-weight:300
}
.company-close .kicker{color:rgba(255,255,255,.58)}
.company-close-links{
  margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.28)
}
.company-close-links a{
  min-height:70px;padding:18px 26px;display:flex;justify-content:space-between;gap:10px;
  border-right:1px solid rgba(255,255,255,.18);font-size:11px;letter-spacing:.08em
}
.company-close-links a:last-child{border-right:0}
.company-close-links span{padding-right:0}

@media(max-width:1000px){
  .company-hero{grid-template-columns:1fr}
  .company-hero-image{min-height:58vh}
  .company-statement{grid-template-columns:50px 1fr}
  .statement-body{grid-column:2}
  .why-list{grid-template-columns:1fr 1fr}
  .why-list article{border-bottom:1px solid var(--hair)}
  .workshop-head{grid-template-columns:1fr}
  .workshop-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px}
  .workshop-grid figure{grid-column:auto!important;grid-row:auto!important}
  .workshop-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .company-page .top-actions span{display:none}
  .company-statement,.company-value,.company-why,.company-workshop{padding-top:72px;padding-bottom:72px}
  .company-statement{grid-template-columns:1fr}
  .statement-body{grid-column:auto}
  .value-head,.why-head{grid-template-columns:1fr}
  .value-head .kicker,.value-head h2,.why-head .kicker,.why-head h2{grid-column:auto}
  .value-head>span,.why-head>span{margin-bottom:24px}
  .value-words article{grid-template-columns:38px 1fr;padding:18px 0}
  .value-words article p{grid-column:2}
  .why-list{grid-template-columns:1fr}
  .why-list article{border-right:0}
  .workshop-grid{grid-template-columns:1fr;grid-auto-rows:260px}
  .workshop-stats{grid-template-columns:1fr}
  .company-close-links{grid-template-columns:1fr 1fr}
}