/* Base */
html,body{margin:0;overflow-x:hidden;background:#f7f4ef;color:#17140f;-webkit-font-smoothing:antialiased}
a{color:#7b3b3b;text-decoration:none}
a:hover{color:#17140f}
input,textarea{font-family:Archivo,system-ui,sans-serif;font-size:14px;letter-spacing:.03em;color:#17140f;background:transparent;border:0;outline:0;width:100%;resize:none}
input::placeholder,textarea::placeholder{color:#a89f92}

@keyframes cwfade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Buttons that were originally styled divs */
.cw-cta{transition:background .2s ease}
.cw-cta:hover{background:#7b3b3b}
.cw-arrow{transition:border-color .2s ease,color .2s ease}
.cw-arrow:hover{border-color:#7b3b3b;color:#7b3b3b}
.cwd,.cwmd{appearance:none;-webkit-appearance:none}

/* Desktop / tablet layout */
.cw-h1{font-size:clamp(28px,2.5vw,38px)}
.cw-right{min-width:0}
.cwc{position:absolute;inset:14px 13% 14px 13%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.33,.02,.24,1),opacity .6s ease,filter .6s ease;transform-origin:50% 50%;will-change:transform,filter}
.cw-stage{transform-style:preserve-3d;overflow:hidden;clip-path:inset(0);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%)}

@media (max-width:1100px){
  .cw-split,.cw-apply{grid-template-columns:1fr !important}
  .cw-apply{padding:56px 26px 40px !important;gap:40px !important}
  .cw-body{padding:44px 26px 40px !important;height:auto !important;overflow:visible !important}
  .cw-split{height:auto !important}
  .cw-body>div{max-width:760px !important}
  .cw-body p{max-width:640px !important}
  .cw-right{padding:12px 26px 56px !important;border-left:0 !important;border-top:1px solid #e6e1d8;min-height:0 !important}
  .cw-stage{min-height:400px !important;flex:0 0 auto !important}
}

/* Mobile layout */
.cwm-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 22px 4px}
.cwm-rail::-webkit-scrollbar{display:none}
.cwm-card{scroll-snap-align:center;flex:0 0 82%;box-sizing:border-box}

/* Desktop vs. mobile view toggle */
.cw-desktop-only{display:block}
.cw-mobile-only{display:none}
@media (max-width:768px){
  .cw-desktop-only{display:none}
  .cw-mobile-only{display:block}
}

/* Form submit feedback */
.cw-apply-form.is-submitted input,
.cw-apply-form.is-submitted textarea,
.cw-apply-form.is-submitted .cw-cta{display:none}
.cw-form-note[data-state="success"]{color:#7b3b3b}
.cw-form-note[data-state="error"]{color:#b3413f}

/* Honeypot — visually hidden (not display:none, which some bots skip
   fields for) and out of the tab order, but still real inputs so
   generic form-filling bots submit them. */
.cw-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
