/* About is the landing page: video -> design -> Taerim -> creator -> inquiry. */
.site-header nav a[aria-current="page"]{border-bottom:1px solid currentColor}
.site-header nav .nav-design{opacity:1}
.page-home .video-first-hero{height:min(880px,94svh);min-height:660px}
.page-home .video-first-hero .hero-film video{object-position:center center}
.page-home .video-first-hero .hero-film:after{background:linear-gradient(90deg,#080b0acc 0%,#080b0a25 78%),linear-gradient(0deg,#080b0a80,transparent 70%)}
.page-home .about-design{background:#f5f4ef;color:#191919;padding-block:85px}
.about-design .eyebrow{color:#6d7066;font-size:12px;letter-spacing:.12em}
.about-design .video-section-heading h2{font-size:clamp(30px,3.5vw,52px)}
.about-design .video-section-note{color:#6a6d63}.about-design .video-text-link{border-color:#9a9e90}
.about-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 30px}
.about-design-grid .project-card{min-width:0}.about-design-grid .project-image{aspect-ratio:3/2;background:#e7e7df;border-radius:14px;overflow:hidden}
.about-design-grid .project-image img{width:100%;height:100%!important;object-fit:cover!important}
.about-design-grid .project-caption{margin-top:17px;display:flex;justify-content:space-between;gap:15px;align-items:start}
.about-design-grid .project-caption h3{font-size:20px;line-height:1.5;font-weight:500;letter-spacing:-.035em}
.about-design-grid .project-caption p{font-size:10px;line-height:1.6;color:#6d7066;margin-top:5px}
.about-design-grid .project-caption>span{font-size:20px}.about-design-grid .project-scope{font-size:10px;line-height:1.8;color:#74786c;margin-top:9px;display:flex;justify-content:space-between;gap:20px}
.about-design-grid .project-scope>span{white-space:nowrap;font-size:9px}
.page-home .home-taerim{background:#20211f;padding-block:85px}
.taerim-channel .channel-copy .taerim-explore{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;width:min(100%,310px);min-height:56px;margin-top:30px;padding:15px 25px;border:1px solid #b8b8ab;border-radius:999px;background:transparent;color:#f5f4ef;font-size:14px;line-height:1.5;transition:background-color .22s ease,color .22s ease,border-color .22s ease}
.taerim-channel .channel-copy .taerim-explore:hover,.taerim-channel .channel-copy .taerim-explore:focus-visible{background:#f5f4ef;color:#20211f;border-color:#f5f4ef}
.taerim-channel .channel-copy .taerim-explore>span:last-child{font-size:21px;line-height:1}
.taerim-series{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;list-style:none;margin:28px 0 0;padding:0;color:#c5c6bb;font-size:14px;line-height:1.4;letter-spacing:-.025em}
.taerim-series li{white-space:nowrap}.taerim-series li+li{padding-left:16px;border-left:1px solid #5a5e51}
.page-home .creator-about{background:#20211f;border-top:1px solid #ffffff1c;grid-template-columns:1fr 2fr;padding-block:56px}
.page-home .creator-about h2{font-size:28px}.page-home .creator-about div>p{font-size:15px;line-height:1.95;margin-top:17px;max-width:750px}
.page-home .creator-partners{border-top:0}
.page-home .home-footer{padding-top:58px}
@media(max-width:1050px){.site-header .header-controls{gap:20px}.site-header nav{gap:20px}.site-header nav a,.site-header .nav-inquiry{font-size:13px}}
@media(max-width:760px){
 .site-header{display:flex;flex-wrap:wrap;gap:14px 20px;padding:17px 22px;height:auto;min-height:108px;align-items:center}
 .site-header .wordmark{order:1;font-size:23px}.site-header .header-controls{display:contents}.site-header .language-picker{order:2;margin-left:auto}
 .site-header nav{order:3;width:100%;justify-content:space-between;gap:10px;display:flex;align-items:center}
 .site-header nav a,.site-header .nav-inquiry{font-size:12px;white-space:nowrap;padding:6px 0}
 .site-header nav a:last-child,.site-header nav a[href$="#taerim"],.page-home .site-header .nav-design,.page-film .site-header .nav-design{display:inline-flex}
 .page-home{padding-bottom:0}
 .page-home .video-first-hero{height:88svh;min-height:660px;max-height:850px;padding-top:150px}
 .page-home .video-hero-copy{padding-block:24px}.page-home .video-hero-copy h1{font-size:clamp(33px,8.5vw,52px)}
 .page-home .about-design,.page-home .home-taerim{padding-block:52px}
 .about-design .video-section-heading h2{font-size:31px}.about-design .video-section-heading .video-text-link{margin-top:12px}
 .about-design-grid{grid-template-columns:1fr;gap:30px}.about-design-grid .project-caption h3{font-size:19px}.about-design-grid .project-scope{font-size:10px}
 .page-home .creator-about{grid-template-columns:1fr;gap:17px;padding-block:38px}.page-home .creator-about h2{font-size:25px}.page-home .creator-about div>p{font-size:14px;margin-top:14px}
 .page-home .home-footer{padding-top:38px}
}

/* Compact desktop design overview; all four published projects stay reachable. */
@media(min-width:761px){
 .about-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
 .about-design-grid .project-image{aspect-ratio:16/10!important}
 .about-design-grid .project-caption{margin-top:14px;gap:10px}
 .about-design-grid .project-caption h3{font-size:16px;line-height:1.5;min-height:3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .about-design-grid .project-caption p{font-size:9px;line-height:1.6}
 .about-design-grid .project-scope{font-size:10px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.4em}
 .about-design-grid .project-scope>span{display:none}
}
.home-taerim .taerim-followers{margin:28px 0}
.home-taerim .taerim-followers>p{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;margin:0;color:#f5f4ef}
.taerim-followers strong{position:relative;display:inline-flex;align-items:flex-start;width:3.85ch;flex:none;font-family:Manrope,sans-serif;font-size:clamp(80px,7vw,108px);font-weight:500;line-height:1.05;letter-spacing:-.065em;font-variant-numeric:tabular-nums;white-space:nowrap;isolation:isolate}
.taerim-followers [data-count-value]{display:inline-block;transform-origin:left center}
.taerim-followers .follower-plus{font-size:.4em;line-height:1;margin:.14em 0 0 .12em;letter-spacing:0}
/* A single broadcast interruption, confined to the number — never a flashing panel. */
.taerim-followers strong:before{content:attr(data-signal);position:absolute;left:0;top:0;opacity:0;pointer-events:none;clip-path:inset(42% 0 42% 0)}
.taerim-followers strong:after{content:'';position:absolute;left:0;right:.3em;top:54%;height:1px;background:linear-gradient(90deg,transparent,#f5f4efbb 22%,#f5f4ef 55%,transparent);opacity:0;transform:scaleX(.1);transform-origin:center;pointer-events:none}
.taerim-followers [data-count-state="counting"] [data-count-value]{transform:scale(.74);letter-spacing:-.055em}
.taerim-followers [data-count-state="counting"] .follower-plus,.taerim-followers [data-count-state="blackout"] [data-count-value],.taerim-followers [data-count-state="blackout"] .follower-plus{opacity:0}
.taerim-followers [data-count-state="reveal"] [data-count-value]{animation:follower-lock .92s cubic-bezier(.16,1,.3,1) both}
.taerim-followers [data-count-state="reveal"] .follower-plus{animation:follower-plus .8s ease-out both}
.taerim-followers [data-count-state="reveal"]:before{animation:follower-signal .64s ease-out both}
.taerim-followers [data-count-state="reveal"]:after{animation:follower-flare .72s ease-out both}
@keyframes follower-lock{0%{opacity:.15;transform:translateY(.045em) scale(.97);filter:blur(2px)}18%{opacity:1;transform:translateY(0) scale(1.015);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes follower-signal{0%{opacity:0;transform:translateX(-.045em)}18%{opacity:.48;transform:translateX(.025em)}40%{opacity:.18;transform:translateX(-.012em)}100%{opacity:0;transform:none}}
@keyframes follower-flare{0%{opacity:0;transform:scaleX(.12)}24%{opacity:.65;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
@keyframes follower-plus{0%,30%{opacity:0;transform:translateY(.1em)}100%{opacity:1;transform:none}}
.taerim-followers p>span{font-size:13px;letter-spacing:.02em;color:#b8bbaf}
@media(max-width:760px){
 .page-home .motion-hero:not(.video-first-hero){padding-top:150px}
 .home-taerim .taerim-followers{margin:24px 0}.taerim-followers strong{font-size:clamp(76px,22vw,92px)}
 .taerim-series{gap:10px 12px;font-size:13px}.taerim-series li+li{padding-left:12px}
 .taerim-channel .channel-copy .taerim-explore{width:100%;max-width:340px;margin-top:26px}
}

/* Restore original motion for normal playback without overriding accessibility preferences. */
@media(prefers-reduced-motion:reduce){
 .taerim-followers [data-count-value],.taerim-followers .follower-plus{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
 .taerim-followers strong:before,.taerim-followers strong:after{animation:none!important;opacity:0!important}
 .taerim-channel .channel-copy .taerim-explore{transition:none}
 .page-home .motion-hero .hero-film,.page-home .motion-hero .kinetic-line>span,.page-home .motion-hero .hero-work-link span{animation:none!important}
 .page-home .motion-hero .kinetic-line>span{transform:none!important}
 .page-home .motion-hero .kinetic-words>span{transition:none!important}
}