@media (max-width:1500px){
	.biz .body p br {display: none;}
}


@media (max-width:1200px){
	.story .grid {gap: 40px;}
	.video-box {max-width: 500px;}
	.story-slide .swiper-slide dl dd br {display: none;}
}

@media (max-width:1024px){
	.biz .cards {flex-wrap: wrap;}
	.biz .cards .card {flex: 0 0 calc(50% - 18px);}
	.biz .thumb img {width: 100%;}
	
	.gallery .container {padding-bottom: 40px;}
	.story-slide .swiper-slide ~ .swiper-slide::before {left: -10px;}
}


@media (max-width:900px){
  .m-nav>a{display:block;padding:16px 0;font-size:19px;font-weight:700;border-bottom:1px solid var(--line);color:var(--ink)}
  .story .grid{grid-template-columns:1fr;gap:46px}
  .people .quotes{grid-template-columns:1fr}
  .grow .list{grid-template-columns:1fr}
  .grow .b{flex:0 0 280px;min-width:280px}
  .grow .snav{display:none}
  .gallery .gr{grid-template-columns:1fr}
  .global .gcards{grid-template-columns:1fr}
  .feat{grid-template-columns:1fr;gap:40px}
  .hero{padding:130px 22px 100px}
  .zoomsec{height:220vh}
  .wordsec{height:150vh}
  .wordsec .stick{padding:0 24px}
  
  .story .grid {flex-wrap: wrap;}
  .video-box {max-width: 100%;}
  .story .txt {width: 100%;}
  
  .story-slide .swiper-slide dl dt {font-size: 20px;}
  
}

@media (max-width: 640px){
	.video-box .video-click img {max-width: 90px;}
	.lead {line-height: 1.5;}
	
	.biz .thumb {height: 140px;}
	
	.marquee {padding: 40px 0;}
	
	.people .quotes .q p br {display: none;}
	.feat .photo .comment h5 {font-size: 22px;}
	.feat .photo .comment span {font-size: 18px;}
	.feat .qa .block ~ .block {margin-top: 30px;}
	.feat .qa .q {font-size: 20px;}
	.feat .qa .a {font-size: 16px;}
	.feat .qa .a br {display: none;}
	.amrbox {padding: 0;}
	.amrbox .t {font-size: 20px;}
	.amrbox p {font-size: 16px;}
	
	.gallery .gall-slide .swiper-slide a h5 {font-size: 18px;}
	
	.chips {gap:10px 5px}
	.chips span {padding: 8px 12px; font-size: 14px;}
	.gallery .btn-area > a {font-size: 16px;}
	.gallery .btn-area .control .gall-paging {font-size: 16px;}
	.story-slide .swiper-slide dl dt {font-size: 18px;}
	.grow .tit {padding-bottom: 40px;}
	.grow .tit .control .story-paging {font-size: 16px;}
	
	.btn {height: 60px; font-size: 18px;}
}

@media (max-width: 480px){
	section {padding: 100px 0 !important;}
	.gallery .gall-slide .swiper-slide a h5 {font-size: 16px;}
	.btn {height: 50px; font-size: 16px; padding: 0 15px;}
	.eyebrow {font-size: 16px;}
	.global .gc {padding: 40px 15px 25px;}
	.global .gc h4 {font-size: 18px;}
	.global .gc p {line-height: 1.5;}
	.global .gc .flag {right: 15px; top: 15px; font-size: 16px;}
	.biz .cards .card {flex: 100%;}
	.biz .thumb {height: auto;}
	.biz .body h3 {font-size: 18px;}
	.marquee {padding: 25px 0;}
	.feat .photo .comment span {font-size: 16px;}
	.feat .photo .comment h5 {font-size: 20px;}
	.feat .qa .q {font-size: 18px;}
	.people .quotes .q {padding: 20px 15px 30px;}
	.people .quotes {gap: 20px}
	.gallery {margin-top: 100px;}
	.gallery h4 {font-size: 24px;}
	.gallery .sub-t {font-size: 16px;}
	.creed .in {padding-bottom: 160px;}
}

@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
  .m-visual .scroll-hint::after,.m-visual h1 .line span{animation:none;transform:none}
  .marquee .track{animation:none}
  .zoomsec,.wordsec{height:auto}
  .zoomsec .stick,.wordsec .stick{position:static;height:auto;padding:90px 24px}
  .zoomsec .imgbox{transform:none;border-radius:24px;height:60vh}
  .zoomsec .cap{opacity:1;transform:translateX(-50%)}
  .zoomsec .pre{display:none}
  .wordsec .txt span{color:#fff}
  .creed .panel{position:relative;height:auto;min-height:70vh}
}