.portrait-experiment h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.035em;font-weight:300;line-height:.94}.portrait-experiment h2 em{color:var(--accent);font-weight:300}.portrait-hero .experiment-deck{max-width:48rem}.portrait-hero .experiment-title h1{max-width:16ch}.portrait-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.portrait-actions .text-link{text-underline-offset:5px;text-decoration:underline}.portrait-demo{background:var(--cream);gap:44px;display:grid}.portrait-demo .section-heading>p:not(.eyebrow){max-width:40rem;line-height:1.7}.portrait-demo .button{margin-top:20px}.portrait-frame{background:#fff;border:1px solid #d8cdbd;justify-self:end;width:100%;min-width:0;max-width:500px;overflow:hidden;box-shadow:16px 16px #e6d9c7}.portrait-frame iframe{aspect-ratio:620/480;border:0;width:100%;display:block}.portrait-difference{gap:44px;display:grid}.portrait-grid{border-top:1px solid var(--line);display:grid}.portrait-grid article{border-bottom:1px solid var(--line);padding:28px 0}.portrait-grid article>span,.use-grid span{color:var(--accent);font-family:var(--font-display), Georgia, serif;font-size:1.5rem}.portrait-grid h3{font-family:var(--font-display), Georgia, serif;margin:32px 0 10px;font-size:1.85rem;font-weight:400}.portrait-grid p{color:var(--muted);margin:0;line-height:1.65}.portrait-uses h2{margin:16px 0 0;font-size:clamp(3rem,12vw,5.2rem)}.portrait-steps{gap:44px;display:grid}.portrait-steps .route-steps{margin:0}.portrait-prompt-section{background:#fcfbf8;gap:44px;scroll-margin-top:86px;display:grid}.portrait-prompt pre{overflow-wrap:anywhere;word-break:normal}.portrait-customise{gap:44px;display:grid}.portrait-customise>div:last-child>p{max-width:46rem;line-height:1.7}.variable-list{border-top:1px solid var(--ink);margin-bottom:34px}.variable-list p{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:18px;margin:0;padding:20px 0;display:grid}.variable-list code{color:var(--accent);font-weight:600}.portrait-uses{background:var(--ink);color:#fff}.portrait-uses .eyebrow{color:#ff9b92}.portrait-uses>h2{max-width:12ch}.portrait-uses>h2 em{color:#ff8278}.portrait-uses>p:last-child{color:#d7d3ce;max-width:52rem;line-height:1.7}.portrait-uses .use-grid span{color:#ff9b92}.use-grid{border-top:1px solid #444;margin:44px 0;display:grid}.use-grid article{border-bottom:1px solid #444;grid-template-columns:56px 1fr;align-items:baseline;gap:16px;padding:22px 0;display:grid}.use-grid p{font-family:var(--font-display), Georgia, serif;margin:0;font-size:1.45rem}.portrait-learning{background:var(--cream);gap:44px;display:grid}.portrait-learning p{max-width:44rem;line-height:1.75}.portrait-limits{gap:30px;display:grid}.limitation-list li:before{content:"—"}.experiment-cta>p:not(.eyebrow){max-width:40rem;margin:0 auto 34px;line-height:1.7}.experiment-cta .portrait-actions{justify-content:center}.portrait-turn h2{max-width:16ch}.portrait-experiment .experiment-footer{background:var(--stone);color:var(--ink)}.portrait-experiment .experiment-footer .wordmark{color:var(--ink)}.portrait-experiment .experiment-footer p{color:var(--muted)}.portrait-experiment .experiment-footer>a:last-child{color:var(--ink)}@media (min-width:760px){.portrait-demo{grid-template-columns:1fr 1fr;gap:6vw}.portrait-difference,.portrait-steps,.portrait-customise,.portrait-learning,.portrait-limits{grid-template-columns:.72fr 1.28fr;gap:8vw}.portrait-demo{align-items:center}.portrait-grid{grid-template-columns:1fr 1fr}.portrait-grid article{border-right:1px solid var(--line);min-height:260px;padding:34px 3vw}.portrait-grid article:nth-child(2n){border-right:0}.portrait-prompt-section{grid-template-columns:minmax(150px,.42fr) minmax(0,1.58fr);gap:8vw}.use-grid{grid-template-columns:repeat(3,1fr)}.use-grid article{border-right:1px solid #444;min-height:160px;padding:28px}.use-grid article:nth-child(3n){border-right:0}}@media (max-width:480px){.portrait-frame{box-shadow:8px 8px #e6d9c7}.portrait-frame iframe{aspect-ratio:620/570}.portrait-actions{flex-direction:column;align-items:stretch}.portrait-actions .button,.portrait-actions .text-link{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.portrait-frame iframe{opacity:1}}