.about-v5 { background:#f2f0ef;color:#0d0704; }
.about-v5 * { box-sizing:border-box; }
.about-v5__number { display:block;font:600 .78rem var(--font-text);letter-spacing:.13em;text-transform:uppercase; }
.about-v5__hero { min-height:100svh;display:grid;grid-template-columns:55% 45%;padding-top:66px; }
.about-v5__hello { padding:clamp(60px,8vw,130px) var(--gut) 45px;display:flex;flex-direction:column;align-items:flex-start; }
.about-v5__hello h1 { font:600 clamp(5.5rem,11vw,14rem)/.83 var(--font-display);letter-spacing:-.085em;margin:auto 0 35px; }
.about-v5__hello h1 em { color:#d53a30;font-style:normal; }
.about-v5__hello p { max-width:30ch;font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1.3;margin-bottom:35px; }
.about-v5__hello a,.about-v5__story a,.about-v5__interest a,.about-v5__contact a { color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;font-weight:600; }
.about-v5__hero figure { position:relative;min-height:610px;margin:0;background:#aaa;overflow:hidden; }
.about-v5__hero figure img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center; }
.about-v5__hero figcaption { position:absolute;left:20px;bottom:20px;background:#f2f0ef;padding:9px 12px;font-size:.75rem; }
.about-v5__story { display:grid;grid-template-columns:32% 1fr;gap:30px;padding:clamp(120px,14vw,220px) var(--gut); }
.about-v5__story>div { max-width:860px; }
.about-v5__story h2,.about-v5__inwork h2,.about-v5__contact h2 { font:600 clamp(4rem,7.8vw,10rem)/.9 var(--font-display);letter-spacing:-.07em; }
.about-v5__story h2 i { font-style:normal;color:#3469d0; }
.about-v5__story p { max-width:43ch;font-size:clamp(1.2rem,1.8vw,1.75rem);line-height:1.38;margin-top:45px; }
.about-v5__story p+p { margin-top:24px; }
.about-v5__story a { display:inline-block;margin-top:43px; }
.about-v5__inwork { background:#fdc434;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:clamp(85px,11vw,150px) var(--gut); }
.about-v5__inwork h2 { margin:44px 0 25px; }
.about-v5__inwork h2 span,.about-v5__interest h2 span,.about-v5__contact h2 span { color:#e30f14; }
.about-v5__inwork p { max-width:25ch;font-size:clamp(1rem,1.6vw,1.4rem);line-height:1.35; }
.about-v5__names { display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-content:center; }
.about-v5__names span { display:block;border-bottom:1px solid #111;padding:18px 0;font:600 clamp(1.5rem,2.3vw,2.5rem)/1 var(--font-display); }
.about-v5__interests { background:#111;color:#fff;padding:0 var(--gut); }
.about-v5__interest { display:grid;grid-template-columns:1fr 1fr;min-height:75svh;gap:clamp(35px,7vw,110px);align-items:center;padding:clamp(80px,9vw,130px) 0;border-bottom:1px solid #666; }
.about-v5__interest:last-child { border-bottom:0; }
.about-v5__interest>div { max-width:580px; }
.about-v5__interest h2 { font:600 clamp(4rem,7.5vw,9rem)/.86 var(--font-display);letter-spacing:-.07em;margin:35px 0; }
.about-v5__interest p { max-width:30ch;font-size:clamp(1.15rem,1.7vw,1.65rem);line-height:1.34;margin-bottom:40px; }
.about-v5__interest img { display:block;width:100%;max-height:75svh;aspect-ratio:4/5;object-fit:contain;background:#282828; }
.about-v5__interest--music img { transform:rotate(3deg); }
.about-v5__interest--shows img { transform:rotate(-3deg); }
.about-v5__contact { background:#3469d0;color:#fff;padding:clamp(100px,12vw,170px) var(--gut); }
.about-v5__contact h2 { margin:42px 0 45px; }
.about-v5__contact h2 span { color:#fdc434; }
.about-v5__contact a { display:inline-block;font-size:clamp(1.3rem,2vw,2rem); }
@media (max-width: 820px) { .about-v5__hero { display:flex;flex-direction:column;padding-top:62px; } .about-v5__hello { min-height:70svh;padding-top:60px; } .about-v5__hello h1 { font-size:clamp(5rem,17vw,10rem);margin:80px 0 40px; } .about-v5__hero figure { min-height:55svh; } .about-v5__story,.about-v5__inwork,.about-v5__interest { display:block; } .about-v5__story>div { margin-top:65px; } .about-v5__inwork__title { margin-bottom:55px; } .about-v5__interest img { max-height:65svh;margin-top:60px; } .about-v5__interest--shows img { margin-top:0;margin-bottom:60px; } }
@media (max-width: 500px) { .about-v5__hello h1 { font-size:19vw; } .about-v5__story h2,.about-v5__inwork h2,.about-v5__interest h2,.about-v5__contact h2 { font-size:12.5vw; } .about-v5__names { gap:0 15px; } .about-v5__names span { font-size:1.3rem; } }

.about-v5__favourites { list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px;padding:0;max-width:560px; }
.about-v5__favourites li { border:1px solid #777;border-radius:999px;padding:8px 12px;font-size:clamp(.85rem,1.1vw,1.05rem);line-height:1.1; }
.about-v5__interest .about-v5__favourites { margin-top:-10px; }