/* Shared rhythm for the two comparison previews. The original page is untouched. */
body[data-home-direction] #main .home-maker-story{
  padding-top:clamp(54px,5.2vw,84px);
  padding-bottom:0;
  background:#fffdf7;
  border:0;
}
body[data-home-direction] #main .home-maker-grid{
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  column-gap:7%;
  row-gap:36px;
}
body[data-home-direction] #main .home-maker-intro h2{
  font-size:clamp(46px,4.2vw,64px);
  line-height:1.06;
  max-width:12ch;
  letter-spacing:-.035em;
  font-weight:400;
}
body[data-home-direction] #main .home-maker-intro>p{
  max-width:43ch;
  margin-top:22px;
  font-size:15px;
  line-height:1.8;
}
body[data-home-direction] #main .home-maker-story .eyebrow{margin-bottom:17px}
body[data-home-direction] #main .home-maker-hands{margin-top:28px;max-width:440px}
body[data-home-direction] #main .home-maker-hands img{aspect-ratio:1.6}
body[data-home-direction] #main .home-maker-evidence>.company-media{margin-top:0}
body[data-home-direction] #main .home-maker-story .company-media-stage{
  aspect-ratio:16/9;
  box-shadow:9px 9px 0 #cfe8f2;
}
body[data-home-direction] #main .home-maker-story .company-media-footer{padding-top:20px}
body[data-home-direction] #main .home-maker-copy{padding-top:18px;margin-top:12px;column-gap:24px}
body[data-home-direction] #main .home-maker-copy .home-company-name{font-size:14px;line-height:1.65}
body[data-home-direction] #main .home-location-line{font-size:12px}
body[data-home-direction] #main .home-evidence>a{font-size:11px;line-height:1.65}
body[data-home-direction] #main .home-maker-actions{gap:22px;margin-top:10px}
body[data-home-direction] #main .home-maker-actions .text-link{font-size:13px;min-height:44px;gap:24px}
body[data-home-direction] #main .direction-maker-link{border-color:#08276e42}
body[data-home-direction] #main .direction-handoff{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:24px;
  margin:2px 0 0;
  padding:24px 0 26px;
  color:#46617b;
  font:400 15px/1.65 var(--home-ui);
  letter-spacing:.015em;
}
body[data-home-direction] #main .direction-handoff::before{
  content:'';
  width:52px;
  height:1px;
  flex:none;
  background:#a9c6d4;
}
body[data-home-direction] #main .direction-handoff::after{
  content:'';
  flex:1;
  height:1px;
  margin-inline-start:12px;
  background:linear-gradient(90deg,#d5dce0,transparent);
}

/* Colour belongs to the display objects; the shared floor stays quiet. */
body[data-home-direction] #main .home-collection{
  padding-top:40px;
  padding-bottom:36px;
  background:linear-gradient(180deg,#fffdf7 0%,#f4effa 43%,#f4effa 78%,#fffdf7 100%);
}
body[data-home-direction] #main .home-collection .rail-heading{
  align-items:end;
  gap:24px;
  margin-bottom:12px;
}
body[data-home-direction] #main .home-collection .rail-heading .eyebrow{margin-bottom:13px}
body[data-home-direction] #main .home-collection .rail-heading h2{
  font-size:clamp(42px,4.1vw,62px);
  line-height:1.08;
  font-weight:400;
  max-width:20ch;
  letter-spacing:-.035em;
}
body[data-home-direction] #main .home-collection-intro{font-size:14px;line-height:1.7;margin-top:14px;max-width:44ch}
body[data-home-direction] #main .home-collection-tools{gap:22px}
body[data-home-direction] #main .home-category-links{gap:19px}
body[data-home-direction] #main .home-category-links a{font-size:12px;min-height:44px}
body[data-home-direction] #main .home-task-links{
  border-top:0;
  padding-block:0;
  margin-top:0;
  margin-bottom:2px;
  gap:4px 22px;
}
body[data-home-direction] #main .home-task-links>span{font-size:10px;color:#536b86}
body[data-home-direction] #main .home-task-links a{font-size:11px;min-height:38px}
body[data-home-direction] #main .home-collection .product-rail{padding-top:12px;padding-bottom:24px}
body[data-home-direction] #main .home-collection .rail-scene{height:clamp(330px,29vw,400px)}
body[data-home-direction] #main .home-collection .rail-info{padding-top:18px}
body[data-home-direction] #main .home-collection .rail-info h3{font-size:16px;line-height:1.5}
body[data-home-direction] #main .home-collection .rail-use-note{font-size:12px;line-height:1.7;margin-top:7px}
body[data-home-direction] #main .home-collection .rail-drag-note{margin-top:12px;letter-spacing:.08em}

