.medal-hero.photo-hero{position:relative;isolation:isolate;min-height:730px;grid-template-columns:minmax(0,.87fr) minmax(0,1.25fr);gap:clamp(25px,4vw,72px);padding:clamp(50px,6vw,92px) clamp(24px,5vw,100px) 65px;background:#f5f1e9;overflow:hidden}
.photo-hero:before{content:"";position:absolute;z-index:-1;width:680px;height:680px;right:-100px;top:-100px;border:1px solid #d9cdbb;border-radius:50%;opacity:.55}.photo-hero:after{content:"";position:absolute;z-index:-1;width:900px;height:900px;right:-210px;top:-210px;border:1px solid #d9cdbb;border-radius:50%;opacity:.3}
.photo-hero .medal-hero-copy{position:relative;z-index:2;padding-bottom:10px}.photo-hero .medal-eyebrow{font-size:.65rem;letter-spacing:.2em;color:#a64e31}.photo-hero .medal-hero-copy h1{max-width:10ch;font-size:clamp(3.6rem,5.4vw,6.6rem);line-height:.98;letter-spacing:-.065em;margin:24px 0}.photo-hero h1 em{color:#a74e34;font-weight:400}.photo-hero .medal-hero-copy>p:not(.medal-eyebrow){max-width:33ch;color:#5e625e;font-size:1rem;line-height:1.8}.photo-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:27px}.photo-hero-actions .medal-button{margin:0;min-height:54px;padding:0 27px;background:#17252a;letter-spacing:.07em}.photo-hero-actions .medal-button:hover{background:#a74e34}.photo-hero-secondary{font-size:.8rem;color:#36423f;border-bottom:1px solid #9aa09a;padding:7px 0;font-weight:600}.photo-hero-promise{display:flex;align-items:center;gap:12px;max-width:310px;margin:32px 0 0;font-size:.73rem;line-height:1.6;color:#65706a}.photo-hero-promise svg{width:31px;height:31px;flex:none;stroke:#937453;fill:none;stroke-width:1.4}
.photo-collage-wrap{position:relative;min-width:0;padding:12px 5px 18px}.photo-collage{position:relative;display:grid;grid-template-columns:1.05fr .8fr .85fr;grid-template-rows:150px 150px 150px 100px;gap:12px;max-width:820px;margin:auto;transform:rotate(-2deg)}
.collage-photo{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;border-radius:13px;background:#e5ddd0;border:5px solid #fff;box-shadow:0 12px 30px #4536261c;transition:transform .25s ease,box-shadow .25s ease}.collage-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.collage-photo:hover{transform:translateY(-5px);box-shadow:0 16px 32px #45362630;z-index:3}.collage-photo:hover img{transform:scale(1.035)}.collage-photo:focus-visible{outline:3px solid #a74e34;outline-offset:4px}.collage-photo-1{grid-column:1/3;grid-row:1/4}.collage-photo-2{grid-column:3;grid-row:1/3;transform:translateY(22px) rotate(5deg)}.collage-photo-3{grid-column:1;grid-row:4;transform:translate(-9px,-12px) rotate(-5deg)}.collage-photo-4{grid-column:3;grid-row:3/5;transform:translateY(22px) rotate(3deg)}.collage-photo-5{grid-column:2;grid-row:4;transform:translateY(-4px) rotate(4deg)}
.collage-photo-label{position:absolute;bottom:0;left:0;right:0;padding:28px 10px 10px;background:linear-gradient(transparent,#1a201cd6);color:#fff;font-size:.61rem;font-weight:700;line-height:1.3;letter-spacing:.02em;text-align:left}.collage-photo-1 .collage-photo-label{padding:45px 17px 17px;font-size:.85rem}.collage-signature{position:absolute;z-index:4;left:8%;bottom:0;background:#fffefa;padding:13px 19px;transform:rotate(-5deg);box-shadow:0 5px 20px #4536261a;font:italic 1.05rem Georgia,serif;color:#7c4e36;pointer-events:none;border:1px solid #e2d7c6}.photo-story-line{display:flex;align-items:center;justify-content:center;gap:clamp(20px,7vw,100px);padding:24px;background:#fff;border-bottom:1px solid #e9e5df;color:#5a625e;font-size:.67rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.photo-story-line span{display:flex;align-items:center;gap:10px}.photo-story-line span:before{content:"";width:5px;height:5px;background:#ac6548;border-radius:50%}
@media(min-width:1450px){.photo-collage{grid-template-rows:170px 170px 170px 110px}}
@media(max-width:1050px){.medal-hero.photo-hero{gap:28px;min-height:660px;padding:50px 32px}.photo-hero .medal-hero-copy h1{font-size:clamp(3.35rem,6vw,4.8rem)}.photo-collage{grid-template-rows:120px 120px 120px 85px;gap:9px}.collage-photo{border-width:4px;border-radius:10px}.collage-signature{font-size:.9rem;left:0}}
@media(max-width:760px){.medal-hero.photo-hero{grid-template-columns:1fr;gap:20px;padding:38px 24px 34px;min-height:auto}.photo-hero .medal-hero-copy{max-width:600px;padding:0}.photo-hero .medal-hero-copy h1{max-width:12ch;font-size:clamp(3.3rem,9vw,5rem);margin:17px 0}.photo-hero .medal-hero-copy>p:not(.medal-eyebrow){max-width:46ch;font-size:.95rem}.photo-hero-actions{margin-top:20px;gap:22px}.photo-hero-promise{display:none}.photo-collage-wrap{padding:16px 7px 18px}.photo-collage{max-width:540px;grid-template-rows:110px 110px 110px 80px;gap:9px;transform:rotate(-1.5deg)}.collage-signature{left:10%;font-size:.9rem}.photo-story-line{gap:20px;padding:19px 15px;font-size:.54rem;letter-spacing:.04em}}
@media(max-width:390px){.photo-hero-actions{gap:17px}.photo-hero-actions .medal-button{padding:0 19px;font-size:.7rem}.photo-collage{grid-template-rows:95px 95px 95px 70px}.photo-story-line{flex-wrap:wrap;gap:11px 20px}.collage-photo-label{font-size:.53rem;padding:20px 6px 6px}}
@media(prefers-reduced-motion:reduce){.collage-photo,.collage-photo img{transition:none}}