.supper-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding-block:58px 74px}.supper-label{font-size:11px;font-weight:650;letter-spacing:.12em;color:var(--green);margin-bottom:30px}.supper-intro h1{font-size:clamp(64px,6.9vw,100px);line-height:.98;letter-spacing:-.065em;margin:0 0 30px}.supper-intro h1 em,.supper-signoff em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.supper-lede{font-size:19px;line-height:1.65;margin-bottom:30px;color:#515b52}.supper-intro .micro{font-size:12px;line-height:1.8;margin-top:19px}.supper-photo{margin:0}.supper-photo>img{width:100%;aspect-ratio:1;object-fit:cover}.supper-photo figcaption{padding-top:14px;display:flex;flex-direction:column;gap:4px}.supper-photo figcaption span{font-size:9px;letter-spacing:.12em;color:var(--muted)}.supper-photo figcaption strong{font-size:13px;font-weight:500}.supper-journey{border-top:1px solid var(--line);padding-block:66px 60px}.journey-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:46px}.journey-heading h2{font-size:43px;line-height:1.12;margin:0}.journey-heading>p{font-size:15px;margin:0;line-height:1.7}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.journey-title{display:flex;gap:13px;align-items:center;margin-bottom:12px}.journey-title>span{font-size:12px;color:var(--accent);font-weight:650}.journey-title h3{font-size:22px;margin:0}.journey-grid article>p{font-size:14px;line-height:1.65;min-height:47px;margin-bottom:26px;max-width:305px}.screen-stage{background:#f7f6f2;padding:30px 28px 0;overflow:hidden;height:572px}.screen-stage img{width:100%;max-width:256px;margin:auto;border:4px solid #252a24;border-radius:34px;box-shadow:0 15px 30px #20262114}.journey-footnote{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);padding-top:20px}.supper-migration{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:70px 80px;border-top:1px solid var(--line)}.migration-intro{padding-top:20px}.migration-intro .supper-label{margin-bottom:21px}.migration-intro h2{font-size:42px;margin-bottom:23px}.migration-intro>p:not(.supper-label){font-size:15px;max-width:395px;line-height:1.75}.migration-reads>a{display:flex;justify-content:space-between;gap:25px;text-decoration:none;border-bottom:1px solid var(--line);padding:23px 0}.migration-reads>a:first-child{border-top:1px solid var(--line)}.migration-reads span{font-size:9px;letter-spacing:.09em;color:var(--green)}.migration-reads h3{font-family:Georgia,serif;font-weight:400;font-size:25px;letter-spacing:-.035em;margin:8px 0}.migration-reads p{font-size:12px;margin:0}.migration-reads b{font-size:22px;font-weight:400;align-self:center}.supper-signoff{padding-block:50px 70px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.supper-signoff h2{font-size:51px;margin:0;line-height:1.05}.supper-signoff p{font-size:11px;margin:14px 0 0}.site-footer .footer-top{padding-block:40px}.site-footer .footer-bottom{padding-block:17px}
@media(max-width:1000px){.supper-hero{gap:35px}.supper-intro h1{font-size:74px}.journey-grid{gap:24px}.screen-stage{padding-inline:15px;height:510px}.journey-title h3{font-size:19px}.supper-migration{gap:50px}}
@media(max-width:760px){.supper-hero{grid-template-columns:1fr;padding-block:38px 0;gap:30px}.supper-intro h1{font-size:73px}.supper-label{margin-bottom:23px}.supper-lede{font-size:18px;margin-bottom:23px}.supper-photo figcaption{padding-top:12px;padding-bottom:30px}.supper-journey{padding-block:40px}.journey-heading{display:block;margin-bottom:32px}.journey-heading h2{font-size:34px}.journey-heading>p{margin-top:20px;font-size:14px}.journey-grid{grid-template-columns:1fr;gap:36px}.journey-title h3{font-size:24px}.journey-grid article>p{max-width:350px;min-height:0;margin-bottom:20px}.screen-stage{height:570px;padding:25px 35px 0}.screen-stage img{max-width:250px}.journey-footnote{flex-direction:column;gap:7px;font-size:10px}.supper-migration{grid-template-columns:1fr;gap:28px;padding-block:35px 40px}.migration-intro h2{font-size:34px}.migration-intro{padding-top:0}.migration-reads h3{font-size:25px}.supper-signoff{padding-block:37px 45px;display:block}.supper-signoff h2{font-size:43px;margin-bottom:25px}}

.supper-photo>img,.screen-stage img{height:auto}.supper-intro h1{font-size:clamp(64px,5.9vw,85px)}
@media(max-width:760px){.supper-intro h1{font-size:66px}}
