@font-face{font-family:FLDoto;src:url('./assets/fonts/doto.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:FLPixel;src:url('./assets/fonts/fusion-pixel-12px-proportional-zh_hans.ttf.woff2') format('woff2');font-weight:400;font-display:swap}
#formlabs-feature{padding:clamp(28px,5vw,60px) 0 0}
.fl-home-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;padding:36px;background:#10100f;color:#fcf7ee;border:1px solid #35312b;position:relative;overflow:hidden}
.fl-home-media{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:center;min-width:0;align-self:center;padding:12px 4px}
.fl-home-media img{display:block;width:100%;object-fit:cover}
.fl-home-card{display:block;position:relative;min-width:0;color:#fcf7ee;text-decoration:none;background:#171614;border:1px solid #43382e;box-shadow:0 8px 24px #0004;transform:rotate(var(--card-angle,0deg));transition:transform 180ms var(--ease-out),border-color 180ms ease;touch-action:manipulation}
.fl-home-card figure{margin:0;padding:6px;min-width:0}
.fl-home-card figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 3px 4px;font:400 12px/1.5 system-ui,sans-serif;color:#d2c9bf;overflow-wrap:anywhere}
.fl-home-card figcaption>span:last-child{flex:none;color:#ff853b}
.fl-home-card:focus-visible{outline:3px solid #ffae7d;outline-offset:4px}
.fl-home-card:is(:focus-visible,:active,.fl-card-front){z-index:20;border-color:#ff853b}
.fl-home-card:active{transform:rotate(var(--card-angle,0deg)) scale(.98)}
.fl-home-main img{height:350px;object-position:50% 54%}
/* Each card owns a flow-sized cell, including its caption. Stagger the cells,
   not their stacking order: bigger text or a new width can never bury a title. */
.fl-home-mosaic{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:32px 18px;align-items:start;min-width:0;isolation:isolate}
.fl-home-mosaic .fl-home-card:nth-child(1){--card-angle:-4deg;z-index:2}
.fl-home-mosaic .fl-home-card:nth-child(2){--card-angle:4deg;margin-top:38px;z-index:1}
.fl-home-mosaic .fl-home-card:nth-child(3){--card-angle:-2deg;z-index:3}
.fl-home-mosaic .fl-home-card:nth-child(4){--card-angle:5deg;margin-top:20px;width:90%;justify-self:end;z-index:4}
.fl-home-mosaic .fl-home-card:is(:focus-visible,:active,.fl-card-front){z-index:20}
.fl-home-mosaic img{height:auto;aspect-ratio:4/5}
.fl-home-mosaic .fl-home-card:nth-child(2) img,.fl-home-mosaic .fl-home-card:nth-child(3) img{aspect-ratio:1}
.fl-home-mosaic .fl-home-card:nth-child(4) img{aspect-ratio:3/4}
@media(hover:hover) and (pointer:fine){.fl-home-card:hover{z-index:30;border-color:#ff853b;transform:translateY(-3px) rotate(var(--card-angle,0deg))}.fl-home-mosaic .fl-home-card:hover{z-index:30}}
.fl-home-copy{align-self:center;min-width:0}
.fl-home-copy>.fl-home-eyebrow{font:850 12px FLDoto,monospace;letter-spacing:.05em;color:#ff6101;margin:0 0 20px}
.fl-home-copy .fl-home-title{font:900 clamp(36px,4.3vw,64px)/1.04 FLDoto,monospace;color:#ff6101;letter-spacing:-.055em;margin:0 0 14px}
.fl-home-copy .fl-home-subtitle{font:400 24px/1.5 FLPixel,sans-serif;letter-spacing:0;margin:0 0 18px;color:#fcf7ee}
.fl-home-copy>p{font-size:13px;line-height:1.9;color:#b4ada4;margin:0 0 22px;max-width:430px}
.fl-home-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:12px 18px;background:#ff6101;color:#231307;font-size:13px;font-weight:650;text-decoration:none;min-height:46px}
.fl-home-button:hover{background:#ff853b}
.fl-home-button:focus-visible{outline:3px solid #ffae7d;outline-offset:5px}
.fl-home-meta{display:flex;justify-content:space-between;gap:12px;font:850 10px FLDoto,monospace;border-top:1px solid #43382e;color:#948a80;margin-top:26px;padding-top:14px}
.fl-home-meta span:last-child{font:400 11px FLPixel,sans-serif;color:#ff6101}
@media(max-width:1200px){.fl-home-intro{grid-template-columns:1fr;gap:28px;padding:26px}.fl-home-copy{order:-1}.fl-home-copy>p{max-width:650px}.fl-home-media{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.fl-home-main img{height:auto;aspect-ratio:4/3}.fl-home-copy .fl-home-subtitle{font-size:20px}.fl-home-copy .fl-home-title{font-size:52px}}
@media(max-width:700px){#formlabs-feature{padding-top:28px}.fl-home-intro{gap:25px;padding:20px}.fl-home-copy .fl-home-title{font-size:clamp(40px,12vw,52px)}.fl-home-copy>.fl-home-eyebrow{font-size:11px;margin-bottom:15px}.fl-home-media{grid-template-columns:1fr;gap:30px;padding:0}.fl-home-mosaic{gap:32px 16px;padding:6px 4px}.fl-home-mosaic .fl-home-card:nth-child(1){--card-angle:-3deg}.fl-home-mosaic .fl-home-card:nth-child(2){--card-angle:3deg;margin-top:26px}.fl-home-mosaic .fl-home-card:nth-child(4){--card-angle:4deg;margin-top:14px}.fl-home-meta{flex-wrap:wrap;font-size:10px;margin-top:20px}}
@media(max-width:360px){.fl-home-mosaic{grid-template-columns:1fr}.fl-home-mosaic .fl-home-card:nth-child(n){margin-top:0}}
@media(prefers-reduced-motion:reduce){.fl-home-card{transition:border-color 120ms ease}.fl-home-card:hover,.fl-home-card:active{transform:rotate(var(--card-angle,0deg))}}