.matching-card{border:1px solid #111;background:var(--lime);height:100%}.matching-card-link{display:flex;flex-direction:column;height:100%}.matching-card-art{background:#2838a4;aspect-ratio:3/4;position:relative;overflow:hidden;padding:30px 15px}.matching-card-kicker{position:absolute;top:16px;left:17px;font-size:9px;letter-spacing:1.5px;color:white;z-index:1}.matching-card-art>img{width:100%;height:100%;object-fit:contain;transform:rotate(-7deg);background:#fff;box-shadow:8px 10px 0 #1114;border:8px solid white}.photo-stamp{position:absolute;bottom:20px;right:12px;font-size:10px;font-weight:600;line-height:1.4;background:#ff8252;color:#111;padding:13px;border:1px solid #111;transform:rotate(7deg)}.matching-card-text{padding:20px}.matching-card-text h3{font-size:26px;line-height:1.05;margin-bottom:12px;letter-spacing:-1px}.matching-card-text p{font-size:11px;color:#111;margin-bottom:15px}.matching-card-text>span{font-size:10px;text-decoration:underline}.matching-home{display:grid;grid-template-columns:1.2fr 1fr;background:var(--lilac);border-bottom:1px solid #111;border-top:1px solid #111;gap:6%;align-items:center}.matching-home h2{font-size:clamp(42px,4.7vw,70px)}.matching-home p:not(.eyebrow){max-width:600px;font-size:16px;line-height:1.7;color:#111}.matching-home-art{height:330px;position:relative;background:#2838a4;border:1px solid #111;overflow:hidden}.matching-home-art img{height:95%;width:80%;object-fit:contain;transform:rotate(-8deg);background:white;margin:10px auto;box-shadow:10px 10px 0 #1115}.matching-home-art span{position:absolute;right:15px;bottom:15px;background:#ff8252;border:1px solid #111;padding:15px;font-size:15px;line-height:1.1;font-weight:600;transform:rotate(5deg)}.matching-breadcrumb{padding:20px 26px;font-size:11px;border-bottom:1px solid #111}.matching-breadcrumb a{text-decoration:underline}.matching-hero{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #111;background:var(--lime)}.matching-hero-copy{padding:70px 35px}.matching-hero h1{font-size:clamp(55px,6.4vw,96px);letter-spacing:-3px}.matching-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#111;max-width:520px}.matching-tag{display:block;margin-top:40px;font-size:9px;letter-spacing:1px}.matching-art{background:#2838a4;position:relative;border-left:1px solid #111;min-height:650px;overflow:hidden;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:30px 30px}.reference-sheet{position:absolute;left:8%;top:10%;width:55%;height:65%;background:#fff;padding:13px 13px 35px;transform:rotate(-8deg);box-shadow:10px 15px 0 #1114}.reference-sheet img{height:100%;width:100%;object-fit:cover}.reference-sheet span,.craft-sheet span{position:absolute;bottom:12px;left:13px;font-size:7px;letter-spacing:1px}.craft-sheet{position:absolute;right:5%;bottom:14%;width:52%;height:45%;background:#f8f5ed;padding:10px 10px 30px;transform:rotate(8deg);box-shadow:10px 15px 0 #1115}.craft-sheet img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.craft-seal{position:absolute;right:10%;top:14%;height:110px;width:110px;background:#ff8252;border:1px solid #111;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:17px;font-weight:600;line-height:1.05;transform:rotate(10deg)}.art-footnote{position:absolute;bottom:22px;left:22px;right:22px;font-size:9px;color:white}.matching-steps{border-bottom:1px solid #111}.matching-steps h2{font-size:56px}.matching-form-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;background:#f7f3eb;border-bottom:1px solid #111}.matching-form-section h2{font-size:clamp(44px,4.8vw,72px)}.matching-form-section>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#333}.matching-form-section ul{font-size:14px;line-height:1.8;padding-left:20px;margin:30px 0}.matching-contact{border-top:1px solid #111;padding-top:25px;margin-top:35px}.matching-contact span{display:block;font-size:9px;letter-spacing:1px;margin-bottom:10px}.matching-contact a{font-size:16px;text-decoration:underline;overflow-wrap:anywhere}.upload-heading{display:flex;gap:15px;align-items:baseline;justify-content:space-between}.upload-heading h3{font-size:27px}.upload-heading>span{font-size:9px;color:#555}.photo-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:230px;border:2px dashed #111;background:#e6dfef;padding:25px;position:relative;cursor:pointer;margin-bottom:25px;text-align:center}.photo-drop:focus-within{outline:3px solid #ad773e;outline-offset:3px}.photo-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-drop strong{font-size:20px;font-weight:500}.photo-drop>span:not(.upload-symbol){font-size:12px}.photo-drop small{font-size:10px}.photo-drop .upload-symbol{display:grid;place-items:center;height:45px;width:45px;border:1px solid #111;background:var(--lime);border-radius:50%;font-size:24px;margin-bottom:5px}.photo-drop.dragging{background:var(--lime);border-style:solid}.photo-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px}.photo-previews:empty{display:none}.photo-previews>div{border:1px solid #111;background:white;position:relative;min-width:0}.photo-previews img{width:100%;height:115px;object-fit:cover}.photo-previews span{display:block;font-size:9px;padding:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-previews button{position:absolute;right:4px;top:4px;height:26px;width:26px;border:1px solid #111;border-radius:50%;background:white;font-size:18px}#photo-error{border:1px solid #9b2c0d;background:#fff0e8;padding:12px;color:#9b2c0d;font-size:12px}.matching-draft-note{font-size:11px;line-height:1.7;margin:20px 0;color:#444}#prepare-matching{width:100%}#prepare-matching:disabled{opacity:.5;cursor:wait}#matching-result{padding:20px;border:1px solid #111;background:var(--lime);margin-top:20px}#matching-result>strong{font-size:16px}#matching-result p{font-size:12px;line-height:1.7;color:#111}#matching-result button{padding:10px 15px;background:white;border:1px solid #111;font-size:12px}.matching-faq{background:var(--lilac);border-bottom:1px solid #111}.matching-faq h2{font-size:53px}.matching-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 50px;margin-top:40px}.matching-faq-grid article{border-top:1px solid #111;padding-top:22px}.matching-faq-grid h3{font-size:25px}.matching-faq-grid p{font-size:14px;line-height:1.8;color:#222}
@media(max-width:900px){.matching-hero-copy{padding:55px 25px}.matching-hero h1{font-size:66px}.matching-art{min-height:650px}.matching-form-section{gap:5%}.matching-form-section h2{font-size:49px}.matching-card-text{padding:15px}.matching-card-text h3{font-size:23px}.matching-card-art{padding:35px 10px}.photo-stamp{font-size:8px;padding:9px}.upload-heading{display:block}.upload-heading h3{margin-bottom:7px}.upload-heading>span{display:block;margin-bottom:20px}}
@media(max-width:580px){.matching-card-art{padding:35px 12px 20px}.matching-card-kicker{font-size:7px;letter-spacing:1px;left:12px;top:12px}.matching-card-text{padding:16px 12px}.matching-card-text h3{font-size:23px}.matching-card-text p{font-size:10px;line-height:1.5}.matching-card-text>span{font-size:9px}.photo-stamp{font-size:8px;bottom:17px;right:8px}.matching-home{grid-template-columns:1fr;gap:30px}.matching-home h2{font-size:42px}.matching-home p:not(.eyebrow){font-size:14px}.matching-home-art{height:300px}.matching-breadcrumb{padding:16px;font-size:10px}.matching-hero{grid-template-columns:1fr}.matching-hero-copy{padding:45px 20px}.matching-hero h1{font-size:60px;letter-spacing:-2.5px}.matching-hero-copy>p:not(.eyebrow){font-size:16px}.matching-tag{font-size:8px;line-height:1.6;margin-top:30px}.matching-art{min-height:460px;border-left:0;border-top:1px solid #111}.craft-seal{height:85px;width:85px;font-size:14px;right:7%}.matching-steps h2{font-size:42px}.matching-form-section{grid-template-columns:1fr;gap:35px}.matching-form-section h2{font-size:46px}.matching-form-section>div>p:not(.eyebrow){font-size:14px}.matching-form-section ul{font-size:13px}.photo-drop{min-height:210px;padding:20px}.photo-drop strong{font-size:18px}.photo-previews img{height:90px}.matching-faq h2{font-size:42px}.matching-faq-grid{grid-template-columns:1fr;gap:25px}.matching-faq-grid h3{font-size:24px}.matching-faq-grid p{font-size:13px}}
