.sample-gallery{width:min(1180px,calc(100% - 40px));margin:28px auto 40px;padding:30px;border:1px solid rgba(177,137,76,.28);border-radius:24px;background:linear-gradient(145deg,#fffdf8,#f7efe3);box-shadow:0 16px 42px rgba(70,36,30,.07)}
.sample-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:28px}.sample-gallery-heading>div{max-width:690px}.sample-gallery-heading .eyebrow{margin:0 0 8px;color:#8a5b2a}.sample-gallery-heading h2{margin:0;color:#421a28;font:600 clamp(30px,4vw,44px)/1.05 "Cormorant Garamond",Georgia,serif}.sample-gallery-heading p:not(.eyebrow){max-width:680px;margin:10px 0 0;color:#76655e;font-size:14px;line-height:1.7}.sample-gallery-search{flex:0 1 320px}.sample-gallery-search input{width:100%;min-height:48px;padding:0 16px;border:1px solid #e4d6c4;border-radius:999px;background:#fffdfa;color:#332522;font:500 13px Manrope,Arial,sans-serif}.sample-gallery-search input:focus{outline:3px solid rgba(181,139,76,.2);border-color:#b58b4c}.sample-gallery-status{margin:22px 0 12px;color:#806e65;font-size:12px}.sample-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sample-design-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;padding:0;border:1px solid #e5d7c6;border-radius:16px;background:#fffdfa;color:inherit;text-align:left;cursor:pointer;box-shadow:0 6px 18px rgba(73,38,30,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sample-design-card:hover,.sample-design-card:focus-visible{transform:translateY(-3px);border-color:#b78d4b;box-shadow:0 12px 26px rgba(73,38,30,.12);outline:0}.sample-design-card.selected{border:2px solid #74243a;box-shadow:0 0 0 3px rgba(116,36,58,.1)}.sample-card-image{position:relative;display:grid;aspect-ratio:4/3;place-items:center;overflow:hidden;background:linear-gradient(145deg,#eee0cb,#f8f1e7)}.sample-card-image>img{width:100%;height:100%;object-fit:cover}.sample-card-placeholder{color:#9b7d5d;font:500 14px "Cormorant Garamond",Georgia,serif}.sample-card-code{position:absolute;top:10px;left:10px;padding:6px 9px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(66,26,40,.88);color:#fff7e8;font-size:10px;font-weight:800;letter-spacing:.08em}.sample-card-copy{display:grid;gap:7px;padding:14px}.sample-card-copy strong{overflow:hidden;color:#3d1c26;font:700 16px "Cormorant Garamond",Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.sample-card-copy>span{display:-webkit-box;min-height:36px;overflow:hidden;color:#75665f;font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sample-card-copy em{margin-top:4px;color:#762640;font-size:10px;font-style:normal;font-weight:800}.sample-selection{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:12px 15px;border:1px solid #d6be8d;border-radius:12px;background:#fff8e7;color:#57351f;font-size:12px;font-weight:700}.sample-selection button{border:0;background:transparent;color:#762640;font:700 12px Manrope,Arial,sans-serif;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.sample-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sample-gallery{padding:24px}}
@media(max-width:620px){.sample-gallery{width:calc(100% - 22px);margin:16px auto 24px;padding:20px 15px;border-radius:18px}.sample-gallery-heading{align-items:stretch;flex-direction:column;gap:14px}.sample-gallery-heading h2{font-size:33px}.sample-gallery-heading p:not(.eyebrow){font-size:12px;line-height:1.6}.sample-gallery-search{flex:initial}.sample-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sample-card-copy{gap:6px;padding:11px}.sample-card-copy strong{font-size:14px}.sample-card-copy>span{font-size:10px}.sample-card-code{top:7px;left:7px;padding:5px 7px;font-size:9px}.sample-selection{align-items:flex-start;flex-direction:column}.sample-selection button{padding:3px 0}}