/* The enquiry close continues the collection ground and gathers the OEM workflow. */
body[data-home-direction]:has(#main .home-maker-story) .site-footer{
  padding-top:46px;
  padding-bottom:22px;
  background:linear-gradient(180deg,#fffdf7 0,#fff8e1 190px,#fff7dc 100%);
  color:var(--ink);
}
body[data-home-direction]:has(#main .home-maker-story) .footer-start{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:start;
  gap:28px 9%;
  padding:0 0 30px;
  margin-bottom:30px;
  border-bottom:1px solid #08276e28;
}
body[data-home-direction]:has(#main .home-maker-story) .footer-start h2{
  font-size:clamp(36px,3.7vw,56px);
  line-height:1.12;
  max-width:18ch;
  margin-bottom:18px;
  font-weight:400;
  letter-spacing:-.035em;
}
body[data-home-direction]:has(#main .home-maker-story) .footer-start>div>p:not(.eyebrow){font-size:14px;line-height:1.75}
body[data-home-direction]:has(#main .home-maker-story) .footer-start-actions{gap:10px;padding-top:5px;max-width:470px}
body[data-home-direction]:has(#main .home-maker-story) .footer-start-actions .button{
  background:#ffdf78;
  border:1px solid #e6cc79;
  color:var(--ink);
  box-shadow:none;
}
body[data-home-direction]:has(#main .home-maker-story) .footer-start-actions .button:hover{background:#ffda68}
body[data-home-direction]:has(#main .home-maker-story) .footer-start .footer-start-actions>p{font-size:12px;line-height:1.75}
body[data-home-direction]:has(#main .home-maker-story) .direction-cooperation{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:24px 9%;
  align-items:start;
  margin:0;
  padding:24px 0 0;
  border-top:1px solid #08276e20;
}
body[data-home-direction]:has(#main .home-maker-story) .direction-cooperation>div{display:block;grid-row:auto}
body[data-home-direction]:has(#main .home-maker-story) .direction-cooperation>div>p{
  font-size:12px;
  line-height:1.75;
  max-width:52ch;
  margin:0;
  color:#3d5574;
}
body[data-home-direction]:has(#main .home-maker-story) .direction-cooperation .home-cooperation-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  list-style:none;
  counter-reset:cooperation;
  padding:0;
  margin:0;
  font-size:12px;
  line-height:1.65;
}
body[data-home-direction]:has(#main .home-maker-story) .home-cooperation-steps li{
  display:flex;
  flex-direction:column;
  gap:9px;
  counter-increment:cooperation;
}
body[data-home-direction]:has(#main .home-maker-story) .home-cooperation-steps li::before{
  content:'0' counter(cooperation);
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border:1px solid #08276e35;
  border-radius:50%;
  font-size:10px;
  color:#46617b;
}
body[data-home-direction]:has(#main .home-maker-story) .footer-top{align-items:center;gap:32px}
body[data-home-direction]:has(#main .home-maker-story) .footer-top>p{font-size:26px;line-height:1.2}
body[data-home-direction]:has(#main .home-maker-story) .footer-top>div{font-size:12px;gap:8px 22px;max-width:66%}
body[data-home-direction]:has(#main .home-maker-story) .footer-logo{
  font-size:clamp(100px,14vw,208px);
  line-height:1.06;
  margin-top:32px;
  margin-bottom:22px;
}
body[data-home-direction]:has(#main .home-maker-story) .footer-bottom{border-color:#08276e28;padding-top:17px}
html[data-script=cjk] body[data-home-direction] #main .home-maker-intro h2{
  font-size:clamp(34px,3.25vw,48px);
  line-height:1.4;
  font-weight:500;
  letter-spacing:0;
  max-width:none;
}
html[data-script=cjk] body[data-home-direction] #main .home-collection .rail-heading h2{font-size:clamp(34px,3.1vw,46px);line-height:1.4;font-weight:500;letter-spacing:0}
html[data-script=cjk] body[data-home-direction]:has(#main .home-maker-story) .footer-start h2{font-size:clamp(32px,3vw,44px);line-height:1.4;font-weight:500;letter-spacing:0;max-width:16ch}
html:is([data-script=arabic],[data-script=cyrillic]) body[data-home-direction] #main .home-maker-intro h2{font-size:clamp(38px,3.6vw,54px);line-height:1.25;max-width:18ch}

@media(min-width:761px) and (max-width:1099px){
  body[data-home-direction] #main .home-maker-grid{column-gap:5%;row-gap:24px}
  body[data-home-direction] #main .home-maker-intro h2{font-size:48px}
  body[data-home-direction] #main .home-maker-intro>p{font-size:14px}
  body[data-home-direction] #main .home-maker-hands{margin-top:24px}
  body[data-home-direction] #main .home-maker-copy{grid-template-columns:1fr}
  body[data-home-direction] #main .home-maker-copy>*{grid-column:1;grid-row:auto}
  body[data-home-direction] #main .home-evidence{margin-top:12px}
  body[data-home-direction] #main .home-collection .rail-heading{align-items:start}
  body[data-home-direction] #main .home-collection .rail-heading>.home-collection-tools{max-width:46%;gap:10px}
  body[data-home-direction] #main .home-category-links{gap:12px}
  body[data-home-direction]:has(#main .home-maker-story) .footer-start,
  body[data-home-direction]:has(#main .home-maker-story) .direction-cooperation{column-gap:6%}
  html[data-script=cjk] body[data-home-direction] #main .home-maker-intro h2{font-size:36px}
}
@media(max-width:760px){
  body[data-home-direction] #main .home-maker-story{padding-top:42px;padding-bottom:0}
  body[data-home-direction] #main .home-maker-grid{gap:24px}
  body[data-home-direction] #main .home-maker-intro h2{font-size:43px;line-height:1.08}
  body[data-home-direction] #main .home-maker-intro>p{font-size:14px;line-height:1.8;margin-top:18px}
  body[data-home-direction] #main .home-maker-story .eyebrow{margin-bottom:14px}
  body[data-home-direction] #main .home-maker-hands{margin:0;max-width:none;gap:18px}
  body[data-home-direction] #main .home-maker-hands img{aspect-ratio:1.45}
  body[data-home-direction] #main .home-maker-story .company-media-stage{aspect-ratio:16/10;box-shadow:6px 6px 0 #cfe8f2}
  body[data-home-direction] #main .home-maker-story .company-media-footer{padding-top:16px}
  body[data-home-direction] #main .home-maker-copy{margin-top:12px;padding-top:18px}
  body[data-home-direction] #main .home-evidence{margin-top:14px;gap:11px}
  body[data-home-direction] #main .home-maker-actions{gap:20px;margin-top:10px}
  body[data-home-direction] #main .direction-handoff{order:4;width:100%;font-size:13px;gap:14px;margin:0;padding:6px 0 22px}
  body[data-home-direction] #main .direction-handoff::before{width:26px}
  body[data-home-direction] #main .direction-handoff::after{margin-inline-start:0;min-width:20px}
  body[data-home-direction] #main .home-collection{padding-top:30px;padding-bottom:26px}
  body[data-home-direction] #main .home-collection .rail-heading{display:block;padding-bottom:0;margin-bottom:10px}
  body[data-home-direction] #main .home-collection .rail-heading .eyebrow{margin-bottom:12px}
  body[data-home-direction] #main .home-collection .rail-heading h2{font-size:38px;line-height:1.12}
  body[data-home-direction] #main .home-collection-intro{font-size:13px;margin-top:13px}
  body[data-home-direction] #main .home-collection .rail-heading>.home-collection-tools{max-width:none;margin-top:18px;gap:12px;align-items:center;justify-content:space-between}
  body[data-home-direction] #main .home-category-links{gap:12px}
  body[data-home-direction] #main .home-category-links a{font-size:11px;min-height:44px}
  body[data-home-direction] #main .home-collection .rail-controls{position:static;gap:7px;margin:0}
  body[data-home-direction] #main .home-collection .round-control{width:40px;height:44px;font-size:19px}
  body[data-home-direction] #main .home-task-links{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
    gap:18px;
    padding:0;
    margin-bottom:0;
    overscroll-behavior-x:contain;
  }
  body[data-home-direction] #main .home-task-links::-webkit-scrollbar{display:none}
  body[data-home-direction] #main .home-task-links>span{display:none}
  body[data-home-direction] #main .home-task-links a{flex:none;white-space:nowrap;min-height:44px;font-size:11px}
  body[data-home-direction] #main .home-collection .product-rail{padding-top:10px;padding-bottom:20px}
  body[data-home-direction] #main .home-collection .rail-scene{height:310px}
  body[data-home-direction] #main .home-collection .rail-info{padding-top:16px}
  body[data-home-direction] #main .home-collection .rail-use-note{font-size:12px}
  body[data-home-direction] #main .home-collection .rail-drag-note{margin-top:10px}
  body[data-home-direction]:has(#main .home-maker-story) .site-footer{padding-top:30px;background:linear-gradient(180deg,#fffdf7,#fff7dc 240px)}
  body[data-home-direction]:has(#main .home-maker-story) .footer-start{grid-template-columns:1fr;gap:23px;padding:0 0 27px;margin-bottom:25px}
  body[data-home-direction]:has(#main .home-maker-story) .footer-start h2{font-size:35px;line-height:1.15;margin-bottom:16px}
  body[data-home-direction]:has(#main .home-maker-story) .footer-start>div>p:not(.eyebrow){font-size:13px}
  body[data-home-direction]:has(#main .home-maker-story) .footer-start-actions{padding:0;max-width:none}
  body[data-home-direction]:has(#main .home-maker-story) .direction-cooperation{grid-template-columns:1fr;gap:18px;padding-top:21px}
  body[data-home-direction]:has(#main .home-maker-story) .direction-cooperation>div>p{font-size:12px}
  body[data-home-direction]:has(#main .home-maker-story) .direction-cooperation .home-cooperation-steps{gap:14px;font-size:11px}
  body[data-home-direction]:has(#main .home-maker-story) .home-cooperation-steps li{gap:8px}
  body[data-home-direction]:has(#main .home-maker-story) .footer-top>p{font-size:25px}
  body[data-home-direction]:has(#main .home-maker-story) .footer-top>div{max-width:none;gap:0 18px;font-size:12px;margin-top:18px}
  body[data-home-direction]:has(#main .home-maker-story) .footer-logo{font-size:21.5vw;margin:24px 0 20px -1%}
  html[data-script=cjk] body[data-home-direction] #main .home-maker-intro h2{font-size:32px;line-height:1.4}
  html[data-script=cjk] body[data-home-direction] #main .home-collection .rail-heading h2{font-size:31px;line-height:1.4}
  html[data-script=cjk] body[data-home-direction]:has(#main .home-maker-story) .footer-start h2{font-size:31px;line-height:1.4}
}
@media(max-width:370px){
  body[data-home-direction] #main .home-collection .rail-heading>.home-collection-tools{gap:5px}
  body[data-home-direction] #main .home-category-links{gap:9px}
  body[data-home-direction] #main .home-collection .rail-controls{gap:4px}
  body[data-home-direction] #main .home-collection .round-control{width:36px}
}
@media(prefers-reduced-motion:reduce){
  body[data-home-direction] #main .home-collection .rail-scene{transform:none;transition:none}
}