/* Homepage: warm wood, quiet typography, and a connected production timeline. */
/* The poster remains visible before video playback on mobile and tablets. */
.production-media{background:#201913 url('../images/uretim-poster.webp') center/cover no-repeat;}
.production-hero{isolation:isolate;background:#201913;}
.production-hero-wrap{min-height:690px;padding-top:68px;padding-bottom:64px;}
.production-media video{filter:saturate(.82) contrast(1.04);}
.production-media-shade{background:linear-gradient(90deg,rgba(18,14,11,.94),rgba(18,14,11,.79) 32%,rgba(18,14,11,.33) 61%,rgba(18,14,11,.09)),linear-gradient(0deg,rgba(18,14,11,.4),transparent 38%);}
.production-copy{width:min(610px,58%);}
.production-copy .eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:24px;font-size:.65rem;letter-spacing:.2em;color:#dfc59a;}
.production-copy .eyebrow::before{content:"";width:30px;height:1px;background:#c7a56c;flex-shrink:0;}
.production-copy h1{font-size:clamp(3.8rem,5.9vw,5.6rem);line-height:.98;letter-spacing:-.045em;font-weight:400;}
.production-copy h1 span{display:block;color:#e3c58f;font-style:italic;}
.production-copy h2{margin-top:25px;max-width:none;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.22;letter-spacing:-.015em;color:#f3eee5;font-weight:400;}
.production-copy>p{max-width:43ch;margin-top:18px;font-size:.91rem;line-height:1.85;color:#cfc7bc;}
.production-copy .hero-actions{gap:13px;margin-top:27px;}
.production-primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 23px;border-radius:6px;background:#dfc18a;border-color:#dfc18a;font-size:.82rem;box-shadow:0 6px 24px #0002;transition:background .2s,transform .2s;}
.production-primary:hover{transform:translateY(-2px);background:#efdaa9;border-color:#efdaa9;}
.production-primary>span{font-size:1.2rem;line-height:1;}
.production-video-btn{min-height:52px;padding:0 18px;border-radius:6px;border-color:#ffffff38;background:#ffffff06;font-size:.8rem;font-weight:500;}
.video-btn-icon{width:20px;height:20px;flex:0 0 20px;border:0;border-radius:0;padding:0;color:#e3c58f;}
.video-btn-icon svg{display:block;width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.video-icon-play{fill:currentColor;stroke:none;}
.video-icon-pause,.video-icon-fallback{display:none;}
[data-video-state="playing"] .video-icon-play,[data-video-state="unavailable"] .video-icon-play{display:none;}
[data-video-state="playing"] .video-icon-pause,[data-video-state="unavailable"] .video-icon-fallback{display:block;}
.production-note{width:fit-content;max-width:100%;margin-top:29px;padding-top:19px;gap:10px 20px;border-color:#dbc49c30;font-size:.69rem;color:#c5bdb1;}
.production-note span::before{font-size:.75rem;color:#ddbc7d;}
.production-process{background:#f3efe7;color:#342a20;border-top:1px solid #dfc18a40;box-shadow:none;}
.production-process .wrap{padding-top:24px;padding-bottom:27px;}
.production-process-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;}
.production-process-heading>span{font-size:.62rem;font-weight:700;letter-spacing:.19em;color:#8c704b;}
.production-process-heading p{font-family:"Fraunces",Georgia,serif;font-style:italic;font-size:1.05rem;color:#7a6d5e;}
.production-steps{padding:0;margin:0;}
.production-steps li{gap:12px;color:#645748;font-size:.68rem;font-weight:500;}
.production-steps li:not(:last-child)::after{content:"";top:20px;left:calc(50% + 28px);right:calc(-50% + 28px);height:1px;background:#d5c8b3;}
.production-steps .step-icon{position:relative;width:41px;height:41px;background:#f3efe7;border:1px solid #c7b595;color:#8d6a38;font-size:.8rem;transition:background .2s,color .2s,border-color .2s;}
.production-steps li:hover .step-icon{background:#82673f;border-color:#82673f;color:#fff;}
/* Keep the video itself as the visual focus of this opening section. */
body.home-page::before,body.home-page::after{z-index:1;opacity:.3;pointer-events:none;}
@media(min-width:981px){.production-hero-wrap{padding-right:28px;}}
@media(max-width:980px){
  .production-copy{width:72%;}
  .production-hero-wrap{min-height:650px;}
  .production-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 0;overflow:visible;}
  .production-steps li:nth-child(4)::after{display:none;}
}
@media(max-width:700px){
  .production-hero-wrap{min-height:730px;padding-top:62px;padding-bottom:38px;align-items:flex-end;}
  .production-copy{width:100%;}
  .production-copy .eyebrow{font-size:.56rem;letter-spacing:.13em;gap:10px;margin-bottom:22px;}
  .production-copy h1{font-size:clamp(3.6rem,15vw,5rem);}
  .production-copy h2{font-size:1.65rem;margin-top:22px;}
  .production-copy>p{font-size:.87rem;max-width:39ch;}
  .production-media-shade{background:linear-gradient(0deg,rgba(18,14,11,.97),rgba(18,14,11,.84) 44%,rgba(18,14,11,.24) 100%);}
  .production-copy .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
  .production-primary,.production-video-btn{width:auto;flex:1 1 150px;padding-left:13px;padding-right:13px;font-size:.76rem;white-space:nowrap;}
  .production-note{font-size:.63rem;gap:8px 14px;margin-top:25px;}
  .production-process .wrap{padding:22px 18px 26px;}
  .production-process-heading{align-items:flex-start;flex-direction:column;gap:5px;padding-bottom:23px;}
  .production-process-heading p{font-size:1rem;}
  .production-steps li{padding:0 4px;font-size:.6rem;gap:9px;}
  .production-steps li:not(:last-child)::after{left:calc(50% + 24px);right:calc(-50% + 24px);top:18px;}
  .production-steps .step-icon{width:37px;height:37px;}
}