.portrait-sections{--portrait-ink:#171717;font-family:Inter,Arial,sans-serif}.portrait-sections *,.portrait-sections :before,.portrait-sections :after{box-sizing:border-box}.portrait-framing,.portrait-backgrounds,.portrait-faq{padding:clamp(48px,7vw,88px) 24px}.portrait-framing,.portrait-faq{color:#171717;background:#f8f8f4}.portrait-section-heading{text-align:center;max-width:850px;margin:0 auto 32px}.portrait-section-heading>p:first-child{letter-spacing:.09em;margin:0 0 14px;font:900 12px/1.4 Inter,Arial,sans-serif}.portrait-section-heading h2{font:900 clamp(2.2rem, 5vw, 4.2rem)/.98 var(--font-display), Impact, sans-serif;text-transform:uppercase;text-wrap:balance;margin:0}.portrait-section-heading>p:last-child{text-wrap:balance;margin:18px 0 0;font-size:16px;line-height:1.6}.portrait-options{align-items:stretch;gap:20px;max-width:1180px;margin:auto;display:grid}.portrait-options--three{grid-template-columns:repeat(3,minmax(0,1fr))}.portrait-options--four{grid-template-columns:repeat(4,minmax(0,1fr))}.portrait-swipe-hint{display:none}.portrait-option{color:#171717;background:#f4a4d5;border:3px solid #171717;border-radius:14px;min-width:0;overflow:hidden;box-shadow:6px 6px #171717}.portrait-option:nth-child(2){background:#f7bd42}.portrait-option:nth-child(3){background:#d5ff00}.portrait-option:nth-child(4){background:#dbe3ff}.portrait-photo{aspect-ratio:4/5;cursor:zoom-in;background:#dadada;border:0;border-bottom:3px solid #171717;width:100%;padding:0;display:block;position:relative;overflow:hidden}.portrait-photo img,.portrait-reel__photo img{object-fit:cover;width:100%;height:100%;display:block}.portrait-photo>span,.portrait-reel__photo>span{color:#fff;background:#171717;border-radius:5px;padding:4px 9px;font-size:20px;line-height:1;position:absolute;bottom:10px;right:10px}.portrait-option__copy{padding:22px}.portrait-option__number{border:2px solid #171717;border-radius:5px;margin:0 0 12px;padding:4px 7px;font-size:11px;font-weight:900;display:inline-block}.portrait-option h3{font:900 clamp(1.45rem, 2.2vw, 2.1rem)/1 var(--font-display), Impact, sans-serif;text-transform:uppercase;margin:0}.portrait-option h3+p{margin:14px 0 0;font-size:14px;font-weight:550;line-height:1.6}.portrait-backgrounds{color:#fff;background-color:#171717;background-image:radial-gradient(#d5ff002b 1px,#0000 1px);background-size:12px 12px}.portrait-backgrounds .portrait-section-heading>p:first-child{color:#d5ff00}.portrait-mix-note{text-align:center;letter-spacing:.04em;max-width:900px;margin:36px auto 0;font-size:12px;font-weight:900;line-height:1.6}.portrait-showcase{color:#fff;background:#4269e7;padding:clamp(48px,7vw,88px) 0;overflow:hidden}.portrait-showcase .portrait-section-heading{padding-inline:24px}.portrait-reel{margin-top:18px;overflow:hidden}.portrait-reel__track{width:max-content;animation:70s linear infinite portrait-reel-scroll;display:flex}.portrait-reel--reverse .portrait-reel__track{animation-duration:65s;animation-direction:reverse}.portrait-reel__group{gap:16px;padding:0 16px 8px 0;display:flex}.portrait-reel__photo{cursor:zoom-in;background:#eee;border:3px solid #171717;border-radius:12px;flex:0 0 220px;width:220px;height:275px;padding:0;position:relative;overflow:hidden;box-shadow:4px 4px #171717}.portrait-reel__photo:focus-visible{outline-offset:-7px}.portrait-showcase__note{text-align:center;margin:28px 24px 0;font-size:13px;line-height:1.6}@keyframes portrait-reel-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.portrait-faq__list{max-width:860px;margin:auto}.portrait-faq details{border-top:2px solid #171717;padding:20px 0}.portrait-faq details:last-child{border-bottom:2px solid #171717}.portrait-faq summary{cursor:pointer;font-size:18px;font-weight:850;line-height:1.4}.portrait-faq details p{max-width:740px;margin:14px 0 0;font-size:16px;line-height:1.6}.portrait-sections button:focus-visible,.portrait-sections summary:focus-visible{outline-offset:4px;outline:3px solid #4269e7}.portrait-lightbox{color:#fff;background:#171717;border:2px solid #fff;border-radius:12px;max-width:94vw;max-height:94dvh;padding:46px 12px 12px}.portrait-lightbox::backdrop{background:#000d}.portrait-lightbox>img{object-fit:contain;width:auto;max-width:calc(94vw - 28px);height:auto;max-height:calc(94dvh - 64px);display:block}.portrait-lightbox__close{color:#fff;cursor:pointer;background:#171717;border:1px solid #fff;border-radius:4px;padding:7px 12px;font:800 12px/1 Inter,Arial,sans-serif;position:absolute;top:10px;right:12px}@media (width<=1000px){.portrait-options--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.portrait-framing,.portrait-backgrounds,.portrait-faq{padding:48px 20px}.portrait-options--three,.portrait-options--four{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:min(82vw,360px);grid-auto-flow:column;gap:18px;max-width:none;padding:0 8px 12px 0;display:grid;overflow-x:auto}.portrait-option{scroll-snap-align:start}.portrait-swipe-hint{text-align:center;letter-spacing:.08em;margin:-10px 0 22px;font:900 10px/1.4 Inter,Arial,sans-serif;display:block}.portrait-option__copy{padding:20px}.portrait-option h3{font-size:1.8rem}.portrait-reel__photo{flex-basis:160px;width:160px;height:200px}.portrait-reel__group{gap:12px;padding-right:12px}.portrait-reel__track{animation-duration:60s}.portrait-reel--reverse .portrait-reel__track{animation-duration:56s}}@media (prefers-reduced-motion:reduce){.portrait-reel{overflow-x:auto}.portrait-reel__track{animation:none}.portrait-reel__group[aria-hidden=true]{display:none}}.portrait-unity{color:#171717;background:#f4a4d5;padding:clamp(48px,7vw,88px) 24px}.portrait-unity__example{background:#f8f8f4;border:3px solid #171717;border-radius:14px;max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:6px 6px #171717}.portrait-unity__example img{width:100%;height:auto;display:block}.portrait-unity__example figcaption{text-align:center;border-top:3px solid #171717;padding:14px 18px;font-size:12px;font-weight:800;line-height:1.5}.portrait-unity__benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1000px;margin:32px auto 0;display:grid}.portrait-unity__benefits h3{margin:0 0 10px;font-size:20px;font-weight:900}.portrait-unity__benefits p{margin:0;font-size:15px;line-height:1.6}@media (width<=640px){.portrait-unity{padding:48px 20px}.portrait-unity__benefits{grid-template-columns:1fr;gap:22px}}
