/* Brand-orange opening, editorial type contrast and unwarped project captures.
   Desktop is a contained 16:9 composition; mobile keeps a native swipe rail. */
.hero-stage{position:relative;margin-top:-94px;padding-top:135px;padding-bottom:30px;overflow:clip;background:#ff542d;color:#171b1e;isolation:isolate}
.hero-stage__heading{position:relative;z-index:2}
.hero-stage__eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;line-height:1.5;margin-bottom:20px}
.hero-stage__signal{width:7px;height:7px;background:currentColor;border-radius:50%}
.hero-stage h1{margin:0;text-align:center;font:700 clamp(72px,9.4vw,158px)/.94 var(--font-display);letter-spacing:-.065em;color:#171b1e;text-wrap:initial}
.hero-title__line{display:block;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em}
.hero-title__line>span{display:block}
.hero-title__line:last-child>span{font-family:"Bodoni Moda",Didot,"Times New Roman",serif;font-style:italic;font-weight:600;letter-spacing:-.055em;color:#fff9ed}
.hero-stage__intro{display:flex;align-items:center;justify-content:center;gap:48px;margin-top:30px}
.hero-stage__intro>p{font-size:18px;line-height:1.6;max-width:43ch}
.hero-stage__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;padding:13px 22px;border-radius:30px;background:#171b1e;color:#fff;font-size:16px;font-weight:600;flex-shrink:0;transition:transform var(--motion-state) var(--transition)}
.hero-stage__cta:hover{background:#303539;transform:translateY(-2px)}
.hero-stage__cta:active{transform:translateY(0)}
.hero-stage__cta>span{font-size:20px}
.hero-stage__cta:focus-visible,.hero-stage__foot a:focus-visible{outline-color:#171b1e}
.hero-stage__work{position:relative;z-index:1;margin-top:38px}
.hero-stage__workdeck{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:24px;padding:16px 16px 35px}
.hero-sample{--sample-angle:0deg;--sample-offset:0px;display:block;position:relative;min-width:0;background:#faf9f6;border:1px solid rgb(23 27 30 / .18);border-radius:9px;box-shadow:0 18px 30px rgb(85 29 12 / .17);transform:translateY(var(--sample-offset)) rotate(var(--sample-angle));transition:transform var(--motion-card) var(--transition)}
.hero-sample--tulia{--sample-angle:-5deg;--sample-offset:12px}
.hero-sample--cresco{z-index:2}
.hero-sample--kweli{--sample-angle:5deg;--sample-offset:8px}
.hero-sample__screen{overflow:hidden;border-radius:8px 8px 0 0}
.hero-sample img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.hero-sample__caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;color:#171b1e;font-size:14px;font-weight:600;line-height:1.5}
.hero-sample__caption small{display:block;font-size:11px;line-height:1.5;font-weight:400;color:#59616a}
.hero-sample__caption>span:last-child{font-size:19px}
.hero-sample:hover,.hero-sample:focus-visible{z-index:3;translate:0 -6px;box-shadow:0 24px 44px rgb(85 29 12 / .24)}
.hero-sample:focus-visible{outline:3px solid #171b1e;outline-offset:5px}
.hero-stage__foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;font-size:13px;line-height:1.5}
.hero-stage__foot>a{display:inline-flex;align-items:center;gap:20px;min-height:40px;font-weight:600}
.hero-stage__foot>a:hover{text-decoration:underline;text-underline-offset:5px}
.hero-stage__swipe{display:none}
.capability-bar{margin-top:36px}
@media(min-width:1101px){
 .hero-stage{--hero-pinch:0;display:flex;flex-direction:column;aspect-ratio:16/9;padding-top:clamp(110px,7.2vw,150px);padding-bottom:16px}
 .hero-stage__eyebrow{margin-bottom:12px}
 .hero-stage h1{font-size:clamp(76px,6.8vw,148px);line-height:.94}
 .hero-title__line{padding-bottom:.18em;margin-bottom:-.18em}
 .hero-stage__intro{margin-top:16px;gap:40px}
 .hero-stage__intro>p{font-size:16px}
 .hero-stage__cta{min-height:48px;padding-block:10px}
 .hero-stage__work{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:16px}
 .hero-stage__workdeck{container-type:size;position:relative;display:flex;justify-content:center;flex:1;min-height:0;align-items:center;gap:clamp(20px,3vw,48px);padding:12px 28px}
 .hero-sample{flex-shrink:0;width:min(30%,calc((100cqh - 64px) * 1.44));transition:translate var(--motion-state) var(--transition);transform-origin:50% 55%}
 .hero-sample--tulia{transform:translateX(calc(var(--hero-pinch) * 12%)) rotate(calc(-4deg + var(--hero-pinch) * 4deg)) scale(calc(1 - var(--hero-pinch) * .06))}
 .hero-sample--cresco{transform:scale(calc(1 - var(--hero-pinch) * .04))}
 .hero-sample--kweli{transform:translateX(calc(var(--hero-pinch) * -12%)) rotate(calc(4deg - var(--hero-pinch) * 4deg)) scale(calc(1 - var(--hero-pinch) * .06))}
 .hero-stage__foot{flex-shrink:0;padding-top:0}
 .hero-stage__foot>a{min-height:32px}
}
@media(min-width:761px) and (max-width:1100px){
 .hero-stage{padding-top:132px}.hero-stage h1{font-size:clamp(72px,9.8vw,110px)}.hero-stage__intro{gap:30px}.hero-stage__intro>p{font-size:16px}.hero-stage__work{margin-top:32px}.hero-stage__workdeck{gap:16px;padding-inline:8px}.hero-sample__caption{font-size:13px;padding:10px 12px}.hero-sample__caption small{font-size:10px}
}
@media(max-width:760px){
 .hero-stage{margin-top:-74px;padding-top:114px;padding-bottom:22px}.hero-stage__eyebrow{font-size:12px;margin-bottom:20px}.hero-stage h1{font-size:clamp(44px,12vw,87px);letter-spacing:-.07em;line-height:1}.hero-stage__intro{flex-direction:column;gap:20px;margin-top:23px;text-align:center}.hero-stage__intro>p{font-size:16px;line-height:1.6;max-width:33ch}.hero-stage__intro>p>br{display:none}.hero-stage__cta{min-height:48px;padding:10px 20px;font-size:15px;gap:30px}.hero-stage__work{margin-top:28px;padding-inline:0}.hero-stage__workdeck{display:flex;align-items:start;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:8px var(--gutter) 18px;scrollbar-width:thin;scrollbar-color:rgb(23 27 30 / .4) transparent}.hero-sample{flex:0 0 83%;max-width:460px;scroll-snap-align:start;transform:none;box-shadow:0 10px 18px rgb(85 29 12 / .13)}.hero-sample:hover,.hero-sample:focus-visible{transform:none}.hero-sample__caption{padding:11px 14px;font-size:14px}.hero-stage__foot{padding:15px var(--gutter) 0;align-items:flex-start;gap:10px}.hero-stage__foot>a{font-size:12px;gap:10px;min-height:36px}.hero-stage__swipe{display:block;font-size:11px;max-width:15ch;text-align:right;padding-top:8px}.hero-stage__signature{display:none}.capability-bar{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){
 .hero-sample,.hero-sample:hover,.hero-sample:focus-visible{transform:none;translate:none;transition:none}.hero-stage__cta{transition:none}
}