/* Second and third home sections, inspired by the reference motion. */
body:not(.inner-page) .three-works{position:relative;isolation:isolate;overflow:hidden;background:#080808}
body:not(.inner-page) .three-works:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 40%,#22231f 0,transparent 48%),linear-gradient(#080808,#101010);z-index:-1}
body:not(.inner-page) .three-works-inner{padding-top:85px;padding-bottom:75px}
body:not(.inner-page) .three-head{align-items:end;margin-bottom:46px}
body:not(.inner-page) .three-head h2{font:500 clamp(46px,5.2vw,78px)/1.04 Arial,"Microsoft YaHei",sans-serif;letter-spacing:-.06em}
body:not(.inner-page) .three-head>p{max-width:240px;line-height:1.8;text-align:right}
body:not(.inner-page) .three-grid{gap:14px}
body:not(.inner-page) .three-image{border-radius:14px;outline:1px solid #ffffff1c;outline-offset:-1px}
body:not(.inner-page) .three-card{transition:transform .35s cubic-bezier(.22,1,.36,1)}
body:not(.inner-page) .three-card:hover{transform:translateY(-7px)}
body:not(.inner-page) .three-card-info{padding-top:20px}
body:not(.inner-page) .three-card-info h3{font-size:20px}
body:not(.inner-page) .three-about{position:relative;overflow:hidden;isolation:isolate}
body:not(.inner-page) .three-about:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,#292b26 0,transparent 54%);opacity:.65;z-index:-1}
body:not(.inner-page) .three-about h2{font:500 clamp(44px,5vw,76px)/1.2 Arial,"Microsoft YaHei",sans-serif;letter-spacing:-.055em}
body:not(.inner-page) .three-about h2 em{color:#aaa}
body:not(.inner-page) .three-bio{border-left:1px solid #ffffff38;padding-left:clamp(25px,3vw,50px)}
body:not(.inner-page) .three-bio p{max-width:480px}
@media(prefers-reduced-motion:no-preference){body:not(.inner-page) .three-card{opacity:0;transform:translateY(34px)}body:not(.inner-page) .three-works.is-visible .three-card{animation:section-reveal .75s cubic-bezier(.22,1,.36,1) both}body:not(.inner-page) .three-works.is-visible .three-card:nth-child(2){animation-delay:.09s}body:not(.inner-page) .three-works.is-visible .three-card:nth-child(3){animation-delay:.18s}body:not(.inner-page) .three-works.is-visible .three-card:nth-child(4){animation-delay:.27s}body:not(.inner-page) .three-works.is-visible .three-card:hover{transform:translateY(-7px)}}
@keyframes section-reveal{to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){body:not(.inner-page) .three-head{display:block}body:not(.inner-page) .three-head h2{font-size:40px}body:not(.inner-page) .three-head>p{margin-top:15px;text-align:left}body:not(.inner-page) .three-bio{padding-left:22px}body:not(.inner-page) .three-about h2{font-size:42px}body:not(.inner-page) .three-card-info h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){body:not(.inner-page) .three-card{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}