/* Botanical collection: artwork first, quiet controls and natural materials. */
.crop-illustration{background-image:url('assets/crop-botanical-atlas.png');background-repeat:no-repeat;background-size:300% 200%;width:270px;height:270px;flex-shrink:0;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
#fullpage:has(.cropgrid){background:#f6f7f2;padding:36px 40px 140px}.cropgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1400px;margin:0 auto}.cropcard{border:1px solid #e3e8db;border-radius:17px;background:#fff;box-shadow:0 4px 12px #254e1b03;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.cropcard:hover{transform:translateY(-5px);box-shadow:0 13px 32px #2443200d;border-color:#bacfb2}.cropcard:focus-visible{outline:2px solid #4b9e6d;outline-offset:4px}.cropart{height:274px;background:#f5f3e9;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.cropcard:hover .crop-illustration{transform:scale(1.035)}.croptypebadge{position:absolute;top:16px;left:16px;font-size:9px;letter-spacing:.3px;background:#fffdf4cc;color:#7d825d;padding:6px 9px;border:1px solid #d9dac53d;border-radius:6px;backdrop-filter:blur(7px)}.artcaption{position:absolute;right:13px;bottom:10px;font-size:7px;color:#aaa58a;letter-spacing:.3px}.cropinfo{padding:23px 22px 17px}.croptitle{display:flex;align-items:center;justify-content:space-between;gap:12px}.cropinfo .croptitle h2{font-size:23px;letter-spacing:-.65px;font-weight:750;margin:0;color:#284734}.cropopen{border:1px solid #e5eddf;display:flex;align-items:center;justify-content:center;width:29px;height:29px;color:#85a271;border-radius:50%;transition:background .2s,color .2s}.cropopen .ui-icon{width:14px;height:14px}.cropcard:hover .cropopen{background:#e6f0df;color:#4f8652}.cropfamily{display:block;font-size:9px;color:#9ba18c;letter-spacing:.7px;margin-top:7px}.cropinfo p{font-size:11px;line-height:1.8;color:#88937d;margin:14px 0 16px;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cropbottom{border-top:1px solid #ecf0e6;padding-top:13px;margin:0;font-size:9px;color:#719066;display:flex;justify-content:space-between}.cropbottom span:last-child{font-size:8px;color:#a4b09a}.collectioncount{display:flex;align-items:center;gap:10px;font-family:Manrope;font-size:31px;letter-spacing:-1px;font-weight:650;color:#a0b597}.collectioncount>span{font-family:'DM Sans';font-size:9px;color:#94a58a;letter-spacing:0;max-width:28px;line-height:1.5}.filterbar:has(#cropsearch){max-width:1400px;margin:0 auto 26px;gap:12px}.filterbar #cropsearch{background:white;border:1px solid #e1e8da;border-radius:9px;padding:13px 15px;font-size:11px;color:#55714f}.filterbar #croptype{border:1px solid #e1e8da;border-radius:9px;font-size:11px;padding:12px 15px;color:#66815e}.pagehead:has(.collectioncount){max-width:1400px;margin:0 auto 27px;align-items:center}.pagehead:has(.collectioncount) .breadcrumbs{font-size:9px;letter-spacing:1.6px;color:#829c76}.pagehead:has(.collectioncount) h1{font-size:30px;letter-spacing:-1px;color:#2c4835;margin:10px 0 9px}.pagehead:has(.collectioncount) p{font-size:11px;color:#8e9f85}.cropviewtabs{display:flex;gap:4px;background:#f0f4eb;border:1px solid #e9efdf;border-radius:8px;padding:3px;width:fit-content;margin:15px 0}.cropviewtabs button{background:none;border:0;color:#8b9a7e;font-size:10px;padding:7px 13px;border-radius:5px}.cropviewtabs button[aria-pressed=true]{background:#fff;color:#4d7f50;box-shadow:0 2px 5px #38502a0b}.modelstage.botanicalstage{background:#f5f3e9;height:310px;display:flex;justify-content:center;align-items:center;border:1px solid #eeeede;border-radius:12px}.botanicalstage .crop-illustration{width:306px;height:306px}.modelstage>span{font-size:8px;color:#a4a38a;left:13px;bottom:10px}.croptraitrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-bottom:1px solid #e7eddf;padding:18px 2px 16px}.croptraitrow small{display:block;font-size:9px;color:#99a78e;margin-bottom:5px}.croptraitrow b{display:block;font-size:12px;color:#56724b;font-weight:550}.cropdisclaimer{font-size:9px!important;color:#a2aa96!important;margin:12px 0 0!important}.cropfallback .crop-illustration{width:290px;height:290px}.cropfallback{background:#f5f3e9}.modelstage:has(.cropfallback){background:#f5f3e9}dialog:has(.cropviewtabs){width:min(600px,92vw);padding:26px 28px}dialog:has(.cropviewtabs) h1{font-size:28px;color:#2c5036;margin:8px 0 0}dialog:has(.cropviewtabs)>.close{position:absolute;right:20px;top:20px}
@media(min-width:1700px){.cropart{height:320px}.cropart .crop-illustration{width:316px;height:316px}}
@media(max-width:1050px){.cropgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cropart{height:260px}.cropart .crop-illustration{width:256px;height:256px}#fullpage:has(.cropgrid){padding:28px 27px 135px}}
@media(max-width:700px){#fullpage:has(.cropgrid){padding:25px 17px 130px}.pagehead:has(.collectioncount){margin-bottom:21px;gap:15px}.pagehead:has(.collectioncount) h1{font-size:25px;line-height:1.3;max-width:260px;margin:8px 0}.pagehead:has(.collectioncount) p{font-size:10px;line-height:1.7;max-width:240px}.pagehead:has(.collectioncount) .breadcrumbs{font-size:8px;letter-spacing:1.3px}.collectioncount{font-size:25px;gap:6px}.collectioncount>span{font-size:8px}.filterbar:has(#cropsearch){gap:8px;margin-bottom:19px;flex-wrap:wrap}.filterbar #cropsearch{min-width:150px;padding:11px 12px;font-size:10px}.filterbar #croptype{padding:10px 8px;font-size:9px;max-width:125px}.cropgrid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.cropcard{border-radius:12px}.cropart{height:172px}.cropart .crop-illustration{height:170px;width:170px}.croptypebadge{font-size:7px;top:9px;left:9px;padding:4px 6px;border-radius:4px}.artcaption{display:none}.cropinfo{padding:14px 12px 12px}.cropinfo .croptitle h2{font-size:17px;letter-spacing:-.5px}.cropopen{width:22px;height:22px}.cropopen .ui-icon{width:12px;height:12px}.cropfamily{font-size:8px;margin-top:5px;letter-spacing:.3px}.cropinfo p{font-size:9px;line-height:1.7;margin:11px 0;min-height:31px}.cropbottom{font-size:8px;padding-top:9px}.cropbottom span:last-child{display:none}dialog:has(.cropviewtabs){padding:22px 20px}dialog:has(.cropviewtabs) h1{font-size:25px}.modelstage.botanicalstage{height:270px}.botanicalstage .crop-illustration{width:266px;height:266px}}
@media(max-width:370px){.cropgrid{gap:9px}.cropart{height:145px}.cropart .crop-illustration{height:144px;width:144px}.cropinfo .croptitle h2{font-size:15px}.cropopen{display:none}.cropinfo p{font-size:8px}.collectioncount{display:none}}
@media(prefers-reduced-motion:reduce){.cropcard,.crop-illustration,.cropcard:hover,.cropcard:hover .crop-illustration{transition:none;transform:none}}
.crop-illustration{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
