.photo-hero{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(42px,6vw,86px);padding:72px 0 78px;display:grid}.photo-hero h1{margin:24px 0;font-size:clamp(2.6rem,4.7vw,5.15rem)}.photo-entry-note{max-width:650px;color:var(--muted);margin:18px 0 0;font-size:13px;line-height:1.65}.photo-hero-visual{margin:0}.photo-before-after{grid-template-columns:1fr 42px 1fr;align-items:center;display:grid}.photo-before-after>div{border:1px solid var(--line);background:var(--card);min-width:0;box-shadow:var(--shadow);position:relative;overflow:hidden}.photo-before-after>div:first-child{transform:translateY(24px)}.photo-before-after picture,.photo-before-after img,.photo-style-gallery picture,.photo-style-gallery img,.photo-reference-flow picture,.photo-reference-flow img{width:100%;height:100%;display:block}.photo-before-after img,.photo-style-gallery img,.photo-reference-flow img{object-fit:cover;aspect-ratio:4/3}.photo-before-after span{color:#fff;letter-spacing:.09em;text-transform:uppercase;background:#22211dd1;padding:7px 9px;font-size:9px;font-weight:800;position:absolute;bottom:12px;left:12px}.photo-before-after>i,.photo-reference-flow>i{border:1px solid var(--accent);width:38px;height:38px;color:var(--accent);border-radius:50%;justify-self:center;place-items:center;font-style:normal;display:grid}.photo-hero-visual figcaption{color:var(--muted);text-align:right;margin-top:24px;font-size:12px;line-height:1.6}.photo-choice{padding:72px 0 94px}.photo-choice>header,.photo-how>header,.photo-audience>header,.photo-comparison>header,.photo-faq>header{max-width:820px}.photo-choice-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:34px;display:grid}.photo-choice-grid>a{border:1px solid var(--line);background:var(--card);min-height:280px;color:var(--ink);flex-direction:column;padding:32px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.photo-choice-grid>a:hover,.photo-choice-grid>a:focus-visible{border-color:var(--accent);transform:translateY(-4px)}.photo-choice-grid span,.photo-style-gallery figcaption span,.photo-reference-flow figcaption span,.photo-audience article>span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.photo-choice-grid h3{margin:42px 0 12px;font-size:clamp(1.75rem,2.8vw,3rem)}.photo-choice-grid p{color:var(--muted);line-height:1.7}.photo-choice-grid strong{margin-top:auto;font-size:13px}.photo-scenario{padding:88px 0}.photo-section-heading{grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);align-items:end;gap:60px;margin-bottom:38px;display:grid}.photo-section-heading h2{margin:12px 0 0;font-size:clamp(2.5rem,4.2vw,4.8rem)}.photo-section-heading>p{color:var(--muted);margin:0;line-height:1.75}.photo-style-gallery{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.photo-style-gallery figure,.photo-reference-flow figure{border:1px solid var(--line);background:var(--card);min-width:0;margin:0}.photo-style-gallery figcaption,.photo-reference-flow figcaption{flex-direction:column;min-height:122px;padding:18px;display:flex}.photo-style-gallery figcaption strong,.photo-reference-flow figcaption strong{margin-top:7px}.photo-style-gallery figcaption small,.photo-reference-flow figcaption small{color:var(--muted);margin-top:5px}.photo-source-card{opacity:.82}.photo-concept-note{border-left:3px solid var(--accent);background:var(--paper);color:var(--muted);margin:24px 0 0;padding:18px 20px;line-height:1.7}.photo-reference-scenario{background:var(--graphite);color:#fff;width:100%}.photo-reference-scenario .photo-section-heading>p,.photo-reference-scenario .photo-concept-note{color:#bdb9b2}.photo-reference-scenario .photo-concept-note{background:#292925}.photo-reference-flow{grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center;gap:10px;display:grid}.photo-reference-flow figure{background:#292925;border-color:#47433d}.photo-reference-flow .photo-reference-result{border-color:var(--accent)}.photo-how,.photo-audience,.photo-comparison,.photo-faq{padding:92px 0}.photo-how ol{border-top:1px solid var(--line);margin:36px 0 0;padding:0;list-style:none}.photo-how li{border-bottom:1px solid var(--line);grid-template-columns:68px 1fr;gap:18px;padding:23px 0;display:grid}.photo-how li>span{color:var(--accent);font-weight:800}.photo-how li p{color:var(--muted);margin:5px 0 0}.photo-details{border:1px solid var(--line);background:var(--card);grid-template-columns:1.05fr .75fr .8fr;gap:38px;margin-block:24px 92px;padding:42px;display:grid}.photo-details h2{margin:12px 0 16px;font-size:clamp(2.25rem,3.5vw,3.8rem)}.photo-details>div>p:not(.eyebrow),.photo-details aside p{color:var(--muted);line-height:1.7}.photo-details ul{margin:0;padding:0;list-style:none}.photo-details li{border-bottom:1px solid var(--line);padding:10px 0 10px 22px;position:relative}.photo-details li:before{color:var(--accent);content:"✓";position:absolute;left:0}.photo-details aside{background:var(--paper);padding:24px}.photo-detail-links{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.photo-detail-links a,.photo-comparison>p a,.photo-audience article a{color:var(--ink);font-weight:750}.photo-detail-links a:hover,.photo-comparison>p a:hover,.photo-audience article a:hover{color:var(--accent-dark)}.photo-audience>div{grid-template-columns:1fr 1fr;gap:18px;margin-top:34px;display:grid}.photo-audience article{border:1px solid var(--line);background:var(--card);padding:34px}.photo-audience article p{color:var(--muted);line-height:1.7}.photo-comparison-wrap{margin-top:34px;overflow-x:auto}.photo-comparison table{border-collapse:collapse;background:var(--card);width:100%;min-width:680px}.photo-comparison th,.photo-comparison td{border-bottom:1px solid var(--line);text-align:left;padding:18px}.photo-comparison thead th{background:var(--graphite);color:#fff}.photo-faq dl{margin:32px 0 0}.photo-faq dl>div{border-bottom:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:34px;padding:24px 0;display:grid}.photo-faq dt{font-weight:800}.photo-faq dd{color:var(--muted);margin:0;line-height:1.7}.photo-closing{background:var(--graphite);color:#fff;grid-template-columns:1fr auto;align-items:center;gap:48px;margin-block:24px 110px;padding:46px;display:grid}.photo-closing h2{margin:12px 0;font-size:clamp(2.4rem,4vw,4.4rem)}.photo-closing p:not(.eyebrow){color:#bdb9b2}@media (width<=980px){.photo-hero{grid-template-columns:1fr}.photo-hero-visual{max-width:760px}.photo-details{grid-template-columns:1fr 1fr}.photo-details>div{grid-column:1/-1}}@media (width<=760px){.photo-hero{gap:34px;padding-top:44px}.photo-hero h1{font-size:clamp(2.35rem,11vw,4.05rem)}.photo-before-after{grid-template-columns:1fr;gap:10px}.photo-before-after>div:first-child{transform:none}.photo-before-after>i,.photo-reference-flow>i{transform:rotate(90deg)}.photo-choice{padding:58px 0 68px}.photo-choice-grid,.photo-style-gallery,.photo-audience>div,.photo-details{grid-template-columns:1fr}.photo-choice-grid>a{min-height:240px;padding:26px}.photo-section-heading,.photo-faq dl>div{grid-template-columns:1fr;gap:16px}.photo-scenario,.photo-how,.photo-audience,.photo-comparison,.photo-faq{padding:68px 0}.photo-reference-flow{grid-template-columns:1fr}.photo-details{margin-bottom:68px;padding:28px 22px}.photo-details>div{grid-column:auto}.photo-closing{grid-template-columns:1fr;gap:22px;margin-bottom:74px;padding:34px 24px}.photo-closing .button{width:100%}}
