.photo-card-guide{padding:36px 0 88px}.photo-guide-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);min-height:560px;align-items:center;gap:20px;overflow:hidden;padding:clamp(32px,5vw,80px);border:1px solid #d8ded6;border-radius:12px;background:#e9ede7}.photo-guide-intro{position:relative;z-index:1;max-width:650px}.photo-guide-kicker{margin:0 0 16px;color:#a7472d;font-size:11px;font-weight:700;letter-spacing:.16em}.photo-guide-intro h1{max-width:12ch;margin:0 0 24px;color:#173c34;font-size:clamp(42px,5.2vw,76px);line-height:1.1;overflow-wrap:anywhere}.photo-guide-lede{max-width:39ch;margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.65}.photo-guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.photo-guide-actions a,.photo-guide-end a{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:18px;padding:12px 20px;border-radius:8px;font-weight:700;text-decoration:none}.photo-guide-primary{background:#b34a32;color:#fff!important}.photo-guide-primary:hover{background:#923018}.photo-guide-secondary{border:1px solid #c4d0c6;background:#fffefa;color:#173c34}.photo-guide-note{max-width:52ch;margin:24px 0 0;color:#54635d;font-size:13px;line-height:1.6}.photo-guide-hero-art{position:relative;height:460px;align-self:stretch}.photo-guide-hero-art>div{position:absolute;width:min(51%,300px);padding:8px;background:#fffefa;box-shadow:0 24px 40px #1b372a38}.photo-guide-hero-art img{display:block;width:100%;height:auto}.photo-guide-back-card{top:16%;left:11%;transform:rotate(-12deg)}.photo-guide-front-card{top:-5%;right:10%;transform:rotate(9deg)}.photo-guide-examples,.photo-guide-steps{padding-block:clamp(56px,6vw,96px)}.photo-guide-steps{border-bottom:1px solid #d8ded6}.photo-guide-end h2,.photo-guide-examples h2,.photo-guide-steps h2{margin:0;color:#173c34;font-size:clamp(30px,3vw,48px);line-height:1.2}.photo-guide-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:36px 0 0;padding:0;list-style:none}.photo-guide-steps li{min-width:0;padding:24px 0 0;border-top:2px solid #163e34}.photo-guide-gallery figcaption span,.photo-guide-steps li>span{display:block;margin-bottom:18px;color:#af4b32;font-size:13px;font-weight:800}.photo-guide-steps h3{margin:0 0 12px;font-size:22px}.photo-guide-examples header>p:last-child,.photo-guide-steps li p{max-width:45ch;margin:0;color:#56645e;line-height:1.7}.photo-guide-examples header>p:last-child{margin-top:12px}.photo-guide-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}.photo-guide-collection-title{margin:36px 0 0;color:#173c34;font-size:clamp(21px,2vw,28px);line-height:1.3}.photo-guide-illustrated-art{position:relative;display:block;width:100%;max-width:240px;margin-inline:auto;overflow:hidden}.photo-guide-edition-sprite{position:absolute;top:50%;left:0;display:block;width:100%;aspect-ratio:240/356;transform:translateY(-50%);background-image:url(/previews/card-design-atlas.webp?v=20261005watercolor);background-size:400% 1400%;background-repeat:no-repeat}.photo-guide-gallery.photo-guide-editions figure{padding:24px 20px;border:1px solid #d8ded6;background:#faf9f4;box-shadow:none}.photo-guide-gallery.photo-guide-editions figcaption{padding:22px 0 0;font-size:clamp(19px,1.8vw,23px);line-height:1.3}.photo-guide-editions .photo-guide-note{margin-top:10px;font-size:13px}.photo-guide-design-note{margin:14px 0 0;color:#52635d;font-size:15px;line-height:1.6}.photo-guide-gallery figure{min-width:0;margin:0;padding:12px 12px 20px;background:#fffefa;box-shadow:0 8px 24px #173c3014}.photo-guide-gallery img{display:block;width:100%;height:clamp(280px,31vw,480px);object-fit:contain;background:#ece9df}.photo-guide-gallery figcaption{padding:18px 8px 0;font-size:18px;font-weight:700}.photo-guide-gallery figcaption span{display:inline;margin:0 12px 0 0}.photo-guide-end{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px;border-radius:10px;background:#dce8df}.photo-guide-credits{margin-top:32px;border-top:1px solid #d8ded6;overflow-wrap:anywhere}.photo-guide-credits summary{min-height:44px;padding-block:16px;cursor:pointer;font-weight:600}.photo-guide-credits a:focus-visible,.photo-guide-credits summary:focus-visible{outline:2px solid #173c34;outline-offset:3px}.photo-guide-credits ul{padding-left:20px}.photo-guide-credits li{margin-block:12px}.photo-guide-credits span,.photo-guide-credits strong{display:block}.photo-guide-credits a{display:inline-flex;align-items:center;min-height:44px}@media (max-width:900px){.photo-guide-hero{grid-template-columns:1fr;padding:36px}.photo-guide-hero-art{height:350px;min-height:0}.photo-guide-hero-art>div{width:min(40%,220px)}.photo-guide-back-card{left:25%;top:8%}.photo-guide-front-card{right:24%;top:-3%}}@media (max-width:650px){.photo-card-guide{padding-top:16px}.photo-guide-hero{gap:6px;padding:28px 22px 0}.photo-guide-intro h1{font-size:clamp(36px,10vw,48px)}.photo-guide-actions a{width:100%}.photo-guide-hero-art{height:290px}.photo-guide-hero-art>div{width:42%}.photo-guide-back-card{left:13%;top:24%}.photo-guide-front-card{right:12%;top:6%}.photo-guide-gallery,.photo-guide-steps ol{grid-template-columns:1fr;gap:26px}.photo-guide-gallery img{height:auto;max-height:500px}.photo-guide-end{flex-direction:column;align-items:flex-start;padding:28px}}