.hero{position:relative;padding-top:0}.hero-copy{position:relative}.hero-title{width:76%;max-width:760px}.hero-subtitle{text-align:center;font-size:1.8rem;line-height:1.4;font-weight:750;letter-spacing:.06em;margin-top:6px;position:relative;z-index:1}.hero-visual{position:relative;margin-top:23px;padding-inline:2%}.collage{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px 12px}.collage-tile{grid-column:span 2;position:relative;min-width:0;display:block;isolation:isolate;transition:transform .18s}.tile-manufacturing,.tile-design{grid-column:span 3}.tile-photos{display:flex;height:auto;aspect-ratio:1.38;overflow:hidden;clip-path:polygon(1% 1%,98% 0,100% 98%,0 100%);border-radius:5px}.tile-manufacturing .tile-photos,.tile-design .tile-photos{aspect-ratio:1.72}.tile-manufacturing{transform:rotate(-1.5deg)}.tile-design{transform:rotate(1.6deg)}.tile-system{transform:rotate(1.4deg)}.tile-ai{transform:rotate(-2deg)}.tile-commerce{transform:rotate(1.6deg)}.collage-tile:hover{transform:rotate(0deg) translateY(-3px)}.tile-label{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:88%;min-height:52px;padding:6px 9px;margin:-35px auto -3px;font-size:1.5rem;font-weight:850;line-height:1.25;transform:rotate(-7deg);text-align:center;isolation:isolate}.tile-label:before,.tile-label:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--wash);clip-path:polygon(2% 30%,10% 12%,30% 15%,89% 0,94% 15%,100% 20%,96% 41%,100% 65%,87% 79%,92% 90%,55% 91%,5% 100%,7% 82%,0 73%,5% 53%,0 48%)}.tile-label:after{inset:4px -5px -3px;z-index:-2;opacity:.45;transform:rotate(-3deg)}.tile-label small{font-size:.8em;line-height:1.35;background:#fff9;border-radius:7px;padding-inline:6px;display:inline-block;margin-top:3px}.tile-system .tile-label{transform:rotate(-5deg)}.tile-manufacturing .tile-label{max-width:280px}.tile-design .tile-label{max-width:310px}.hero-visual>.image-note{margin-top:8px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:89%;margin:14px auto 0}.hero-actions .button{font-size:1.3rem;min-height:60px;padding-inline:30px 50px}.hero-copy .decor-left{width:17%;left:-.5%;top:31%;transform:rotate(-16deg)}.hero-copy .decor-right{width:15%;right:.5%;top:6%;transform:rotate(13deg)}.hero-visual .decor-left{width:16%;left:-2.8%;top:0;transform:rotate(3deg);z-index:2}.hero-visual .decor-right{width:16%;right:-2.8%;bottom:8%;transform:rotate(181deg);z-index:2}.hero-visual .decor-low{width:16%;left:-2.8%;bottom:3%;transform:rotate(-3deg);z-index:2}.hero-visual .decoration{mask-image:linear-gradient(90deg,#000 15%,#0000 78%)}
@media(max-width:1000px){.hero-subtitle{font-size:1.5rem}.tile-label{font-size:1.25rem;min-height:46px;margin-top:-29px}.hero-actions .button{font-size:1.125rem;min-height:52px}.hero-visual{margin-top:19px}.collage{gap:14px 10px}}
@media(max-width:767px){.hero-title{width:83%}.hero-subtitle{font-size:1rem;line-height:1.6;letter-spacing:-.01em;margin-top:5px}.hero-visual{margin-top:14px;padding-inline:1%}.collage{gap:13px 6px}.tile-photos{aspect-ratio:.94;border-radius:4px}.tile-manufacturing .tile-photos,.tile-design .tile-photos{aspect-ratio:1.4}.tile-manufacturing .split{gap:3px}.tile-label{font-size:1rem;min-height:36px;width:99%;padding:5px 3px;margin-top:-20px;margin-bottom:-2px;letter-spacing:-.055em}.tile-label small{font-size:.75rem;line-height:1.3;margin-top:1px}.tile-design .tile-label{width:98%;font-size:1rem}.tile-system .tile-label{font-size:1rem}.hero-actions{gap:10px;width:94%;margin-top:10px}.hero-actions .button{font-size:.9375rem;min-height:46px;padding:10px 27px 10px 12px;letter-spacing:-.03em}.hero-visual>.image-note{font-size:.625rem;margin-top:7px}.hero-copy .decor-left{width:18%;left:0;top:36%}.hero-copy .decor-right{width:15%;right:0;top:7%}.hero-visual .decor-left,.hero-visual .decor-right,.hero-visual .decor-low{width:18%}.hero-visual .decor-left,.hero-visual .decor-low{left:-3%}.hero-visual .decor-right{right:-3%}}
/* Match the supplied poster's tighter top composition. */
.hero-title .reference-art{clip-path:polygon(1.63% 10.26%,31.3% 10.26%,31.3% 0,64.43% 0,64.43% 22.05%,70.93% 22.05%,70.93% 35.9%,100% 35.9%,100% 79%,76% 79%,76% 84.1%,64% 84.1%,64% 97.4%,22.56% 97.4%,22.56% 82.56%,1.63% 82.56%)}
.hero-copy .decor-left{width:14%;left:0;top:25%;transform:none}
.hero-copy .decor-right{width:15%;right:4%;top:4%;transform:none}
.hero-copy .decor-side{width:14%;right:0;bottom:22%;transform:none}
@media(min-width:768px){.site-header{min-height:74px}.hero{margin-top:-7px}.hero-title{width:73%}.hero-visual{margin-top:14px}.tile-manufacturing .tile-photos,.tile-design .tile-photos{aspect-ratio:1.86}.tile-photos{aspect-ratio:1.48}.hero-actions{margin-top:10px}.services{padding-top:26px}.service-row{padding-block:8px}}
@media(max-width:767px){.hero-copy .decor-left{width:12%;left:-1.5%;top:27%}.hero-copy .decor-right{width:15%;right:2%;top:0}.hero-copy .decor-side{width:13%;right:0;bottom:23%}}
.hero{container-type:inline-size}
.tile-photos{min-height:6rem}
@container (max-width:20rem){.hero-actions{grid-template-columns:1fr}.hero-actions .button{padding-inline:22px}.hero-copy .decoration{display:none}.tile-label{transform:none}.tile-photos{min-height:7rem}}
.tile-photos{width:100%}
@media(max-width:767px){.hero-actions{width:100%}.hero-actions .button{padding-inline:10px;gap:8px}}

/* Keep whole leaves separate from the lettering instead of clipping through them. */
.hero-copy .decor-right{clip-path:polygon(0 0,100% 0,100% 100%,58% 100%,58% 82%,0 82%)}
.hero-copy .decor-side{clip-path:polygon(0 0,100% 0,100% 50%,60% 100%,0 100%)}
.hero-copy .decor-sprig{width:9%;left:63%;top:0}