@font-face{font-family:Prata;src:url('../fonts/prata.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
html,body{overflow-x:clip}
#process.mo-sequence-process,#windows.mo-sequence-windows{padding:0!important}
.mo-sequence-process{background:radial-gradient(1100px 620px at 75% 55%,#f8f5e9,#f1efe6 72%);color:#173229}
.mo-process-screen{padding:clamp(56px,6vw,98px) clamp(20px,5vw,92px) clamp(50px,5vw,82px)}
.mo-process-screen>.wrap{width:100%;max-width:1510px}
.mo-process-head{display:flex;align-items:end;justify-content:space-between;gap:30px;flex:0 0 auto}
.mo-process-head .eyebrow{margin-bottom:9px;color:#8c652d}
.mo-process-head h2{margin:0;font:400 clamp(2.15rem,3.4vw,4rem)/1.13 Prata,Georgia,serif;letter-spacing:-.055em}
.mo-process-head h2 span,.mo-window-copy h2 span{color:#c68f4b}
.mo-process-head>p{max-width:380px;padding-bottom:5px;color:#566858;font-size:.9rem;line-height:1.55}
.mo-process-timeline{position:relative;margin-top:clamp(30px,4vw,62px)}
.mo-process-rail{position:absolute;z-index:0;top:50%;right:0;left:0;height:28px;transform:translateY(-50%)}
.mo-process-rail::before{content:"";position:absolute;inset:0;background:url('../img/kant-eyelet.svg') repeat-x left center/176px 28px;opacity:.15;filter:grayscale(1)}
.mo-process-rail-fill{position:relative;display:block;width:100%;height:100%;background:url('../img/kant-eyelet.svg') repeat-x left center/176px 28px;filter:drop-shadow(0 3px 2px #1b1d1a35);clip-path:inset(0 0 0 0)}
.mo-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:clamp(126px,20vh,180px) 116px clamp(126px,20vh,180px);column-gap:clamp(28px,3vw,60px);margin:0;padding:0;list-style:none}
.mo-step{position:relative;min-width:0;padding:8px 16px 0 28px;transition:opacity .18s ease,transform .18s ease}
.mo-step:nth-child(1){grid-column:1;grid-row:1}.mo-step:nth-child(2){grid-column:1;grid-row:3}
.mo-step:nth-child(3){grid-column:2;grid-row:1}.mo-step:nth-child(4){grid-column:2;grid-row:3}
.mo-step:nth-child(5){grid-column:3;grid-row:1}.mo-step:nth-child(6){grid-column:3;grid-row:3}
.mo-step:nth-child(even){padding-top:24px}
.mo-step::before{content:"";position:absolute;left:14px;width:30px;height:44px;background:url('../img/kant-turn.svg') no-repeat center/30px 44px;filter:drop-shadow(0 2px 2px #1b1d1a38)}
.mo-step:nth-child(odd)::before{top:100%}
.mo-step:nth-child(even)::before{bottom:100%}
.mo-step>span{display:block;margin-bottom:9px;color:#92622b;font-size:.74rem;font-weight:800;letter-spacing:.12em}
.mo-step h3{margin:0;color:#18362b;font-size:clamp(1.08rem,1.35vw,1.35rem);font-weight:700;letter-spacing:-.025em;line-height:1.28}
.mo-step p{max-width:30ch;margin:8px 0 0;color:#586958;font-size:clamp(.88rem,.92vw,1rem);line-height:1.48}
.mo-process-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:clamp(20px,3vw,38px);padding-top:20px;border-top:1px solid #c6c9b8}
.mo-process-foot>p{max-width:500px;margin:0;color:#586958;font-size:.74rem;line-height:1.4}
.mo-process-visual-note{color:#6a6e67;font-size:.7rem;white-space:nowrap}
.mo-sequence-controls{display:flex;align-items:center;gap:10px;width:min(380px,100%)}
.mo-sequence-controls button{min-width:58px;min-height:40px;padding:7px 10px;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
.mo-sequence-controls button:hover{background:#bba98029}
.mo-sequence-controls input{flex:1;min-width:48px;accent-color:#a56b2f;cursor:pointer}
.mo-sequence-controls output{min-width:38px;text-align:right;font-size:.7rem;font-weight:800}
.mo-sequence-controls button:focus-visible,.mo-sequence-controls input:focus-visible{outline:3px solid #c68f4b;outline-offset:3px}

.mo-sequence-windows{min-height:100svh;background:#11291e;color:#f7f3ea}
.mo-windows-screen{display:flex;flex-direction:column;min-height:100svh}
.mo-window-media{position:relative;isolation:isolate;flex:1 1 auto;min-height:410px;overflow:hidden;background:#24402e}
.mo-window-poster,.mo-window-media canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 10%}
.mo-window-poster{z-index:-3}
.mo-window-media canvas{z-index:-2;opacity:0}
.mo-window-media.is-ready canvas{opacity:1}
.mo-window-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0a1d17df,#0a1d17a8 27%,transparent 70%),linear-gradient(180deg,#07181170,transparent 35%,transparent 72%,#071811ad);pointer-events:none}
.mo-window-copy{position:absolute;top:clamp(95px,22%,190px);left:clamp(20px,5vw,92px);max-width:570px;padding-right:20px}
.mo-window-copy .eyebrow{margin-bottom:9px;color:#e4c17e}
.mo-window-copy h2{margin:0;font:400 clamp(3rem,5.2vw,6rem)/1.12 Prata,Georgia,serif;letter-spacing:-.055em}
.mo-window-copy>p:last-child{max-width:390px;margin:18px 0 0;color:#e9eee2;font-size:clamp(.85rem,1vw,1.05rem);line-height:1.55}
.mo-window-foot{position:absolute;right:clamp(20px,5vw,92px);bottom:25px;left:clamp(20px,5vw,92px);display:flex;align-items:end;justify-content:space-between;gap:18px;font-size:.66rem;font-weight:800;letter-spacing:.07em;text-shadow:0 2px 8px #071811;text-transform:uppercase}
.mo-window-foot strong{font-size:.84rem;letter-spacing:0;text-transform:none}
.mo-window-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 78px;padding:10px clamp(20px,5vw,92px);background:#11291e}
.mo-window-toolbar>span{color:#d6bd87;font-size:.71rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.mo-window-toolbar i{margin:0 8px;font-style:normal}
.mo-window-static{display:none}

html.mo-sequence-ready .mo-sequence-windows{min-height:290svh}
html.mo-sequence-ready .mo-windows-screen{position:sticky;top:0;height:100svh;min-height:0}
@media(min-width:1024px) and (min-height:640px){
  html.mo-process-sequence-ready .mo-sequence-process{min-height:225svh}
  html.mo-process-sequence-ready .mo-process-screen{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;height:100svh;min-height:0;padding-top:clamp(22px,3vh,38px);padding-bottom:clamp(18px,3vh,36px)}
  html.mo-process-sequence-ready .mo-process-timeline{flex:0 0 auto;margin-top:clamp(22px,3vh,42px)}
  html.mo-process-sequence-ready .mo-process-rail-fill{clip-path:inset(0 var(--process-cover,100%) 0 0)}
  html.mo-process-sequence-ready .mo-step{opacity:var(--step-opacity,.16);transform:translateY(var(--step-shift,8px))}
  html.mo-process-sequence-ready .mo-step:nth-child(odd)::before{clip-path:inset(var(--branch-cover,100%) 0 0 0)}
  html.mo-process-sequence-ready .mo-step:nth-child(even)::before{clip-path:inset(0 0 var(--branch-cover,100%) 0)}
}
html:not(.mo-sequence-ready) .mo-sequence-controls{display:none}
html:not(.mo-sequence-ready) .mo-window-media{min-height:440px}
html:not(.mo-sequence-ready) .mo-window-static{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px clamp(20px,5vw,92px)}
.mo-window-static figure{min-width:0;margin:0}
.mo-window-static img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.mo-window-static figcaption{margin-top:7px;font-size:.75rem}

@media(max-width:1023px){
  .mo-process-rail{display:none}
  .mo-steps{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:24px 28px}
  .mo-step:nth-child(n){grid-column:auto;grid-row:auto;min-height:115px;padding:18px 10px 0 0;border-top:1px solid #c9c7bd;opacity:1;transform:none}
  .mo-step::before{display:none}
  .mo-process-head>p{max-width:280px}
}
@media(max-width:680px){
  .mo-process-screen{padding:62px 20px 70px}
  .mo-process-head{display:block}
  .mo-process-head h2{font-size:clamp(2.1rem,7vw,3rem)}
  .mo-process-head>p{max-width:none;margin:15px 0 0;font-size:.84rem}
  .mo-process-timeline{margin-top:34px}
  .mo-steps{grid-template-columns:1fr;gap:0}
  .mo-step:nth-child(n){min-height:0;padding:16px 0 17px}
  .mo-step h3{font-size:1.06rem}
  .mo-step p{font-size:.83rem}
  .mo-process-foot{display:block;margin-top:18px}
  .mo-process-foot>p{font-size:.78rem}
  .mo-process-visual-note{display:block;margin-top:8px;font-size:.68rem}
  .mo-window-media{min-height:0}
  .mo-window-poster,.mo-window-media canvas{object-position:62% center}
  .mo-window-shade{background:linear-gradient(180deg,#061a13d6,transparent 47%,#071811ae)}
  .mo-window-copy{top:80px;left:18px;max-width:86%}
  .mo-window-copy h2{font-size:clamp(2.4rem,9vw,4rem)}
  .mo-window-copy>p:last-child{max-width:280px;font-size:.79rem}
  .mo-window-foot{right:18px;bottom:15px;left:18px;display:block;font-size:.54rem}
  .mo-window-foot strong{display:block;margin-bottom:5px;font-size:.76rem}
  .mo-window-toolbar{display:block;flex-basis:104px;padding:10px 18px}
  .mo-window-toolbar .mo-sequence-controls{margin-top:8px}
  html:not(.mo-sequence-ready) .mo-window-static{grid-template-columns:1fr}
}
@media(max-height:680px) and (min-width:681px){.mo-window-copy{top:70px}}
@media(prefers-reduced-motion:reduce){.mo-step{transition:none}}