.kit-montage{aspect-ratio:1.18;isolation:isolate;background:#eee9df;width:100%;position:relative;overflow:hidden;container-type:inline-size}.kit-montage-floor{background:#e3ded3;border-top:1px solid #d5cfc1;position:absolute;inset:66% 0 0}.kit-part{transform-origin:bottom;background:#fff;margin:0;position:absolute;box-shadow:5px 12px 20px #26352d2b}.kit-part img,.cover-link .kit-montage img{aspect-ratio:auto;object-fit:cover;object-position:top;width:100%;height:100%;max-height:none;box-shadow:none;transition:none;display:block;transform:none}.kit-part>span{color:#26352d;text-align:center;white-space:nowrap;background:#faf8f2;padding:5% 2%;font-size:clamp(6px,2.05cqw,12px);font-weight:600;line-height:1.3;position:absolute;inset:auto 0 0}.kit-part-guide{z-index:5;border-radius:1px;width:35%;height:auto;top:16%;left:8%;transform:perspective(900px)rotateY(-9deg)rotate(-4deg)}.kit-part-guide:before{content:"";transform-origin:100%;background:#694650;width:3%;position:absolute;top:0;bottom:0;left:-3%;transform:skewY(24deg)}.kit-part-guide img,.cover-link .kit-part-guide img{object-fit:contain;height:auto}.kit-part-word{z-index:1;width:25%;height:40%;top:9%;left:44%;transform:perspective(900px)rotateY(-9deg)rotate(3deg)}.kit-part-example{z-index:2;width:24%;height:32%;top:13%;right:6%;transform:perspective(900px)rotateY(-12deg)rotate(7deg)}.kit-part-reference{z-index:6;width:22%;height:26%;bottom:10%;left:32%;transform:rotate(-5deg)}.kit-part-notion{z-index:4;background:#3c433e;border-radius:6px;width:42%;height:29%;padding:2% 1% 4%;bottom:18%;right:8%;transform:perspective(900px)rotateY(-8deg)}.kit-part-notion img,.cover-link .kit-part-notion img{object-fit:contain;background:#191919}.kit-part-notion>span{color:#fff;background:#3c433e;padding:1% 2%;font-size:clamp(6px,1.9cqw,11px)}.kit-part-notion:after{content:"";background:#626c64;border-radius:0 0 8px 8px;height:3%;position:absolute;bottom:-3%;left:-4%;right:-4%}.kit-part-html{z-index:7;background:#3c433e;border-radius:8px;width:16%;height:43%;padding:1%;bottom:8%;right:3%;transform:rotate(3deg)}.kit-part-html img,.cover-link .kit-part-html img{border-radius:4px}.kit-part-html>span{color:#fff;background:#3c433e;padding:6% 1%;font-size:clamp(5px,1.5cqw,9px)}.cover-link.kit-cover-link{background:#eee9df;padding:22px 0 0}.kit-cover-link .card-label{z-index:10}.kit-cover-link .kit-montage{aspect-ratio:1.05}.kit-format-legend{text-align:center;color:#334d3f;background:#e3ded3;padding:9px 6px 11px;font-size:.7rem;font-weight:500;display:block}.kit-cover-link:hover .kit-montage{filter:brightness(1.025)}.complete-kit-showcase{width:100%;min-width:0;margin:0}.complete-kit-showcase figcaption{text-align:center;color:var(--muted);padding:18px 20px 0;font-size:.8rem;line-height:1.6}.complete-kit-showcase figcaption strong{color:var(--ink);margin-bottom:4px;font-family:Newsreader,Georgia,serif;font-size:1.3rem;font-weight:450;display:block}.kit-preview .preview-grid.kit-item-previews{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.kit-item-previews .preview-item-label{color:var(--ink);margin-bottom:4px;font-size:.95rem;font-weight:600;line-height:1.4;display:block}.kit-item-previews .preview-item-format{color:var(--green);margin-bottom:7px;font-size:.78rem;font-weight:500;display:block}.kit-item-previews .preview-image-link:after{content:"Enlarge preview"}.kit-item-previews .preview-image-link{flex-direction:column;justify-content:center;height:340px;padding:18px;display:flex}.kit-preview .kit-item-previews img{aspect-ratio:auto;object-fit:contain;width:100%;height:280px;box-shadow:none}.kit-item-previews .preview-image-link:after{flex:none;margin-top:12px}@media (width<=850px){.kit-preview .preview-grid.kit-item-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-item-previews .preview-image-link{height:310px}.kit-preview .kit-item-previews img{height:250px}}@media (width<=600px){.complete-kit-showcase{justify-self:center;max-width:500px}.kit-preview .preview-grid.kit-item-previews{grid-template-columns:1fr;gap:32px}.kit-item-previews .preview-image-link{height:390px}.kit-preview .kit-item-previews img{height:325px}.kit-format-legend{padding-inline:3px;font-size:.65rem}.kit-cover-link .kit-montage{aspect-ratio:.95}.complete-kit-showcase figcaption{padding-inline:0}}.kit-cover-link .kit-montage.kit-montage-wide{aspect-ratio:2.15}.kit-montage-wide .kit-montage-floor{inset:70% 0 0}.kit-montage-wide .kit-part-guide{width:27%;top:7%;left:6%}.kit-montage-wide .kit-part-word{width:14%;height:52%;top:7%;left:37%}.kit-montage-wide .kit-part-example{width:13%;height:45%;top:13%;left:47%;right:auto}.kit-montage-wide .kit-part-reference{width:13%;height:36%;bottom:8%;left:35%}.kit-montage-wide .kit-part-notion{width:33%;height:56%;bottom:18%;left:55%;right:auto}.kit-montage-wide .kit-part-html{width:9%;height:72%;bottom:7%;right:3%}.kit-montage-wide .kit-part>span{font-size:clamp(7px,1.05cqw,13px)}@media (width<=600px){.kit-cover-link .kit-montage.kit-montage-wide{aspect-ratio:1.6}}.cover-link.kit-cover-link img.kit-mockup-card{aspect-ratio:1720/800;object-fit:contain;width:100%;height:auto;max-height:none;box-shadow:none;transition:none;display:block;transform:none}.complete-kit-showcase>img.kit-mockup-hero{aspect-ratio:1400/1186;object-fit:contain;width:100%;height:auto;box-shadow:none;display:block;transform:none}
