/* AI-assisted display photography; original site records remain in the detail gallery. */
.hero-art { left: 0; right: 0; background: #08131e; }
.hero-machine { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: right bottom; opacity: 1; filter: none; }
.hero-art-shade { background: linear-gradient(90deg,#0b202d80,transparent 66%),linear-gradient(0deg,#0b202d95,transparent 30%); }
.collection-image { padding: 0; background: #e7e9e2; }
.collection-machine { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: normal; filter: none; }
.collection-image .stage-word { display: none; }
.site-header .brand-logo { object-fit: contain; padding: 4px; background: #fff; border-radius: 50%; }
.feature-film>img { object-position: 50% 35%; }
.equipment-film-photo img { object-position: 50% 30%; }
.factory-grid img { object-position: center; }
.mode-card .flow-diagram { position: relative; padding: 24px 0; }
.flow-diagram>b { border-radius: 12px; border: 1px solid #97a79666; background: #ffffff70; box-shadow: inset 0 1px 0 #fff; }
.flow-diagram>.icon { color: #6b855a; }
.service-steps li { position: relative; }
.service-steps .service-icon { width: 30px; height: 30px; color: #526a50; }
.service-steps li .service-step-name { display: block; }
@media (max-width: 850px) { .hero-machine { object-position: right bottom; } }
@media (max-width: 600px) {
  .hero-machine { object-fit: cover; object-position: 67% center; }
  .hero-art-shade { background: linear-gradient(90deg,#0b202de6,#0b202d50),linear-gradient(0deg,#0b202dcc,transparent 42%); }
  .collection-image { height: 330px; padding: 0; }
  .service-steps .service-icon { width: 25px; height: 25px; }
}

/* Warm photographic hero for the complete cream-coloured system. */
.showcase-hero { background:#d2c9be;color:#172b2a; }
.hero-art { background:#d2c9be; }
.hero-machine { inset:0;width:100%;height:100%;object-fit:contain;object-position:right bottom;border-radius:0; }
.hero-art-shade { background:linear-gradient(90deg,#d2c9be75,transparent 42%); }
.hero-identity,.hero-subrow p,.hero-secondary,.hero-bottom-note,.scroll-cue,.hero-film,.art-coordinate { color:#253d37; }
.hero-cross,.headline-accent { color:#4b6644; }
.hero-editorial .btn-primary { background:#213f35;border-color:#213f35;color:#f5f5e9; }
.hero-bottom { border-color:#263d3730; }
.hero-grid { opacity:.3; }
.hero-editorial h1 { font-size:clamp(76px,7.1vw,124px); }
.landing-page .site-header:not(.is-floating) { color:#1c332e; }
.landing-page .site-header:not(.is-floating) .header-contact { color:#1c332e;background:#ffffff30;border-color:#1c332e40; }
.landing-page .site-header:not(.is-floating) .menu-toggle { color:#1c332e;border-color:#1c332e40; }
.hero-film img { border-radius:3px; }
@media(max-width:1150px) and (min-width:851px){.hero-editorial h1{font-size:76px;}.hero-machine{height:85%;top:auto;bottom:7%;}}
@media(max-width:850px){.hero-machine{height:69%;top:auto;bottom:8%;object-fit:contain;}.hero-editorial h1{font-size:76px;}}
@media(max-width:600px){
 .hero-machine { width:92%;height:39%;top:auto;right:4%;bottom:9%;object-fit:contain;object-position:center;opacity:1; }
 .hero-art-shade { background:none; }
 .hero-editorial { padding-top:42px;padding-bottom:30px; }
 .hero-editorial h1 { font-size:clamp(48px,12.6vw,72px); }
 .hero-subrow { margin-top:25px; }
 .hero-editorial .hero-actions { margin-top:20px; }
}

@media(min-width:601px){.hero-machine{width:94%;left:auto;right:3%;mask-image:linear-gradient(to bottom,transparent,black 10%,black 95%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 95%,transparent);}}

/* The foreground image now has its intrinsic aspect ratio: no hidden letterbox edge. */
.hero-art::before { content:"";position:absolute;inset:-70px;background:url('../media-040/hero-cream.webp') center / cover no-repeat;filter:blur(70px);opacity:.42; }
.hero-art::after { content:"";position:absolute;inset:0;background:#d2c9be75; }
.hero-art picture { position:absolute;inset:0;z-index:1; }
.hero-machine { width:100%;height:auto;max-height:none;inset:auto 0 2% auto;object-fit:initial;mask-image:linear-gradient(to bottom,transparent,black 13%,black 93%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 13%,black 93%,transparent); }
.hero-art-shade { z-index:2;background:linear-gradient(90deg,#d2c9be38,transparent 45%); }
.art-coordinate { z-index:3; }
@media(max-width:850px){.hero-machine{width:100%;height:auto;bottom:8%;right:0;}}
@media(max-width:600px){.hero-machine{width:100%;height:auto;bottom:9%;right:0;mask-image:linear-gradient(to bottom,transparent,black 12%,black 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 12%,black 92%,transparent);}.hero-art::before{background-position:65% center;opacity:.24;}.art-coordinate{display:none;}}

.hero-machine{width:96%;right:2%;mask-image:linear-gradient(to bottom,transparent,black 13%,black 93%,transparent),linear-gradient(to right,transparent,black 2%,black 99%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent,black 13%,black 93%,transparent),linear-gradient(to right,transparent,black 2%,black 99%,transparent);-webkit-mask-composite:source-in;}
@media(max-width:600px){.hero-machine{width:96%;right:2%;}}

@media(max-width:600px){.hero-machine{mask-image:linear-gradient(to bottom,transparent,black 4%,black 97%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 4%,black 97%,transparent);-webkit-mask-composite:source-over;mask-composite:add;}}