/* Shared warmth and small brand details. Typography stays with the existing fonts. */
:root{--surface-soft:#fffcf8;--surface-pink:#e4eadb;--pink:#c4e889}
body{background:#fffdf8}
body .social-office,body .contact-v3{background:radial-gradient(ellipse at 85% 70%,#e8d8bd80,transparent 60%),#fffcf8}
body .current-work,body .focus-distinction,body .focus-personal{background:#fffcf8}
body .current-assignments>article{display:flex;flex-direction:column;background:#fffdf8;min-width:0}
.assignment-scene{margin:30px 0 0;padding-top:18px;border-top:1px solid #43235b26}
.assignment-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px 46px 3px 3px}
.assignment-scene figcaption{font-size:11px;line-height:1.5;color:#655c54;margin-top:9px}
body .current-assignments>article .assignment-scene{margin-top:auto}
body .current-assignments>article>p:last-of-type{margin-bottom:24px}
body .current-assignments .assignment-link{margin-bottom:24px}
.social-office figure,.contact-v3 figure{position:relative;isolation:isolate}
.social-office figure::before,.contact-v3 figure::before{display:block;width:auto;height:auto;background:none;content:'';position:absolute;z-index:-1;inset:18px -12px -12px 18px;border:1px solid var(--orange);border-radius:5px 80px 5px 5px;pointer-events:none}
.social-office figure img,.contact-v3 figure img{border-radius:5px 72px 5px 5px}
body .text-link{text-underline-offset:5px}
@media(prefers-reduced-motion:no-preference){
 .focus-arrived.about-working-photo::before,.social-office figure.focus-arrived::before{animation:brand-line-arrives 800ms ease-out both}
 .about-v3 figure.focus-arrived{animation:brand-photo-arrives 700ms ease-out both}
 @keyframes brand-line-arrives{from{opacity:0;transform:translate(-8px,-6px)}to{opacity:1;transform:none}}
 @keyframes brand-photo-arrives{from{opacity:.75;translate:0 10px}to{opacity:1;translate:0 0}}
}
@media(max-width:760px){.assignment-scene img{border-top-right-radius:32px}.social-office figure,.contact-v3 figure{margin-right:12px}}
@media(prefers-reduced-motion:reduce){.focus-arrived{animation:none!important}}