.category-collage{position:relative;margin:54px -5.55% 30px;padding:0 10%;overflow:hidden;background:#161c1a;isolation:isolate}.category-collage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 40% 40%,#74876535,transparent 65%);z-index:-1}.collage-track{display:flex;gap:10px;height:480px;max-width:1500px;margin:auto;transform:translateX(12px)}.collage-panel{flex:1;position:relative;min-width:0;transform:skewX(-38deg);background:#2b322a;border-left:1px solid #c1cead33;border-right:1px solid #c1cead33;overflow:hidden;transition:flex .5s ease,filter .4s;filter:brightness(.8)}.collage-panel:hover,.collage-panel:focus-within{flex:1.65;filter:brightness(1.08)}.collage-art{position:absolute;inset:0;overflow:hidden;background:#252d26}.collage-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c110ff5 0%,#0c110f15 80%);z-index:2;pointer-events:none}.collage-art img,.collage-art video{position:absolute;width:calc(100% + 400px);height:100%;left:-200px;top:0;object-fit:cover;transform:skewX(38deg)}.collage-content{position:absolute;left:-30%;right:-30%;bottom:35px;text-align:center;transform:skewX(38deg);z-index:4;color:#f0f3e8;pointer-events:none}.collage-index{font-size:9px;letter-spacing:2px;color:#c9e78a}.panel-title{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:40px;line-height:1;letter-spacing:.2px;font-weight:600;margin:14px 0 10px;white-space:nowrap}.panel-caption{font-size:10px;line-height:1.6;max-width:190px;min-height:32px;margin:0 auto 16px;padding:0 8px;color:#c4ccbc}.panel-explore{pointer-events:auto;display:inline-flex;align-items:center;gap:18px;padding:11px 16px;border:1px solid #cbdcb187;background:#171f1877;color:#eef4de;font-size:10px;letter-spacing:1.5px;cursor:pointer;transition:background .2s}.panel-explore:hover,.panel-explore:focus-visible{background:#d7ee85;color:#202a18}.collage-panel:focus-within{outline:2px solid #d7ee85;outline-offset:-3px}.collage-carbon .collage-art{background-image:linear-gradient(145deg,#d6e0e018,#10141155),url('carbon-twill.svg');background-size:auto,38px 38px}.collage-print .collage-art{background:repeating-linear-gradient(0deg,#72954f 0 2px,#53753e 2px 4px)}.collage-cad .collage-art{background-color:#243f3c;background-image:linear-gradient(#b4dbca12 1px,transparent 1px),linear-gradient(90deg,#b4dbca12 1px,transparent 1px);background-size:22px 22px}.collage-laser .collage-art{background:radial-gradient(ellipse at 55% 35%,#b977283d,transparent 55%),repeating-linear-gradient(90deg,#292e29 0 28px,#343a3422 28px 29px)}.collage-object{position:absolute;top:60px;left:20%;width:90%;height:210px;transform:skewX(38deg) rotate(-22deg);border-radius:12px;box-shadow:18px 24px 20px #0006}.collage-carbon .collage-object{background-image:linear-gradient(125deg,#d3e1e14d,#12151055),url('carbon-spread.svg');background-size:auto,30px 30px;clip-path:polygon(0 20%,80% 0,100% 35%,75% 100%,8% 80%)}.collage-print .collage-object{background:repeating-linear-gradient(0deg,#d4e9a4 0 2px,#abc67b 2px 4px);clip-path:polygon(0 20%,55% 0,100% 35%,100% 100%,45% 75%,0 100%)}.collage-cad .collage-object{border:1px solid #a5e3ce;background:linear-gradient(35deg,transparent 49.7%,#a5e3ce88 50%,transparent 50.4%),linear-gradient(145deg,transparent 49.7%,#a5e3ce88 50%,transparent 50.4%);box-shadow:12px 12px 0 #75bda540,24px 24px 0 #75bda526;transform:skewX(38deg) rotate(-30deg);height:160px;top:85px}.collage-laser .collage-object{background:linear-gradient(0deg,#252b25,#717563);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 60%,70% 60%,70% 40%,0 40%);height:170px}.collage-laser .collage-art:before{content:'';position:absolute;width:2px;top:0;height:240px;left:60%;background:#ffdb7b;box-shadow:0 0 8px 3px #ff9e4a88,0 0 35px 10px #ee8d4333;transform:skewX(38deg);z-index:1}.category-browser{padding-top:28px}.category-browser[hidden]{display:none}.category-browser-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0 25px}.category-browser-head h3{font-size:24px;margin:0}.category-browser-head button{background:none;border:1px solid #a5ae98;padding:9px 13px;font-size:11px}.collage-hint{font-size:10px;letter-spacing:1px;color:#748065;text-align:right;margin:12px 0}.editing-page .collage-content{pointer-events:auto}.editing-page .collage-panel{filter:none}.editing-page .collage-art.inline-editable{outline-offset:-5px}.editing-page .collage-panel:hover{flex:1}.category-collage .inline-editable{min-height:20px}@media(max-width:850px){.category-collage{padding:0 9%;margin-top:35px}.collage-track{height:400px;gap:7px}.collage-panel{transform:skewX(-28deg)}.collage-content,.collage-art img,.collage-art video{transform:skewX(28deg)}.collage-content{left:-70%;right:-70%;bottom:24px}.panel-title{font-size:28px}.panel-caption{display:none}.panel-explore{padding:10px;gap:8px;font-size:9px}.collage-object{left:0}.collage-panel:hover,.collage-panel:focus-within{flex:1.3}}@media(max-width:520px){.category-collage{padding:0 7%}.collage-track{height:330px;gap:5px;transform:none}.collage-panel{transform:skewX(-18deg)}.collage-content,.collage-art img,.collage-art video{transform:skewX(18deg)}.collage-content{left:-85%;right:-85%;bottom:25px}.panel-title{font-size:23px;margin:12px 0 18px}.panel-explore{font-size:8px;padding:9px 7px;gap:6px;letter-spacing:.6px}.collage-index{font-size:8px}.collage-object{height:150px;top:55px;width:150%;left:-30%}.collage-hint{font-size:9px;text-align:left}.category-browser-head h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.collage-panel,.panel-explore{transition:none}}

.panel-manager,.remove-panel-badge{display:none}.editing-page .panel-manager{display:flex;align-items:center;gap:15px;margin:25px 0;font-size:12px}.panel-manager button{background:#d7ee85;border:1px solid #849e4a;padding:12px 18px}.panel-manager span{color:#69745b}.editing-page .remove-panel-badge{display:block;position:absolute;z-index:6;top:25px;left:50%;transform:translateX(-50%) skewX(38deg);white-space:nowrap;padding:8px 11px;font-size:10px;border:1px solid #cdb3a3;background:#fff4e8;color:#8a3021}.empty-panels{align-self:center;color:#d0dac6;text-align:center;width:100%;font-size:16px}.collage-track.many-panels{overflow-x:auto;overflow-y:hidden;gap:12px;padding:0 140px;max-width:none;margin:0 -140px}.many-panels .collage-panel{flex:0 0 230px}.many-panels .collage-panel:hover,.many-panels .collage-panel:focus-within{flex-basis:300px}.editing-page .many-panels .collage-panel:hover{flex:0 0 230px}@media(max-width:850px){.editing-page .remove-panel-badge{transform:translateX(-50%) skewX(28deg);font-size:9px;padding:6px}.panel-manager span{display:none}}@media(max-width:520px){.editing-page .remove-panel-badge{transform:translateX(-50%) skewX(18deg);font-size:8px;padding:5px}.many-panels .collage-panel{flex-basis:150px}.many-panels .collage-panel:hover{flex-basis:180px}.editing-page .many-panels .collage-panel:hover{flex-basis:150px}}

/* Phone layout: readable category panels in two rows. */
@media(max-width:650px){.category-collage{padding:15px 7%;margin-top:30px}.category-collage .collage-track,.category-collage .collage-track.many-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:12px;padding:0 10px;margin:0;transform:none;overflow:visible}.category-collage .collage-panel{height:270px;transform:skewX(-12deg);min-width:0;filter:brightness(.95)}.category-collage .collage-content{transform:skewX(12deg);left:-20%;right:-20%;bottom:24px}.category-collage .collage-art img,.category-collage .collage-art video{transform:skewX(12deg)}.category-collage .panel-title{white-space:normal;overflow-wrap:anywhere;max-width:135px;margin:12px auto 17px;font-size:27px!important;line-height:1.05}.category-collage .panel-explore{padding:11px 13px;font-size:10px;gap:10px;min-height:40px}.category-collage .collage-index{font-size:9px}.category-collage .collage-object{top:30px;height:135px;left:-10%;width:110%;transform:skewX(12deg) rotate(-15deg)}.category-collage .collage-cad .collage-object{transform:skewX(12deg) rotate(-25deg)}.category-collage .collage-laser .collage-art:before{transform:skewX(12deg);height:155px}.editing-page .category-collage .remove-panel-badge{transform:translateX(-50%) skewX(12deg);font-size:9px}.category-collage .collage-panel:hover,.category-collage .collage-panel:focus-within{filter:brightness(1.08)}.collage-hint{line-height:1.6}}
@media(max-width:360px){.category-collage .panel-title{font-size:24px!important;max-width:115px}.category-collage .panel-explore{padding:10px;font-size:9px}}